/* Template */

	body {
		font-family:Arial;
		font-size:12px;
		background-color:#6198b8;
		background-image:url('../images/body.png');
		background-position:top left;
		background-repeat:repeat-x;
	}
	
	#center-box {
		text-align:center;
	}
	
	#content-container {
		text-align:left;
		width:950px;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
	}
	
	#logo {
		top:-20px;
		width:240px;
		height:160px;
		background-image:url('../images/logo.png');
		background-repeat:repeat-x;
		position:relative;
		z-index:150;
	}

	#anruf {
	top:-100px;
	width:400px;
	height:60px;
	margin-left:450px;
	background-image:url('../files/anrufen.png');
	background-repeat:repeat-x;
	position:relative;
	z-index:150;
	}
	
	#welcome {
		width:528px;
		height:120px;
		background-image:url('../images/willkommen.png');
		position:relative;
		z-index:150;
		top:210px;
		left:320px;
	}
	
	#menu {
		width:950px;
		height:140px;
		float:left;
		background-image:url('../images/menu.png');
		position:relative;
		z-index:100;
		top:-165px;
	}
	
		#menu ul {
			margin-top:103px;
			padding-left:150px;
			margin-left:60px;
		}
		
		#menu ul li{
			margin-right:30px;
			list-style-type:none;
			float:left;
			font-weight:bold;
			font-size:14px;
		}
		
		#menu ul li a{
			color:#fff;
		}
		
		#level-2 {
			
			position:absolute;
			float:left;
		}
		
	#sub_menu {
		width:867px;
		height:40px;
		float:left;
		background-color:#cc0000;
		position:relative;
		margin-left:41px;
		margin-right:40px;
		z-index:80;
		top:-171px;
		border-bottom:1px solid #fff;
	}
		
		#sub_menu ul {
			float:right;
			margin:0px;
		}
		
		#sub_menu ul li{
			list-style-type:none;
			float:left;
			margin-right:15px;
			margin-top:12px;
		}
		
		#sub_menu ul li.active{
			
			color:#fff;
			font-weight:bold;
		}
		
		#sub_menu ul li a{
			
			color:#fff;

		}
	
	
	#header {
		text-align:left;
		width:866px;
		height:369px;
		float:left;
		padding-left:41px;
		padding-right:40px;
		position:relative;
		z-index:50;
		top:-185px;
	}
	
	#banner-container {
		height:369px;
		width:866px;
	}
	
	#content {
		width:864px;
		height:auto;
		margin-left:42px;
		margin-right:44px;
		float:left;
		background-color:#fff;
		background-image:url('../images/content.png');
		background-repeat:repeat-x;
		background-position:center top;
		position:relative;
		z-index:100;
		top:-185px;
	}
	
	#content-text-container {
		padding-top:20px;
		float:left;
	}
	
	#sidebar {
		width:200px;
		height:auto;
		float:left;
	}
	
	#content-text {
		width:624px;
		background-color:#fff;
		padding-left:20px;
		padding-right:20px;
		float:left;
	}
	
	#footer {
		padding-top:0px;
		width:950px;
		height:83px;
		float:left;
		background-image:url('../images/footer.png');
		position:relative;
		z-index:100;
		top:-185px;
	}
	
	#box-1000 {
		width:200px;
		position:absolute;
		z-index:150;
		top:30px;
	}
	
	#box-2000 {
		width:200px;
		position:absolute;
		z-index:150;
		top:30px;
	}
	
	.box-container {
		width:200px;
		height:auto;
		float:left;
	}

		#box-top {
			float:left;
			width:200px;
			height:28px;
			background-image:url('../images/box_top.png');
			background-position:top right;
		}
		
		#box-content {
			float:left;
			width:200px;
			height:auto;
			background-image:url('../images/box_content.png');
			background-position:top right;
		}
			
			#box-text {
				padding:10px;
				color:#fff;
			}
		
		#box-bottom {
			float:left;
			width:200px;
			height:31px;
			background-image:url('../images/box_bottom.png');
			background-position:bottom right;
		}
	
/* Template Ende */


/* 
--------- FORMULAR-GENERATOR ------------ 
*/
/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;

}


label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}



.formgen form
{
line-height : 120%;
width: 370px;
}


/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	/*border-top-width: 2px;
	border-right-width: 6px;
	border-bottom-width: 6px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #666666; */
}


