@media all
{

/* Formatierung der Seite */
* { margin:0; padding: 0; }
html { height: 100% }  
body { text-align: center; font-size: 100.01%; min-height: 101%; position: relative; font-family: verdana, helvetica, sans-serif; color:#000;}
a {color: #666;}
a:hover {background-color: transparent}
/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page_margins        { }
#page    { background: #fff; width: 860px; position: relative; margin-top: 20px; margin-left: auto; margin-right: auto; font-size: 12px; text-align: left;}
/* Formatierung der Kopfbereiches */
#header          { color: #000; font-size: 12px; font-weight: bold; background-image: url("../img/header.gif"); background-repeat: no-repeat; padding-top: 5px; height: 25px }
#header img  { vertical-align: middle }
#header_left     { margin-left: 5px; float:left; }
#header_right   { margin-right: 5px; float: right; }
#header a { color: #000; text-decoration: none; padding-right:5px; padding-left:5px;}
#header a:hover { text-decoration: underline; background-color: transparent}

/* Formatierung der Fußzeile */
#footer        { clear: both; color: #000; font-size: 12px; line-height: 15px; background-image: url("../img/header.gif"); background-repeat: no-repeat; height: 25px; }
#foot_left     { margin-left: 5px; float:left; padding-top: 5px;  }
	
#foot_right   { margin-right: 5px; float: right; padding-top: 5px; font-size: 9px;}
/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main     { clear:both; width: auto; background: #fff; margin-top:20px; } 
#col1_content, #col2_content, #col3_content { position:relative; }
/* linke Spalte */
#col1      { float:left; width: 160px; margin-bottom: 16px;}	
#col1_content     { }
/* rechte Spalte */
#col2      { float:right; width: 245px; margin-left:1.4em; }	
#col2_content     { font-weight: bold; }
/* Mittlere Spalte */
#col3 { background-color: #fff; margin-left:160px; width: auto; min-height: 400px; }
#col3_content  { padding: 0 20px 1px 20px;}

#blocks { text-align: center; margin-left: auto; margin-right: auto;}
#blocks a { color:#000; text-decoration: none}

#front {text-align: center; font-weight: bold}
#front img {margin: 30px 0 50px 0;}
#front p {}
#front h1 {font-size: 20px; margin-bottom: 0;}
a:hover .front_box {text-decoration: underline}
.front_box { float:left; width: 250px; margin:0 15px 0 15px; }
#front .front_box h1 { font-size: 15px; margin-bottom: 6px;}
#front .front_box img {margin-bottom: 10px;}

#stoerer { position: absolute; top: 200px; right: -30px;}
/**/
#yellow_box   { background-image: url("../img/yellow_back.gif"); background-repeat: no-repeat; padding-bottom: 15px; width: 245px; height: 170px }
#yellow_content { padding:10px; line-height: 18px;}
#yellow_content p { text-align: center; padding:8px 0 17px 0; margin:0;}
.icon  { margin: 0; position: absolute; top: 78px; left:55px; right:55px; }
.yellow_content { padding: 6px;}
.yellow_content li  { font-size: 10px }
.yellow_content p { text-align: center; padding-top:10px;}
#yellow_box li {font-size: 10px; }
#red_box   { color: #fff; font-size: 10px; font-weight: bold; background-image: url("../img/red_back.gif"); background-repeat: no-repeat; width: 245px; height: 410px }

#blue_box    { color: #fff; font-size: 10px; font-weight: bold; background-image: url("../img/blue_back.gif"); background-repeat: no-repeat; width: 245px; height: 410px }
#green_box   { color: #fff; font-size: 10px; font-weight: bold; background-image: url("../img/green_back.gif"); background-repeat: no-repeat; width: 245px; height: 410px }

#service { width: 50px; height: 25px; float: right; margin:15px 10px; }
#service img  { border: 0; padding-left: 5px }
#teaser  { color: #666; font-size: 32px; line-height: 1.1em; margin-top:-5px; }
	#teaser .block2  { color: #999 }
	/* ######################################################################################################
** ### Formatierung des Menues ##########################################################
** ######################################################################################################
*/	
#submenu                { font-size: 12px; line-height: 15px; background-image: url("../img/menu_back.gif"); background-repeat: no-repeat; list-style-type: none; margin: 15px 0 0.5em; padding-top: 5px; width: 160px; height: 465px }
	
	#submenu a    { text-decoration: none; display: block }
	#submenu li        {  }
	#submenu li a             { padding:6px 0 6px 6px; color: #000; font-weight: bold; }
	#submenu li a:hover   { background-color: #FED954 }
	#submenu li#title      { font-weight: bold; background-color: #ffc300; padding:6px 0 6px 6px; }
	
	#submenu li#active a	{ background-color: #FED954 }
	#submenu li#active_r a	 { background-color: #b80600; color: #fff; border-top: 3px double #fff; border-bottom: 3px double #fff }
	#submenu li#active_b a	{ background-color: #10107B; color: #fff; border-top: 3px double #fff; border-bottom: 3px double #fff}
	#submenu li#active_g a	{ background-color: #006600; color: #fff; border-top: 3px double #fff; border-bottom: 3px double #fff}
	
#nav_top  { color: #000; margin-left:auto; margin-right:auto; text-align:justify; width:95%; font-size: 14px; font-weight: bold; padding-right:30px; padding-left:30px;}

#nav_bottom  { }
#nav_bottom .link { float:left; font-size: 10px; border-right:1px solid black; }
#nav_bottom .link a { color: #000; text-decoration: none; padding-right:3px; padding-left:3px;}
#nav_bottom .link a:hover { text-decoration: underline; background-color: transparent}
/* ### Überschriften, Fließtexte ###################################################################### */	
h1,h2,h3,h4,p,li   { font-size: 12px; }

h1     { font-size: 14px; font-weight: bold; margin-bottom: 1.25em }
h2    { font-weight: bold;  }
h3    { font-style: italic; font-weight: normal }
h4 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}
h5 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }
h6 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }

#teaser h1 { font-size: 1.2em; border: 0; }

p,ul,dd,dt { }
p  { line-height: 1.25em; margin: 0 0 1.25em }
ul  { margin: 0 0 1em 1em }
li  { line-height: 1.25em; list-style-position: outside; }
/* ### Test ###################################################################### */	

}