body{
	background-color:#CCCCCC;
	text-align:center;
	padding-top:5px;
	margin:0;
}

#html {
	width:780px;
	margin:auto;
	text-align:left;
	background-color:#FFFFFF;
	height:101%;
}

#kopf {
	width:780px;
	height:85px;
	margin:auto;
	text-align:left;
	background-image:url(bilder/back_horizontal3.gif);
}

#kopf img {
	border:none;
}

#solgan {
	float:left;
	width:450px;
	text-align:left;
	font-size:32px;
	padding-left:15px;
	padding-top:1px;
}

#logo {
	float:right;
	left:500px;
	padding-right:10px;
}
 
#fv1 {
	width:780px;
	margin:0;
	text-align:center;
	padding:0;
}

/*Memuerahmen zur Zentrierung*/
#menue_rahmen  {
	color:black;
	background-color:white;
	text-align:left;
	margin:auto;
	width:780px;
	clear: both;
}

/*Menue*/
#menue_all {top:10px;font-size:0.9em;text-align:left;padding-top:5px; padding-left:10px;}

#menue_all ul,#menue_all ul ul,#menue_all li,#menue_all a 
       { 
			display: block; 
			margin: 0; 
			padding: 0; 
			border: 0; 
       } 
       #menue_all  a 
       { 
			padding:0px; 
			border: solid 1px #fff; 
			text-decoration: none; 
			font-family:Arial, Verdana, Helvetica, sans-serif;
			font-size: 0.9em; 
			color:black; /*Menüschriftfarbe*/
			width: 100%;  /*IE*/ 
			margin:auto;
       } 
       #menue_all  li>a { width: auto; } /* !kaputte Browser */ 
       #menue_all ul, #menue_all ul ul 
       { 
			list-style-type: none; 
       } 
       #menue_all li 
       { 
			position: relative; 
			float: left; /*Durch das floaten erreicht man ein horizontales Menü*/ 
			background-color:#FFFFFF; /*Die Hintergrundfarbe für das Menü wird jetzt hier festgelegt*/ 
			width:110px;  /* Breite der Menüs */
			height:1.0em; /*Wenn hier die Angaben für Höhe und Breite verändert werden, ist dies bei den Positionsangaben für die Untermenüs zu beachten*/ 
			padding:1px; 
			margin:auto;
			z-index:9; 
       } 
