body
{
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #a80850;
color: #000000;
text-align: center;
}

div
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}


td
{
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}


a
{
color: #555555;
}

a:hover
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}

a.pfeil
{
padding-left: 13px;
background: url(pfeil-textlink.gif) no-repeat;
color: #555555;
}



#div-main
{
width: 980px;
background: url(hg-main.gif) repeat-y #ffffff;
}



#div-banner
{
width: 936px;
height: 117px;
background: url(hg-banner.jpg) no-repeat;
text-align: left;
}

#div-banner p
{
margin: 0px;
}

#div-banner .logo
{
margin-left: 240px;
}


#div-banner .slogan
{
margin-left: 130px;
margin-bottom: 24px;
}





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#navContainer
{
width: 936px;
display: block;
clear: both;
}


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Header menu */	 
#header_menu
{
position: absolute;
margin-left: 20px;
background: #808080;
}

#header_menu li {line-height: normal;}

ul#header_menu  {z-index: 10; clear: both;}

#nav
{
height: 22px;
background: #808080;
}

#nav ul
{
list-style-type: none; 
width: auto;
margin: 0; 
padding: 0; 
font-size: 77%; 
font-weight: bold;

	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
position: relative; /* Fix the Stupid IE6 Bug */
}


#nav ul li
{
float: left;
color: #ffffff;
text-align: center;
}



#nav ul li a
{
text-decoration: none;
display: block;
padding-top: 4px;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 4px;
border-right: 1px solid #ffffff;
color: #ffffff;
}




/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus
{
background: #a80850;
color: #ffffff;
}

#nav li a:active, #nav ul li a.active
{
background: #a80850;
color: #ffffff;
}


/* Current page Customisations*/

#nav li.menu-current a, #nav li.menu-parent a
{
background: #a80850;
color: #ffffff;
}


#nav li.menu-current a		{font-weight: bold;} 

/* 2nd Child menu */

#nav .menu li ul
{
position: absolute;
width: 12em;
margin: 0;
display: none;
text-transform: none;
font-size: 90%;

}


#nav .menu li ul li
{
width: 12em;
text-align: left;
font-weight: bold;
margin: 0;
padding: 0;

line-height: 140%;
}


#nav .menu li ul a
{
width: 11.5em;
padding: .6em .1em .6em .4em;
background: #a80850;
color: #fff;
}


/* 2nd Child link hover */

#nav .menu li ul a:hover
{
color: #dddddd;
}



/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a 	{ width: 11.5em; padding: .6em .1em .6em .4em; background: #c6c6c6; color: #fff; }

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}



/* end menu */



#div-rechts
{
float: right;
width: 210px;
margin-top: 10px;
margin-right: 23px;
text-align: left;
font-size: 84%;
}


#div-rechts h2
{
margin-top: 20px;
padding: 2px;
background: #e48b00;
color: #ffffff;
font-size: 100%;
}

#div-rechts h3
{
font-size: 90%;
color: #000000;
}



#div-rechts p
{
margin-top: 8px;
margin-bottom: 8px;
}


#div-inhalt
{
float: left;
width: 684px;
margin-top: 30px;
padding-bottom: 30px;
margin-left: 29px;
text-align: left;
color: #000000;
font-size: 84%;
line-height: 130%;
}


#div-inhalt h1
{
margin-top: 0px;
font-size: 140%;
line-height: 130%;
font-weight: normal;
color: #e48b00;
}

#div-inhalt h2
{
font-size: 104%;
color: #e48b00;
}

#div-inhalt h3
{
font-size: 90%;
color: #e48b00;
}



#div-inhalt .aktuell-datum
{
float: right;
width: 130px;
padding-bottom: 20px;
text-align: right;
font-size: 74%;
}

#div-inhalt .div-startseite
{
width: 280px;
height: 253px;
padding-top: 140px;
padding-left: 520px;
background: url(hg-startseite.jpg) no-repeat;
}

#div-inhalt .div-startseite-innen
{
width: 335px;
}

#div-inhalt .div-startseite-innen p
{
margin: 0px;
}



#div-inhalt .div-vaeter-an-den-start
{
width: 320px;
padding-top: 120px;
padding-left: 352px;
background: url(hg-vaeter-an-den-start.jpg) no-repeat;
}

#div-inhalt .div-vaeter-innen
{
width: 300px;
}

#div-inhalt .div-vaeter-innen p
{
margin: 0px;
}



#div-footer
{
clear: both;
width: 905px;
padding-top: 12px;
padding-bottom: 32px;

border-top: 1px dashed #555555;
font-size: 77%;
text-align: left;
background: #ffffff;
color: #555555;
}

#div-footer p
{
margin: 0px;
}

#div-footer a
{
color: #555555;
}



#div-box
{

padding: 7px;
border: 1px solid #777777;;
background: #f3f3f3;
}

#div-box h3
{
margin-top: 0px;
font-size: 110%;
color: #c50350;
}

#div-box a
{
color: #555555;
}



#div-box-grau
{
padding: 8px;

border: 1px solid #777777;
font-size: 90%;
}

.div-li
{
float: left;
margin-right: 8px;
margin-bottom: 5px;
}

.div-re
{
float: right;
margin-left: 8px;
margin-bottom: 5px;
}


#tab-linie-mitte
{
width: 100%;
}

#tab-linie-mitte td.rechts
{
width: 50%;
padding-left: 30px;
border-left: 1px dashed #999999;
}

#tab-daten
{
background: #999999;
}

#tab-daten td
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 6px;
background: #ffffff;
}

#tab-daten td.titel
{
padding: 3px;
background: #eeeeee;
}


#tab-daten td p
{
margin-top: 0px;
}



#tab-linie
{
width: 500px;
border-top: 1px dashed #999999;
}


#tab-linie td
{
padding-top: 6px;
padding-bottom: 6px;
padding-left: 6px;
padding-right: 6px;
border-bottom: 1px dashed #999999;
}


.linie
{
padding-top: 12px;
border-top: 1px dashed #999999;
}


.klein
{
font-size: 80%;
}

.gross
{
font-size: 130%;
}

.orange
{
color: #ff9a2f;
}

.gelb
{
color: #ffd579;
}

.marg-top
{
margin-top: 0px;
}

.marg-bottom
{
margin-bottom: 0px;
}

.marg-top-bottom
{
margin-top: 0px;
margin-bottom: 0px;
}


.img-re
{
float: right;
margin-left: 8px;
}

.img-li
{
float: left;
margin-right: 8px;
}

.img-marg-bottom
{
margin-bottom: 5px;
}

.img-rahmen
{
border: 1px solid #777777;
}

.gruen
{
color: #006600;
}

.rot
{
color: #a80850;
}

ul.abstand li
{
margin-bottom: 11px;
}