/****************************************************************************************************/
/* Zentrale CSS, ggf. auch editor.css nachstellen !                                                 */
/****************************************************************************************************/


/* --------------- Beim Drucken obere und untere Leiste sowie linke und rechte Spalte ausblenden etc. -------------*/
@media print 
{ 
	#wrapper { width:600px; margin:0; padding:0; }
	#verlaufOben { display: none; }	
	#navi { display: none; }	
	#mainNavi { display: none; }	
	#bild { display: none; }	
	#container { width: 600px; }	
	#left { display: none; }	
	#content { width: 600px; background-color: #FFFFFF; margin:0; padding:0; }
	#right { display: none; width:0px; }	
	#verlaufUnten { display: none; }	
	#footer { display: none; }	
	#logo { display: none; }	
}



/****************************************************************************************************/
/* Grundgerüst */
/****************************************************************************************************/
body {
  font-family: Verdana, Arial;
  font-size: 11px;
  color:#333333;
	background-color: #6D92AC;
}

@media screen /* nur hier erforderlich, weil sich beim Drucken die Breite ändern muss und die Seite nicht zentriert sein soll */
{
	#wrapper {
		position:relative;
		text-align:left;
		width:940px;
		margin:0px auto;
		padding:0;
		border:0;
		background:white;
	}
}

#verlaufOben {
	position:relative;
	height:30px;
}

#bild {
	position:relative;
	margin:0 25px 0 25px;
	padding:0;
}

#navi {
	position:relative;
	margin:0 25px 0 25px;
	padding:0 0 0 291px;
  height:35px;
}

#mainNavi {
	position:relative;
	margin:0 0 0 25px;
	padding:0 0 0 291px;
  height:25px;
}

#container {
	position:relative;
	margin:0;
	padding:0;
}

#left {
	position:relative;
	float:left;
	width:170px;
	margin:20px 0 0 0;
	padding:0 0 0 25px;
	background:white;
}

#content { 
	float:left;
	width:524px;
	margin:20px 0 10px 0;
	padding:0 20px 0 20px;
	background:white;
  font-size: 12px;
  line-height:20px;
}

#right {
	position:relative;
	float:right;
	width:150px;
	margin:20px 0 0 0;
	padding:0 15px 0 10px;  /* wegen Abstand zur vertikalen Linie */
	background-color:white;
	background:url("images/bg_right.gif") top left ;
}

#footer {
	position:relative;
	clear: both;
	padding:1px 10px 3px 0px;
	background:#6D92AC;
}

#verlaufUnten {
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

#logo {
	position:absolute; 
	top:35px; 
	left:25px;
}

/****************************************************************************************************/
/* Bild in Kopfzeile */
/****************************************************************************************************/

#bild img {
	border:none;
}



/****************************************************************************************************/
/* Hauptnavigation oben */
/****************************************************************************************************/

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

#navi ul li {
	float:left; 
	padding:7px 15px 0 0px;
	text-align:left;
}


#navi ul li a {
	letter-spacing:0px; 
	font-weight:normal; 
	font-size:11px; 
	color:#585858; 
	text-decoration:none; 
}

#navi ul li a:hover {
	color:#00609f; 
}

/* Aktiver Menüpunkt */
#navi ul li a.active { color:#00609f; }


/* Suche */
#suche {
	margin-top:5px; 
	margin-right:0;
	float:right;
	width:150px;
	padding:0;
	background:url("images/search.gif") top left no-repeat;
}
#suche input.suchfeld { 
	margin-top:1px;
	margin-left:1px;
	vertical-align:top;
	line-height:10px;
	font-size:11px;
	height:12px;
	border:none 0px;
}
#suche input.suchbutton {
	margin:1px 0 0 0;
	padding:0;
	height:20px;
	width:20px;
}




/****************************************************************************************************/
/* Hauptnavigation in zweiter Zeile (mit Kasten) */
/****************************************************************************************************/

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

#mainNavi ul li {
	float:left; 
	height:22px;
	width:150px;
	margin-top:0px; 
	text-align:center;
}

