@media screen
{
body { background: #ccc; padding: 0px;	}


/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{ background: #fff;height:100%;font-family:arial; }

#header { position:relative; height:95px; background-color:#2c4d86;}

#nav{  
	background-color:#7d96be; 
	height:26px;
	background-image:url('../images/navbg.gif');
	background-repeat:repeat-x;
}


/*#footer { color:#888; background:#fff; margin: 1em; padding: 1em 0 0 0;  solid; }*/

/* Festlegung der Layoutbreite und Zentrierung*/
#page_margins { 
	width:997px; 
	margin-left: auto;
 	margin-right: auto;
	max-width:inherit;  /*min-width f�r fixes Layout abschalten */
	min-width:inherit;  /*  max-width f�r fixes Layout abschalten */
	min-height: 100%; 
  height: auto !important; 
  height: 100%;
  background-color:#fff;
  position: relative; 
}

/* Korrektur von Randabst�nden */
#main { margin:0;padding:0;clear:both;}


/* Formatierung der Fu�zeile */
#footer {
	margin:0;
	padding:0; 
	background-color:#416192;
	height:116px;
	clear:both;
	width: 997px;; 
  position: absolute; 
  bottom: 0 !important; 
  bottom: -1px; 
}

/* Himtergrundgrafik f�r linke Spalte - Grafikbreite 250 Pixel */
#main { 	padding-bottom: 126px;clear:both; height:auto !important; }



/* ######################################################################################################
** ### Formatierung der Allgemeinen Inhaltsspalte LINKS  ###############################################
** ######################################################################################################*/

/*Breite  linke Spalte */
#col2 { 
	float:left;
	width:290px;
	background-color:#eff7ff;
	margin-top:60px; 
}

/*ergibt Abstand mittlere Spalte */
#col3 {
		float:left;
		width:660px;
  	margin-left: 0px;
  	/* min height */
    min-height:330px;
	height:auto !important;
	/*height:600px;*/ 
	background-color:#fff;
	/* default 2spaltig */
	margin-right:30px;
}


.fullwidth {width:972px}



/* ######################################################################################################
** ### Formatierung der inneren Spaltencontainer und deren Abst�nde ###############################################
** ######################################################################################################*/

#col1_content { margin-left: 1em; margin-right: 1em; color: #444; background:inherit; }
#col2_content {	margin-left: 1em; margin-right: 1em; padding-bottom:10px;}
#col3_content { margin-left: 0px;margin-top:20px;}


/* Container HGBild und Datum */
#headertop {
	text-align:right;
	height:23px;
	background-image:url('../images/headerpipes.gif');
	background-repeat:no-repeat;
}

/* aktuelles Datum header oben rechts*/
#date {
	color:#7d96be;
	margin-right:15px;
	padding-top:9px;
	font-size:11px;
}

/* Coantainer Logo und topnav */
headerbottom {
	height:74px;
}
#logo {
	width:265px;
	float:left;
}

#sitelogo {
	position:absolute;
	left:860px;
	top:183px;
	width:100px;
	height:50px;
}


/* Farbleiste unter Haptnavigation */
/* �berschrieben Bereichs-css */
#farbleiste_oben {
  height:5px;
  border-top:1px #305187 solid;
  font-size:1px;
  background-color:#00659b;
  clear:both;
}

/* Leiste mit Logos evtl. nicht sichtbar in Bereich X*/
#bilderleiste {
  height:60px;
  font-size:12px;
  background-color:#fff;
  clear:both;
}

/*einfache Farbleiste */
.trennertop,
.trenner {
	height:2px;
  font-size:1px;
  background-color:#102c59;
  clear:both;
}

/* ######################################################################################################
** ### FOOTERMENU  ###############################################
** ######################################################################################################*/
#footernav { 
	margin-top:10px;
	padding-left:25px;
	color: #fff;
	float:left;
	width:660px;
}
#footernav a { 
	text-decoration:none;
	color:#e7effc;
	padding-left:5px;
	padding-right:5px;
}
#footernav a:hover {
	color:#102c59; 
}

/* ######################################################################################################
** ### RSS + PRINT in Footer  ###############################################
** ######################################################################################################*/

#rss_print {
 float:left;
 margin-top:10px;
 width:290px;
 color:#fff;
 text-align:right;
}
#rss_print a { 
	text-decoration:none;
	color:#e7effc;
	padding-left:5px;
	padding-right:5px;
}
#rss_print a:hover {
	color:#102c59; 
}


/* ######################################################################################################
** ### TOPMENU  ###############################################
** ######################################################################################################*/
#topnav {
		float:left;
		width:720px;
		margin-top:30px;
		color: #e7effc;
		background-color:transparent;
		text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
	}
#topnav a { 
	font-size:12px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	color: #e7effc;
}
#topnav a:hover {
	color:#7D96BE; 
}

/* ######################################################################################################
** ### BREADCRUMBMENU  ###############################################
** ######################################################################################################*/
#breadcrumb {
		font-size:11px;
		height:20px;
		clear:both;
	  margin-left:25px;
	  margin-top:5px;
		margin-bottom:5px;
		color: #969899;
		background-color:transparent;
	}
#breadcrumb a { 
	font-size:11px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	color: #969899;
	font-weight:normal;
}
#breadcrumb a:hover {
	color: #969899; 
}

/* ######################################################################################################
** ### TEXTBOX (nur Startseite und screen.width > 1024  ###############################################
** ######################################################################################################*/
#addText {
 display:none;
 clear:both;
 background-color:#fff;
 border:1px #ccc solid;
 margin:10px;
 margin-top:30px;
 padding:10px;
 height:auto;
}


/* ######################################################################################################
** ### SPALTEN STARTSEITE  ###############################################
** ######################################################################################################*/
.startcol {
	display:inline;
	float:left;
	width:273px;
	padding:15px;
	margin:0;
	padding-top:5px;
	padding-left:20px;
	background-color:#eff7ff;
	height:290px; 
}
.startcol_left {
	display:inline;
	float:left;
	width:400px;
	padding:0;
	margin:0;
}



}