/* 1. Ausrichtung der Seite und allgemeine Stylesheets */
/* ======================================================*/

/* Ausrichtung der wichtigsten Abstände*/
* {
	padding: 0px;
	margin: 0px;
}

/* Löschen aller float-Befehle*/
.clearing {
	clear: both;
}


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

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

/*Verschachtelte Liste ohne Abstand*/
ol ol {
	margin-bottom: 0;
}

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

/*Allgemeine Selektoren*/
html {
	height: 101%;
}

body {
	background-color: #8c8c8c;
	font-family: Verdana,Arial,Helvetica,sans-serif;
/*	font-size: x-small;				/*Internet-Explorer versteht das nicht*/
	font-size: 12px;
	text-align: center;
}

/* Definition von h - Überschriften*/
h1,h2,h3,h4 {
	font-family : Verdana,Arial,Helvetica,sans-serif;
	font-weight : bold;
	vertical-align: middle;
}

h1  {
	color : black;
	text-align : center;
	font-size : 150%;
}

h2  {
	color : black;
	text-align : left;
	font-size : 130%;
}

h3  {
	color : black;
	text-align : left;
	font-size : 110%;
}

h4  {
	color : black;
	text-align : left;
	font-size : 100%;
}


/*Definition der Adresse*/
address {
	text-align: center;
	font-size: 80%;
	font-style: normal;
	letter-spacing:2px;
	line-height: 1.5em;
}

/* Definition von Hyperlinks */
a {
	text-decoration: none;
	outline: none; 
}
a:link {
	color: blue;
}
a:visited {
	color: #cc6666;
}
a:hover, a:focus {
	color: white;
	border-bottom: 0px solid white;
}
a:active {
	color: blue;
	background-color: #808080;
}

/*Allgemeine Klasse*/

#logo {
	color: black;
	background-color: white;
}

/* 2. Layoutbereiche */
/* ==========================*/

#wrapper {
	color: black;
	text-align: left;
	background-color: white;
	width: 85%;                      /*Breite des Inhaltsbereichs, evtl. löschen 85%*/
	min-width: 720px;
	max-width: 80em;							/* 80em; alte Einstellung */
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

#wrapper1 {
	position: relative;
	color: black;
	text-align: left;
	background: white url(../../grafiken/farbverlauf_navigation.jpg) repeat-y top left;
	width: 100%;
	min-width: 720px;
	max-width: 100%; /*Breite des Inhaltsbereichs, evtl. löschen 85% width: 100%;*/
	margin: 0px;
}



#willkommen {
	color: black;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	padding: 5px;
	margin:20px;
}

/* Titel - Format */
#kopfbereich {
	position: relative;
	color: white;
	background-color: #2B477F;
	height: 100px; 					/*Höhe des Kopfbereichs / Grafik /Titel*/
	padding-top: 20px; 				/*alter Wert 10px*/
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px; /*alter Wert 0 bei Passbild*/
}

#kopfbereich #logolinks {
position: absolute;
top: 0;
left: 0;
width: 100px;
padding: 0;
border: 0;
margin: 0;
margin-left:20px;
margin-top: 30px;
}

#kopfbereich #titel {
width: auto;
padding: 0;
margin-right: 150px;
margin-left: 150px;
}

#kopfbereich #logorechts {
position: absolute;
top: 0;
right: 0;
width: 100px;
padding: 0;
border: 0;
margin: 0;
margin-top: 20px;
margin-right: 20px;
}

#kopfbereich p {
	padding-top: 25px;								/* 5px: alter Wert */
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;  
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	color: white;
	text-align: center;
	font-weight: bold; 
}

/* Navigation - Format */
#navibereich {
	background-color: #c6d3d3;					/* Hintergrund des Balkens*/
	text-align: center;                     /* alt: right; */
	padding: 5px 10px 5px 10px;		
}

#navibereich ul {
	margin-bottom: 0;
}

#navibereich li {
	display: inline;						/*Liste wird nebeneinander angezeigt*/
	list-style-type: none;				/*ohne Aufzählungssymbol*/
	margin: 2px;						   /* alte werte 0px*/
}

#navibereich a {
	color: black;
	font-size: 90%;
	background-color: #c6d3d3;					/* farbe Kobfbereich #2b477f;*/
	padding: 4px 8px 4px 8px;
	border: 1px solid #c6d3d3;             /*8c8c8c;*/
}

#navibereich a:hover,
#navibereich a:focus,
#startseite #navi01 a,
#allgemeinseite #navi02 a,
#lehrgaengeseite #navi03 a,
#zugangseite #navi04 a,
#adressenseite #navi05 a,
#faqsseite #navi06 a,
#anmeldungseite #navi07 a,
#impressumseite #navi08 a {
	color: #2b477f;
	background-color: #eaedf2;
	border-bottom-color: #eaedf2;			/*rahmenlinie der Linkkasten*/
}

