/* <------------ Browser Reset ------------> */
@import url(reset.css);


/*
 *   This CSS-Code is brought to you by 
 *   Copyright (C) 2009 paiko - I am Heiko Brömmelstrote
 *   
 *   http://www.paiko.de
 *
 *   If you have any questions dont hesitate to ask!
 *   Contact: heiko@paiko.de
*/

body {
	width: 100%;
	background: #000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	text-align: left;
	color: #555555;
}
	body#body_impressum {
		width: 385px;
		background: #fff;
	}

#wrapper {
	float: left;
	width: 100%;
	min-height: 2500px;
	_height: 2500px;
	background: #000 url(images/bg_page.jpg) 0 0 no-repeat;
}

	#wrapper_impressum {
		width: 375px;
		height: 360px;
		padding: 20px;
		text-align: left;
	}
	
		#wrapper_impressum p,
		#wrapper_impressum h1{
			float: left;
			width: 340px;
		}
		
		#wrapper_impressum ul {
			float: left;
		}

	#mail_message_error,
	#mail_message_success {
		width: 100%;
		height: 30px;
		padding: 5px 0 10px 0;
		display: block;
		color: #FFF;
		text-align: center;
		border-bottom: 1px dashed #666;
	}
		
		#mail_message_error p,
		#mail_message_success p {
			float: left;
			margin: 0 0 0 200px;
			text-align: left;
		}
		
		#mail_message_error strong,
		#mail_message_success strong {
			padding: 5px 0 0 0;
			color: #fff;
		}
		
		#mail_message_error a,
		#mail_message_success a {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			color: #FFF;
		}
		
		#mail_message_success {
			background: #0C0;
		}
		
		#mail_message_error {
			background: #C00;
		}

p {
	padding: 0 0 10px 0;
}

	a {
		color: #242424;
	}
	
	#wrapper_footer a {
		color: #fff;
	}
	
		a:hover {
			text-decoration: none;
		}

strong {
	font-weight: bold;
	color: #242424;
}

