@charset "utf-8";
/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif;  background: #fff;
  margin: 0;   padding: 0;  text-align: center;  color: #000000;  line-height:18px;}

img {max-width: 100%; border-width: 0px;}
img a{border-width: 0px; }
a {outline: none;}

.bahoe #container, .bahoe #container-texte {
  width: 80%;  
  margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
  background: #fff;   text-align: left; }

/* Tipps für Randleisten:
1. Da wir mit Prozentwerten arbeiten, ist es empfehlenswert, für die Randleisten keine seitliche Auffüllung zu verwenden. Sie wird bei standardgerechten Browsern der Breite hinzugefügt, und dies wiederum führt zu einer unbekannten tatsächlichen Breite. 
2. Zwischen der Kante des div und den darin liegenden Elementen kann ein Abstand eingefügt werden, indem Sie diesen Elementen wie in ".bahoe #sidebar1 p" demonstriert einen linken und rechten Rand zuweisen.
3. Da Explorer die Breiten nach der Wiedergabe des übergeordneten Elements berechnet, treten bei prozentbasierten Spalten gelegentlich unerklärliche Fehler auf. Wenn Sie zuverlässigere Ergebnisse wünschen, sollten Sie pixelbasierte Spalten verwenden.
*/
.bahoe #sidebar1 {
	float: left; /* Dieses Element muss in der Quellenabfolge vor dem Element stehen, neben dem es platziert werden soll. */
	width: 22%; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum.  */
	text-decoration:none;
	font-size: 12px;
	margin: 0px;
	padding-top: 9px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	height: 500px;
}
.bahoe #sidebar1 ul{	padding: 0;	margin-left: 0px;	margin-top: 8px; line-height:19px;}	
.bahoe #sidebar1 li {list-style-type: none;	height: auto;	white-space: nowrap;}
.bahoe #sidebar1 ul ul{	padding: 0;	margin-left: 0px;	margin-top: 0px; margin-bottom: 12px;line-height:15px;}	
.bahoe #sidebar1 ul ul li {list-style-type: none;white-space: nowrap;}

.bahoe #sidebar1 li a {	color: #900;	text-decoration: none;	}
.bahoe #sidebar1 li a:hover {	color: #900;	text-decoration: none;	}
.bahoe #sidebar1 ul ul li a {	color: #000;	text-decoration: none;	}
.bahoe #sidebar1 ul ul  li a:hover {	color: #900;	text-decoration: none;	}
	
.bahoe #sidebar2 {
  float: right; /* Dieses Element muss in der Quellenabfolge vor dem Element stehen, neben dem es platziert werden soll. */
  width: 15%; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
  padding:  0 ; 	margin: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;	
}
.bahoe #sidebar2 a:link{color: #999;	text-decoration: none;	}
.bahoe #sidebar2 a:visited {		color: #999;	text-decoration: none;	}
.bahoe #sidebar2 a:hover {	color: #900;	text-decoration: none;	}

.bahoe #sidebar1 p, .bahoe #sidebar1 h3{
  margin-left:0px; /* Für jedes Element, das in den seitlichen Spalten platziert wird, sollten ein linker und ein rechter Rand angegeben werden. */
  margin-right: 10px;
  font-size: 12px;
  text-align:left;
}
.bahoe #sidebar2 p, .bahoe #sidebar2 h3 {
  margin-left:0px; /* Für jedes Element, das in den seitlichen Spalten platziert wird, sollten ein linker und ein rechter Rand angegeben werden. */
  margin-right: 0px;
  font-size: 12px;
  text-align:right;
}
.bahoe #mainContent {
	font-size:13px; 
	padding: 0px;
	margin-top: 0;
	margin-right: 10%;
	margin-bottom: 0;
	margin-left: 180px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;	
}


h1{visibility:hidden; font-size: 2px; line-height: 2px;}

h2{	font-size: 20px; font-weight:100;	padding: 0; margin-top: 0px;	color:#999;	}
	
h3 {color: #999; font-size:14px;}
h4 {color: #999;}
h5{	color: #999;	padding: 0;	margin: 0;	font-size: 12px;	font-weight:normal;	line-height: 14px;	}

.kleiner {
	font-size: 12px;
	color: #666;
}

.bahoe #mainContent a:link{	color: #999;text-decoration: none;	}
.bahoe #mainContent a:visited {	color: #999 ; text-decoration: none;}
.bahoe #mainContent a:hover{	color: #900 ; text-decoration: none;}

 #mainContent table {	margin-top: 10px; width: 600px;	padding:6px;}	
 #mainContent table tr {font-size: 12px;padding: 0px; margin-bottom:10px;	}
#mainContent table tr td{list-style-type: none;	margin-bottom: 10px;	}
#mainContent ul {padding:0; margin:0;}
#mainContent ul li {
	list-style-type: none; padding: 0; margin: 0;
}

.rahmen {
	border:#999 solid thin;}


.antwort {
	padding-bottom: 20px;
	}

.frage {
	color: #069;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	}

/* -------------------------------------- Verschiedene wieder verwertbare Klassen  -------------------------------*/

.zitat {	font-style:italic;	}
	
.fltrt {   float: right;   margin-left: 8px;}
.fltlft {   float: left;   margin-right: 8px; margin-bottom: 6px;}

.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 alle seine untergeordneten Floats enthalten sollte. */
  clear: both;   height: 0;   font-size: 1px;   line-height: 0px;
}



/*--------------------------------NAVIGATIONSBEREICH ---------------*/

.bahoe #base {
	width: 80%;  /* Hierdurch wird ein Container mit einer Breite erstellt, die 80% der Browserbreite beträgt. */
  margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
  text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
  height: 150px;
	}
	
.hide {
	display: none;
	}
	
.bahoe #base  #side1 {
  	float: left; /* Dieses Element muss in der Quellenabfolge vor dem Element stehen, neben dem es platziert werden soll. */
  	width: 22%; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
  	padding-right:0;
  	margin-right:0;
	text-decoration:none;
	font-variant: normal;
	font-size: 12px;
	text-align: right;
	white-space:nowrap;
	

}

.bahoe #base  #side1 a {
	color: #999;
	text-decoration:none;
	padding-right: 5px;
	margin: 0;
	}
	
.bahoe #base  #side1 strong a {color:#ccc;text-decoration:none; font-weight: bold;}
#base #side1 li a:hover { color: #900;text-decoration:none; }

/*--------hauptnav--*/

.bahoe #base #hauptnav {
	width:	auto;
	text-align: left;
	white-space: nowrap;
	margin: 0;
	padding: 0
	font-size: 12px;}


.bahoe #base #hauptnav ul {
	width: 700px;
	margin-left: 0;
	padding-left: 0;
	}
	
.bahoe #base #hauptnav li {
	list-style-type: none;
	float: left;
	text-align: left;
	}
	
.bahoe #base #hauptnav li a {
	display:block;
	width: auto;
	color: #999;
	text-decoration:none;
	font-size: 12px;
}
#base #hauptnav li strong a { color: #999; text-decoration:none;}
#base #hauptnav li a:hover { color: #900;text-decoration:none; }