
/* ----------------- Hauptformat --------------------------------------------------------------|
----------------------------------------------------------------------------------------------*/								

body   {
		margin: 0px;
		margin-bottom: 40px;
		font-family: Arial, Tahoma, Sans-Serif; 
		color: #323232; 
		font-size: small;
		background-color: #2F3535;
		height: 100%;
		background-image:url('../bilder/seite/bg.png');
		background-repeat: repeat-x;
		}


/* ----------------- Container ---------------------------------------------------------------|
----------------------------------------------------------------------------------------------*/								


		
#kopf   {
		width: 950px;
		height: 209px;
		padding: 10px;
		padding-top: 10px;
		clear:both; 
		margin: auto auto; 
		background-image:url('../bilder/seite/bg-kopf.png'); 
		background-repeat: no-repeat;
		}
	
#inhalt {
		line-height: 150%;
		width: 950px;
		padding: 10px;
		padding-top: 0px;
		clear:both; 
		margin: auto auto; 
		background-color: #fff;
		}
		
#links {
		width: 650px;
		padding: 10px;
		padding-top: 0px;
		clear:both; 
		float:left;
		background-image:url('../bilder/seite/border.jpg'); 
		background-repeat: repeat-y;
		background-position: 100% 0;
		}
		
#rechts {
		width: 230px;
		padding: 18px;
		padding-top: 0px;
		float:left;
		}

#fuss   {
		width: 970px;
		height: 30px;
		clear:both; 
		margin: auto auto; 
		background-image:url('../bilder/seite/footer.png'); 
		background-repeat: no-repeat;
		}
		
.button-start   {
		cursor:pointer;
		width: 150px;
		height: 68px;
		clear:both; 
		float:left; 
		background-image:url('../bilder/buttons/startseite.png'); 
		background-repeat: no-repeat;
		background-position: 0 0;
		border-right: 1px solid #3C4544;
		}
.button-start:hover   {
		background-position: 0 100%;
		}

.button-wir   {
		cursor:pointer;
		width: 150px;
		height: 68px;
		float:left; 
		background-image:url('../bilder/buttons/wir.png'); 
		background-repeat: no-repeat;
		background-position: 0 0;
		border-right: 1px solid #3C4544;
		margin-left: 5px;
		padding-right: 5px;
		}
.button-wir:hover   {
		background-position: 0 100%;
		}

.button-kontakt   {
		cursor:pointer;
		width: 150px;
		height: 68px;
		float:left; 
		background-image:url('../bilder/buttons/kontakt.png'); 
		background-repeat: no-repeat;
		background-position: 0 0;
		margin-left: 5px;
		padding-right: 5px;
		}
.button-kontakt:hover   {
		background-position: 0 100%;
		}


.button-anfahrt   {
		cursor:pointer;
		width: 150px;
		height: 68px;
		float:left; 
		background-image:url('../bilder/buttons/anfahrt.png'); 
		background-repeat: no-repeat;
		background-position: 0 0;
		border-right: 1px solid #3C4544;
		}
.button-anfahrt:hover   {
		background-position: 0 100%;
		}

.tooltip   {
		background-image:url('../bilder/seite/bg-tooltip.png'); 
		background-repeat: no-repeat;
		font-size: 90%;
		width: 130px;
		height: 25px;
		padding: 25px;
		padding-top: 35px;
		text-align: center;
		}
	
.zertbox   {
		padding: 5px;
		float:left;
		border: 1px solid #eee;
		background-color: #fff; 
		margin-right: 5px;
		margin-bottom: 5px;
		}
.zertbox:hover   {
		border: 1px solid #64AFE5;
		background-color: #ECF7FB; 
		}

/* ----------------- Hyperlinks ---------------------------------------------------------------|
----------------------------------------------------------------------------------------------*/								


a, a:visited    		{
						color:#222; 
						text-decoration: none; 
						}
a:hover, a:active 		{
						color:#222; 
						text-decoration: none; 
						}

a.text, a.text:visited {
						color: #1F6D8F; 
						text-decoration: underline;
						}
a.text:hover, a.text:active {
						color: #111; 
						text-decoration: none; 
						background-color: #ECF7FB; 
						}
										
a.submenue, a.submenue:visited {
						color: #9D2626;
						text-decoration: underline;
						display:block;
						background-image:url('../bilder/seite/arrow2.png'); 
						background-repeat: no-repeat;
						padding-left: 30px;
						background-position: 15px 55%;
						}

a.submenue:hover, a.submenue:active {
						text-decoration: none;
						color: #6D572E;
						}

/* ----------------- Grafiken ---------------------------------------------------------------|
----------------------------------------------------------------------------------------------*/								

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}


/* Ueberschriften
----------------------------------------------- */
h1 {font-size: 120%; color: #333; margin-bottom: 3px;}
h2 {font-size: 110%; margin: 0px; display: block; font-weight: normal; color: #333; }
h3 {font-size: 140%; font-weight: bold; margin: 0px; color: #fff;}
h4 {font-size: 160%; color: #3D3D3D; margin: 0px; margin-bottom: 4px;}
h5 {font-size: 110%; color: #555; background-color: #e4e4e4; padding: 5px; margin: 0px; margin-bottom: 2px;}

span.formular {font-size: 95%; clear:both; font-weight: bold; margin: 3px; width: 60px; display: block; float: left;}
span.klein {font-size: 95%;}
span.big {font-size: 125%; color: #CF791B;}


/* Sonstiges
----------------------------------------------- */
p {margin: 0px;}

ul.stil {
position: relative;
color: #313131;
margin-top: 3px;
list-style-type:circle;
margin-left:15px;
padding: 0px;
}
li{
padding: 2px;
padding-left: 0px;
}


select {font-size: 95%; width: 55%;}
input {font-size: 95%; width: 55%;}
input.norm {border: 1px solid #ddd; width: 65%;}

input.senden {
color:#888; 
font-size: 95%;
width: 140px; 
height:22px; 
text-align: 
center; border: 0px;
background-image:url('../bilder/seite/submit.png');
background-repeat: no-repeat;
background-color: #fff;
font-weight: bold;
}

input.senden:hover {
font-weight: bold;
cursor: pointer;
color:#888; 
font-size: 95%;
width: 140px; 
height:22px; 
text-align: 
center; border: 0px;
background-image:url('../bilder/seite/submit-hover.png');
background-repeat: no-repeat;
background-color: #fff;
}

input.button {border: 1px solid #bbb;}
textarea {border: 1px solid #ddd; font-family: arial; color: #555; width: 35%; height: 100px;}
textarea.norm {border: 1px solid #ddd; font-family: arial; color: #555; width: 65%; height: 200px;}
form{clear:both;}
