/* 1. Layout */

*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	
	font-family: "Trebuchet MS", Verdana, Arial, "comic sans";
}

body, html{
	height: 100%;
	
	background: white url(../images/layout/body_kachel.jpg) repeat-x;
	
	font-size: 13px;
	line-height: 150%;
	color: white;
}

img, div, li { behavior: url(iepngfix.htc) } /* Wird für die Images gebraucht */

div#background{
	height: 100%;
	width: 100%;
	
	background: transparent url(../images/layout/hintergrund.jpg) center top no-repeat;
}

div#wrapper{
	position: relative;

	width: 931px;  /* 12pt = 16px = 1em = 100% */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	
	margin: 0 auto;
	
	background: transparent;
}

	div#head, ul#navigation, div#content, h1#headline, div#contentwrap, div#contactbox{
		float: left;
	}

		div#head{
			width: 100%;
			height: 257px;
			
			background: transparent;
		}
			div#head a#logo{
				position: absolute;
				top: 93px;
				left: 0;
			
				width: 553px;
				height: 164px;
				
				background: transparent url(../images/layout/logo.jpg) left top no-repeat;
				
				text-indent: -9999px;
			}
		
		h1#headline{
			display: block;
		
			width: 100%;
			height: 111px;
			
			background: transparent url(../images/layout/ueberschrift.jpg) center top;
		}
		
		div#contentwrap{
			width: 100%;
			height: auto;
			
			background: transparent url(../images/layout/content_kachel.jpg) left top repeat-y;
		}
			
			div#contenttopbackground{
				width: 100%;
				height: auto;
				
				background: transparent url(../images/layout/content_hintergrund.jpg) center top no-repeat;
			}
		
				ul#navigation{		
					width: 124px;
					height: 175px;
					
					list-style: none;
					
					margin-top: 111px;
				}
					ul#navigation li a{
						display: block;
					
						width: 100%;
						height: 34px;
							
						text-indent: -9999px;
					
						background-image: url(../images/layout/navigation.jpg);
					}
					ul#navigation li a#startseite{
						background-position: 0 0;
					}
						ul#navigation li a#startseite:hover{
							background-position: -124px 0;
						}
					ul#navigation li a#ueberuns{
						background-position: 0 -34px;
					}
						ul#navigation li a#ueberuns:hover{
							background-position: -124px -34px;
						}
					ul#navigation li a#leistungen{
						background-position: 0 -68px;
					}
						ul#navigation li a#leistungen:hover{
							background-position: -124px -68px;
						}
					ul#navigation li a#kontakt{
						background-position: 0 -102px;
					}
						ul#navigation li a#kontakt:hover{
							background-position: -124px -102px;
						}
					ul#navigation li a#impressum{
						height: 39px !important;
						background-position: 0 -136px;
					}
						ul#navigation li a#impressum:hover{
							background-position: -124px -136px;
						}
				
				div#content{
						width: 542px;
						height: auto;
						
						padding: 52px 29px 0 29px;					
				}
					
					
				div#contentends{
					width: 600px;
					height: 70px;
					
					float: none;
					clear: both;
					
					margin-left: 124px;
				
					background: transparent url(../images/layout/contentends_hintergrund.jpg) center bottom;
				}
				
				div#contactbox{
					display: block;
				
					width: 207px;
					height: 194px;
					
					font-size: 12px;
					
					line-height: 18px;
					
					font-style: normal;
					
					margin-top: 111px;
				}
				
					div#contactbox a{
						color: white;
					}

					div#address{
						display: block;
						
						height: 72px;
						
						padding: 34px 0 0 10px;
						
						background: transparent url(../images/layout/adresse_hintergrund.jpg) bottom left no-repeat;
					}
					div#contact{
						display: block;
						
						height: 58px;
						
						padding: 30px 0 0 10px;
						
						background: transparent url(../images/layout/kontakt_hintergrund.jpg) bottom left no-repeat;
					}
					
						div#contactbox h2{
							display: none;
						}
						div#contactbox p{
							margin: 0;
						}
					
			div#footer{
				width: 600px;
								
				margin-left: 124px;
				
				padding: 20px 0 35px 0;
			
				float: none;
				clear: both;
				
				color: #999;
				
				text-align: center;
			}
			
				div#footer p{
					margin: 0;
				}
			
				div#footer ul{
					width: 332px;
					
					display: block;
					
					margin: 0 auto;
				}				
			
					div#footer ul li{
						float: left;
						
						padding: 0 5px;
					}
						
						div#footer ul li a{
							color: #999;
							text-decoration: none;
						}
							div#footer ul li a:hover{
								text-decoration: underline;
							}
					
				div#euroweb{
					float: right;
				}
				div#euroweb a img{
					background: transparent;
					
					padding: 0px;
				}
					
	/* 1.1 Generelle Deklaration */
	
	a{
		color: #0b2043;
		text-decoration: underline;
	}
		a:hover{
			text-decoration: none;
		}
		
	p{
		margin: 20px 0;
	}
	
	h1{
		font-family: Georgia, "Times New Roman", sans-serif;
		font-size: 35px;
		font-weight: normal;
		margin-bottom: 40px;
	}
	
	h2{
		margin-top: 2em;
	}
	
	h2, h3, h4, h5, h6{
		font-weight: normal;
	}
	
	
	
			
