/**
* DESIGN AND LAYOUT TAKEN OVER FROM http://css.maxdesign.com.au/floatutorial
* THANKS FOR THAT GREAT TUTORIAL
* TEMPLATE TUTORIAL (c) 2007 by C. Sommer (doc) for http://websitebaker.org
*/

/* HELLBLAUER HINTERGRUND FÜR DIE BROWSERSEITE */
html, body {
	background: #404040 url(bilder/bg_body_dunkel.jpg) repeat-x left top;
	font-family: Calibri, Arial, sans-serif;
	font-size: 16px;
}

/****************************************************************
* NACHFOLGENDE DIV TAGS LEGEN DAS AUSSEHEN DER WEBSEITE FEST
* BANNER, 2 x NAVIGATION, INHALT MITTE, NEWS RECHTS, FUSSZEILE
****************************************************************/
#container {
	height: auto;
	width: 900px;
	margin: 10px auto; /*Rand oben/unten + re/li*/
	background-color: white;
	color: gray;
	border: 0px solid gray; /*Rahmen*/
	line-height: 130%;
	background: transparent ;
}

/* Banner = Website- und aktueller Seitentitel */
#banner {
	padding: 2.0em 0em 2.0em 0; /*Innenabstand*/
	background: transparent url(Selbstportrait2.png) repeat-x left top;
	border-bottom: 0px solid grey;
	height: 4.0em;
}

#banner a:link, #banner a:hover, #banner a:active, #banner a:visited {
text-decoration: none;
}


/*#banner ul li a.aktiv,#banner ul li a:hover,
#banner ul li a:active {
text-decoration: none;
}
*/ 

.banner-seitentitel {
	font-size: 5.0em;
	color: white;
	float: right;
	font-weight: normal;
}


/*Hier befinde ich mich /crumb, path way)*/
#crumb {
	/*	padding: 0.5em;  */
	padding-bottom: 0.7em;
	padding-right: 0.2em;
	padding-left: 8.0em;
	background-color: #1E3F58;
	/*	border-bottom: 1px solid gray;*/
	height: 8px;
	color: white;
	float: right;
	z-index: 100;
}

#crumb a:link, #crumb a:hover, #crumb a:active, #crumb a:visited {
	text-decoration: none;
	color: white;
}


/* Navigation1 = horizontale Navi*/
#navigation1 {
	background-color: transparent;
	height: 10px;
	padding: 18px 0.5em; /*oben/unten + re/li*/
	padding-left: 150px;
	border-bottom: 0px solid gray;
	line-height: 0.1em;
}

/* Navigation2 = vertikale Navi*/
#navigation2 {
	background-color: transparent;
	float: left;
	width: 200px;
	padding-top: 0.5em;
}

#news {
 float: right;
 width: 160px;
 padding: 1em;
}

#inhalt {
	margin-left: 200px; /*Platz für vertikales Menü*/
	padding: 1.0em;
	/*width: 40%;*/
	width: auto;
	background-color: #fff;
}

#fusszeile a:link, #fusszeile a:hover, #fusszeile a:active, #fusszeile a:visited {
	color: #fff;
	text-decoration: none;
}

#fusszeile {
	clear: both;
	padding: .5em 13.0em;
	color: #fff;
	background: #cc9966 url(footer_bg.png) repeat-x;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
	text-decoration: none;
	font-size: smaller;
}

/**************************************************************************
* NACHFOLGENDE CSS ANWEISUNGEN DIENEN DER FORMATIERUNG DES OBEREN MENÜS
* AUSRICHTUNG, KEINE LISTENSYMBOLE, AKTIVE ELEMENTE IN WEISSER SCHRIFT
***************************************************************************/
#navigation1 ul li {
	display: block;
}

#navigation1 ul li a {
	color: white;
	float: left;
	/* float: right;  */
	font-size: 85%;
	font-weight: bold;
	text-decoration: none;
	padding: 0 1em;
}

#navigation1 ul li a.aktiv,#navigation1 ul li a:hover,
#navigation1 ul li a:active {
	font-weight: bold;
	color: #D2B48C;
	padding: 0 1em;
}

/**************************************************************************
* NACHFOLGENDE CSS ANWEISUNGEN DIENEN DER FORMATIERUNG DES HAUPTMENÜS
* KEINE LISTENSYMBOLE, ABSTÄNDE ZU DEN RÄNDERN
**************************************************************************/
#navigation2 p, #news p { margin: 0 0 1em 0; }

#navigation2 ul li {
	display: block;
	padding-left: 0em;
}

#navigation2 ul li a {
	color: white;
	text-decoration: none;
	padding: 0 0em;
}

#navigation2 ul li a.aktiv,#navigation2 ul li a:hover,
#navigation2 ul li a:active {
	text-decoration: none;
	font-weight: bold;
}

#inhalt h2 { margin: 0 0 .5em 0; }


/**************************************************************************
* NACHFOLGENDE CSS ANWEISUNG DIENT ZUR HERVORHEBUNG DES SUCHERGEBNISSES
* >>>>>>>>>>>>>>>> ERWEITERTE DESIGNELEMENTE
**************************************************************************/
.highlight { background-color: #D0D0D0;}