@charset "UTF-8";
/* CSS Document */
/* CSS issu des tutoriels www.alsacreations.com/articles */

/* browser resets */

#d-0, #d-1, #d-1_1, #d-1_2, #d-1_3, #d-2, #d-2_1, #d-2_2, #d-2_3, #d-3, #d-3_1, #d-3_2, #d-3_2_1, #d-3_2_2, #d-3_3, #d-3_4, #d-4, #d-4_1, #d-4_2, #d-4_2_1, #d-4_2_2,#d-4_3, #d-4_4, #d-5, #d-6, #d-7
{
}

#e-0, #e-1, #e-1_1, #e-1_2, #e-1_3, #e-2, #e-2_1, #e-2_2, #e-2_3, #e-3, #e-3_1, #e-3_2, #e-3_2_1, #e-3_2_2, #e-3_3, #e-3_4, #e-4, #e-4_1, #e-4_2, #e-4_2_1, #e-4_2_2,#e-4_3, #e-4_4, #e-5, #e-6, #e-7
{
}

a:focus { 
outline: none; }

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: relative;
top: 0;
left: 0;
}

dl#menu {
width: 225px;
line-height:15px;
}

dl#menu dt {
cursor: pointer;
margin: 0;
line-height: 15px;
text-align: left;
}

dl#menu li {
text-align: left;
width:225px;
}

dl#menu li a, dl#menu dt a, .linx a, .menue-box a, a.linx, .linie .imprint a {
text-decoration:none;
color: #969696;
background-image:url(../img/pfeil.gif);
background-position:right;
background-repeat:no-repeat;
padding-right:12px;
}

dl#menu li a:hover, dl#menu dt a:hover, .linx a:hover, .menue-box a:hover, .linie .imprint a:hover {
font-weight:bold;
text-decoration:none;
color: #969696;
background-image:url(../img/pfeil-fett.gif);
background-position:right;
background-repeat:no-repeat;
padding-right:12px;
}

dl#menu dt a.ding-rot {
	text-decoration:none;
	color: #000000;
	background-image:url(../img/pfeil_rot.gif);
	background-position:right;
	background-repeat:no-repeat;
padding-right:12px;
	}

dl#menu dt a:hover.ding-rot  {
	font-weight:bold;
	text-decoration:none;
	color: #000000;
	background-image:url(../img/pfeil-fett_rot.gif);
	background-position:right;
	background-repeat:no-repeat;
padding-right:12px;
}

#menu ul{
position:absolute;
left:238px;/*-- 12 Pixel Padding vom a --*/
top:0px;}

.aufzaehlung_inhalt{
	font-size:12px;
	line-height:20px;
	position:relative;
	border:none;
	left:0px;
	list-style-image:url(../img/strich_grau.gif);
	list-style-position:inherit;
	margin-left:15px;
	margin-top:-5px;
	margin-bottom:20px;
}

.abst {
padding-bottom:10px;}

body  {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: left; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (linx) zugewiesen. */
	color: #969696;
	vertical-align: top;
    }
	
	
/*Begin Formate*/
	p {
	font-size: 12px;
	line-height: 20px;
	color: #000000;}
	
	p a{
	background-image:url(../img/linie.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	text-decoration:none;
	color:#000000;
	}
	
	p a:hover{
	background-image:url(../img/linie-rot.gif);
	color:#969696;
	}
	
	h1{
	font-size:24px;
	font-weight:normal;
	color: #000000;
	margin-top: 0px;;
	padding:0;
	}
	
	h2 a {
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	line-height: 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-image:url(../img/pfeil.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:12px;
	}
	
	h2 a:hover{
	font-weight:bold;
	text-decoration:none;
	color: #969696;
	background-image:url(../img/pfeil-fett.gif);
	background-position:right;
	background-repeat:no-repeat;
	margin-bottom:12px;
	}
	
	h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #000000;
	font-weight:normal;
	margin-bottom:-8px;
	}
		
	h4 {
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	padding:0;
	margin:0;
	}
	
	h5{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	font-weight:normal;
	line-height:15px;
	}
	
	.h5_unterstrich{
	text-decoration:underline;	
	}
	
	.h5_linie{
	text-decoration:underline;	
	background-image:url(../img/linie.gif);
	background-position:top;
	background-repeat:repeat-x;
	padding-top:25px;
	}
	 
	h7{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	padding:0px;
	margin:0px;
	color: #000000;
	text-decoration:none;
	}
	
	.h5_archiv {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	margin:0px;
	color: #000000;
	text-decoration:none;
	background-image:url(../img/pfeil.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:12px;
	}
		
	.h5_archiv:hover{
	font-weight:bold;
	text-decoration:none;
	color: #969696;
	background-image:url(../img/pfeil-fett.gif);
	background-position:right;
	background-repeat:no-repeat;
	margin-bottom:12px;}
	
	h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:normal;
	padding:0px;
	margin:0px;
	color: #000000;
	}
	
	.h6_linie	{
	background-image:url(../img/linie.gif);
	background-position:top;
	background-repeat:repeat-x;
	padding-top:25px;	
		}
/*Ende Formate*/

			
#text_abstand{
	padding-bottom:10px;
	}

.pfeil{
	padding-top:10px;}
	
.spalter #container {
	width: 930px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: #FFFFFF;
	text-align: left;
	border-top-width: 30px;
	border-right-width: 30px;
	border-bottom-width: 30px;
	border-left-width: 30px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
    }
	