#mainNavi ul li a {
	padding-top:2px;
	height:25px;
	width:149px;
	letter-spacing:1px; 
	font-weight:normal; 
	font-size:14px; 
	color:#FFFFFF; 
	text-decoration:none;
	display:block; 
	background:url("images/menuOff.jpg") left top no-repeat;
}

#mainNavi ul li a:hover {
	background:url("images/menuOn.jpg") left top no-repeat;
}

/* Aktiver Menüpunkt */
#mainNavi ul li a.active {
	background:url("images/menuOn.jpg") left top no-repeat;
}




/****************************************************************************************************/
/* Unternavigation links */
/****************************************************************************************************/

#left ul {
	margin:0px 0 20px 18px;
	padding:0px 0 0 0;
	list-style-position:outside;
	list-style-image:url("images/arrow_grey.gif");
	list-style-type:none;
}

#left ul li {
	margin:0 0 0 0;
	padding:0 0 10px 0;
	line-height:16px;
}

#left ul li:hover {
	list-style-image:url("images/arrow_blue.gif");
}

#left ul li.active {
	list-style-image:url("images/arrow_blue.gif");
}

#left ul li a {
	text-decoration:none;
	color:#585858;
}

#left ul li a:hover {
	color:#00609f;
}

/* Aktiver Menüpunkt */
#left ul li a.active { color:#00609f; }

/* Gruppen-Titel */
#left .naviHead {
	margin:0 0 0 -18px;
	padding:0 0 8px 0;
  color:#666666;    
  font-weight:bold;
  list-style-image:none;
  list-style-type:none;
}

#left .naviHead:hover {
  list-style-image:none;
  list-style-type:none;
}



/****************************************************************************************************/
/* Content */
/****************************************************************************************************/

h1 {
		font-size:18px;
    color:#B5B5B5;    
		font-weight:normal;
}

h1.rechts {
		font-size:18px;
    color:#B5B5B5;
		font-weight:normal;
    text-align:right;
}

h2 {
		font-size:18px;
    color:#B5B5B5;
		font-weight:normal;
		margin-bottom:5px;
}

h2.rot {
		font-size:18px;
    color:#eb1f00;
		font-weight:normal;
		margin-bottom:10px;
		padding:0;
}



/* grauer Kasten */
.infobox {
	border:0;
	padding:5px 5px 5px 10px;
	WIDTH: 560px; 
	BACKGROUND-COLOR: #eeeeee 
}


/* Aufzählungslisten */
#content ul {
	margin:10px 0 0 0;
	padding:0 0 0 20px;
	list-style-type:none;
	list-style-image:url(images/square.gif);
}
#content ul li {
	padding-bottom:5px;
}


/* Für Suche und News (ohne Aufzählungspunkte) */
#content ul.trefferliste {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
}
#content ul.trefferliste li {
	padding-bottom:10px;
}


/* Links */
#content a {
	text-decoration:underline;
	color:#00609f;
}
#content a:hover {
	color:#1f1f1f;
}






/****************************************************************************************************/
/* Newsleiste rechts */
/****************************************************************************************************/

#right span {
	line-height:16px;
}

#right ul {
	margin:0 0 20px 15px;
	padding:0 0 0 0;
	list-style-position:outside;
	list-style-image:url("images/arrow_blue.gif");
	list-style-type:none;
}

#right ul li {
	margin:0 0 0 0;
	padding:0 0 10px 0;
	line-height:16px;
}

#right ul li:hover {
	list-style-image:url("images/arrow_grey.gif");
}

#right a {
	color:#00609f;
	text-decoration:none;
}

#right a:hover {
	color:#1f1f1f;
}






/****************************************************************************************************/
/* Footer */
/****************************************************************************************************/

#footer {
	font-size:10px;
	color:#FFFFFF; 
	text-align:center;
}

#footer a {
	color:#FFFFFF; 
	text-decoration:none; 
}

#footer a:hover {
	color:#00609f; 
}