/*GENERAL*/

BODY{
	background-color: #000000;
	margin-top: 0px;
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #e2e2e2;
}

h1{
	font-size: 1.8em;
}

h2{
	font-size: 1.4em;
}

h3{
	font-size: 1.1em;
}

table {
	empty-cells: show;
	border-spacing: 1px;
}

tr:nth-child(odd){
	background-color: #a3a3a3;
}

tr:nth-child(even){
	background-color: #adadad;
}

th{
	background-color: #373737;
	font-weight: bold;
	white-space: nowrap;
}

td{
	font-size: 9pt;
	color: #000000;
	text-align: center;
	vertical-align: top;
}

td.position{
	font-weight: bold;
}

p.copyright{
	font-size: 10px;
	text-align: center;
}

p.hinweis{
	color: #ff8f20;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
}

p.kommentar{
	color: #999999;
}

p.kommentar:before{
	font-weight: bold;
	content: "Webmaster's Kommentar: ";
}

*.anmerkung{
	font-size: 7.5pt;
}

.left, td.left{
	text-align: left;
}

.right, td.right{
	text-align: right;
}

img{
	border: 0;
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

a, a:visited{
	color: #99ccff;
	text-decoration: none;
}

a:hover{
	color: #ff8f20;
}

.float-right{
	float: right;
}

.center {
	text-align: center;
}


#content{
	width: 820px;
	padding: 100px 0px 20px;
	margin: 0px auto;
}

#box1, #box2, #box3, #box4{
	width: 300px;
	margin: 15px;
	float: left;
}

#box2, #box3{
	width: 400px;
}

.boxtitle{
	background-color: #373737;
	padding:0px 10px;
	border-top: 1px solid #FFCE9D;
	border-bottom: 1px solid #FFCE9D;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	font-weight: bold;
}

.boxsubtitle{
	clear: both;
	font-weight: normal;
}


.boxcontent, .boxbottom{
	border: 1px solid #808080;
	margin: 2px;
	text-align: center;
}

.boxcontent{
	height: 150px;
	background-color: #808080;
	color: #000000;
	font-size: 8pt;
	overflow:hidden;
}

#box3 .boxcontent, #box4 .boxcontent{
	height: 260px;
}

.boxbottom{
	background-color: #000000;
	height: 39px;
}

.boxlist{
	border-bottom: 1px dotted #000000;
	margin-left: 5px;
	margin-right: 5px;
	text-align: left;
	line-height: 1.5;
}

.clear{
	clear: both;
}



/*HEADER*/

#header{
	position: fixed;
	width: 100%;
	height: 65px;
	left: 0px;
	top: 0px;
}

#header #logo{
	background: #373737;
	position: absolute;
	width: 100%;
	height: 34px;
	z-index: 1;
	left: 0px;
	top: 0px;
}

#header #logo img{
	margin:1px 7px;
}

#header #banner{
	background: #373737;
	position: absolute;
	width: 600px;
	height: 65px;
	z-index: 2;
	right: 0px;
	top: 0px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

#header #banner #useronline{
	width: 110px;
	float: left;
	margin-top: 10px;
	width: 110px;
	height: 62px;
	font-size: 8pt;
	color: #ff8f20;
	line-height: 1.7;
	text-align: center;
}

#header #banner #bannerimg{
	width:485px;
	float:left;
}



/*HOMEPAGE*/

noscript{
	text-align: center;
}

#homeimage{
	width: 560px;
	height: 470px;
	float: left;
	margin-bottom: 30px;
	background-image: url(/images/schnecken/logo.jpg);
}

#homenews{
	width: 560px;
	float: left;
	margin-bottom: 30px;
}

#homebanner{
	background-color: #373737;
	width: 520px;
	float: left;
	border-top: 1px solid #FFCE9D;
	border-bottom: 1px solid #FFCE9D;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 30px;
}

#homeboxes{
	top: 0px;
	right: 0px;
	width: 240px;
	float: right;
}



