@charset "iso-8859-1";
/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}

#siterahmen {width:820px; margin:0 auto; position:relative;}
#siterahmen2 {width:1026px; margin:0 auto; position:relative;}
#siterahmen3 {width:850px; margin:0 auto; position:relative;}
#rahmen {display:inline; float:right; width:640px; border:#CCC 1px solid; line-height:18px; font-size:12px; color:#575656; margin-top:65px;}
#rahmen2 {display:inline; float:left; width:640px; border:#CCC 1px solid; line-height:18px; font-size:12px; color:#575656; margin-top:65px; margin-left:25px;}
#menu {display:inline; float:left; width:150px; text-align:right; margin-top:168px; font-size:12px; color:#575656;}
#menu2 {display:inline; float:left; width:180px; text-align:right; margin-top:168px; font-size:12px; color:#575656;}
#menu_re {display:inline; float:left; width:150px; text-align:left; margin-top:212px; font-size:12px; color:#575656; margin-left:25px;}
#submenu {margin-bottom:10px;}
.textblock {margin-left:35px; width:570px; clear:both;}

.clear {clear:both; line-height:1px; font-size:1px; height:1px;}

/*AUFLISTUNGEN*/
ul {list-style-position:outside; list-style-type:disc; padding-left:17px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:12px;}
ol {list-style-position:outside; list-style-type:decimal; padding-left:30px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:12px;}
li {padding-left:5px; padding-bottom:0px;}


.nav {color:transparent;
display:block;
overflow:hidden;
text-decoration:none;
text-indent:-1000em;
margin-bottom:8px;}

.nav_re {color:transparent;
display:block;
overflow:hidden;
text-decoration:none;
margin-bottom:8px;
}

.nav2 {color:transparent;
display:block;
overflow:hidden;
text-decoration:none;
text-indent:-1000em;
margin-bottom:4px;}

.subnav {color:transparent;
display:block;
overflow:hidden;
text-decoration:none;
text-indent:-1000em;
margin-bottom:4px;
margin-right:0px;
}


#link_gross a:link {color:#2183aa; text-decoration:none; font-size:14px; font-weight:bold;}
#link_gross a:visited {color:#2183aa; text-decoration:none; font-size:14px; font-weight:bold;}
#link_gross a:hover {color:#575656; text-decoration:none; font-size:14px; font-weight:bold;}
#link_gross a:active {color:#2183aa; text-decoration:none; font-size:14px; font-weight:bold;}

.nav a:link {color:#ffffff; text-decoration:none;}
.nav a:visited {color:#ffffff; text-decoration:none;}
.nav a:hover {color:#ffffff; text-decoration:none;}
.nav a:active {color:#ffffff; text-decoration:none;}

.nav_re a:link {color:#ffffff; text-decoration:none;}
.nav_re a:visited {color:#ffffff; text-decoration:none;}
.nav_re a:hover {color:#ffffff; text-decoration:none;}
.nav_re a:active {color:#ffffff; text-decoration:none;}

.nav2 a:link {color:#ffffff; text-decoration:none;}
.nav2 a:visited {color:#ffffff; text-decoration:none;}
.nav2 a:hover {color:#ffffff; text-decoration:none;}
.nav2 a:active {color:#ffffff; text-decoration:none;}

.subnav a:link {color:#ffffff; text-decoration:none;}
.subnav a:visited {color:#ffffff; text-decoration:none;}
.subnav a:hover {color:#ffffff; text-decoration:none;}
.subnav a:active {color:#ffffff; text-decoration:none;}


#imp {display:inline; float:right; width:630px; line-height:18px; font-size:11px; color:#575656; margin-top:5px; text-align:right; padding-right:20px;}
#imp2 {display:inline; float:right; width:630px; line-height:18px; font-size:11px; color:#575656; margin-top:5px; text-align:right; padding-right:213px;}

a:link {color:#575656;}
a:visited {color:#575656;}
a:hover {color:#2183aa;}
a:active {color:#575656;}

.ue1 {margin-top:14px;}

#imp a:link {color:#575656; text-decoration:none;}
#imp a:visited {color:#575656; text-decoration:none;}
#imp a:hover {color:#2183aa; text-decoration:none;}
#imp a:active {color:#575656; text-decoration:none;}

#imp2 a:link {color:#575656; text-decoration:none;}
#imp2 a:visited {color:#575656; text-decoration:none;}
#imp2 a:hover {color:#2183aa; text-decoration:none;}
#imp2 a:active {color:#575656; text-decoration:none;}

.abstand_4px {height:4px; line-height:4px; font-size:4px;}
.cyan {color:#2183aa;}


.links {display:inline; float:left; width:272px; margin-left:35px; margin-top:38px;}
.links2 {display:inline; float:left; width:285px; margin-left:25px; margin-top:38px;}
.links3 {display:inline; float:left; width:285px; margin-left:25px; margin-top:0px;}
.maps {display:inline; float:left; width:300px; margin-left:35px; margin-top:38px;}
.maps2 {display:inline; float:left; width:300px; margin-left:35px; margin-top:0px; padding-top:5px;}
.rechts {display:inline; float:right; width:260px; margin-right:20px; margin-top:95px;}
.rechts2 {display:inline; float:right; width:260px; margin-right:20px; margin-top:230px;}
.rechts4 {display:inline; float:right; width:260px; margin-right:20px; margin-top:75px;}
.foto {margin-top:8px; margin-bottom:8px; margin-left:16px;}
#logo {margin-left:12px;}

.bildfloat {display:inline; float:left; margin-right:20px;}

.textbox {margin-left:35px; padding-right:35px;} /* 570px breite */

.linie {height:1px; background-color:#ccc; line-height:1px; font-size:1px; margin-top:10px; margin-bottom:10px; clear:both;}

#erstgespraech {margin-top:10px; margin-bottom:10px;}

.buttons {margin-left:10px;}


#hoerprobe_links {display:inline; float:left; width:424px;}
#hoerprobe_rechts {display:inline; float:left; width:50px; margin-top:45px; margin-left:15px;}

/* Formular Definition */



/* 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: 260px;
}


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


.formgen .formblock
{
	margin-bottom: 0px;
	
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0px;
	padding-left: 0px;
}

.formgen .formblocksend
{
	margin-bottom: 0px;
	margin-left:80px;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0px;
	padding-left: 0px;
}
/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


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


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 170px;
	height: 150px;
	margin-left: 0px;
	
	border:1px solid #585a5a;
}


/* Textfeld */
.formgen .formtext
{
	height: 15px;
    width: 170px;
	
	border:1px solid #585a5a;
	margin-left: 0px;
}
/* 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: 170px;
	background-color: #CCCCCC;
	margin-left: 0px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
	border: 1px solid #990000;
}

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


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 170px;
	background-color: #CCCCCC;
	margin-left: 0px;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 170px;
	background-color: #ffffff;
	border:1px solid #585a5a;
	color: #57595a;
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 260px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border:none;
}


/* Fieldsetbeschriftung */
.formgen legend {
font-weight: normal;
color: #8cbbc9;
margin-bottom:10px;
padding-left:0px;
margin-left:0px;
text-indent:0px;
display:none;
}

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

/* Fehlermeldung nach Versand */

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


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #FFFFFF;
	background-color: #02a5be;
}