/* ============================================
   1. Kalibrierung und Restauration 
   ============================================*/

* { padding: 0; margin: 0; } /* Kalibrierung: Stellt padding und margin auf 0, weil jeder Browser sie unterschiedlich
							anzeigt */

html { height: 100.3%; margin-bottom: 1px; } /*erzwingt Scrollbar im Firefox */

/*Abstand nach unten */
h2, h3, p, ul, ol { margin-bottom: 1em; }

/*Verschachtelte Listen ohne Abstand*/
ul ul { margin-bottom: 0; }

/*Abstand von links */
li { margin-left: 2em; }


/* ============================================
   2. Allgemeine Styles 
   ============================================*/

body {
	background-color: #ffffff; 
	color: black; 
	font-family: verdana, Arial, Helvetica, sans-serif; 
	font-size: small; 
}


h1 { font-size: 150%; }

h2 { font-size: 130%; }


a { text-decoration: none; } 

a:link { color: #0000CC; } 

a:visited { color: #0000CC; } 

a:hover, 
a:focus { border-bottom: 1px solid #000000; } 

a:active {
	color: White;
	background-color: #000099;
}

#logo {
	background-color: white;
	border: 0;
	padding: 0;
}


ul li { list-style-type: square; } 

ul ul li { list-style-type: circle; } 

ol li { 
	list-style-type: decimal; 
}

ol ol li { list-style-type: lower-alpha; } 

.skiplink {
	position: absolute; 
	top: -5000px;
	left: -5000px;
}


.bildrechts {
	float: right; 
	padding: 3px;
	border: 5px solid #cccccc;
	margin-left: 15px;
	margin-bottom: 15px;
}

.bildlinks { 
	float: left; 
	padding: 3px;
	border: 5px solid #cccccc;
	margin-left: 15px;
	margin-bottom: 15px;
}

.textrechts { 
	text-align: right;
	font-weight: bold;
	padding-top: 10px;
}

.textlinks { 
	text-align: left;
	font-weight: bold;
	padding-top: 10px;
}

.textmittig { text-align: center;}

.clearing { clear: both; }


/* ============================================
   3. Styles für die Layoutbereiche 
   ============================================*/

#wrapper {
	background-color: white;
	color: black;
	width: 874px;
	margin: 0 auto; 
}

#kopfbereich {
	color: black;
	padding: 0; 
	width: 874px;
	height: 201px;
	background: #ffffff url(images/kopfbereich.jpg) no-repeat top left; /* bei Einfügung als Vordergrundbild wäre beim*/ 
}																	   /* IE6 eine Lücke zwischen kopf- u mittelbereich.jpf entstanden*/

#mittelbereich {
	background: #ffffff url(images/mittelbereich.jpg) repeat-y top left;
	min-height: 350px;
}

#navibereich { 
	float: left;
	width: 174px;
	text-align: left;
	padding: 15px 15px 4px 20px;
}

/* ----------------------------------------------
   Styles für die Navi 
   ----------------------------------------------*/

#navibereich ul { 
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #666; /* Linie am Ende der Navi*/
} 

#navibereich li { 
	list-style-type: none; 
	margin: 0; 
	border-top: 1px dotted #666;
}

#navibereich a { 
	display: block;
	color: #000099;
	padding: 4px 0;
}

/* "Sie sind hier": aktuelle Seite hervorheben*/
#startseite #navi01 a,	 
#ueber_uns #navi02 a,	
#franzoesisch #navi03 a,
#links #navi04 a,
#kontakt #navi05 a,
#intern #navi06 a,
#material #navi07 a ,
#erfahrungsberichte #navi08 a,
#la_cellule #navi09 a {  
	color: #000099;
	font-weight: bold;
	cursor: default;
}

#navibereich a:hover,
#navibereich a:focus {
	color: white;
	border-bottom: none;
}

#navibereich a:active {
	color: white;
	border-bottom: none;
		background-color: #999;
}

/* --------------------------------------------
   Styles für den Textbereich
   --------------------------------------------*/
   
#textbereich { 
	margin-left: 210px;
	padding: 15px 30px 5px 25px; 
} 

#textbereich h2 { color: #000099;}

#textbereich a { border-bottom: 1px none #000099; } 

#textbereich a:hover, 
#textbereich a:focus { border-bottom: 1px solid #000099; }

#textbereich ul li { line-height: 1.5; } 

#material #textbereich a:hover,
#material #textbereich a:focus {
	color: black;
	border-bottom: none;
}

.eingerueckt {
	padding-left: 80px;
	padding-right: 80px;
}




/* --------------------------------------------
   Styles für den Fussbereich
   --------------------------------------------*/

#fussbereich {
    clear: both; 
	width: 874px;
	height: 40px;
	background: #ffffff url(images/fussbereich.jpg) no-repeat top left;
}

#fussbereich_links {
	float: left;
	width: 148px;
	text-align: left;
	padding: 15px 0px 4px 30px;
}

#fussbereich_rechts { 
	margin-left: 200px;
} 

#fussbereich p {
	text-align: center;
}
		  
/* ============================================
   4. Sonstige Styles 
   ============================================*/