/* @override 
	http://localhost:8888/grossstadt.de/css/styles.css
*/

*,html{ padding:0; margin:0; }

body{ font-family:Helvetica, Arial, Verdana, sans-serif; background-color:#000; color:#fff; text-align:center; }
.clear{ clear:both; height:0; overflow:hidden; }
img{ border:0; }

a{ color:#fff; }
strong{ color:#fff; }

ul#partner{ list-style:none; margin:0; padding:0 0 0 0; height:55px; color:#fff; }
ul#partner li{ float:left; margin:0 30px 0 0; }
ul#partner li a{ display:block; width:150px; height:35px; border:0px solid #313131; }
ul#partner li a span{ display:none; }

div#container{ margin:25px auto 0 auto; width:550px; text-align:left; }
div#container h1 a span{ display:none; }
div#container h1{ }
div#container h1 a{ border-top:1px solid #313131; border-bottom:1px solid #313131; display:block; width:100%; height:340px; background-image:url(../images/logo.jpg); background-repeat:no-repeat; background-position:center; }

h2{ font-size:18px; font-weight:normal; margin:25px 0 15px 0; padding:0; }

ul#navigation{ padding:25px 0 25px 15px; border-bottom:1px solid #313131; margin:0 0 25px 0; }
ul#navigation li{ line-height:1.4em; }
ul#navigation li a{ color:#fff; font-size:14px; }
ul#navigation li a:hover, ul#navigation li a.active, ul#navigation li a.active strong{ color:#a0ce27; }

p{ text-align:justify; font-size:12px; line-height:1.6em; padding:0 0 15px 0; color:#ccc; }
p strong{ color:#fff; }

ul#howtolist{ font-size:12px; padding:0 0 15px 0; list-style-type:decimal; list-style:none; }
ul#howtolist li{ line-height:1.8em; color:#ccc; }

ul#gewinne{ font-size:12px; padding:0 0 15px 0; list-style-type:decimal; list-style:none; }
ul#gewinne li{ line-height:1.8em; color:#ccc; }



/*
.vote{ margin:5px 0 25px -10px; }
#shortlist a{ outline: none !important; }
*/
.ratetext{ }


.vote_tax{ font-size:14px; margin:5px 0 0 10px; }
#shortlist div a img{ border:5px solid #fff; width:200px; height:134px; padding:5px;  margin:0 25px 0 0; }
#shortlist a:hover img{ border-color:#000; }

/* Lightbox 2.0 - Thanks */
#lightbox{ position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #171717; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0; }
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 9px "Lucida Grande", Helvetica, Arial, sans-serif; background-color: #171717; margin: 0 auto; line-height: 1.4em; color:#949994 !important; font-weight:normal !important; }
#imageData{ padding:0 10px; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.clearfix:after { content: ".";  display: block;  height: 0; clear: both; visibility: hidden; }
* html>body .clearfix { display: inline-block; width: 100%; }
* html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }









a:active{ outline: none !important; }
:focus{ −moz−outline−style: none !important; }





/* STAR RATING */
	.star-rating{
		float:left;
		list-style:none;
		margin-left:5px!important;
		padding:0px;
		width: 125px;
		height: 25px;
		position: relative;
		background: url(../alt_star.gif) top left repeat-x;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:25px;
		height: 25px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.star-rating li a:hover{
		background: url(../alt_star.gif) left bottom;
		z-index: 2;
		left: 0px;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:25px;
	}
	.star-rating a.two-stars{
		left:25px;
	}
	.star-rating a.two-stars:hover{
		width: 50px;
	}
	.star-rating a.three-stars{
		left: 50px;
	}
	.star-rating a.three-stars:hover{
		width: 75px;
	}
	.star-rating a.four-stars{
		left: 75px;
	}	
	.star-rating a.four-stars:hover{
		width: 100px;
	}
	.star-rating a.five-stars{
		left: 100px;
	}
	.star-rating a.five-stars:hover{
		width: 125px;
	}
	.star-rating li.current-rating{
		background: url(../alt_star.gif) left center;
		position: absolute;
		height: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}