#wrapper_site {
	position: absolute;
	float: left;
	width: 850px;
	margin: 250px 0 0 195px;
}

	#wrapper_cta {
		float: left;
		width: 710px;
		height: 50px;
		background: #fff url(images/bg_teaser.jpg) 0 0 repeat-x;
	}
		#cta_button {
			margin: 0 10px 0 25px;
		}
	
		#cta_button a {
			float: left;
			width: 175px;
			height: 34px;
			margin: 10px 0 10px 0;
			border: none;
			text-indent: -99999px;
			background: url(images/button_cta.png) 0 0 no-repeat;
			cursor: pointer;
		}
							
			#cta_button a:hover {
				background: url(images/button_cta.png) 0 -34px no-repeat;
			}
		
		#cta_message {
			float: left;
			width: 425px;
			margin: 17px 0 0 20px;
		}
		
	#content_block_1,
	#content_block_2,
	#content_block_3,
	#content_block_4 {
		float: left;
		width: 100%;
		text-align: left;
	}
	
		.block_navigation {
			float: right;
			width: 145px;
			height: 45px;
			border-top: 1px solid #dedede;
			text-align: right;
		}
		
			.block_navigation a {
				padding: 0 0 0 5px;
				font-size: 11px;
				text-decoration: none;
				color: #FFF;
			}
	

	.block_content{
		position: relative;
		float: left;
		width: 610px;
		margin: 0 0 0 5px;
		padding: 45px;
		background: #fff url(images/bg_block.jpg) bottom left repeat-x;
		border-bottom: 1px solid #dedede;
	}
	
		h1 {
			float: left;
			width: 620px;
			margin: 0 0 5px 0;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 20px;
			line-height: 1.4;
			color: #242424;
		}
		
			#content_block_4 h1 {
				margin: 0 0 25px 0;
			}
		
		h2 {
			float: left;
			width: 620px;
			padding: 0 0 20px 0;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 1.4;
			color: #9c9c9c;
		}
		
		ul.list li{
			float: left;
			width: 265px;
			margin: 0 10px 15px 0;
			padding: 0 0 0 30px;
			background: url(images/bg_content_list.png) 0 3px no-repeat;
		}
		
		.content_frame {
			float: left;
			width: 620px;
			margin: 10px 0;
		}
		
			.frame_text {
				float: left;
				width: 295px;
				margin: 0px 20px 0 0;
			}
			
				h3 {
					float: left;
					width: 295px;
					padding: 0 0 5px 0;
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size: 14px;
					font-weight: bold;
					color: #242424;
				}
				
				h4 {
					float: left;
					width: 295px;
					margin: -5px 0 0 0;
					padding: 0 0 5px 0;
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-weight: bold;
					color: #9c9c9c;
				}
				
				.frame_text ul li {
					position: relative;
					width: 220px;
					height: 20px;
				}
				
					.frame_text ul li strong {
						position: absolute;
						left: 0;
					}
					
					.adresse_detail {
						position: absolute;
						right: 0;
					}
				
				.frame_text ol {
					list-style-type: decimal;
					padding: 0 0 10px 20px;
				}
					
					.frame_text ol li {
						padding: 0 0 5px 0;
					}
					
			#frame_gallery_1 {
				float: left;
				width: 295px;
				height: 150px;
				display: block;
				background: url(images/bg_gallery.png) 0 0 no-repeat;
			}
			
			#frame_gallery_2 {
				float: left;
				width: 295px;
				height: 150px;
				margin: 35px 0 0 0;
				display: block;
				background: url(images/bg_gallery.png) 0 0 no-repeat;
			}
			
				#gallery_1,
				#gallery_2 {
					position: absolute;
					margin: 5px 0 0 40px;
					display: block;
					overflow: hidden; 
				}
					
					#gallery_1 ul li,
					#gallery_2 ul li{
						width: 215px;
						height: 110px;
						margin: 0;
						padding: 0;
						list-style: none;
						overflow: hidden; 
					}
					
						#gallery_1 ul li a,
						#gallery_2 ul li a{
							width: 215px;
							height: 110px;
							display: block;
						}
					
					#nextBtn,
					#nextBtn1,
					#prevBtn,
					#prevBtn1 {
						position: absolute;
						margin: 50px 0 0 0;
					}
				
						#prevBtn a,
						#prevBtn1 a {
							position: absolute;
							width: 18px;
							height: 18px;
							margin: 0 0 0 10px;
							display: block;
							background: url(images/bg_button_back.png) 0 0 no-repeat;
							text-indent: -99999px;
						}
						
						#nextBtn a,
						#nextBtn1 a {
							position: absolute;
							width: 18px;
							height: 18px;
							margin: 0 0 0 265px;
							display: block;
							background: url(images/bg_button_next.png) 0 0 no-repeat;
							text-indent: -99999px;
						}
		
		
			.frame_form {
				float: left;
				width: 295px;
			}	
			
			@media screen and (-webkit-min-device-pixel-ratio:0) { 

					#content_block_4 .block_content {						
						height: 520px;
					}
				
				}
			
				textarea,
				input {
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size: 14px;
					line-height: 1.4;
					color: #b8b8b8;
					border: 1px solid #d4d4d4;
				}
				
				.error {
					font-size: 10px;
					color: #F00;
				}
				
				.success {
					font-size: 12px;
					color: #0C3;
				}
			
				.frame_form input {
					float: left;
					width: 285px;
					height: 16px;
					margin: 0 0 10px 0;
					padding: 5px;
					background: url(images/bg_input.jpg) 0 0 repeat-x;
				}
				
					input.submit_button {
						width: 175px;
						height: 34px;
						margin: 10px 0;
						padding: 0;
						display: block;
						border: none;
						background: transparent url(images/button_submit.png) 0 0 no-repeat;
						cursor: pointer;
						text-indent: -999999px;
					}
					
						input.submit_button:hover  {
							background: transparent url(images/button_submit.png) 0 -34px no-repeat;
						}
				
				.frame_form textarea {
					float: left;
					width: 285px;
					height: 142px;
					padding: 5px;
					background: url(images/bg_message.jpg) 0 0 repeat-x;
				}
			
	#wrapper_footer {
		float: left;
		width: 680px;
		height: 50px;
		margin: 10px 0 0 5px;
		padding: 0 10px 45px;
		font-size: 10px;
		color: #fff;
	}
	
		#footer_paiko {
			float: left;
			width: 290px;
			height: 50px;
			padding: 9px 0 0 0;
		}
		
			#footer_mrs p {
				padding: 5px 0 0 0;
			}
		
		#footer_mrs {
			float: right;
			width: 390px;
			height: 50px;
			padding: 4px 0 0 0;
			text-align: right;
		}
	
		.footer_logo {
			float: left;v
			display: block;
		}
		
			#logo_paiko {
				float: left;
				width: 85px;
				height: 30px;
				margin: 3px 0 0 0;
				padding: 0 10px 0 0;
				background: url(images/bg_paiko.jpg) 0 0 no-repeat;
			}
			
				#logo_paiko a {
					width: 85px;
					height: 30px;
					display: block;
					text-indent: -99999px;
				}
		
			#logo_mrs {
				float: right;
				width: 125px;
				height: 40px;
				margin: 0 0 0 10px;
				padding: 0 0 0 0;
				background: url(images/bg_mrs.jpg) 0 0 no-repeat;
			}
			
				#logo_mrs a {
					width: 125px;
					height: 40px;
					display: block;
					text-align: left;
					text-indent: -99999px;
				}

/* <------------ Go to hell IE6!!! ------------> */

	#ie6_div {
		width: 100%;
		display: block;
		padding: 15px 0;
		background: #fff57c;
		border-bottom: 1px dashed #666;
		text-align: center;
	}
	
	#ie6_div p {
		color: #666 ;
		line-height: 18px;
		
	}
	
		#ie6_div p a {
			color: #434343;
			font-weight: 600;
		}