/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 400px;
	height: 100px;
	margin-left: 4px;
        margin-top: 4px;
	background-color: #F1EDE0;
}


/* Textfeld */
.formgen .formtext
{
	width: 200px;
	background-color: #F1EDE0;
	margin-left: 4px;
        margin-top: 4px;
}
/* Trennelement , Abstand */
.formgen .formtrenn
{
  display: block;
  height: 30px; 
}
/* Hinweistext */
.formgen .formhinweis
{
  font-weight: bold;
  color: #003366;
  font-size: 1.2em;
}
/* Überschrift */
.formgen .formheadline
{
  font-weight: bold;
  color: #003366;
}


/* Passwortfeld */
.formgen .formpassword
{
width: 200px;
background-color: #F1EDE0;
margin-left: 4px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
  border: 0px solid #990000;
}

/* Label */
.formgen label {
font-family: Arial, Helvetica, sans-serif;
width: 120px;
clear: left;
float: left;
height: 20px;
padding: 0px;
color:#000;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
  width: 200px;
  background-color: #F1EDE0;
  margin-left: 4px;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 30%;
	background-color: #C0C0C0;
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
	width: 450px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 1px solid #DF000D;
	margin-bottom: 10px;

}


/* Fieldsetbeschriftung */
.formgen legend {
	font-weight: bold;
	color: #DF000D;
	width: 140px;
	margin: 0px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */

.formgen .forminfo {
  color: #FFFFFF;
  background-color: #990000;
  border: 1px dashed #000000;
  margin: 5px;
  padding: 5px;
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
  color: #FFFFFF;
  background-color: #990000;
}
.forminfo {
	color: #000000;
	background-color: #FFFF66;
	margin: 2px;
	padding: 4px;
	border: 2px solid #FF0000;
}


/* Formgenerator Ende */
.bildrahmenkategorie {
background:transparent url(/files/bildschatten.png) no-repeat scroll left bottom;
border-top:1px solid #EEEEEE;
margin:6px 0 6px -2px;
padding:2px 2px 10px;
}
/* Nur ein Beispiel CSS */
#static_map {
margin:0 auto;
border:1px solid #000;
}

#map_route {
width:385px;
height:500px;
border:1px solid #000;
float:left;
}

#directions {
float:right;
width:213px;
max-width:213px;
}

#directions tbody,#directions tr, #directions table {
width:213px;
}

#routenplaner fieldset {
border:none;
}

#routenplaner legend {
font-weight:900;
}

#routenplaner input {
border:1px solid #aaa;
display:block;
width:40%;
float:left;
margin-right:1em;
padding:0.1em 0.3em;
}
/* Kalenderblatt */
#cal {padding-top: 3px; color: #fff; text-align: center; background-color: #808080; background-image: url(../images/calbg.gif); background-repeat: no-repeat; float: left; width: 40px; height: 50px; margin-right: 10px;}

/* Kalenderblatt Tag & Monat */
.calday {font-size: 24px; text-shadow: #000 -1px -1px 0px;}
.calmonth {font-size: 12px; text-shadow: #000 -1px -1px 0px;} clear: both;}

/* Bildausrichtung */
.left {float: left; margin-right: 15px; margin-bottom: 15px;}
.right {float: right; margin-left: 15px; margin-bottom: 15px;}
.bild {float: right; margin-left: 10px; margin-bottom: 10px;}

/* Links */
.pdf {border: 0pt none; vertical-align: middle;}
.link {border: 0pt none; vertical-align: middle;}

/* Sonstige Klassen */
h1 {font-size: 14px; font-weight: bold; font-family: Myriad Condensed Web, Arial;}
h2 {font-size: 12px; font-style: italic; font-weight: normal;}
img {border: 0pt none;}
p.fett {font-weight: bold;}
hr {height:2px; border:0px; width:100%; background-image: url(../images/trennlinie.gif); background-repeat: repeat-x; text-align: center; clear: both;}

/* JAOS Milkbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/

.galerie_thumbnail{
	float: left;
  background: #292929;
  margin: 8px;
	height: 165px;
	width: 165px;
}

/* ls=landscape-Format der Thumbs */
.ls img{
	height: 112px;
	width: 150px;
	margin: 25px 7px;
	border: 1px solid #fff;
}
/* pt=portrait-Format der Thumbs */
.pt img{
	height: 150px;
	width: 112px;
	margin: 7px 25px;
	border: 1px solid #fff;
}