@media all
{

/* ### FORMATIERUNG DER HOMEPAGE ###################################################################### */
body        {
	text-align: left;
	padding: 0;
	color: #444;
	font-size: 81.25%;
	font-family: Arial, Verdana, Sans-Serif;
	background-image: url(../../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	background-attachment: scroll;
	background-color: #d9d9d9;
} 
#page  {
	background: transparent;
	text-align: left;
	width: 1032px;
	border: solid 0 #dedede;
	padding-right: 26px;
	padding-left: 26px;
	background-image: url(../../img/kopf_schatten.png);
	background-repeat: no-repeat;
}
#page_margins {
	border: 0px #f5f5f5 solid;
	width: 1032px;
	margin-right: auto;
	margin-left: auto;
}

/* ### FORMATIERUNG DES HEADERS ####################################################################### */
#header     {
	color: #fff;
	background: url(../../img/hg_header_01.jpg);
	height: 210px;
	background-repeat: no-repeat;
	z-index: 20;
	width: 980px;
}
#logo {
	position: absolute;
	width: 250px;
	height: 145px;
	float: left;
	top: 4px;
	left: 88px;
}
#logo:hover {
	text-decoration: none;
}
#logos {
	position: absolute;
	z-index: 20;
}
#logos1 {
	position: absolute;
	width: 160px;
	height: 100px;
	float: left;
	top: 191px;
	left: 254px;
}
#logos1:hover {
	text-decoration: none;
}
#logos2 {
	position: absolute;
	width: 160px;
	height: 100px;
	float: left;
	top: 191px;
	left: 434px;
}
#logos2:hover {
	text-decoration: none;
}
#logos3 {
	position: absolute;
	width: 160px;
	height: 100px;
	float: left;
	top: 191px;
	left: 614px;
}
#logos3:hover {
	text-decoration: none;
}
#logos4 {
	position: absolute;
	width: 160px;
	height: 100px;
	float: left;
	top: 311px;
	left: 254px;
}
#logos4:hover {
	text-decoration: none;
}
#logos5 {
	position: absolute;
	width: 160px;
	height: 100px;
	float: left;
	top: 311px;
	left: 434px;
}
#logos5:hover {
	text-decoration: none;
}
#logos6 {
	position: absolute;
	width: 160px;
	height: 100px;
	float: left;
	top: 311px;
	left: 614px;
}
#logos6:hover {
	text-decoration: none;
}
#logos7 {
	position: absolute;
	width: 160px;
	height: 100px;
	float: left;
	top: 431px;
	left: 254px;
}
#logos7:hover {
	text-decoration: none;
}
#logos8 {
	position: absolute;
	width: 160px;
	height: 100px;
	float: left;
	top: 431px;
	left: 434px;
}
#logos8:hover {
	text-decoration: none;
}
#logos9 {
	position: absolute;
	width: 160px;
	height: 100px;
	float: left;
	top: 431px;
	left: 614px;
}
#logos9:hover {
	text-decoration: none;
}
#logos10 {
	position: absolute;
	width: 160px;
	height: 100px;
	float: left;
	top: 551px;
	left: 254px;
}
#logos10:hover {
	text-decoration: none;
}
#logos11 {
	position: absolute;
	width: 160px;
	height: 100px;
	float: left;
	top: 551px;
	left: 434px;
}
#logos11:hover {
	text-decoration: none;
}
#logos12 {
	position: absolute;
	width: 160px;
	height: 100px;
	float: left;
	top: 551px;
	left: 614px;
}
#logos12:hover {
	text-decoration: none;
}
#logos13 {
	position: absolute;
	width: 160px;
	height: 100px;
	float: left;
	top: 671px;
	left: 254px;
}
#logos13:hover {
	text-decoration: none;
}
#logos14 {
	position: absolute;
	width: 160px;
	height: 100px;
	float: left;
	top: 671px;
	left: 434px;
}
#logos14:hover {
	text-decoration: none;
}
#logos15 {
	position: absolute;
	width: 160px;
	height: 100px;
	float: left;
	top: 671px;
	left: 614px;
}
#logos15:hover {
	text-decoration: none;
}
#logos16 {
	position: absolute;
	width: 160px;
	height: 100px;
	float: left;
	top: 791px;
	left: 254px;
}
#logos16:hover {
	text-decoration: none;
}
#logos17 {
	position: absolute;
	width: 160px;
	height: 100px;
	float: left;
	top: 791px;
	left: 434px;
}
#logos17:hover {
	text-decoration: none;
}
#logos18 {
	position: absolute;
	width: 160px;
	height: 100px;
	float: left;
	top: 791px;
	left: 614px;
}
#logos18:hover {
	text-decoration: none;
}
#onavi {
	color: #aaa;
	font-size: 11px;
	background-repeat: no-repeat;
	margin: 0;
	z-index: 10;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 12px;
	height: 30px;
}
	
#footer {
	color: #114575;
	font-size: 12px;
	background-image: url(../../img/footer.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;
	margin-top: 35px;
	margin-bottom: 50px;
	padding-bottom: 50px;
	margin-left: -8px;
	padding-top: 14px;
	padding-left: 75px;
	height: 43px;
	border-top: 0 solid #ddd;
	width: 996px;
	position: relative;
}

#textlaufweite {
	width: 365px;
}

/* ######################################################################################################
** ### FORMATIERUNG DES INHALTS (SPALTE 1, 2 UND 3) #####################################################
** ######################################################################################################
*/
#main    {
	background-color: transparent;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 38px;
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
	width: 926px;
} 

/* ### 1. SPALTE INHALT LINKS ############################################################################ */
#spalte1 {
	width: 22.5%; 
}	
#spalte1_content {
	margin-right: 1em;
	margin-left: 12px;
}

/* ### 2. SPALTE INHALT MITTE ############################################################################ */
#spalte2 {
	width: 280px;
}
#spalte2_content {
	margin-right: 1em;
	margin-left: 12px;
}

/* ### 3. SPALTE INHALT RECHTS ############################################################################ */
#spalte3 {
	margin-left: 22,5;
	margin-right: 280px;
}
#spalte3_content { 
	margin-left: 1em; 
	margin-right: 1em; }


/* ######################################################################################################
** ### Formatierung des Teasers der Startseite ##########################################################
** ######################################################################################################
*/

#teaser { 
	margin: 0em 1em 0em 1em; 
	background: #f4f4f4; 
	border-bottom: 1px #ccc solid; 
	padding: 0.5em 0em 0em 30px; 
	color: #5f5d75; 
}

#teaser div {float:left; width: auto; margin-right: 1em; }
#teaser .block1 {padding-top:1em; font-size: 0.82em; }
#teaser .block3 {width: 50%; padding-top:0.5em; font-size: 0.82em; }

#teaser .block3 .title {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	display:block;
	font-size: 1.2em; 
	font-weight:bold; 
	color: #336699;  
	background:inherit;  
	margin: 0 0 0.5em 0; 
}
}