/*Leider müssen für den IE nochmals extra Klassen für die Untermenüs angelegt werden, was die Wartung des Codes etwas aufwendiger macht*/ 
       #menue_all li.top .top1-1, #menue_all li.top .top1-2, #menue_all li.top .top1-3,#menue_all li.top .top1-4,#menue_all li.top .top1-5, #menue_all li.top .top2-1, #menue_all li.top .top2-2, #menue_all li.top .top3-1, #menue_all li.top .top3-2, #menue_all li.top .top3-3,#menue_all li.top .top3-4, #menue_all li.top .top3-5, #menue_all li.top .top3-6, #menue_all li.top .top3-7, #menue_all li.top .top4-1, #menue_all li.top .top4-2, #menue_all li.top .top5-1,#menue_all li.top .top5-2{ 
			position: absolute; 
			left: 0px; 
			background-color:#A9B9C8; 
       } 
       #menue_all li.top .top1-1 {top: 1.3em;}
       #menue_all li.top .top1-2 {top: 2.6em;} 
       #menue_all li.top .top1-3 {top: 3.9em;} 
       #menue_all li.top .top1-4 {top: 5.2em;}
	   #menue_all li.top .top1-5 {top: 6.5em;}
	    
       #menue_all li.top .top2-1 {top: 1.3em;} /* Breite des Untermenüs */ 
       #menue_all li.top .top2-2 {top: 2.6em;} 
	     
       #menue_all li.top .top3-1 {top: 1.3em; width:14em;} 
       #menue_all li.top .top3-2 {top: 2.6em; width:14em;} 
       #menue_all li.top .top3-3 {top: 3.9em; width:14em;}  
       #menue_all li.top .top3-4 {top: 5.2em; width:14em;}
       #menue_all li.top .top3-5 {top: 6.5em; width:14em;}
	   #menue_all li.top .top3-6 {top: 7.8em; width:14em;}
       #menue_all li.top .top3-7 {top: 9.1em; width:14em;}
       
       #menue_all li.top .top4-1 {top: 1.3em;} 
       #menue_all li.top .top4-2 {top: 2.6em;} 
	   
       #menue_all li.top .top5-1 {top: 1.3em;}  
       #menue_all li.top .top5-2 {top: 2.6em;}  
   
       /* 2. Ebene des Menüs */
	
       #menue_all li.top .top1-3-1 {top: 0em; width:12.5em;} /* Breite des Untermenüs */ 
       #menue_all li.top .top1-3-2 {top: 1.3em; width:12.5em;}
       #menue_all li.top .top1-3-3 {top: 2.6em; width:12.5em;} 
       #menue_all li.top .top1-3-4 {top: 3.9em; width:12.5em;} 
	
       #menue_all li.top .top2-1-1 {top: -.1em; width:10em;} /* Breite des Untermenüs */ 
       #menue_all li.top .top2-1-2 {top: 1.2em; width:10em;} 
       #menue_all li.top .top2-1-3 {top: 2.5em; width:10em;} 
	   
       #menue_all li.top ul li ul li { /*dies wird nur für eine eventuell vorhandene 3. Ebene benötigt*/ 
			position: absolute; 
			border: solid 1px #fff; 
			left: 7.5em; 
			top: 0;
			z-index:10; 	
       }
	
       #menue_all li.top .top1-3-1, #menue_all li.top .top1-3-2, #menue_all li.top .top1-3-3, #menue_all li.top .top1-3-4{ 
			position: absolute;
			left: 110px; 
			background-color:#A9B9C8; 
       }  

       #menue_all li.top .top2-1-1, #menue_all li.top .top2-1-2,#menue_all li.top .top2-1-3{ 
			position: absolute;
			left: 110px; 
			background-color:#A9B9C8; 
       }  
       #menue_all  a:hover 
       { 
			border-color: gray; 
			background-color: #ddd; /* Hintergrundfarbe für Hovermenüpunkt*/
			color:#FF0000;
       } 
       #menue_all li.top:hover { z-index:10;}              
       #menue_all ul ul,#menue_all  li:hover ul ul 
       { 
			display: none; 
       } 
       #menue_all  li:hover ul,#menue_all li:hover li:hover ul 
       { 
           display: block; 
       } 

/*Ende Menue*/

/* eigentlicher Body (Inhalt der Seite) */
div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: auto;      /* standardkonforme horizontale Zentrierung */
    width: 780px;
    padding: 0;
    background-color:#FFFFFF;
    /*border: 2px ridge silver;*/
  }

#rechteSeite {
    font-size: 0.83em;
    float:right;
	text-align:center;
	width: 200px;
	padding-top:40px;
	padding-right:10px;
    margin: 0 0 1.2em;
  }
 
#rechteSeite img {
	border:none;
} 

#fusszeile {
    clear: both;
    font-size: 0.83em;
    margin: 0; 
	/*padding: 0.1em;*/
	padding-right:20px;
    text-align:right;
    /*background-image:url(bilder/back_horizontal3.gif) ;*/
    border-top: 1px solid silver;
  }

/*Contentrahmen zur Zentrierung*/
#content {
	float:left;
	width:520px;
	padding-top:20px;
	padding-right:10px;
	padding-left:10px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align:left;
	text-align:justify; /* Schrift Block */
	color: #333;
	voice-family: "\"}\"";
	voice-family:inherit;
	background-color:white;
	width:530px;
}

#content img {
	border:none;
}

#content a {
	text-decoration: none;
	text-decoration:underline;
	border: 1px solid #fff;
	color:#000000;
}

#content a:hover {
	color: #CC6600;
	background: #FFFFFF;
}

/*Content zur Hover Bildanzeige*/
#content a .showcase {
	display: none;
}
#content a:hover .showcase {
	position:absolute;
	float:left;
	left:500px;
	top:350px;
	display: block;
	text-align: left;
	font: bold 1.1em Verdana,Helvetica, Arial, sans-serif;
	background: transparent;
	border-style:solid;
	border-color: #e53506;
	color: #000;
	padding: 5px;
	z-index:1;
}

/*Content zur Hover Infoanzeige*/
#content a .showinfo {
	display: none;
}

