body 
	{
	background: #ffffff url(../images/hg-body.gif) /*repeat-x*/;
	font-size: 	small;
	font-family:Arial, Tahoma, Verdana, "Trebuchet MS", Sans-Serif;
	line-height:18px;
	color:		#60717b;
	padding:	0;
	margin:		25px 0 0;
	}



a 
	{ color: 		#424242; text-decoration: none; }

a:visited 
	{ text-decoration: none; }

a:hover 
	{ color: 		#666666; text-decoration: none; }

a:active 
	{ color:		#666666; text-decoration: none; }



h1 
	{
	font-size: 105%;
	font-weight: bold;
	padding: 15px 0;
	margin: 0;
 	}

h2 
	{
	font-size: 	100%;
	font-weight:bold;
	color: #474747;
	padding:    15px 0 0 0;
	margin:		0;
	}
h3 
	{
	font-size: 	95%;
	font-weight:bold;
	padding:    5px 0;
	margin:		0;
	}
p	{
	font-size: 	95%;
	font-weight:normal;
	padding:    5px 0;
	margin:		0;
	}

#wrapper
	{
	width: 		80em;
	margin: 	0 auto;
	padding: 	0;
	background:	#96a8a6;
	}



#header, #header-scheidung, #header-kind, #header-familie, #header-recht, #header-form, #header-fahrt, #header-kontakt, #header-trennungsunterhalt, #header-sorgerecht, #header-zugewinn, #header-versorgungsausgleich, #header-kosten, #header-sonstige, #header-arbeitsrecht, #header-opferschutz
	{ margin: 	0; padding: 	0;  height: 300px; border-bottom:6px solid #666; }

#header 
{background: #666 url(../images/banner.jpg) no-repeat left top;}

#header-beistand
{background: #666 url(../images/banner-beistand.jpg) no-repeat left top;}

#header-scheidung 
{background: #666 url(../images/banner-scheidung.jpg) no-repeat left top;}

#header-kind
{background: #666 url(../images/banner-kind.jpg) no-repeat left top;}


#header-arbeitsrecht
{background: #666 /*EC762A*/ url(../images/banner-arbeitsrecht.jpg) no-repeat left top;}

#header-sonstige
{background: #666 url(../images/banner-sonstige.jpg) no-repeat left top;}

#header-sorgerecht
{background: #666 url(../images/banner-sorgerecht.jpg) no-repeat left top;}

#header-familie
{background: #666 url(../images/banner-familie.jpg) no-repeat left top;}

#header-recht
{background: #666 url(../images/banner-recht.jpg) no-repeat left top;}

#header-form
{background: #666 url(../images/banner-form.jpg) no-repeat left top;}

#header-fahrt
{background: #666 url(../images/banner-fahrt.jpg) no-repeat left top;}

#header-kontakt
{background: #666 url(../images/banner-kontakt.jpg) no-repeat left top;}

#header-trennungsunterhalt
{background: #666 url(../images/banner-trennungsunterhalt.jpg) no-repeat left top;}

#header-zugewinn
{background: #666 url(../images/banner-zugewinn.jpg) no-repeat left top;}

#header-versorgungsausgleich
{background: #666 url(../images/banner-versorgungsausgleich.jpg) no-repeat left top;}

#header-kosten
{background: #666 url(../images/banner-kosten.jpg) no-repeat left top;}

#header-opferschutz
{background: #666 url(../images/banner-opferschutz.jpg) no-repeat left top;}



#content 
	{
	min-height:	400px;
	background: #fff;
	margin: 	0em 16em 0em 16em;
	padding: 	10px 20px 15px 25px;
	}



#breadcrumb {height: 15px;
				font-size: 10pt;
				line-height:2px !important;
				border-bottom: 1px solid #BCBCBC;}
				




#navigation 
	{ width: 16em; float: 		left; margin: 	30px 0 0 0; padding:	0; }

/*#navigation p
	{ padding:    10px; color:		#fff; font-size: 90%; }

#navigation ul
	{
	list-style-type:none;
	padding: 	0px;
	margin: 	0px;
	border-bottom:0px;
	position:absolute;
	left: -9999px;
	top: 0;
	}

#navigation a 
	{ font-size: 	90%; 
	text-decoration:none; 
	font-weight:bold; 
	padding: 	6px 5px 6px 10px;
	display:block; }

#navigation li
	{ margin: 	0; background:	#fff; padding: 	6px 0; border-bottom: 1px dotted #C3438E; border-right-color: #C3438E; }

#navigation li:hover
	{ color: #eb7e2d; background:	#fff;
	
	 }

#navigation ul ul {margin-left: 12px; }

#navigation ul ul li { border-bottom: 1 px dotted #C3438E;
						margin: 0;}

#navigation ul ul a:link, #navigation ul ul a:visited {background:	#fff; color: #424242;}

*/



#news
	{
	float: 		right;
	width: 		16em;
	margin: 	20px 0 0 0;
	padding: 	20px 0 0;
	}
#news h1
	{ padding:    0 10px 0; color:		#fff; font-size: 95%; border-bottom: 1px dotted white; }
#news p
	{
	padding:    0px 10px 10px 10px;
	color:		#fff;
	}


#footer 
	{
	clear: 		both;
	padding: 	5px;
	margin: 	0;
	background: #666;
	font-size:	11px;
	}

	

#nav_oben
	{ font-size: 90%; background-color: #666; text-align: right; padding-right: 10px; }

#nav_oben ul
	{ color: #fff; list-style: none; margin: 0; padding:1e
	 }
	
#nav_oben li
	{
	display: inline;
	}
	
#nav_oben a:link, #nav_oben a:visited
	{
	padding: 0.4em 1em 0.4em 1 em;
	color: #ffffff;
	text-decoration: none;
	}

#nav_oben a:hover, #nav_oben a:focus
	{
	color: #bcbcbc;
	}

.aktuell {color: #424242 !important;} 

hr { color: #666666; }

#news hr
	{ color: #666666; }

#content ul { margin: 0;
				padding-left: 20px; }

#content li { font-size: 95%; list-style-type: square; }
#news a { color: #fff; }
.rechts { text-align: right; padding-right: 20px; }
.bildunter { font-size: 90%; font-style: italic; }
.autor { font-size: 85%; font-weight: bold; font-style: italic; }
.mittig { text-align: center; }
.rot { color: #8f1313; }
.fett { font-weight: bold; }
.schraeg_serif { font-size: 95%; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }


ul , li {
 margin:0;
 padding:0;
 list-style:none;
}

ul#navi , ul#navi ul {
 width:16em;  /* entspricht einer Breite von 150px (150 / 16 )*/
 float:left;
 background:#96a8a6;

}

ul#navi  li  {
 position:relative;
}

ul#navi a {
 display:block;
 padding:5px;
 color:#FFF;
  border-bottom: 1px dotted #bcbcbc;
 font-weight:bold;
}

ul#navi ul  ,                   /* 1. Ebene verschieben */
ul#navi  li:hover ul ul ,       /* 2. Ebene verschieben */
ul#navi  li:hover  ul ul ul  {  /* 3. Ebene verschieben */
 position:absolute;
 left:-9999px;
 top:0;
 background:#96a8a6;
}

ul#navi li:hover ul ,
ul#navi ul  li:hover  ul , 
ul#navi ul  ul li:hover  ul  {
 left:16em; /* entspricht 150px */
 }
 
 ul#navi li:hover > a , 
ul#navi  ul li:hover  > a, 
ul#navi ul  ul  li:hover  > a, 
ul#navi ul  ul ul  li:hover  > a  {
  background:#96a8a6;
  color:#191919;
}

.link:before {content: url(../images/pfeile.png);}

.clear {clear: right}

.mitte  {text-align: center;}