@media all
{

/* Formatierung der Seite */
* { margin:0; padding: 0; }
html { height: 100% }  
body    { font-size: 100.01%; min-height: 101%; background-image: url("../img/mon_bg_stripe.gif"); position: relative; font-family: Georgia, "Times New Roman", Times, serif; color:#666;}
a {color: #666;}
a:hover {background-color: #cff}
.inactive { display:none;}
#inactive { display:none;}
/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page    { background: #fff center 0 }
#page_margins        { margin: 0 auto; width: 792px; }

/* Formatierung der Kopfbereiches */
#header_a        { color: #fff; background-image: url("../img/mon_ban_A.gif"); background-repeat: no-repeat; background-position: right 0; width: 100%; height: 120px; position:relative }
#header_b         { color: #fff; background-image: url("../img/mon_ban_B.gif"); background-repeat: no-repeat; background-position: right 0; width: 100%; height: 121px; position: relative;}
#header_a img  { border: 0 }
#header_b img  { border: 0 }
#print_head   { display:none;}
/* Formatierung der Fußzeile */
#footer       { clear:both; color: #999; font-size: 12px; line-height: 15px; background: #fff; height: 224px; }
#foot_left     { margin-left: 43px; width: 158px; float:left; padding-top: 5px;  }
#foot_left #submenu li a {color: #999; }	
#foot_right   { margin-left: 206px; padding-top: 5px; }
/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main     { clear:both; width: auto; background: #fff; } 
#col1_content, #col2_content, #col3_content { position:relative; }
/* linke Spalte */
#col1      { float:left; width: 200px; margin-bottom:50px;}	
#col1_content     { color: #666; padding:20px 0px 20px 43px; }
	/* Mittlere Spalte */
#col3 { background-color: #fff; margin-left:200px; width: auto; min-height: 400px; }
#col3_content  { margin-right: 7.7em; margin-left: 0.35em; padding-top: 20px }

/**/
#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; font-family: Georgia, "Times New Roman", Times, serif; line-height: 15px; list-style-type: none; margin: 0 0 0.5em; width: 100%; overflow: hidden }
	
	#submenu a    { text-decoration: none }
	#submenu li        { width: 100%; float: left }
	#submenu li a             { color: #666; }
	#submenu li a:hover   { background-color: #cff }
	#submenu li#title      { font-weight: bold }
	
	#submenu li#active a          { background-color: #cff }
	
#nav_top  { color: #fff; position: absolute; top: 100px; right: 3px; float: right }
#nav_top .link { float:left; font-size: 12px; border-right:1px solid white; padding-right:3px; padding-left:3px;}
#nav_top .link a { color: #fff; text-decoration: none}
#nav_top .link a:hover { text-decoration: underline; background-color: transparent}
/* ### Überschriften, Fließtexte ###################################################################### */	
h1,h2,h3,h4,p,li   { font-size: 12px; }

h1     { font-weight: normal; 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; }
table { font-size: 12px}

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

/* ### Formulare ###################################################################### */
input { font-size: 12px; }
table.form td { padding: 3px;}
.right   { font-weight: bold; text-align: right; background: #eee; padding: 3px; white-space:nowrap;}
.important { background-color: #fff1c1; padding: 3px;}
.required { background-color: #fff1c1;}
.form_results td { padding: 3px;}
/* ### Tooltip ###################################################################### */
a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active { position: relative; text-decoration: none; font-style: bold; border-bottom:0px dotted #4dbcf3;}

a.tooltip:hover { background: transparent; z-index: 100;}

a.tooltip span { display: none; text-decoration: none;}

a.tooltip:hover span { display: block; position: absolute; top: 30px; left: 0; width: 200px; z-index: 100; color: #000000; border: 1px solid; border-color: #FFFFFF #D5D7DB #D5D7DB #FFFFFF; border-left: 4px solid #4dbcf3; padding: 2px 10px 2px 10px; background: #EEEEEE; font-family: Verdana, Arial, Helvetica, Sans-serif; font-style: Normal; text-align: left;}
}