/* <------------ 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,
body#body_impressum {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	color: #555555;
}


#wrapper {
	width: 100%;
	display: table;
	background: #e3e2cf url(images/bg_page.jpg) center top no-repeat;
}

	#wrapper_impressum {
		height: 360px;
		padding: 20px;
		background: #e3e2cf;
		text-align: left;
	}

	h1 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 20px;
		font-weight: 300;
		line-height: 1.4;
		padding: 0 0 10px 0;
	}
	
	h2 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
		font-weight: 300;
		line-height: 1.3;
		padding: 0 0 10px 0;
	}
	
	p {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 1.4;
		padding: 0 0 10px 0;
	}
	
	strong {
		color: #333;
		font-weight: bold;
	}
	
	a {
		font-family: Georgia, "Times New Roman", Times, serif;
		text-decoration: underline;
		color: #333;
	}
	
		a:hover {
			text-decoration: none;
		}
	
	#mail_message_error,
	#mail_message_success {
		width: 100%;
		height: 30px;
		padding: 5px 0 10px 0;
		display: block;
		color: #FFF;
		border-bottom: 1px dashed #666;
	}
	
		#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;
		}
	
	#wrapper_site {
		position: relative;
		width: 780px;
		height: 1695px;
		margin: 50px auto;
		text-align: left;
	}	
	
		#wrapper_menu {
			width: 275px;
			height: 25px;
			margin: 0 75px 0 430px;
		}
		
			#wrapper_menu ul {
				list-style-type: none;
			}
				
				#wrapper_menu ul li {
					float: left;
					height: 30px;
					margin: 0 20px 0 0;
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size: 16px;
				}
				
					#wrapper_menu ul li a {
						height: 25px;
						display: block;
						text-indent: -99999px;
					}

						#link_about a {
							width: 62px;
							background: url(images/bg_mainmenu.png) 0 0 no-repeat;
						}
						
							#link_about a:hover {
								background: url(images/bg_mainmenu.png) 0 -25px no-repeat;
							}
						
						#link_gallery a {
							width: 83px;
							background: url(images/bg_mainmenu.png) -62px 0 no-repeat;
						}
							#link_gallery a:hover {
								background: url(images/bg_mainmenu.png) -62px -25px no-repeat;
							}
						
						#link_contact a {
							width: 55px;
							background: url(images/bg_mainmenu.png) -146px 0 no-repeat;
						}
							#link_contact a:hover {
								background: url(images/bg_mainmenu.png) -146px -25px no-repeat;
							}
					
		#teaser_blatt {
			position: absolute;
			width: 30px;
			height: 90px;
			top: 63px;
			left: 730px;
			display: block;
			background: url(images/teaser_blatt.png) 0 0 no-repeat;
			text-indent: -99999px;
		}
		
		#mainteaser_slider {
			float: left;
			width: 740px;
			height: 280px;
			margin: 33px 0 50px 20px;
			list-style: none;
			overflow: hidden;
		}
			
			#mainteaser_slider li {
				width: 740px;
				height: 280px;
				margin: 0;
				padding: 0;
				overflow: hidden;
			}	

			#nextBtn,
			#prevBtn {
				float: left;
				width: 18px;
				height: 18px;
				display: block;
				text-indent: -99999px;
			}
			
				#nextBtn {
					margin: 320px 0 0 735px;
					background: url(images/bg_button_next.png) 0 0 no-repeat;
				}
				
				#prevBtn {
					margin: 320px 0 0 715px;
					background: url(images/bg_button_back.png) 0 0 no-repeat;
				}
			
				#nextBtn a,
				#prevBtn a{
					width: 18px;
					height: 18px;
					display: block;
					text-indent: -99999px;
				}
				
		#wrapper_content {
			float: left;
			width: 525px;
			margin: 0 0 0 20px;
		}
		
		#wrapper_welcome,
		#wrapper_gallery {
			float: left;
			width: 525px;
		}
		
			#wrapper_welcome {
				height: 330px;
				background: url(images/divider_welcome.png) bottom center no-repeat;
			}
			
				#img_signature {
					float: left;
					width: 525px;
					height: 54px;
					display: block;
					margin: 0 0 -15px -5px;
				}
			
			#wrapper_gallery {
				margin: 25px 0 10px 0;
			}
			
				#gallery_slider {
					width: 525px;
					height: 340px;
					margin: 15px 0 0 0;;
					padding: 0;
					list-style: none;
					overflow: hidden;
				}
				
					#prevBtn2 {
						float: left;
					}
					
					#nextBtn2 {
						float: right;
						margin: 0 25px 0 0;
					}
				
					#gallery_slider ul li {
						width: 525px;
						height: 340px;
						overflow: hidden;
					}
					
						#gallery_slider ul li a {
							float: left;
							width: 145px;
							height: 86px;
							display: block;
							margin: 0 20px 25px 0;
							padding: 8px 0 0 9px;
							background: url(images/bg_image.jpg) 0 0 no-repeat;
						}
		
		#wrapper_sidebar {
			float: left;
			width: 200px;
			margin: 0 0 -10px 0;
			padding: 0 0 0 20px;
			background: url(images/divider_sidebar.png) top left no-repeat;
		}
		
			#wrapper_sidebar h2 {
				margin: 0 0 0 45px;
			}
		
			#sidebar_garten,
			#sidebar_baustoff,
			#sidebar_asphalt,
			#sidebar_transport,
			#sidebar_winter {
				display: block;
				margin: 0 0 20px 0;
			}
			
				#sidebar_garten {
					background: url(images/icon_garten.png) 0 2px no-repeat;
				}
				
				#sidebar_baustoff {
					background: url(images/icon_baustoff.png) 0 2px no-repeat;
				}
				
				#sidebar_asphalt {
					background: url(images/icon_asphalt.png) 0 2px no-repeat;
				}
				
				#sidebar_transport {
					padding: 10px 0 0 0;
					background: url(images/icon_transport.png) 0 0 no-repeat;
				}
				
				#sidebar_winter {
					padding: 10px 0 0 0;
					background: url(images/icon_winter.png) 0 0 no-repeat;
				}
		
		#wrapper_contact {
			float: left;
			width: 740px;
			height: 355px;
			margin: 0 0 0 20px;
			padding: 35px 0 0 0;
			background: url(images/divider_contact.png) top left no-repeat;
		}
		
			#contact_text {
				float: left;
				width: 420px;
				margin: 0 20px 0 0;
			}
			
			#contact_form {
				float: left;
				width: 280px;
				margin: 0 0 0 10px;
			}
				#contact_form label {
					width: 280px;
					padding: 0 0 0 5px;
					font-size: 12px;
					color: #999;
				}
					#contact_form label.error {
						color: #C00;
					}
				
				#form_submit {
					font-size: 14px;
				}
			
				fieldset#form_name,
				fieldset#form_email{
					width: 285px;
					height: 60px;
					margin: 0 0 5px 0;
					border: none;
					background: url(images/bg_contact_small.png) 0 17px no-repeat;
				}
				
					fieldset#form_name input,
					fieldset#form_email input {
						float: left;
						width: 260px;
						height: 20px;
						margin: 5px 0 0 7px;
						padding: 5px;
						border: 0;
						font-size: 14px;
						color: #999;
					}
				
				fieldset#form_text {
					width: 285px;
					height: 170px;
					background: url(images/bg_contact_big.png) 0 20px no-repeat
				}
				
					fieldset#form_text textarea {
						float: left;
						width: 260px;
						height: 120px;
						margin: 11px 0 0 7px;
						padding: 5px;
						border: 0;
						font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
						font-size: 14px;
						color: #999;
					}
				input#form_button {
					width: 75px;
					height: 18px;
					margin: 5px 0 0 0;
					display: block;
					border: 0;
					text-indent: -99999px;
					background: url(images/bg_contact_submit.png) 0 -18px no-repeat;
					cursor: pointer;
				}
				
					input#form_button:hover {
						background: url(images/bg_contact_submit.png) 0 0 no-repeat;
					}
				
		#wrapper_footer {
			float: left;
			width: 780px;
			height: 50px;
			margin: 10px 0 0 0;
		}	
			
			#wrapper_footer p {
				font-size: 10px;
			}
		
			#footer_paiko {
				float: left;
				width: 350px;
				height: 50px;
				margin: 0 0 0 20px;
			}
			
				#paiko_logo {
					float: left;
					width: 85px;
					height: 35px;
					margin: 0 20px 0 0;
					background: url(images/logo_paiko.jpg) 0 0 no-repeat;
				}
					#paiko_logo a {
						width: 85px;
						height: 35px;
						display: block;
						text-indent: -99999px;
					}
			
			#footer_schneider {
				float: right;
				width: 350px;
				height: 50px;
				margin: 0 20px 0 0;
				text-align: right;
			}
		
			
	/* <------------ Go to hell IE6!!! ------------> */

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