@media screen
{

body { background: #eeeeee; padding: 0px; font-family:verdana,arial,sans-serif;	}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page {
	background-image:url(../images/mainbg.png);
	overflow:hidden;
}

#header {
	clear:both;
	height:100px;
	width:1000px;
	background-color:#ccc;
	background-image:url(../images/headerbg.png);
	background-position:top left;
	background-repeat:repeat-y;
}
#logo {
	position:relative;
	top:30px;
	left:15px;
	
}
#search {
	position:absolute;
	top: 30px;
	right: 0px;
	background-color:#fff;
	background-image:url(../images/searchbg.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:289px;
	height:63px;
}
#search form#searchform {
	margin-top:27px;
}
#search form#searchform input.searchinputfield {
	width: 170px;
    height: 20px;
    font-size:12px;
    font-family:helvetica;
    background-color:transparent;
    color:#909090;
    border:none;
    margin-left:60px;
}


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

/* Festlegung der Layoutbreite und Zentrierung*/
#page_margins { 
	width:1000px;
    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 */
}

/* Korrektur von Randabst�nden */
#main { 
	margin:0;
	padding:0;
	/*background-color:#CCCCCC;*/
	background-image:url(../images/mainbg.png);
	background-position:top left;
	background-repeat:repeat-y;
	width:1000px;
}

#nav {
	clear:both;
	height:40px;
	width:1000px;
	background-color:transparent;
	background-image:url(../images/navbg.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-color:#EBEBEB;
}

/* Formatierung der Fu�zeile */
#footer {
	clear:both;
	margin:0;
	margin-left:0px; 
	margin-right:0px;
	margin-bottom:10px;
	background-color:#abadaf;
	/*padding:5px;*/
	color:#fff;
	/*padding-left:30px;*/
	height:25px;
	width:1000px;
}

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



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

/*Breite  linke Spalte */
#col1 { width: 210px; }

#col2 {
	min-height:200px;
	height:auto !important;
	height:200px; 
}
/*ergibt Abstand mittlere Spalte */
#col3 {
  	margin-left: 0px;
  	/* min height */
	min-height:200px;
	height:auto !important;
	height:200px; 
	border-left: none;
	/* default 2spaltig */
	margin-right:0;
	background-color:#fff;
}



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

#col1_content {  }
#col2_content {}
#col3_content {}

ul {
	list-style-image:url(../images/li_punkt.png);
}

}