.linx {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 450px;
	padding-bottom: 17px;
	}
	
.spalter #rechtz {
	background-color: #fff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 480px;
	padding-top:13px;
	} 
	
.spalter #rechtz_klein {
	background-color: #fff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 480px;
	padding-top:22px;
	}
	
.spalter #rechtz_archiv {
	background-color: #fff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -10;
	margin-left: 480px;
	padding-top:0;
	}	
	
.aktiv {
font-weight:bold;
} 

.menue-box {
	width: 225px;
	position:relative;
	top:-12px;

} 

.linie {
	background-image:url(../img/linie.gif);
	background-repeat:repeat-x;
	padding-top:20px;
} 

.flash_kasten
 {	padding-top:20px;
} 

.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    }
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach linx fließen lassen. */
	float: left;
    }
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
    }
	
#mitte { 
	clear:both;
	padding-top:30px;
    }
	
#unten { 
	clear:both;
    }
	
.imprint {
	padding-top:10px;
	clear:both;}
	
.imprint_portrait{
	padding-top:0px;
	clear:both;}
	
.kasten_impressum{
	width:450px;
	height:450px;
}

.bu_links {
	float:left;
	width:210px;
	height:50px;
	padding-top:0px;
}

.bu_rechts {
	float:right;
	width:210px;
	height:50px;
	padding-top:0px;
}

.kasten_links {
	height:450px;
	width:450px;
}

/*Beginn Suchformular */
.suchen {
	background-image:url(../img/lupe.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	background-position:left;
	color:#FFFFFF;
	cursor: pointer;
	border:0px;
	height:30px;
	width:70px;
	}

.suchen:hover {
	background-image:url(../img/lupe_hover.gif);}
	
.suchen:focus { 
outline: none;}

#suchform{
	width:450px;
	float:left;
	height:22px;}

#antwort{
	width:450px;
	background-color: #fff;
	margin-left: 480px;
	position:relative;
	top:-30px;
		}
	
#antwort p, #antwort ul, #antwort h3 {
	position: absolute;
	left:-10000px;
}

#antwort ol li {
	background-image:url(../img/linie.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:20px;
	margin-bottom:25px;
	}

#antwort ol li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:29px;
	color: #000000;
	font-weight:normal;
	background-image:url(../img/pfeil_rot.gif);
	background-position:right;
	background-repeat:no-repeat;
	/*margin-top: 0px;
	padding:0;*/
	}

#antwort ol li a:hover {
	background-image:url(../img/pfeil-fett_rot.gif);
	background-position:right;
	background-repeat:no-repeat;
	}

#antwort ol {
	padding:0px;
	margin:0px;
	}

#antwort .mod {
	color: #969696;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;}

#antwort .mod a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #969696;
	font-size:9px;
	background-image:url(../img/pfeil.gif);
	background-position:right;
	background-repeat:no-repeat;	}
	
#antwort .mod a:hover {
	background-image:url(../img/pfeil-fett.gif);
	background-position:right;
	background-repeat:no-repeat;	}
/*Ende Suchformular */

/*Beginn Kontakt */
#formular{
color:#969696;}

#formular fieldset{
border:0px;}

label { 
	color:#969696; 
	font-size:15px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	margin:0; 
	padding:0;  
	width:118px; 
	display:block; 
	float:left;}

input {	
	border:1px solid #969696; 
	margin-bottom:20px; 
	width:330px; 
	background:#fff;}

input:focus { border-color:#000000;}

#geschlecht { 
	width:30px; 
	border:0px; 
	padding:0; 
	margin:0;}

textarea {
	width:447px; 
	border:1px solid #969696;}

fieldset {
	width:450px; 
	border:0px; 
	padding:0px;
	margin:0px; 
	text-align:left;}

.h6_kontakt { margin-bottom:20px;}

#message { margin-bottom:30px;}

.buttongb {
	background-image:url(../img/senden.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	background-position:left;
	position:relative;
	color:#FFFFFF;
	width:70px;
	height:20px;
	cursor: pointer;
	border:0px;
	padding:0;
	margin:0;
}

.buttongb:hover {
	background-image:url(../img/senden_hover.gif);
}

.buttoneng{
	background-image:url(../eng/img/message.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	background-position:left;
	position:relative;
	color:#FFFFFF;
	width:90px;
	height:20px;
	cursor: pointer;
	border:0px;
	padding:0;
	margin:0;}
	
.buttoneng:hover {
	background-image:url(../eng/img/message_hover.gif);
} 

.button_suche {
	background-image:url(../img/lupe.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	background-position:center;
	position:relative;
	color:#FFFFFF;
	width:20;
	height:20;
	cursor: pointer;
	border:0px;
}

.button_suche:hover {
	background-image:url(../img/lupe_hover.gif);
}

.button_suche:focus { 
outline: none; }

#message{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;}

/*Ende Kontakt */