/* 2. Sonstige Elemente */

ul{
	list-style: none;
}
	ul li{
		padding: 0;
	}
	
img{
	padding: 7px 8px 8px 8px;
	
	background: transparent url(../images/layout/bildhintergrund.png) center center;
}

hr{
	display: block;

	border-bottom: 1px solid #000;
	
	float: none;
	clear: both;
}

/* 3. Klassen */

ul.checked li{
	background: transparent url(../images/layout/checked.png) left center no-repeat;
	
	height: 22px;
	
	padding: 3px 0 0 25px;
}

.motto{
	margin: 50px 0;
}

.signatur{
	font-size: 16px;
	text-align: right;
}

.stopfloat{
	float: none;
	clear: both;
}

.zentriert{
	margin: 0 auto;
}

img.floatLinks{
	float: left;
}
img.floatRechts{
	float: right;
}

img.nostyle{
	background: transparent;
	
	padding: 0;
}

/* 4. Kontaktform */

form#Kontaktformular{
	width: 400px;
	
	margin: 0 auto;
}

form#Kontaktformular fieldset label, form#Kontaktformular fieldset input, form#Kontaktformular fieldset textarea{
	float: left;
	
	margin: 5px 0;
}

form#Kontaktformular fieldset textarea, form#Kontaktformular fieldset input{
	border: 1px solid #efefef;

	color: #555;
	
	font-size: 13px;
}

form#Kontaktformular fieldset label{
	display: block;
	
	width: 120px;
}

form#Kontaktformular fieldset input{
	width: 200px;
	
	display: block;
	
	background: white url(../images/kontakt/hintergrund.jpg) bottom left repeat-x;
}

	form#Kontaktformular fieldset input.radio{
		width: auto;
		
		background: transparent;
		
		border: 0px;
	}
	form#Kontaktformular fieldset label.radio{
		width: auto;
		margin: 0 10px;
	}
		*+html form#Kontaktformular fieldset label.radio{
			padding-top: 4px;		
		}
	form#Kontaktformular fieldset input[type=hidden]{
		display: none;
	}

form#Kontaktformular fieldset textarea{
	width: 200px;
	
	background: white url(../images/kontakt/hintergrund.jpg) bottom left repeat-x
}

form#Kontaktformular fieldset br{
	float: none;
	clear: both;
}

form#Kontaktformular legend{
	padding: 25px 0 10px 0;

	font-size: 15px;
	font-weight: bold;
}

fieldset#submitbox{
	padding-left: 239px;
}
	*+html fieldset#submitbox{
		padding-left: 212px;
	}
	*html fieldset#submitbox{
		padding-left: 212px;
	}
input#submit{
	width: auto !important;
	padding: 2px 5px;
	cursor:pointer;
	border: 1px solid #efefef !important;
}

.error{
	color: #FF0000;
}

p#fehlermeldung{
	display: none;
}

img.required{
	background: transparent;
	
	padding: 0 0 10px 0;
}

label.required{
	background: transparent url(../images/kontakt/required.gif) left top no-repeat;
	
	width: 110px !important;
	
	padding-left: 10px;
}