/**
 * Main-Stylesheet
 *
 * (c) 2007 S. Teuber <teuber@stibes.de>
 */

html, body {
	font-family:				arial, verdana, helvetica, sans-serif;
	font-size:					11px;
	color:						#000;
	background-color:			#036;
	margin:						0;
	padding:					0;
	height:						100%;
}


/* Dieser Container dient zur vertikalen Zentrierung des Contents */
#verticalize {
	height:						50%;
	margin-top:					-292px;
	width:						95%;
	float:						left;
	visibility:					hidden;
}

#container {
	width:						864px;
	height:						584px;
	margin:						0 auto;
	background:					url(../media/hintergrund_ol2.gif);
	clear:						both;
	position:					relative;
	overflow:					hidden;
}

#logo {
	position:					absolute;
	top:						85px;
	left:						15px;
}

#logo img {
	border:						none;
}

#kopfbild {
	position:					absolute;
	top:						74px;
	right:						35px;
}

#kopfnav {
	position:					absolute;
	top:						58px;
	right:						155px;
}

#kopfnav ul {
	list-style-type:			none;
	padding:					0;
	margin:						0;
	font-size:					9px;
	color:						#036;
}

#kopfnav li {
	display:					inline;
}

#kopfnav li.spacer {
	margin:						0 5px;
}

#kopfnav ul a {
	font-size:					9px;
	text-decoration:			none;
	color:						#036;
}

#kopfnav ul a:hover {
	text-decoration:			underline;
}

#suchfeld {
	position:					absolute;
	top:						54px;
	right:						38px;
	width:						105px;
	height:						12px;
	vertical-align:				bottom;
}

#suchfeld fieldset {
	border:						none;
	padding:					0;
	margin:						0;
}

#suchfeld #searchbox-sword {
	width:						80px;
	height:						11px;
	border:						1px solid #d1dce5;
	background-color:			#d1dce5;
	font-size:					9px;
	color:						#036;
	margin-right:				3px;
}

#flags {
	position:					absolute;
	top:						30px;
	right:						35px;
}

#flags img {
	margin-left:				3px;
	border:						none;
}

#content {
	position:					absolute;
	top:						155px;
	right:						35px;
	width:						580px;
	height:						350px;
	overflow:					auto;
	scrollbar-base-color:		#d1dce5;
  	scrollbar-arrow-color:		#003366;
  	scrollbar-face-color:		#d1dce5;
  	scrollbar-highlight-color:	#003366;
  	scrollbar-track-color:		#d1dce5;
  	scrollbar-3d-light-color:	#FFFFFF;
    scrollbar-darkshadow-color:	#d1dce5;
	scrollbar-shadow-color:		#003366;
	padding-right:				15px;
}

#navcontainer {
	position:					absolute;
	top:						180px;
	left:						0;
	width:						164px;
}

#navoben {
	position:					relative;
	width:						164px;
	height:						15px;
	background:					url(../media/nav_oben.gif);
}

#navunten {
	position:					relative;
	width:						164px;
	height:						15px;
	background:					url(../media/nav_unten.gif);
}

#nav {
	width:						164px;
	min-height:					100px;
	background:					url(../media/nav.gif) repeat-y;
	background-color:				#D1DCE5;
	padding:					10px 0;
	margin:						0;
}

#nav ul {
	list-style-type:			none;
	margin:						0;
	padding:					0;
}

#nav a {
	text-decoration:			none;
	color:						#036;
	font-weight:				bold;
	width:						164px;
	height:						17px;
	display:					block;
	line-height:				17px;
}

#nav a:hover, #nav a:active, #nav a.act {
	color:						#FFFFFF;
	background-color:			#036;
	background:					url(../media/nav_aktiv.gif) no-repeat;
}

/* Navigation erste Ebene */
#nav ul a {
	padding-left:				12px;
}

/* Navigation zweite Ebene */
#nav ul ul a {
	padding-left:				16px; /*28px;*/
	font-weight:				normal;
}

/* Navigation dritte Ebene */
#nav ul ul ul a {
	padding-left:				22px; /*42px;*/
	font-weight:				normal;
	font-style:					italic;
	overflow: 				hidden;
}


#footer {
	color:						#036;
	position:					absolute;
	bottom:						3px;
	right:						10px;
}

#footer p {
	margin:						0;
	padding:					0;
	font-size:					0.9em;
}