html, body { 
	height: 100%; 
	margin: 0;
	padding: 0;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}

#abstand {
	height: 50%; 
	width: 100px;
	margin-bottom: -280px; 
	float: left; 

	}

#content {
	height: 568px; 
	clear: left; 
}


body {
	background-color: #ffffff;
	font-size: 12px;
	line-height: 17px;
	
}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#rechts{
	position:absolute;
	right:1px;
	border-bottom:10px solid #e7eaed;
	border-top:10px solid #e7eaed;
	border-right:10px solid #e7eaed;
	height:361px;
	width: 588px;
	background: #f8f9fa;
	float:left;
	overflow: auto;

}

#links{

height: 361px;
width: 319px;
background-color: #E7EAED;
float:left;
overflow:auto;
border-top:10px solid #e7eaed;
border-bottom:10px solid #e7eaed;
position:absolute;
left:1px;
}

a{
border:none;
text-decoration: none;
font: normal 11px/13px Verdana,Arial, Helvetica, sans-serif;color:#57718C; text-decoration:none;
}
a:hover{
border:none;
text-decoration: none;
font: normal 11px/13px Verdana,Arial, Helvetica, sans-serif;color:#57718C; text-decoration:underline;
}

#content {
	
	color:#333333;
	overflow: hidden; 
	position: relative; 
	margin: auto auto; 
	width: 918px; 
	text-align: left;
	

}
#rahmen{
border: 1px solid #bbbbbb;
height:537px;
width:916px;
float:left;
/*background-color:#F8F8F9;*/
}

#header{
background: #ffffff url(../images/logo_gourmet.gif) no-repeat 8px 16px;
width: 914px;
height: 133px;
}

#header .bild{
position:absolute;
right:1px;
top:1px;
width:598px;
height:133px;
background: #FFFFFF url(../../images/headerbilder/1.jpg) no-repeat 1px 1px;
}

#nav{
height:23px;
width: 916px;
background-color: #C4D0E0;
}
#header .banner{
float:left;position:absolute;top:134px;left:8px;}

#nav .navtext{
position:relative;
left:341px;

width:540px;
}
#nav .navtext a{
border:none;
text-decoration: none;
}

#bottom{
width:916px;
height: 31px;
}

#bottom .links{
position:absolute;
bottom:7px;
left:0px;
}
#bottom .rechts{
position:absolute;
right:0px;
bottom:0px;
}
#bottom .mitte{
position: absolute;
bottom:7px;
left:494px;
}



/*///////////////////////////////////////////////////////*/
/*                   Artikel und Atom                    */
/*///////////////////////////////////////////////////////*/

#artikel{
	
	padding-left:25px;
	padding-top:20px;
	width: 510px;
	height:100px;
}
.artikel_titel {font: bold 15px Verdana,Arial, Helvetica, sans-serif; color:#333; margin-bottom:0.3em;}
.artikel_untertitel { font: bold 11px/13px Verdana,Arial, Helvetica, sans-serif; color:#333; margin-bottom:0.3em;}
.artikel_vorspann {	font: normal 11px/13px Verdana,Arial, Helvetica, sans-serif ; color:#333; margin-bottom:0.3em;}

.content_titel { font: bold 11px/13px Verdana,Arial, Helvetica, sans-serif; color: #333; margin-top:10px;}
.content_text { font: normal 11px/13px Verdana,Arial, Helvetica, sans-serif; color:#333; margin-top:10px;width:510px;}
.content_bild_links{ margin-bottom: 5px; margin-right: 10px; margin-top: 3px;}
.content_bild_rechts{ margin-bottom: 5px; margin-left: 10px; margin-top: 3px;}
.content_bild_mitte { margin-bottom: -10px; margin-top: 10px; margin-left:-35px;}
.content_bild_text { font: normal 10px Verdana, Arial, Helvetica, sans-serif;color:#333; }
.content_link {font: normal 11px Verdana,Arial, Helvetica, sans-serif; padding: 2px; margin-top: 10px; width:400px;color:#57718C;}
.content_link_bullet { margin-top: 1px; margin-right: 2px; }
.content_link_bezeichnung { font: bold 11px Verdana,Arial, Helvetica, sans-serif ;  }
.content_anhang { margin-top: 0.8em;padding-left:374px; }
.content_anhang_bezeichnung {font: bold 10px Verdana,Arial, Helvetica, sans-serif; }
.content_anhang_fileinfo { font: normal 10px Verdana,Arial, Helvetica, sans-serif; color:#666;}
.content_anhang_text { font: normal 10px Verdana,Arial, Helvetica, sans-serif;}


#canfrage{overflow:hidden;height:500px;padding-top:30px;margin-left:30px;}
#anfrage{overflow:hidden;height:500px;width:410px; font: normal 11px Verdana, Arial, Helvetica, sans-serif ; color:#333;}
#anfrage .titel{
	font: normal 13px Verdana, Arial, Helvetica, sans-serif; color:#333;
	text-transform: uppercase;
	}
#anfrage .ueberschrift{
	font: bold 13px/15px Verdana, Arial, Helvetica, sans-serif; color:#333;padding-bottom:10px;	
}
#anfrage form input.daten, 
#anfrage form input.daten_klein,  
#anfrage form textarea,
#anfrage form select
{
	border:solid 1px #C4D0E0;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif ; color:#333;
 
}

#anfrage form input.daten, #anfrage form select.daten{width:210px; height: 18px;}
#anfrage form input.daten_klein{width:50px; height: 18px;}
#anfrage form textarea{ width:210px; height:60px;}

#anfrage form .el{
	position:relative;
	width:350px; 
	height:18px;
	padding-bottom:3px;
	/*overflow:hidden;*/
	/*text-align:right; */
}

#anfrage form .el input.daten,
#anfrage form .el textarea,
#anfrage form .el select.daten,
#anfrage form .el .datengruppe{
	position:absolute;
	right:0px;
	top:-4px;

}
#anfrage form .el .datengruppe{
	width:210px;
	text-align:left;
}

#anfrage .pflichtfeld{color:#333; font-weight:bold;}
#anfrage .pflichtfeld_fehler {color:#F00; font-weight:bold;}

#anfrage .fehler { border:dotted 1px red; padding:10px; margin-bottom:10px; margin-top:10px; color:red;}
#anfrage .meldung { padding:10px; margin-bottom:10px; margin-top:10px; color:#333; border:dotted 1px #C4D0E0;}