/* hellgrau: #EEEEEE | grau: #E3E3E3 | dunkelblau: #004086  | hellblau: #4070A4  |*/

* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
margin: 0;padding: 0;}

html, body 	{height: 100%;}
body 		{text-align: center; /* Fur IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */}
div 		{text-align: left;}


/* --------------------------
Positionen alle
--------------------------- */

div#wrapper {
position: relative;
margin: 0 auto;
width: 990px;
min-height: 100%; /* Mindesthoehe in modernen Browsern */
height: auto !important; /* !important-Regel fur moderne Browser */
height: 100%; /* Mindesthoehe in IE (<7) */
}

div#header 		{height: 215px;}
div#hauptnav 	{width: 183px; float: left;}
div#rechts 		{width: 166px; float: right;text-align:center;}
div#inhalte 	{margin: 0 240px;}

div#logo		{clear: both;position: absolute;top: 25px;left:190px;}
div#plakette	{clear: both;position: absolute;top:120px;left:703px;z-index:5;}

div#footer {
clear: both;
position: absolute;
bottom: 0;
width: 990px;
height: 5px;
}

/* --------------------------
Hintergrund Bilder alle
--------------------------- */
1body		{background: #F0EEE2 url(img/layout/hg-gesamt.gif);}
div#wrapper	{background: #F0EEE2 url(img/layout/hg-inhalt.gif) repeat-y;}
div#header	{background: #F0EEE2 url(img/layout/hg-head.jpg);}
div#footer	{background: #F0EEE2 url(img/layout/hg-footer.gif);}


/* --------------------------
Layout alle
--------------------------- */
div#inhalte	{padding:25px;}
div#rechts	{padding-top: 25px;}
div#rechts img {border:none;padding-bottom:5px;}
.ul-normal	{position:relative;left:25px;}

/* --------------------------
Haupt Navigation
--------------------------- */
#hauptnav 		{margin: 0px;padding-top:25px;width:183px;}
#hauptnav ul 	{list-style: none;}
#hauptnav ul li {border-bottom: 1px solid #004086;width:182px;padding-left:1px;}

#hauptnav ul li a		{padding: 8px 0px 8px 0px;display:block;width:100%;text-indent:20px;}
#hauptnav ul li a:hover {color:#000000;background-color: #E3E3E3;}

/* aktive Links */
#hauptnav ul li.active a 		{background-color: #FFFFFF;text-decoration:underline;}
#hauptnav ul li.active a:hover 	{background-color: #E3E3E3;text-decoration:none;}

/*submenus */
#hauptnav ul li ul li a {text-indent:30px;color:#000000 !important;}
#hauptnav ul li.active ul li a	{background-color: #FFFFFF;} 
#hauptnav ul li.active ul li.active a 	{color:#000000 !important;background-color: #F0EEE2;}

/* headnav */
.headnav {position:absolute;top:63px;right:0px;}


/* ---------------------------
Typografie // Schriften
--------------------------- */
body			{font-family:Arial,Helvetica,sans-serif;}
#hauptnav a		{text-decoration: none;font-weight:bold;}
.headnav a		{text-decoration: none;color:#000000;}

#hauptnav ul li.active ul li a {text-decoration: none;} /*submenu*/

/* -------------------------- 
Schrift Groessen
--------------------------- */
body, #inhalt, td 	{font-size: 14px;line-height:20px;}
#hauptnav a		{font-size: 12px;}
h1 				{font-size: 20px;line-height:40px;}

#hauptnav ul li.active ul li a {font-size: 10px;} /*submenu*/

/* --------------------------
Schrift Farben 
--------------------------- */
#hauptnav a					{color:#000000;}
#hauptnav ul li a:hover		{background:color:#FFFFFF;}
.headnav a:hover 			{color:#000000;text-decoration:underline;}

hr { color : #B5B56D; background-color : #B5B56D; height:1px; border : 0px; }






/* clearfix zum Aufheben der Floatumgebung */

.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 */