@media screen
{

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

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

#header { position: relative; height: 118px; background-color: #c1ddb8; text-align:right;}

#nav{ height:30px; }

/* Festlegung der Layoutbreite und Zentrierung*/
#page_margins { 
  padding: 0;
	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-color: #fff;
}

#keyvisual {	
	margin: 0;
	padding: 0;
	height: 260px;
	background-color: #ff8;	
	clear: both;
}

#strip {  
  height: 11px;
  background-color: #ff0000;
}

#logo {
	float: left;
	position: absolute;
	left: 50px;
	top: 10px;	
}

#romantic {
  float: left;
  position: absolute;
  left: 455px;
  top: 20px;
}
	
/* Korrektur von Randabst䮤en */
#main { 
	margin: 0;
	padding-left:0px;
	min-height: 507px;
	margin-top: 11px;
	background-color: #fff;	
}


/* Formatierung der Fuߺeile */
#footer {
	margin:0;	
	padding-top: 0px;
	height: 55px;
	background-color: #ff0000;
}

/* 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;
}

}