@charset "utf-8";
/* CSS Document */

/* --------------------------------------------------------- 

	CSS for OnePiece-Rulez.de

----------------------------------------------------------*/

/* --------------------------------------------------------- 
	Body
----------------------------------------------------------*/

body{
		font: 75%/160% Arial, Helvetica, sans-serif;
		line-height: 1.7em;
		height: 100%; 
		margin: 0px;
		background-image: url(http://www.onepiece-rulez.de/img/layout/background.gif); background-repeat:repeat-x; background-attachment: fixed; background-color: #494949;
		}
#maincontainer {
		width: 730px;
		height: 100%;
		background-color: #FFFFFF; 
		margin: 0 auto;
		}
#headcontainer {
		width: 700px;
		height: 150px;
		background-image: url(http://www.onepiece-rulez.de/img/layout/header6th.png);
		background-repeat: no-repeat;
		margin: 0 auto;
		border: hidden;
		}
#menucontainer {
		width: 700px;
		height: 55px;
		margin-left: 15px;
		margin-top: 8px;
		margin-bottom: 15px;
		background-image: url(http://www.onepiece-rulez.de/img/layout/nav_bg.png);
		background-repeat: no-repeat;
		}
#contentcontainer {
		width: 700px;
		height: 100%;
		margin-left: 15px;
		background-color: #f5f5f5;
		}
.bannercontainer {
		width: 665px;
		height: 25px;
		background-repeat: no-repeat;
		background-color: #f5f5f5;
		margin: auto;
		margin-bottom: 15px;
		}
#content {
		width: 670px;
		height: 100%;
		margin: auto;
		border: hidden;
		color: #322f29;
		}
.bottomcontainer {
		width: 700px;
		height: 20px;
		color: #322f29;
		margin-bottom: 5px;
		background-color: #FFFFFF;
		}

/* --------------------------------------------------------- 
	Links
----------------------------------------------------------*/
a {
		color: #322f29;
		text-decoration: none;
		}

a:hover {
		color: #c33434;
		background-color: #FFF;
		}
#statusbar a {
		color: #2d291f;
		text-decoration: none;
		}
#statusbar a:hover {
		color: #2d291f;
		text-decoration: none;
		}

/* --------------------------------------------------------- 
	Menu
----------------------------------------------------------*/
#subNav{
		top: 200px;
		left: 64px;
		width: 700px;
		height: 23px;
		font: bold 100%/160% Arial, Helvetica, sans-serif;
		margin-top: 10px;
		}
#subNav ul {
		display: inline;
		color: #322f29;
		padding: 0;
		margin: 0;
		}
#subNav ul li{
		display: inline;
		padding-left: 9px;
		padding-right: 9px;
		}

/* --------------------------------------------------------- 
	Images //Navimenue
----------------------------------------------------------*/

img {
		border: 0px;
		}

/* --------------------------------------------------------- 
	Tabellen
----------------------------------------------------------*/

td, th {
		color: #322f29;
		line-height: 18px;
		}
.tab1{
		background-color: #f5f5f5;
		}
.tab2{
		background-color:#f0f0f0;
		}

/* --------------------------------------------------------- 
	Headlines
----------------------------------------------------------*/

h1{
		text-align: center;
		font: bold 160%/100% Arial, Helvetica, sans-serif;
		color: #322f29;
		margin-top: 30px;
		margin-bottom: 30px;
		}
h1.news{
		font: bold 140%/100% Arial, Helvetica, sans-serif;
		text-align: left;
		margin-top: 0px;
		margin-bottom: 5px;
		}
h2{
		background-color: #FFFFFF;
		font: bold 120%/160% Arial, Helvetica, sans-serif;
		color: #322f29;
		text-indent: 5px;
		margin: 0;
		margin-top: 20px;
		margin-bottom: 20px;
		}
h2.color{
		color: #c33434;
		}
h2.center{
		text-align: center;
		}
h3{
		font: bold 120%/160% Arial, Helvetica, sans-serif;
		letter-spacing: 2px;
		font-weight: bold;
		}
h3.klein{
		font-size: 11px;
		}
h4{
		font: bold 120%/160% Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
		font-style: italic;
		font-weight: lighter;
		margin-left: 10px;
		}
h5{
		font: bold 100%/160% Arial, Helvetica, sans-serif;
		}
h6{
		font: bold 90%/160% Arial, Helvetica, sans-serif;
		margin: 0;
		}

/* --------------------------------------------------------- 
	Misc
----------------------------------------------------------*/

.quelle{
		font: italic 100%/160% Arial, Helvetica, sans-serif;
		float: right;
		}
.thumbnail img{
		border: 2px solid;
		border-color: #322f29;
		padding: 3px;
		margin: 3px;
		}
.thumbnail img:hover{
		border-color: #c33434;
		}
.dotted{
		border-bottom: 1px dotted #c33434;
		letter-spacing: 1px; 
		margin-left: 3px; 
		margin-right: 3px;
		}
.initial_left{
		font-size: 15px;
		font-family: Georgia, serif;
		margin-bottom: 40px;
		}
.color{
		color: #c33434;
		}
.alphabet{
		font: 160%/160% Georgia, Arial, Helvetica, sans-serif;
		word-spacing: 5px;
		}
.pics{
		padding: 10px;
		text-align: center;
		}
.newsbg{
		background-color: #FFF;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 10px;
		line-height: 1.7em;
		}
.newskommentare{
		float: right;
		font: bold 100%/160% Arial, Helvetica, sans-serif;
		margin-top: -22px;
		margin-right: 10px;
		}
div.combod {
		background-color:#DFDFDF;width:653px;
		}
div.combod span.combodTop {
		display:block;height:8px;
		padding-left:15px;
		background-image:url(/syrus/commentbg.png);
		}
div.combod span.combodBot {
		display:block;
		height:19px;
		padding-left:15px;
		background-image:url(/syrus/commentbg.png);
		background-position:bottom left;
		}
div.comright {
		float:left;
		width:653px;
		}
div.commi {
		margin-left:15px; 
		margin-right:15px;
		}