/* CSS Dokument für die Internetpräsentz der EFG Kirchheide */
/*Allgemeine Selektoren*/

/*Standard-Einstellungen*/
*{
FONT-SIZE: 11px; 
LINE-HEIGHT: 15px; 
FONT-FAMILY: verdana, 'Lucida Grande', geneva, helvetica, arial, sans-serif;
}

body{
background-color: rgb(255,255,255);
margin: 0px;
padding: 0px;
}

div#VorschauBereich {
	width:700px;
	margin:20px;
}

div.seite{
	width: 866px;
}

/*Schriftfarbe der Überschriften setzen*/
h1, h1 a, h2, h3{
color: rgb(128,0,0); 
}

/*Schriftgröße der 1. Überschrift*/
h1, h1 a{
	font-size:18px;
}

/*Schriftgröße der 2. Überschrift*/
h2{
	font-size: 14px;
	margin-bottom: 0px;	/*Zum folgenden Text wird kein Abstand gehalten*/
}

/*Schriftgröße der 3. Überschrift*/
h3{
font-size: 11px;
margin-bottom: 0px;
}

/*Bilder sind nicht umrahmt*/
img{
border:0px;
}

/*Allgemeine Links
Anmerkung: Links im Menü sind weiter unten definiert!*/
a{color: rgb(128,0,0);text-decoration: none;}
a:hover{color: rgb(128,0,0);text-decoration: underline;}

/*Selektoren für den Kopf und die Menüs*/
div.kopf{
margin: 0px;
padding: 0px;
height:77px;
background-image:url(images/design/head2.jpg);
background-repeat: no-repeat; 
background-color: rgb(254,212,190); 
}

/*Hauptmenü ---------------------------------------------------------------------------------------- */
/*Grauer Streifen für das Hauptmenü*/
div.grau{
height: 20px;
background-color: rgb(192,192,192);
}

/*Hauptmenühöhe, -farbe und -rahmen einstellen*/
div.hauptmenu{
  height: 20px;
  background-color: rgb(128,0,0);
  border-top: 1px rgb(255,255,255) solid;
}

/*Hauptmenü soll horizontal angeordnet werden. Dazu wird eine Liste manipuliert*/
div.hauptmenu ul{
list-style-type: none;
margin: 0px;
padding: 0px;
height: 20px;
}

div.hauptmenu ul li{
border-right: 1px rgb(255,255,255) solid;
height: 20px;
width: 95px;
text-align: center;
float:left;
}

div.hauptmenu ul li a, div.hauptmenu ul li a:hover{
color:#ffffff;
text-decoration: none;
font-weight: normal;
line-height: 20px;
}

div.hauptmenu ul li a:hover{text-decoration: underline;}

div.hauptmenu ul li:hover{
background-color:rgb(170,20,20);
}

div.hauptmenu ul li.aktiv{
background-color:rgb(192,192,192);
}
/*Hauptmenü Ende ------------------------------------------------------------------------------------ */

/*
Seitenmenüs anpassen
*/
div.seitenMenu, div.rechteSeite{
background-color:#ffffff;
width:170px;
padding:5px;
margin:5px;
line-height:15px;
}

div.seitenMenu{
	float:left;
}

div.rechteSeite{
	float:right;
	margin: 0px;
	padding: 0px;
}

/*Selektoren für den Inhalt*/
div.inhalt{
height: 100%;
padding: 10px 10px 10px 10px;
margin: 0px 0px 0px 180px;
}

div.EintragUeberschrift {
	width:470px;
}

div.Eintrag{
	float:left;
	width: 470px;	
	white-space: pre-wrap;			 /*CSS Standard*/
	white-space: -moz-pre-wrap; 	 	 /*Mozilla vor Version 3*/
	white-space: -pre-wrap; 		 /*Opera 4-6 */
	white-space: -o-pre-wrap; 		 /*Opera 7 */
	word-wrap: break-word;  		 /*Internet Explorer 5.5+ */
	_white-space: pre;   			 /*IE only hack to re-specify in addition to*/
	margin: 0px 0px 10px 0px;
}

/*Grauer Einschub bei den Einträgen in Kategorieleiste */
div.einschub{
	background-color: rgb(128,128,128);
	width: 15px;
	display:inline-block;
}

/*Kategorieleiste*/
div.kategorie {
	background-color: rgb(192,192,192);
	padding-left: 5px;
	width:450px;
	vertical-align:top;
	display:inline-block;
}

div.kategorie a{
color: rgb(255,255,255);
font-style: italic;
font-weight: bold;
}

div.EintragInhalt{
background-color: rgb(245,245,245);
padding: 5px 5px 5px 5px;
vertical-align:top;
}

div.InfoUeberschrift{
background-color: rgb(192,192,192);
padding: 0px 0px 0px 5px;
}

div.InfoInhalt	{
	margin: 0px 0px 10px 0px;
}

img.bild{
border: 1px rgb(128,0,0) solid;
}

b.rot{
color: rgb(128,0,0);
}