/*NAVIGATION*/

#menufix{
	padding-top: 50px;
	height: 100%;
	width: 220px;
}

#navigation{
	padding-top:20px;
}

a.pitem, a.sitem{
	background: #373737;
	border: #000000 1px solid;
	margin-top: -1px;
	padding: 4px;
	padding-left: 4px;
	display: block;
	-moz-box-sizing: border-box;
	font-family: sans-serif;
	font-weight: bold;
	color: #99ccff;
	text-decoration: none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

a.pitem:active, a.pitem:hover, a.sitem:active, a.sitem:hover, a.sel{
	background-color: #FFCE9D;
	color: #000000;

}

a.pitem:active, a.pitem:hover, a.sitem:active, a.sitem:hover{
	text-decoration: none;
}

a.pitem{
	font-size: 11pt;
	line-height: 12pt;
}

a.sitem{
	margin-left: 20px;
	font-size: 9pt;
	line-height: 9pt;
}



/*Listentries*/

.listentry{
	margin-bottom: 30px;
	padding: 0px 10px;
}

.listentry .boxtitle{
	text-align: left;
	margin-bottom: 5px;
}



/*Mainpage*/

.menuboxground{
	position: relative;
	background-color: #373737;
	width: 240px;
	padding: 8px;
	text-align: center;
	margin-bottom: 20px;
}

.menuboxborder_lefttop, .menuboxborder_rightbottom{
	position: absolute;
	width: 15px;
	height: 15px;
}

.menuboxborder_lefttop{
	left: 0px;
	top: 0px;
	border-left: 1px solid #ff8f20;
	border-top: 1px solid #ff8f20;
}

.menuboxborder_rightbottom{
	right: 0px;
	bottom: 0px;
	border-right: 1px solid #ff8f20;
	border-bottom: 1px solid #ff8f20;
}



/*VOTING*/

.voting_success{
	color: green;
}

.voting_error{
	color: darkred;
}



/*SOCIALMEDIA-ICONS*/

#socialmedia{
	padding-top: 25px;
}

#socialmedia a img{
	padding-right: 10px;
	opacity: .5;
	filter: alpha(opacity=50);
}

#socialmedia a:hover img{
	opacity:1;
	filter: alpha(opacity=100);
}



/* TEST NEW LAYOUT */
.newlayout{
	border-spacing: 3px;
	width: 100%;
}

.newlayout th,
.newlayout tr > td{
	border-radius: 5px;
}

.newlayout tr{
	background-color: #000000;
}

.newlayout th{
	font-size: 11pt;
	background-color: #373737;
	border: 5px solid #373737;
}

.newlayout td{
	font-size: 10pt;
	vertical-align: top;
}

.newlayout tr:nth-child(odd) > td{
	background-color: #d9d9d9;
	border: 5px solid #d9d9d9;
}

.newlayout tr:nth-child(even) > td{
	background-color: #e6e6e6;
	border: 5px solid #e6e6e6;
}

.newlayout td > span{
	padding: 2px 10px;
	margin-top: 5px;
	display: block;
	text-align: right;
	background-color: #373737;
	font-size: 7pt;
}

.newlayout td > span > .votes,
.newlayout td > span > .vote{
	font-weight: bold;
}

.newlayout td > span > a{
	text-shadow: 0px -1px 0px #EEEEEE, 0px 1px 0px #555555;
}

.newlayout tr:nth-child(odd) > td > span {
	background-color: #a3a3a3;
	background: -webkit-linear-gradient(left, #d9d9d9, #a3a3a3); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #d9d9d9, #a3a3a3); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #d9d9d9, #a3a3a3); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #d9d9d9, #a3a3a3); /* Standard syntax */
}

.newlayout tr:nth-child(even) > td > span {
	background-color: #adadad;
	background: -webkit-linear-gradient(left, #e6e6e6 , #adadad); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #e6e6e6, #adadad); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #e6e6e6, #adadad); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #e6e6e6, #adadad); /* Standard syntax */
}