@media screen
{

body { background: #fff; margin: 0; font-family: verdana, arial, helvetica, sans-serif;}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{ position: relative; }

#header { height: 80px; /*text-align:right;*/ top: 0px; width: 930px; margin-left: 30px; z-index: 400;}

#nav { height:25px;background-color:#054588;width:990px; z-index: 100;}

/* Festlegung der Layoutbreite und Zentrierung*/
#page_margins { 
	width: 996px; 
	padding-left: 6px;
	background-image: url(../images/border.gif);
	background-repeat: repeat-y;
	background-position: top-left;
	margin-left: auto;
 	margin-right: auto;
 	/*height: 650px;*/
	max-width:inherit;  /*min-width f?es Layout abschalten */
	min-width:inherit;  /*  max-width f?es Layout abschalten */	 
	background-color: #fff;
}

#keyvisual {
	height:0;
	line-height:0;
	display:none;
	position: relative;
}

#keyvisual #overlay {
	background-image: url(../images/overlay.gif);
	background-repeat: no-repeat;
	height: 237px;
	width: 30px;
	position: absolute;
	top: -12px;
	right: -5px;
}

#keyvisual #overlay-left {
	background-image: url(../images/overlay-left.gif);
	background-repeat: no-repeat;
	height: 237px;
	width: 30px;
	position: absolute;
	top: -1px;
	left: 0;
}

#logo {
	float: left;
	position: absolute;
	top: 19px;	
}
	
#search {
	background-color: #fff;
	background-image: url(../images/search.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	margin: 0;
	padding: 0;
	height: 33px;
        /*overflow:hidden;*/
	width: 989px;
}	

*html #searchbar {
	margin: 0px 175px;
}

#searchbar {
	background-color: #fff;
	background-image: url(../images/searchbarbg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0px 177px;
	padding: 0;
	height: 33px;
overflow:hidden;
	width: 637px;
}	

	
/* Korrektur von Randabst�nden */
#main {
	margin:0;
	margin-left: -6px;
	padding: 0;
	background-color: #fff;
	position: absolute;
	/*top: 424px;*/
	top:165px;
	left:0;
	min-height: 270px;
        width: 999px; 
	/*padding-left: 6px;*/
	background-image: url(../images/border.gif);
	background-repeat: repeat-y;
	background-position: top left;
}


/* Formatierung der Fuߺeile */
#footer {
	margin:0;	
	padding: 20px 0;
	color: #fff;
	position: absolute;
	bottom: 0;
}

/* Himtergrundgrafik f?ke Spalte - Grafikbreite 250 Pixel */
/*#main { background: #fff url() repeat-y top left; }*/


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

#col1, #col2, #col3, #col4, #col5, #col6, #col7, #col8 {
	padding: 0;	
	margin: 0;
	margin-bottom: 64px;
	float: left;
}

/*Breite  linke Spalte */
#col1 { width: 187px; 
	min-height:300px;
        /* Ohne margin-bottom steht die Spalte - wenn es die l�ngste ist - in den Footer hinein */	
	height:auto !important;
}

#col2 {
	min-height:300px;
	height:auto !important;
        /* Ohne margin-bottom steht die Spalte - wenn es die l�ngste ist - in den Footer hinein */
}

/*ergibt Abstand mittlere Spalte */
#col3 {  	
  	/* min height */
        min-height:300px;
	height:auto !important;
	/* default 2spaltig */
        /* Ohne margin-bottom steht die Spalte - wenn es die l�ngste ist - in den Footer hinein */                
}



/* ######################################################################################################
** ### Formatierung der inneren Spaltencontainer und deren Abst䮤e ###############################################
** ######################################################################################################*/

#col1_content, #col2_content, #col3_content, #col4_content, #col5_content, #col6_content, #col7_content, #col8_content {
	padding-top: 20px;
	padding-bottom: 20px;
}

#col1_content {
	padding-top: 19px;
}

#col2_content {
	padding-top: 21px;
}

* html #col2_content {
	padding-top: 20px;
}

#col1_content { 
	margin: 0; 
}

/* IE6 */
#main {
	position: relative;
}

#topwrap {
	position: absolute;
	top: 0;
}

/*
#header, #nav, #breadcrumb, #search {
	position: absolute;
}

#header {
	top: 0;
}

#search {
	top: 80px;
}

#nav {
	top: 113px;
}

#breadcrumb {
	top: 138px;
}
*/
}
