@charset "utf-8";
/* CSS Document */

/* img, .pngfix { behavior: url("pngfix/iepngfix.htc") } */

img { border: none; }
form {margin:0px; padding:0px;}

/* ### HTML ###################################################################### */
html {
	margin: 0px;
	padding: 0px;

}

/* ### BODY ###################################################################### */
body {
	color: #000000;
	font-family:arial, verdana, helvetica, sans-serif;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	line-height: 1;

	}
/* for understanding browsers */	
#site-rahmen {
	position:relative;
	margin:0 auto;
	padding-left:7px;
	padding-right:0;
	padding-top:0;
	padding-bottom:0;
	display:block;
	width:981px;
	font-size:0.750em;
	background-image:url(linie_schatten_rechts.gif);
	background-repeat:repeat-y;
	background-position:0px 0px;
}


#content {width:630px; display:inline; float:left; line-height:	1.375em;}
#sidebar {width:320px; display:inline; float:left;}


/* ### INHALT ###################################################################### */
h1 {font-weight:bold; font-size:1.125em; margin:0px; padding:0px;}
h2 {font-weight:bold; font-size:1.125em; margin-bottom:0px; margin-top:8px; padding:0px;}
.pub {font-size:0.875em; color:#666565;  margin-bottom:10px;}
.pub_cont{font-size:0.875em; color:#666565;  margin-bottom:10px; line-height:0.875em;}

.black {color:#FFFFFF; width:72px; background-color:#000000; font-weight:bold; font-size:1.064em; margin-bottom:8px; text-indent:2px; line-height:1em;}
.black_nav {color:#FFFFFF; background-color:#000000; margin-bottom:8px; padding-left:2px; padding-right:2px;}
.clear {clear:both; line-height:1px; font-size:1px; height:1px;}


#banner {height:199px;}
#hgfarbe {width:629px; background-color:#efebe7; display:block;}

.info {padding-top:20px; margin-left:20px; padding-bottom:20px; width:590px;}
.info_links {display:inline; float:left; width:240px;}
.info_rechts {display:inline; float:right; width:240px;}

.news {padding-top:20px; margin-left:20px; padding-bottom:20px; border-bottom:#000000 1px solid; width:590px;}
.news_bild {width:200px; margin-right:18px; float:left;}
.news_text {width:370px; float:right;}
.more {margin-top:15px;}
#seite {margin-top:8px; width:610px;}

#termine {padding-top:10px; margin-left:20px; padding-bottom:20px; width:590px;}
.tabelle_termine {border-top:#000000 1px solid; width:590px; margin-top:0px; margin-left:0px; padding:0px; margin-bottom:8px;}

#kontakt_links {float:left; display:inline; width:270px;}
#kontakt_rechts {float:left; display:inline; width:320px;}

.audio_links {float:left; display:inline; width:220px;}
.audio_rechts {float:left; display:inline; width:350px; margin-left:20px;}

.login {padding-top:20px; margin-left:20px; padding-bottom:20px; width:590px;}
.eingabe { height: 13px; width: 200px; background-color:#ffffff; border:1px solid #ffffff; margin-left: 0px;}
.eingabe_kurz { height: 13px; width: 50px; background-color:#ffffff; border:1px solid #ffffff; margin-left: 0px;}
.eingabe_mg { height: 13px; width: 170px; background-color:#efebe7; border:1px solid #efebe7; margin-left: 0px;}
.abstand_login {height:8px; font-size:8px; line-height:8px; padding:0px; margin:0px;}
.pfeil_L {float:left; width:18px; display:inline; height:50px; border:1px solid #ffffff;}
.pfeil_text_L {float:left; padding-bottom:4px; display:inline; width:50px; height:50px; border:1px solid #ffffff;}


input.submit {margin:0; padding:0; }

.login_button
{
	width: 50px;
	background-color: #efebe7;
	border:1px solid #efebe7;
	color: #4e4848;
	padding:0;
	margin:0;
	float:left;
	display:inline;
	height:20px;
}

.login_button_2
{
	width: 40px;
	background-color: #ffffff;
	border:1px solid #ffffff;
	color: #4e4848;
	padding:0;
	margin:0;
	float:left;
	display:inline;
	height:20px;
}

.pfeil {float:left; width:13px; height:13px; display:inline;}
.pfeil_text {float:left; height:13px; padding-bottom:4px; padding-left:5px; display:inline; width:150px;}
.pfeil_b {float:right; width:13px; height:13px; display:inline;}
.pfeil_text_n {float:right; height:13px; padding-bottom:4px; padding-right:5px; display:inline; text-align:right;}
.pfeil_text_b {float:right; height:13px; padding-bottom:4px; padding-left:5px; display:inline;}
.pfeil_text_l {float:right; height:13px; padding-bottom:4px; padding-right:5px; display:inline; text-align:right; width:45px;}

a:link {
	color: #000000;
	text-decoration:none;
	padding-left:2px; 
	padding-right:2px;
	}
a:visited {
	color: #000000;
	text-decoration:none;
	padding-left:2px; 
	padding-right:2px;
}
a:hover{
	color: #ffffff;
	text-decoration:none;
	background-color:#ae947b;
	padding-left:2px; 
	padding-right:2px;
	
}
a:active {
	color: #000000;
	text-decoration:none;
	padding-left:2px; 
	padding-right:2px;
}

/* ### SIDEBAR ###################################################################### */
.sidebox {padding-top:20px; padding-left:20px; margin:0px; padding-bottom:0px;}
.sidebox_login {padding-top:20px; padding-left:20px; margin:0px; padding-bottom:0px; line-height:1.250em;}

.sidebox_login a:link {
	color: #000000;
	text-decoration:none;
	padding-left:0px; 
	padding-right:0px;
	}
.sidebox_login a:visited {
	color: #000000;
	text-decoration:none;
	padding-left:0px; 
	padding-right:0px;
}
.sidebox_login a:hover{
	color: #ffffff;
	text-decoration:none;
	background-color:#ae947b;
	padding-left:0px; 
	padding-right:0px;
	
}
.sidebox_login a:active {
	color: #000000;
	text-decoration:none;
	padding-left:0px; 
	padding-right:0px;
}


.sidebox a:link {
	color: #000000;
	text-decoration:none;
	padding-left:0px; 
	padding-right:0px;
	}
.sidebox a:visited {
	color: #000000;
	text-decoration:none;
	padding-left:0px; 
	padding-right:0px;
}
.sidebox a:hover{
	color: #ffffff;
	text-decoration:none;
	background-color:#ae947b;
	padding-left:0px; 
	padding-right:0px;
	
}
.sidebox a:active {
	color: #000000;
	text-decoration:none;
	padding-left:0px; 
	padding-right:0px;
}
.strichunten {border-bottom:#000000 1px solid; padding-top:8px; padding-bottom:8px; background-color:transparent;}
.strichunten_farbe {border-bottom:#000000 1px solid; padding-top:8px; padding-bottom:8px; background-color:#efebe7;}
.tabelle {border-top:#000000 1px solid; width:300px; margin-top:0px; margin-left:0px; padding:0px; margin-bottom:8px;}
#special {height:99px;}
#special a:link {
	color: #000000;
	text-decoration:none;
	}
#special a:visited {
	color: #000000;
	text-decoration:none;
}
#special a:hover{
	color: #ffffff;
	text-decoration:none;
	background-color:transparent;
}
#special a:active {
	color: #000000;
	text-decoration:none;
}

#special_link a {
	display:block;
	height:90px;
	text-indent:-700em;
	width:100px;
	position:absolute;
	top:0px;
	left:170px;
}

/* ### Header ###################################################################### */
#logo {background-image:url(header.gif); background-repeat:no-repeat; background-position:0px 0px; width:950px; height:59px; position:relative;}

#logo a:link {
	color: #000000;
	text-decoration:none;
	}
#logo a:visited {
	color: #000000;
	text-decoration:none;
}
#logo a:hover{
	color: #ffffff;
	text-decoration:none;
	background-color:transparent;
}
#logo a:active {
	color: #000000;
	text-decoration:none;
}

#logo_links a {
	display:block;
	height:55px;
	text-indent:-700em;
	width:217px;
	position:absolute;
	top:0px;
	left:0px;
}
#logo_rechts a {
	display:block;
	height:55px;
	text-indent:-700em;
	width:256px;
	position:absolute;
	top:0px;
	left:690px;
}
/* ### Fotogalerie ###################################################################### */
.fotoreihe {
display:block;
height:87px;
margin-bottom:31px;
padding:0px;
width:611px;
}
.foto {
float:left;
height:87px;
margin-right:31px;
width:129px;
display:inline;
}
.foto_last {
float:left;
height:87px;
width:129px;
display:inline;
}
/* ### NAVI ###################################################################### */
#navigation {text-align:right; font-size:1.064em;}
#navi{line-height:1.375em; margin-top:22px; height:60px;}
#sprache {height:18px;}


#navigation a:link {
	color:#000000;	
	text-decoration:none;

}
#navigation a:visited {
	color:#000000;	
	text-decoration:none;
}
#navigation a:hover{
	color:#ffffff;
	background-color:#000000;
	text-decoration:none;
}
#navigation a:active {
	color:#000000;	
	text-decoration:none;
}
.menu_act {
	color:#6f6e6e;
	background-color:#ddddd8;
	width:210px;
	padding-left:39px;
	height:19px;
	line-height:1.625em;
	margin-bottom:2px;
	background-image:url(pfeil_str.gif);
	background-position:22px 3px;
	background-repeat:no-repeat;
	text-decoration:none;
	display:block;
}


