/*********************/
/*********************/
/*- Layout-Elements -*/
/*********************/

	* {
		margin: 0;
		padding: 0;
		font-family: Arial, sans-serif;
	}

	img {
		border: 0;
	}

	html { 
		height: 100% 
	} 

	body { 
		/*position: relative;
		background: #DD0029 url(../ui/body_bg.gif) left top repeat-x;*/
		background-color: #DD0029;
		height: 100%;
		width: 100%;
		/*-webkit-text-stroke: 1px transparent;*/
	}
	
	#background {
		width: 100%;
		text-align: center;
	}
	
	#page {
	    width: 997px;
		height: 602px;
		background: #DD0029 url(../ui/page_bg.jpg) 5px top no-repeat;
	    text-align: left;
		left: 50%;
		margin-left: -498px;
		position: absolute;		
	}
	
	.home #page {
		background: #DD0029 url(../ui/page_bg.png) 5px top no-repeat;
	}
	
	#header {
		
	}	
	
	#footer { 
		color: #FFFFFF;
		left: 42px;
		padding-top: 40px;
		position: absolute;
		text-align: left;
		width: 400px;
		font-size: 11px;
	}
	
	#footer a { color: #FFFFFF; }
	
	/* nav main */
	
		#nav_main {
			padding-top: 22px;
		}	
		
		#nav_main ul {
			height: 55px;
			background: url(../ui/menu_bg.jpg) left top no-repeat;
			overflow: hidden;
		}
		
		#nav_main ul.act_2 { background-position: 0 -56px; }
		#nav_main ul.act_3 { background-position: 0 -112px; }
		
		#nav_main ul li {
			display: block;
			float: left;
			text-align: center;
		}	
		
		#nav_main a:link, #nav_main a:visited, #nav_main a:hover, #nav_main span.singleItem {
			color: #CCCCCC;
			font-weight: bold;
			text-decoration: none;
			font-size: 13px;
			line-height: 55px;
			background: transparent url(../ui/menu_arrows.gif) left -20px no-repeat;
			padding-left: 14px;
		}	
		
		#nav_main a:hover {
			color: #FFFFFF;
			background-position: left -44px;
		}	

		.link1  { width: 130px; }
		.link2  { width: 120px; }
		.link3  { width: 170px; }	
		
		#nav_main .act_1 .link1 a, #nav_main .act_2 .link2 a, #nav_main .act_3 .link3 a,
        #nav_main .act_1 .link1 a:hover, #nav_main .act_2 .link2 a:hover, #nav_main .act_3 .link3 a:hover,
		#nav_main span.singleItem { 
			color: #DD0028; 
			font-size: 16px;
			background: transparent url(../ui/menu_arrows.gif) left 3px no-repeat;
			padding-left: 14px;
		}		
        
		#nav_main span.singleItem { cursor: default; }
		
		html > #nav_main .act_2 .link2 a { 
			position: relative;
			/*left: -5px;*/
		}
		
		
	#main {
		margin:0 0 0 64px;
		width: 900px;
		height: 466px;
		position: relative;
	}	
	
	.simplePage {
		margin: 35px 70px;
	}	
	
	#content {
		width: 452px;
		height: 462px;
		background: url(../ui/content_bg.jpg) 0px 60px no-repeat;
		float: left;
		/*position: relative;*/
	}	
	
	#content_inner {
		padding: 0 30px;
		margin-right: 30px;
		text-align: center;
		font-size: 11px;
		color: #666666;
		/*position: relative;*/
	}
	
	#content_related {
		margin: 0 0 0 452px;
		padding: 0;
		width: auto;
	}	
	
	/* related content */
	
		.related_top {
			/*overflow: hidden;*/
		}	
		
		.lastImage {
			background: url(../ui/lastImageBox.png) left top no-repeat;
			overflow: hidden;
			padding: 0;
			height: 310px;
			width: 261px;
			position: absolute;
			top: 29px;
		}		
		
		.lastImage div { margin: 8px 10px 0 0; }
		
		.lastImage h2 {
			font-size: 14px;
			font-weight: bold;
			text-align: center;
			margin-bottom: 0;
			line-height: 24px;
		}	
		
		.lastImage img {
			border: 0px solid #fff;
			
		}			
		
		.lastImage p {
			color: #333333;
			font-size: 12px;
			text-align: center;
			margin: 0;
		}	
		
		p.nick {
			color: #000000;
			font-size: 14px;
		}		
		
		.rollover p.nick {
			padding-top: 0.9em;
			font-size: 14px;
			color: #000000;
		}		
		
		.rollover p.nick strong { color: #DC0027; }
		
		p.score {
			color: #DC0027;
			font-size: 18px;
			margin: 4px 0 0;
		}	
		
		.rollover p.score {
			font-size: 17px;
		}
		
		.rollover p.score strong,
		.rollover p.score br { display: none; }
		
		.lastImage p.yourscore {
			color: #FF3300;
			font-size: 14px;
		}	
		
		.lastImage p.lastImg {
			padding: 20px 0;
		}		
		
		.lastImage p.lastImg span {
			position: relative;
			display: inline-block;
		}		
		
		.intro {
			padding: 40px 0 0;
			color: #000000;
			width: 260px;
		}		

		.intro h2 {

		}
		
		.intro div { 
			font-size: 16px;
			line-height: 22px; 
		}
		
		.intro ul {
			list-style-type:none;
		}	
		
		.intro li {
			color:#0066CC;
			font-size:18px;
			line-height:120%;
			margin-bottom:0.5em;
		}
		
		.intro a.button {
		    display: block;
			background: transparent url(../ui/button_join_in.png) left top no-repeat;
			height: 42px;
			width: 191px;
			margin-top: 14px;
		}

		
		.upload_enter {
		    display: none;
			background: url(../ui/upload_enter.gif) left top no-repeat;
			width: 238px;
            height: 129px;
			padding: 15px 15px 0;
			font-size: 12px;
			position: absolute;
			bottom: 0;
		}
		
		.upload_enter h2 {
			font-size: 16px;
		}
	
	    .link_button {
			display: block;
			height: 26px;
			margin: 8px 0 0 9px;
			width: 140px;		
		}
		
		img#enter_upload {
		    height: 26px;
			width: 140px;
		}
		
	
	/* rating */
	    #ratingText {
			position: absolute; 
			left: 20px; 
			bottom: 60px;	 
			width: 78px;	
			text-align: left; 
		}
		
		#rating {
			margin: 10px -10px;
		}	
		
		#ratingInfo {
			text-align: center;
			padding: 0.5em;
			color: #DD0027;
			font-size: 18px;
			font-weight: bold;
		}	
		
		#rating ul { float: left; }
		
		#rating ul li {
			float: left;
			display: block;
			width: 26px;
			height: 29px;
			background: url(../ui/rating.gif) left top no-repeat;
			cursor: pointer;
			overflow: hidden;
		}	
		
		#rating ul li a:link, #rating ul li a:visited, #rating ul li a:hover {
			display: block;
			height: 100%;
			text-indent: -100px;
		}	
		
		#rating ul li.rate_1 { width: 25px; }
		#rating ul li.rate_2 { background-position: -25px top; }
		#rating ul li.rate_3 { background-position: -50px top; }
		#rating ul li.rate_4 { background-position: -76px top; }
		#rating ul li.rate_5 { background-position: -102px top; }
		#rating ul li.rate_6 { background-position: -128px top; }
		#rating ul li.rate_7 { background-position: -154px top; }
		#rating ul li.rate_8 { background-position: -180px top; }
		#rating ul li.rate_9 { background-position: -206px top; }
		#rating ul li.rate_10 { background-position: -232px top; }
		
		#rating span {
			color: #DD0029;
			float: left;
			padding: 5px 5px 0 0;
			font-size: 14px;
			font-weight: bold;
			
		}	
		
		#rating div#imageText {
		   clear: left;
		   margin-left: 20px;
		}
		
		* html #rating div#imageText { margin-top: -10px; }
		
		*+html #rating div#imageText { margin-top: -10px; }
		
		

	/* text styles */
		
		h2 {
			color: #000000;
			font-weight: normal;
			font-size: 24px;
			line-height: 28px;
			margin: 0 0 0.5em 0;
		}
		
		ol {
			list-style-type: none;
			padding: 0.5em 0 1em 0;
			color: #333;
			font-size: 14px;
		}		
		
		ol li {
			margin: 0 0 0.5em 0;
		}	
		
		ol img {
			margin-right: 0.4em;
		}
	
	    .important {
		    color: #DC0028;
		}
		
		a, input { 
			color: #EB1110; 
			text-decoration: none; 
		    -webkit-box-shadow: none !important;
		    box-shadow: none !important;
		    outline-color: #ffffff !important;
		    outline-width: 0px;
		}
	
	
	/* text styles */
	
		#gallery {
			border: 0px dotted #fff;
			margin: 10px auto 0;
			/*padding: 4px 0 0 4px;height: 320px;*/
			width: 348px;
			min-height: 330px;
			text-align: left;
			overflow: hidden;
		}

		.thumbnail {
			float: left;
			margin: 0 4px 4px 0;
			background: #fff;
			width: 112px;
			height: 159px;
			border: 0px solid red;
		}
		
		.thumbnail img {
			 /*
			 border-right: 4px solid #fff;
			 border-bottom: 4px solid #fff;
			 */
		}
		
		.thumbnail a { 
			position: relative; 
			height: 100%; 
			width: 100%;
			display: block;	
		}
		
		body .votedSign {
			position: absolute;
			right: 0px;
			bottom: 0px;
			border: 0 none !important;
			opacity: 0.8;
			-moz-opacity: 0.8;
			filter: alpha(opacity=80);
		}
		
		

		.spacer{
			clear: both;
		}
		
		.gallery_prev, .gallery_next {
			position: absolute;
			width: 35px;
			height: 36px;
			display: block; 
			overflow: hidden;
			text-indent: -1000px;
			background: url(../ui/gallery_prev.png) left top no-repeat;
			cursor: pointer;
		}	

		.gallery_prev {
			left: -15px;
			top: 230px;
		}		
		
		.gallery_next {
			left: 406px;
			top: 230px;
			background: url(../ui/gallery_next.png) left top no-repeat;
		}	

	/* upload form */

		
		#uploadForm h2 img,
		#gewinnspielForm h2 img		{
			position: relative; 
			left: -0.2em;
		}
		
		#uploadForm, #gewinnspielForm {
			background: url(../ui/box_big_bg.gif) left top no-repeat;
			background: url(../ui/form_top.gif) left top no-repeat;
			padding: 20px 0 0 0;
			width: 895px;
			height: auto;
		}
		
		.upload_outer {
			background: url(../ui/form_bottom.gif) left bottom no-repeat;
			padding: 0 0 20px 0;
		}	
		
		.upload_inner {
			background: #ebebeb;
			border-color: #CC1316;
			border-style: solid;
			border-width: 0 2px;
			
			position: relative;
		}
				
		.formrow {
			margin-bottom: 8px;
			font-size: 12px;
		}	
		
		.formrow input {
			padding: 3px 0 3px 1px;
			width: 99.9%;
			border: 1px solid #CCCCCC;
		}		
		
		* html .formrow input { width: 98%; }
		
		.formrow_single input {
			/*width: 90%;*/
		}		
		
		.formrow input.file_input {
			width: 467px;
			padding: 4px 0;
		}		
		
		.formrow .formrow_left {
			float: left;
			width: 48%;
		}		
		
		.formrow .formrow_right {
			width: auto;
			margin-left: 51.9%;
		}
		
		.zipcode_row .formrow_left { width: 20%; }
		.zipcode_row .formrow_right { margin-left: 24%; }
		
		.street_row .formrow_left { width: 76%; }
		.street_row .formrow_right { margin-left: 80%; }
		
		label {
			font-size: 12px;
			display: block;
			padding-bottom: 0.3em;
		}
		
		.checkbox_input,
		.radio_input {
			float: left;
			width: 20px !important;
			height: 20px; 
		}
		
		.radio_input { margin: 0px; }
		
		.checkbox_label { line-height: 20px; }
		
		.upload_intro {
			font-size: 16px;
			margin: 0 0 1em 0;
		}		
		
		.disclaimer {
			color: #666;
			font-size: 11px;
			margin-bottom: 1em;
		}	
		
		input { color: #000000; }
		
		input.submit {
			width: 197px;
			height: 46px;
			display: block;
			/*margin: 1em auto 0 auto;*/
			background: transparent url(../ui/button_submit.png) left top;
			border: none;
			line-height: 46px !important;
			text-indent: -5000px;
			cursor: pointer;
			position: absolute;
			top: auto !important;
			bottom: -46px;
			right: 30px;
		}
		
		#uploadForm #message,
		#gewinnspielForm #message2 {
		    display: none;
		    border: 3px solid #CC0000;
			border-width: 3px 0;
			padding: 10px;
			color: #CC0000;
			font-size: 13px;
			background-color: #F5F5F5;
			margin-bottom: 1em;
		}
		
		#uploadForm #closebutton,
		#impressumBox #closebutton2,
		#gewinnspielForm #closebutton3 {
			position: absolute;
			right: 17px;
			top: -4px;
			cursor: pointer;
		}		
		
		.rolloverClose {
			position: absolute;
			right:16px;
			top:8px;
			cursor: pointer;
		}
		
		#uploadForm, #gewinnspielForm {
			display: none;
			position: absolute;
			top: 50px;
			z-index: 999;
		}	
		
		#shadowLayer {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: #222;
			opacity: 0.95;
			-moz-opacity: 0.95;
			filter: alpha(opacity=95);			
			z-index: 899;
			display: none;
		}
		
	/* Validierung */
        .mandatory { color: #CC0000; }
		
		.vanadium-advice {
			border: 1px solid #ff0000;
			padding: 5px;
			margin-top: 5px;
			/*width: 210px;*/
			float: none !important;
			margin-right: 0 !important;
			font-size: 75%;
			color: #f00;
		}
		
		
		
    a#gewinnspielbutton {
        background: transparent url(../ui/button_gewinnspiel.png) 0 0 no-repeat;
        width: 218px;
        height: 66px;		
		display: block;
		left: 495px;
		top: 446px;
		position: absolute;
		z-index: 799;
    } 	
	
	div.selection_pen div{
	    padding-left: 80px;
		padding-top: 38px;
		line-height: 20px;
	}
	
	div.selection_pen {
		background: transparent url(../ui/radiobutton_pen_red.png) center top no-repeat;
		width: 292px;
		height: 53px;
		font-size: 12px;
		margin-bottom: 30px;
	}
	
	div#selection_pen_lime {
		background-image: url(../ui/radiobutton_pen_lime.png);
	}
	
	div#selection_pen_blue {
		background-image: url(../ui/radiobutton_pen_blue.png);
	}	
	
	
	
	
	/* Layout */	
	    .col {  
		    float: left;
			line-height: 20px;
		} 
		
		.twoCols .col {  
			width: 48%;
		}

		.twoCols .right {
			width: auto;
			margin-left: 52%;
		}

		.threeCols .col {  
			width: 29%;
		}
		
		.threeCols .right {
			width: auto;
			margin-left: 57.9%;
		}
		
		.wrapper {
			padding: 15px;
		}
			
			
			
		#uploadForm .wrapper { padding: 0 26px; }
	
	
	
	
	/* Impressum */
        #impressumBox { 
			display: none; 
		    background: transparent url(../ui/box_bg.gif) 0 0 no-repeat;
			width: 454px;
			height: 454px;	
			position: absolute;
			top: 100px;
			left: 300px;
			z-index: 1000;
			opacity: 0.9;
			-moz-opacity: 0.9;
			filter: alpha(opacity=90);
		}	
		
		#impressumBox .boxInner {
		    padding: 20px; 
			font-size: 13px;
		}
		
		#impressumBox #closebutton2 {
			position: absolute;
			right: 12px;
			top: 12px;
			cursor: pointer;
		}	
		
	
		.boxInner p { margin: 14px 0; }
         		
		
		
	/* rollover */
	
		.rollover {
			position: absolute;
			left: 452px;
			top: -40px;
			z-index: 999;
			width: 462px;
			height: 587px;
			display: none; 
			overflow: hidden;
		}		
		
		.rolloverInner {
			width: 382px;
			height: 187px;
			padding: 505px 20px 0 56px;
			background: url(../ui/rollover.png) left top no-repeat;
			text-align: left;
		}
		
		.rolloverInner p {  }
		
		.rolloverImageHolder {
			width: 330px;
			height: 463px;
			overflow: hidden;
			margin: 0 auto;
			text-align: center;
			position: absolute;
			top: 40px;
			left: 56px;
		}
		
		.rolloverImageHolder img { width: 330px; }
		
	.nomore {
		width: 100%;
		height: 274px;
		overflow: hidden;
		text-indent: -1000px;
		margin: 30px auto 0;
        background: transparent url(../ui/nomore.jpg) no-repeat scroll center top;
	}
	
	

