@media screen
{

body { background: #fff; margin: 15px; font-family: verdana, arial, helvetica, sans-serif;}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{ border: 1px solid #8a8a8a; border-bottom: 0px;}

#header { position:relative; height:15px; text-align:right;}

#nav{ height:42px; }

/* Festlegung der Layoutbreite und Zentrierung*/
#page_margins { 
	width:1000px; 
	margin-left: auto;
 	margin-right: auto;
	max-width:inherit;  /*min-width f?es Layout abschalten */
	min-width:inherit;  /*  max-width f?es Layout abschalten */
	background-image: url(../images/background.jpg); 
	background-position: top left; 
	background-repeat: no-repeat; 
	background-color: #fff;
}

#keyvisual {
	clear: both;
	margin: 0;
	padding: 0;
	height: 275px;
}

/* Korrektur von Randabst䮤en */
#main { 
	margin:0 20px 0 19px;
	padding-left:0px;
	background-color: #fff;
	background-image: url(../images/mainbg-121.gif);	
}


/* Formatierung der Fuߺeile */
#footer {
	margin:0;
	margin-left:19px; 
	margin-right:20px;
	padding-top: 0px;
}

/* Himtergrundgrafik f?ke Spalte - Grafikbreite 250 Pixel */
/*#main { background: #fff url() repeat-y top left; }*/


/* ######################################################################################################
** ### Formatierung der Allgemeinen Inhaltsspalte LINKS  ###############################################
** ######################################################################################################*/

/*Breite  linke Spalte */
#col1 { width: 210px; 
	min-height:300px;
	height:auto !important;; 
}

#col2 {
	min-height:300px;
	height:auto !important;
}

/*ergibt Abstand mittlere Spalte */
#col3 {
  	margin-left: 210px;
  	/* min height */
     min-height:300px;
	height:auto !important;
	background-color:#ffffff;
	border-left: 1px solid #f1f1f6;
	/* default 2spaltig */
	margin-right:0;
}



/* ######################################################################################################
** ### Formatierung der inneren Spaltencontainer und deren Abst䮤e ###############################################
** ######################################################################################################*/

#col1_content { margin-left: 1em; margin-right: 1em; color: #444; background:inherit; }
#col2_content {	margin-left: 1em; margin-right: 1em; }
#col3_content { margin-left: 1em; margin-right: 1em;}

#col1_content, #col2_content, #col3_content, #col4_content {
	overflow: hidden;
}

}