html { height:100%;}

body{
margin:0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:0.8em; 
text-align: center;/*fuer IE_quirks (Fehlt die Doctype-Angabe, wird der Quirks-Modus verwendet)*/
font-weight:normal;
}

p {margin:0; padding:0;}
strong {color:#999;}

hr {height: 1px;border: 0 none; border-top: 1px dotted #ccc; margin-top:15px;}


a:link { text-decoration:none; color:#4c7094;}
a:visited {text-decoration:none; color:#4c7094;}
a:hover { color:#4c7094; text-decoration:none;}
a:focus { color:#4c7094; text-decoration:none;}


/***************************************************** mainboxes ***********************************************************/


#wrapper {
width:900px; 
margin: auto; 
text-align: left;/*Aufheben von IE_quirks im BODY*/
border-right:1px solid #4c7094;
border-bottom:1px solid #4c7094;
border-top:1px solid #4c7094;
margin-top:15px;
background-image:url(images/bg_blue200.gif); background-repeat:repeat-y; background-position:left;
}
#wrapper2 {
width:1000px; 
margin: auto; 
text-align: left;/*Aufheben von IE_quirks im BODY*/
border-right:1px solid #4c7094;
border-bottom:1px solid #4c7094;
background-image:url(images/bg_blue200.gif); background-repeat:repeat-y; background-position:left;
}


#left { width:200px; margin:0; padding:0; float:left;}

#left-top80 { height:80px; width:200px; background-image:url(images/left_top80x200.gif); background-repeat:no-repeat;}
#left-img1 { height:133px; width:200px; background-image:url(images/left_treppe.jpg); background-repeat:no-repeat;}
#left-img2 { height:133px; width:200px; background-image:url(images/left_treppe2.jpg); background-repeat:no-repeat;}
#left-img3 { height:133px; width:200px; background-image:url(images/left_mappen.jpg); background-repeat:no-repeat;}
#left-img4 { height:133px; width:200px; background-image:url(images/left_anwalt.jpg); background-repeat:no-repeat;}
#left-img5 { height:133px; width:200px; background-image:url(images/left_stempel.jpg); background-repeat:no-repeat;}
#left-img6 { height:133px; width:200px; background-image:url(images/left_anwaelte.jpg); background-repeat:no-repeat;}
#left-img7 { height:133px; width:200px; background-image:url(images/left_schild.jpg); background-repeat:no-repeat;}


#logo {
background-image:url(images/logo_haf.gif);
background-repeat:no-repeat;
background-position:right;
height:80px;
margin-left:220px;
}
#streifen-top {
background-image:url(images/bg_streifen.jpg);
background-repeat:no-repeat;
background-position:right;
height:133px;
margin:0px 0px 0px 200px;
border-left:1px solid #fff;
}


/************************	definition linkes menue*****************************************/

#menue {width:200px; margin:0px 0 50px 0px;padding:50px 0 0 0;float:left; background-image:url(images/left_menue_top.gif); background-position:top; background-repeat:no-repeat;}

#menue ul { list-style:none; margin:0; padding:0; font-size:0.9em;}

#menue li a { color:#fff;  background-image:  url("images/bullet.gif"); background-repeat: no-repeat; background-position: left center; padding-left: 15px;}
#menue li a:hover { color:#fff;}
#menue ul li {padding:6px 0px 6px 30px;}
#menue ul ul li {border-bottom:none; font-size:1.1em;}

#menue ul li.active { border-bottom:1px dotted #fff; border-top:1px dotted #fff;}

/******************************** Definitionen fr den Inhalt ***************************************/

#content { padding:0 30px 0 40px; margin:-10px 0px 0px 200px; background-image:url(images/bg_streifen_content.gif); background-position:top; background-repeat:repeat-x;}
*html #content {margin:-18px 0px 0px 200px;}

#content p {line-height:1.5em;}
#content h1 { font-family:"Times New Roman", Times, serif; font-size:1.3em; color:#4c7094; padding-top:50px;}
#content h1.h1center { font-family:"Times New Roman", Times, serif; font-size:1.2em; color:#4c7094; text-align:center; padding-top:0px;}
#content h2 { font-size:1em; color:#4c7094;}
#content h3 { font-size:0.9em; color:#666;}


#content img.right { float:right; margin:0 30px 5px 0;}

.anschrift-abstand {width:100px; float:left;}

.seitenanfang {
background-image: url(images/icon_top.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 20px;
font-size:0.9em;
}

.download {
background-image: url(images/icon_pdf.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
font-size:0.9em;
}


/************** Formnatierungen Listen im Content Bereich****************/

#content ul { list-style:none; margin-left:-20px; font-family:Helvetica,Arial, sans-serif;}
*html #content ul { margin-left:5px;}

#content ul li {
margin-left:0px;
background: transparent url(images/bullet.gif) left top no-repeat;
background-position:0 8px;
padding-left: 15px;
text-align: left;
line-height:1.8em;
}

/************************************Tabellen ****************************/


#content table,td {
border: 1px solid #CCC;
border-collapse: collapse;
}
#content table{
border:none;
border:1px solid #CCC;
}
* html #content table {float:left;}

#content thead th,
tbody th {
background: #eaeef2;
color: #666;
padding: 5px 5px;
border-left: 1px solid #CCC;
}
#content tbody th{
background: #c8e0d1;
border-top: 1px solid #CCC;
text-align: left;
}
#content tbody tr td{
padding: 5px 5px;
color: #666;
vertical-align:top;
}


/******************************************************** footer ****************************************************/

#footer {
font-size:0.8em;
clear:both; 
height:40px; 
text-align:center; 
padding-top:15px; 
width:900px; 
margin:auto;
}


iframe { width:790px; height:500px; border:1px solid #fff;}