#navibereich a:active {
	color: white;
	background-color: #eaedf2;			/* farbe Kobfbereich #2b477f;*/
}

#navibereich a {
	color: black;
}

/* Navigation linke Seite ---*/

#navilinks {
	float: left;
	width: 130px;
	background-color: #eaedf2;
	padding-top: 20px;
	border: 0px solid red;			/* test */
}

#navilinks ul {
	width:130px;
}

#navilinks li {
	list-style-type: none;
	margin: 0px;				
	margin-bottom: 5px;			/* evtl. kleiner setzen */
}

#navilinks a {
	display: block;
	text-decoration: none;
	background-color: #eaedf2;		/* Hintergrundfarbe richtig */
	color: black;
	padding: 4px 4px 4px 20px;
	border: 0px solid #eaedf2;		/* evtl. auf  1 setzen */
}

#navilinks a:hover,
#navilinks a:focus,
#koblenzseite #navi11 a,
#lageplanseite #navi12 a,
#kontakteseite #navi13 a,
#lehrgaengekoblenzseite #navi14 a,
#termineseite #navi15 a,
#internatseite #navi16 a,
#linksseite #navi17 a,
#geschichteseite #navi18 a, 
#bilderseite #navi19 a, 
#sonstigesseite #navi20 a {
	color: black;								/*Schriftfarbe ändern*/
	font-weight: bold;
	letter-spacing: 2px;
	background-color: #c6d3d3;
	border-bottom-color: #c6d3d3;			/*rahmenlinie der Linkkasten*/
	text-decoration: none;	
}

#navilinks a:active {
	color: black;
	background-color: #c6d3d3;			/* farbe Kobfbereich #2b477f;*/
}


/* 3. Spalte zur Ausrichtung */

#spalte3 {
	float: right;
	padding-top: 20px;
	width: 130px;
	border: 0px solid red;
}

/* Textbereich - Format */

#textbereich {
	background-color: white;
	margin-left: 130px; 				
	margin-right: 130px; 				
	padding: 20px;		
	border: 0px solid red;				/* zu Testzwecken auf 1px setzen*/
	line-height: 1.5em;
}

#textbereich h2 {
	padding-left: 0px;
	margin-left: 20px;
	margin-right: 40px;
}


#textbereich h3 {
	padding-left: 0px;
	margin-left: 20px;
	margin-right: 40px;
}

#textbereich h4,h5 {
	padding-left: 0px;
	margin-left: 20px;
	margin-right: 40px;
}

#textbereich p {
	padding-left: 0px;
	margin-left: 20px;
	margin-right: 40px;
}

#textbereich ul{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 20px;
}
#textbereich li{
	padding-bottom: 5px;
	margin-left: 15px;
}

#textbereich li {
	display: list-item;
}

.seitenanfang {						      /* Textbox für nach oben */
	width: 100%;
	border: 0px solid black;
	text-align: right;
	font-size: 80%;
}

#textbereich a {
	color: #2b477f;
}

#textbereich a:active {
	color: #2b477f;
	background-color: white;			/* farbe Kobfbereich #2b477f;*/
	text-decoration: none;
}

#textbereich a:hover,
#textbereich a:focus {
	color: black;
	text-decoration: underline;
}

/* Startseite / besondere Ränder ----  klappt bis jetzt nicht*/
#startbereich {
	background-color: white;
	margin-left: auto; 				
	margin-right: auto; 				
	padding-top: 20px;
	padding-bottom: 20px;		
	border: 0px solid red;				/* zu Testzwecken auf 1px setzen*/
	line-height: 1.5em;
}

#startbereich table {
	width: 100%;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	border-width: 0px;
}

#startbereich td {
	width: 50%;
	vertical-align: middle;
	line-height: 2em;
	border-width: 0px;
}

#startbereich a {
	color: #2b477f;
	font-size: 150%;
	font-weight: 100;
}

#startbereich a:active {
	color: #2b477f;
	background-color: white;			/* farbe Kobfbereich #2b477f;*/
	text-decoration: none;
}

#startbereich a:hover,
#startbereich a:focus {
	color: black;
	text-decoration: underline;
}	
/*-- Ende Formatierung Startseite --*/

/* Fussbereich - Format */
#fussbereich {
	background-color: white;
	clear: both;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border-top: 1px solid #8c8c8c; /*rahmenline schwer sichtbar, wert erhöhen*/
	margin-top: 20px;
}

#fussbereich a {
	color: #2b477f;
}