#content a:hover .showinfo {
	position:absolute;
	float:left;
	height:20px;
	width:150px;
	display: block;
	text-align: left;
	font: bold 0.9em Verdana, Helvetica, Arial, sans-serif;
	background: transparent;
    background-image:url(./bilder/rahmen1.bmp);
	border-style:none;
	border-color: #996600;
	color: #000;
	padding: 5px;
	z-index:1;
}

/*Content zur Hover Bild-Kontaktanzeige*/
#content a .showcontact {
	display: none;
}

#content a:hover .showcontact {
	position:absolute;
	float:left;
	left: 450px;
	top:330px;
	display: block;
	text-align: left;
	font: bold 1.1em Verdana, Helvetica, Arial, sans-serif;
	background: transparent;
	border-style:solid;
	border-color: #996600;
	color: #000;
	padding: 5px;
	z-index:1;
}
/*Content zur Linkdarstellung*/
#content a.verweis {
	color: #FF99FF;
	font: bold 14px Verdana, Helvetica, Arial, sans-serif;
	text-decoration:underline;
}

#content a.verweis:hover {
	text-decoration:underline;
	background: transparent;
	color: red;
}

/*Content zur allg. Styles*/
#Tabelle {
  	/*border-collapse: collapse;*/	
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}

#Tabellenueberschrift {
	text-align:center;
	border-color:#e53506;
	border-style:solid;
	color:#FFFFFF;
	background-color:#A9B9C8;
}

#Tabellebody {
	text-align:left;
	border-color:#e53506;
	border-style:solid;
}

#Ueberschrift0 {
	color:#e53506;
	font-size:18px;
	font-weight:bold;
}
#Ueberschrift1 {
	color:#e53506;
	font-weight:bold;
}

.normal {
	color:#000000;
	font-weight:normal;
}

#Hervorhebung1 {
	color:#e53506;
	font-weight:bold;
}

/* Befragung Kundenzufriedenheit */
#rahmenbox1 {
	float:left;
	width:500px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:15px;
	padding-left:10px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align:left;
	text-align:justify; /* Schrift Block */
	color:#FFFFFF;
	voice-family: "\"}\"";
	voice-family:inherit;
	background-image:url(bilder/back_horizontal3.gif) ;
	width:510px;
}

#rahmenbox2 {
	float:left;
	width:480px;
	margin-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:15px;
	padding-left:10px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align:left;
	text-align:justify; /* Schrift Block */
	color: #333;
	voice-family: "\"}\"";
	voice-family:inherit;
	background-color:#66FFFF;
	border-bottom:1px red solid;
	border-left:1px red solid;
	border-right:1px red solid;
	border-top:1px red solid;
	width:470px;
}

#rahmenbox3 {
	float:right;
	width:110px;
	margin-right:2px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
	padding-left:10px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align:center;
	text-align:justify; /* Schrift Block */
	color: #333;
	voice-family: "\"}\"";
	voice-family:inherit;
	background-color:#66FFFF;
	width:25px;
}

/* Formularlayut */
form { /* Formulargestaktung */
  margin:0;
  padding:.5em;
}

#formularset {
  /*background: #fbe4de; */
  border: thin solid #8088B6;
  margin-top:10px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:5px;
}

label, input, select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 100px;  /*Breite.*/
}

#label_sicherheit {
	width:380px;
}

#button { /* Button */
  display: block;
  text-align:center; 
  float: left;
  width: 100px;  /*Breite.*/
}

input , select .kundenzufriedenheit { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  text-align:left; 
  float: left;
  width: 50px;  /*Breite.*/
}

label { /* Abstand zwischen den Labels und den Feldern eingefügt sowie der Text der Labels rechts ausgerichtet */
 text-align:left; 
 padding-right: 1em; 
}

label .kundenzufriedenheit { /* Abstand zwischen den Labels und den Feldern eingefügt sowie der Text der Labels rechts ausgerichtet */
 text-align:left; 
 padding-right: 1em; 
}

#H_F_Text {
	padding-left:5px;
}

#textbox,#textfeld {
	width:350px;
}

#sicherheit {
	width:40px;
}

#textfeld,#ftextfeld {
	height:150px;
}

#ftextbox,#ftextfeld {
	background-color:#E2E2E2;
	width:350px;
}

#formularfehler {
	color:#FF0000;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input .submit{
	color:#FF0000;
	/*margin-left:100px;*/
}