@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;
		}
#wrapper {
	    border: 1px solid #000;
	    left: 50%;
	    margin-left: -350px;
	    position: absolute;
	    width: 730px;
        }
#maincontainer {
		width: 730px;
		height: 100%;
		background-color: #FFFFFF; 
		margin: 0 auto;
		}
#header {
	    width: 700px;
        }
#headcontainer {
		width: 700px;
		height: 150px;
		background-image: url(http://www.onepiece-rulez.de/toplist/layout/header.gif);
		background-repeat: no-repeat;
		margin: 0 auto;
		border: hidden;
		}
#menucontainer {
		width: 700px;
		height: 55px;
		margin-left: 15px;
		margin-top: 8px;
		margin-bottom: 15px;
		}
#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;
		}
#navigation {
		background: #ffffff url("title.png") repeat-x;
		color: #FFF;
		margin: 1px;
		padding-bottom: 7px;
		padding-top: 7px;
		text-align: center;
		width: 698px;
	}
#filters {
		float: left;
		margin: 15px;
	    }
#search {
		float: right;
		margin: 15px;
		text-align: right;
	    }
#content {
		clear: both;
		padding-left: 15px;
		padding-right: 15px;
	    }
#copyright {
		margin: 10px;
		text-align: center;
	    }

/* --------------------------------------------------------- 
	Links
----------------------------------------------------------*/
a {
		color: #322f29;
		text-decoration: none;
		}
a:hover {
		color: #c33434;
		text-decoration: underline;
		}
#statusbar a {
		color: #2d291f;
		text-decoration: none;
		}
#statusbar a:hover {
		color: #2d291f;
		text-decoration: none;
		}

/* --------------------------------------------------------- 
	Menu
----------------------------------------------------------*/
#menu {
		background-position: 0% 0%; position:relative;
		width: 700px;
		height: 25px; 
		background-color:transparent; background-repeat:no-repeat; background-attachment:scroll
		}

#mainNav{
		top: 152px;
		left: 85px;
		width: 700px;
		height: 30px;
		}
#subNav{
		top: 200px;
		left: 64px;
		width: 700px;
		height: 23px;
		font: bold 100%/160% Arial, Helvetica, sans-serif;
		margin-top: 10px;
		}
#adminmenu #subNav{
		top: 200px;
		left: 64px;
		width: 772px;
		height: 23px;
		font-weight: bold;
		}
#subNav ul {
		display: inline;
		padding: 0;
		margin: 0;
		}
#subNav ul li{
		display: inline;
		padding-right: 13px;
		}
#subNav ul li a{
		color: #322f29;
		}
#subNav ul li.selected a {
		color: #24221D;
		}
#subNav img {
		margin-bottom: 1px;
		}

/* --------------------------------------------------------- 
	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;
		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: 3px solid;
		border-color: #322f29;
		padding: 3px;
		margin: 3px;
		}
.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;
		}
/* Top Ranking Style */
.table_top_title {
	background: #ffffff url("title.png") repeat-x;
	font-size: 12px;
	font-weight: bold;
	color: #393939;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
}
.table_top_rank {
	background-color: #DCDCDC;
	font-size: 16px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}
.table_top_description { }
.table_top_banner {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
.table_top_stats {
	background-color: #f5f5f5;
	padding: 2px;
}
.table_top_rating {
	background-color: #f5f5f5;
	text-align: center;
}
/* Ranking Style */
.table_title {
	background: #ffffff url("title.png") repeat-x;
	color: #393939;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}
.table_rank {
	background-color: #DCDCDC;
	font-size: 16px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}
.table_description { width: 100%; }
.table_stats {
	background-color: #DCDCDC;
	padding: 2px;
	text-align: left;
}

/* Stats Style */
.stats_top {
	background: #ffffff url("title.png") repeat-x;
	color: #393939;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}
.stats_left { background-color: #DCDCDC; }
.stats1 {
	background-color: #DCDCDC;
	text-align: center;
}
.stats2 {
	background-color: #FFF;
	text-align: center;
}

/* Admin */
.darkbg {
  background-color: #737373;
  color: #fff;
}
.mediumbg {
	background: #4a4a4a url("title.png") repeat-x;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}
.lightbg {
	color: #000;
	background-color: #FFF;
}
.lightbgalt {
	color: #000;
	background-color: #DCDCDC;
}

table { width: 100%; }
/* No Borders Images */
img { border: 0; }

textarea, input {
	font-family: sans-serif;
	font-size: 12px;
}

.join_edit_error {
	background-color: #f0f0f0;
	border: 1px solid #f00;
	padding: 2px;
}

a.help { color: #f00; font-weight: bold; text-decoration: none; }
a.help:hover { color: #333; }