#fussbereich a:active {
	color: #2b477f;
	background-color: white;			/* farbe Kobfbereich #2b477f;*/
}
	
#fussbereich a:hover,
#fussbereich a:focus {
	color: black;
/*	border-bottom: 1px solid #cc0000;*/
	text-decoration: underline;
}

/* 3. Sonstige Stylesheets */
/* ==========================*/

.skiplink {
	position: absolute;
	top: -2000px;
	left: -3000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}	

/* 4. Tabellen */
/* ==========================*/

table {
	background: #eaedf2;						/* Tabellenfarbe alte Farbe white oder #F4F6F6*/
	border: thin;
	border-style: solid;
	border-width: 1px;						/*zu Test auf 1px setzen*/
	border-color: #8CA6A6;
	width: 80%;
	min-width: 600px;
	height: auto;
	border-collapse: collapse;
	margin: 0px;
	padding: 2px;
	font-size: 100%;
	letter-spacing: 1px;
	line-height: 1.5em;
}

/* ----- Tabellenüberschriften ---*/
table th  {
	text-align: left;							/* evtl. ändern auf center */
	font-weight: bold;
	vertical-align: top;
	padding: 2px;
	padding-left: 5px;
	background-color: #2B477F;
	font-size: 100%;
	color: #FFFFFF;
	border: thin;
	border-style: solid;
	border-width: 1px;
	border-color: #2B477F;
}


/* ---- Tabellenspalten ------- */
table td  {
	text-align: left;
	vertical-align: top;
	letter-spacing: 1px;
	font-size: 90%;
	width: 50%;																/* evtl. anpassen für Tabellen */
	padding: 2px;
	padding-left: 5px;
	border: thin;
	border-style: solid;
	border-width: 1px;													/*zu Test auf 1px setzen*/
	border-collapse: collapse;
	border-color: #8CA6A6; 			
}

/* ---- Tabellenhyperlinks ------- */
table a {
	font-weight: bold;
}




/* Besondere Tabellenformate --------*/
#adressentabelle  {
	border-width: 1px;						/*zu Test auf 1px setzen*/
}

#adressentabelle td  {
	padding: 2px 2px 2px 5px;
	width: 50% 50%;
	border-width: 0px;													/*zu Test auf 1px setzen*/	
}

/*Tabellenfelder formatieren*/				/* 3-mal 3 Feld  für Tabelle*/

#zellenfarbe {
	color: Black;
	background-color: #D1DCDC;
}

/*-------*/
.tabzeile {
	font-weight: bolder;
}

.tabzelle {
	font-weight: bolder;
}

#linktabelle td  {
	border-width: 0px;						/*Ränder ausblenden zu Test auf 1px setzen*/
}

/* Tabelle Spalten */
#sonstigetabelle td  {
	border-width: 0px;						/*zu Test auf 1px setzen*/
	width: 50% 50%;
}

#kontaktetabelle td  {
	border-width: 0px;						/*zu Test auf 1px setzen*/
}

#terminetabelle td  {
	border-width: 1px;						/*zu Test auf 1px setzen*/
}

.tabzeile td {
	font-weight: bolder;
}

#foerderungtabelle table {
	min-width: 600px;
	max-width: 720px;
}

#foerderungtabelle th  {
	text-align: center;
	border-width: 1px;	
}

/*-- Galerie / Bilderformate ---*/
.galerie {
	width: 400px;
	min-width: 400px;
	background-color: #FFFFFF;
	border-width: 0px;
}

.galerie td {
	border-width: 0px;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
}

.ecdl td {
	border-width: 0px;
}

#lehrertabelle td  {
	border-width: 0px;						    /*zu Test auf 1px setzen*/
}

#legendetabelle td  {
	border-width: 0px;
}





/*---- FAQs-Tabelle -----*/

.faqstabelle table {
	border-width: 0px;
	background-color: #FFFFFF;
	min-width: 600px;
	max-width: 720px;
}

.faqstabelle td {
	border-width: 0px;
	background-color: #FFFFFF;
}

/* Farbige Felder mit Fettdruck für FAQs */
.obenlinks_faqs {
	background-color: #D1DCDC;
	font-weight: bold;
}

.obenrechts_faqs {
	background-color: #DDE4E4;
}

.untenlinks_faqs {
	background-color: #E8EEEE;
	font-weight: bold;
}

.untenrechts_faqs {
	background-color: #F4F6F6;
}


/*Tabellenfelder farbig formatieren*/
.obenlinks {
	background-color: #D1DCDC;
}

.obenrechts {
	background-color: #DDE4E4;
}

.untenlinks {
	background-color: #E8EEEE;
}

.untenrechts {
	background-color: #F4F6F6;
}




.textbox {
	background-color: #eaedf2;
}