/* ### 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
{

width: 320px;
}


/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 0px;
	width:320px;
	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: 200px;
	height: 90px;
	margin-left: 0px;
	background-color:#ffffff;
	border:1px solid #ffffff;
}


/* Textfeld */
.formgen .formtext
{
	height: 13px;
    width: 200px;
	background-color:#ffffff;
	border:1px solid #ffffff;
	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: 200px;
	background-color: #CCCCCC;
	margin-left: 0px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
	border: 1px solid #990000;
}

/* Label */
.formgen label {
font-family: Arial, Helvetica, sans-serif;
width: 112px;
clear: left;
float: left;
height: 14px;
padding: 0px;
font-weight:normal;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 0px;
}


/* Sende-Button */



.formgen .formblocksend
{
	margin-bottom: 0px;
	margin-left:112px;
	width:200px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

/*fuer  IE6*/
* html .formgen .formblocksend{ /*CSS for enlarged image*/
	margin-left:58px;
}

/*fuer IE7*/
*+html .formgen .formblocksend{ /*CSS for enlarged image*/
	margin-left:56px;
}

.formgen .formsubmit
{
	width: 200px;
	background-color: #ffffff;
	border:1px solid #ffffff;
	color: #4e4848;
	height:18px;
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 311px;
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: #000000;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */
