@media all
{
/* Formatierung der Seite */
body {
	color:#333333;	
	font-size: 12px;
   min-height:inherit;
   background-color:#B9002D;
	font-family:Arial, Helvetica, sans-serif;
}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{
	width:808px;
}
#page_margins {
   width: 820px;
	height: auto;
   margin:auto;
	padding-left: 0px;
	background:#ffffff url(../images/page_background.png);
	background-repeat:repeat-y;
}

/* Formatierung der Kopfbereiches */
#header {
	background:#ffffff;
   padding:0px;
   text-align:center;
	height:183px;
 	left:6px;
}
#nav {
   color:#476A5D;
	background: #066 url(../images/background_nav.png) repeat-x;
   padding:0px;
   margin:0px;
	margin-left: 7px;
	background-color:#ffffff;
	font-size: 13px;
	border-top:1px solid #476A5D;
}

/* Formatierung der Fusszeile */
#footer {
   padding-top: 15px;
	padding-bottom: 10px;
   font-size:10px;
	text-align: center;
}

#footer a{
	color: #476A5D;
	text-decoration:underline;
}

#footer a:hover{
	color: #706E6D;
	background:none;
}

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main {
	background:url(../images/main_background.png);
	background-repeat:no-repeat;
	width:808px;
	margin-left:6px;
	padding-top:0px;
}

}
@media screen
{
/* linke Spalte */
#col1 {	
	width: 185px;
}

#col2 {	
	width: 450px;
	float:left;
}

#col2_content {	
	margin-left: 20px;

}

/* Rechte Spalte */
#col3 {
	margin-left: 635px;
	margin-right: 0;

}

#col3_content {	
	margin-left: 0px;

}
}