/******************************/
/* hotspots */
/**************************/		
#main a.hotspot {
	height: 45px;
	width: 45px;
	position: absolute;
	cursor: pointer;
	display: block;
}	

#main a#hotspot_1 { top: 262px; left: 727px; }
#main a#hotspot_2 { top: 329px; left: 792px; }
#main a#hotspot_3 { top: 285px; left: 851px; }


#main a.hotspot div.hotspot_content { 
	display: none; 
	position: absolute;
	bottom: 20px;
	right: 20px;
	height: 213px;
	width: 273px;
	background: #A40C0B url(../ui/hotspot_content_bg.jpg) right bottom no-repeat;

}

#main a.hotspot div.hotspot_content { 
	background: transparent url(../ui/hotspot_content_bg.png) right bottom no-repeat;
	bottom: 0;
	right: 0;
}

#main a.hotspot:hover div.hotspot_content { display: block !important; }

#main a.hotspot div.hotspot_content div { 
	padding: 10px 20px 30px 10px;
	color: #FFFFFF;
	font-size: 12px;  
}

div.hotspot_content h2 { font-size: 16px; color: #FFFFFF; font-weight: bold; }


	

/******************************/
/* shadows */
/**************************/	
	
	.shadow1, .shadow2, .shadow3 {
		background-color: #666;
		height: 100%;
		position: absolute;
		left: 1px;
		top: 1px;
		width: 100%;
		z-index: 0;
		opacity: 0.2;
		display: block;
	}	
	
	.shadow2 {
		left: 2px;
		top: 2px;
	}	
	
	.shadow3 {
		left: 3px;
		top: 3px;
	}			
	
	#main_image {
		position: relative;
		display: inline-block;	
	}	
	
	.main_imageHolder {
		position: relative;
		z-index: 1;
		display: block;
	}	
	
	#main_image img#main_img {
		/*border: 6px solid #fff;*/
		height: 319px;
		width: 226px;	
	}	
	
	
/******************************/
/* Clearing - do not modify */
/**************************/

	.floatholder { overflow:hidden; }

	.clerasil:after {
	   content: ".";
	   display: block;
	   height: 0;
	   clear: both;
	   visibility: hidden;
	}

	.clerasil { display: block; }