/* CSS Document */
body
{
	margin:0;
	padding:0;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:800;
	color:#002658;
	background-color:#FFFFFF;
}

#mainframe
{
	position:absolute;
	left:50%;
	width:800px;
	height:600px;
	margin-left:-400px;
}

#bilderleiste  /* für LOGO */
{
	position:absolute;
	top:60px;
	width:801px;
	height:201px;
	z-index:50;
	background-image:url(../img/logo.jpg);
	background-repeat:no-repeat;
}

#paragraph_gross  /* Bild*/
{
	position:absolute;
	top:64px;
	left:-112px;
	width:200px;
	height:594px;
	z-index:5;
	background-image:url(../img/paragraph.jpg);
	background-repeat:no-repeat;
}

#fotos  /* Bilder */
{
	position:absolute;
	top:255px;
	left:18px;
	width:245px;
	height:323px;
	z-index:40;

}

#textflaeche  /* Kasten */
{
	position:absolute;
	top:260px;
	left:259px;
	width:534px;
	height:314px;
	background-image:url(../img/textfeld.jpg);
	background-repeat:no-repeat;
	z-index:29;

}


#paragraph_klein  /* Bild */
{
	position:absolute;
	top:489px;
	left:753px;
	width:63px;
	height:160px;
	background-image:url(../img/paragraph_klein.jpg);
	background-repeat:no-repeat;
	z-index:10;

}

#platzierung_überschrift   /* allgemein wo sie steht + Farbe vom § Zeichen */
{
	position:absolute;
	top:297px;
	left:299px;
	font-size:20px;
	color:#002658;
	z-index:50;
	width: 407px;

}

.überschrift  /* rote Überschrift */
{
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	color:#8B2726;
	}
	
h1{
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	color:#8B2726;
}
h2{
	font-family:"Times New Roman", Times, serif;
	font-size:17px;
	color:#000000;
}


#schriftzug /* schreibschrift unter der Überschrift */
{
	position:absolute;
	top:293px;
	left:276px;
	z-index:30;

}

#platzierung_unter_überschrift   /* Links für Unterseiten */
{
	position:absolute;
	top:528px;
	left:302px;
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	color:#818084;
	z-index:50;
}

#platzierung_unter_überschrift :link {text-decoration: none; color: #818084;}
#platzierung_unter_überschrift :visited {text-decoration: none; color: #818084;}
#platzierung_unter_überschrift :hover {text-decoration: none; color: #8B2726;}


#platzierung_2_unter_überschrift   /* wenn 2 Links für Unterseiten */
{
	position:absolute;
	top:528px;
	left:471px;
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	color:#818084;
	z-index:50;
}

#platzierung_2_unter_überschrift :link {text-decoration: none; color: #818084;}
#platzierung_2_unter_überschrift :visited {text-decoration: none; color: #818084;}
#platzierung_2_unter_überschrift :hover {text-decoration: none; color: #8B2726;}

.platzierung_unter_überschrift   /* Links für Unterseiten */
{
	position:absolute;
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	line-height:2;
	color:#818084;
	z-index:50;
}

.platzierung_unter_überschrift :link   /* Links für Unterseiten */
{
	color:#818084;
	text-decoration: none;
}

.platzierung_unter_überschrift :visited   /* Links für Unterseiten */
{
	color:#818084;
	text-decoration: none;
}


.platzierung_unter_überschrift :hover   /* Links für Unterseiten */
{
	color:#8B2726;
	text-decoration: none;
}


#zurück   /* bei den Unterseiten */
{
	position:absolute;
	top:531px;
	left:689px;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	color:#8B2726;
	z-index:50;
	width: 78px;
}


#zurück :link {text-decoration: none; color: #8B2726;}
#zurück :visited {text-decoration: none; color: #8B2726;}
#zurück :hover {text-decoration: none; color: #002658;}



#inhalt  /* für die kleinen Inhalte ohne Scrollbalken  */
{
	position:absolute;
	top:351px;
	left:318px;
	width:430px;
	height:155px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:800;
	color:#002658;
	line-height:19px;
	z-index:50;
}


#inhalt_scrollbalken    /* für die großen Inhalte wo ein Scrollbalken gebraucht wird */
{
	position:absolute;
	top:351px;
	left:318px;
	width:430px;
	height:145px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:800;
	color:#002658;
	line-height:19px;
	z-index:50;
	visibility: visible;
	overflow:scroll;
	overflow-x: hidden;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#002658;
	scrollbar-darkshadow-color:#D4D4D4;
 	scrollbar-face-color:#FFFFFF;
 	scrollbar-highlight-color:#FFFFFF;
 	scrollbar-shadow-color:#FFFFFF;
 	scrollbar-track-color:#FFFFFF;
}

.link { text-decoration:none; color:#002658;}
.link:hover {text-decoration: none; color: #8B2726;}

.link_paragraph{text-decoration:none; color: #818084}
.link_paragraph:hover{text-decoration:none; color: #8B2726}

/*Navigation --------------------------------------------------------------------------*/

#navi_habiger
{
	position:absolute;
	top:579px;
	left:3px;
	width:175px;
	height:39px;
	z-index:10;
}
  /* damit die Bilder einen Rollover Effekt erzeugen - müssen sie als Klasse deklariert sein also mit einem . davor */
.n1{
	background-image:url(../img/navi/habiger.jpg);
	width:175px;
	height:39px;
}

.n1:hover{
	background-image:url(../img/navi/habiger_rot.jpg);
	width:175px;
	height:39px;
}

#navi_kanzlei
{
	position:absolute;
	top:579px;
	left:178px;
	width:120px;
	height:39px;
	z-index:10;
}

.n2{
	background-image:url(../img/navi/kanzlei.jpg);
	width:120px;
	height:39px;
}

.n2:hover{
	background-image:url(../img/navi/kanzlei_rot.jpg);
	width:120px;
	height:39px;
}


#navi_news
{
	position:absolute;
	top:579px;
	left:298px;
	width:88px;
	height:39px;
	z-index:10;
}

.n3{
	background-image:url(../img/navi/news.jpg);
	width:88px;
	height:39px;
}

.n3:hover{
	background-image:url(../img/navi/news_rot.jpg);
	width:88px;
	height:39px;
}


#navi_rechtsgebiete
{
	position:absolute;
	top:579px;
	left:386px;
	width:166px;
	height:39px;
	z-index:10;
}

.n4{
	background-image:url(../img/navi/rechtsgebiete.jpg);
	width:166px;
	height:39px;
}

.n4:hover{
	background-image:url(../img/navi/rechtsgebiete_rot.jpg);
	width:166px;
	height:39px;
}


#navi_kontakt
{
	position:absolute;
	top:579px;
	left:552px;
	width:119px;
	height:39px;
	z-index:10;
}

.n5{
	background-image:url(../img/navi/kontakt.jpg);
	width:119px;
	height:39px;
}

.n5:hover{
	background-image:url(../img/navi/kontakt_rot.jpg);
	width:119px;
	height:39px;
}

#navi_anfahrt
{
	position:absolute;
	top:589px;
	left:685px;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color: #002658;
	z-index:10;
	width: 58px;
}

#navi_anfahrt :link {text-decoration: none; color: #002658;}
#navi_anfahrt :visited {text-decoration: none; color: #002658;}
#navi_anfahrt :hover {text-decoration: none; color: #8B2726;}


#navi_impressum
{
	position:absolute;
	top:589px;
	left:737px;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color: #002658;
	z-index:10;
}
#navi_impressum :link {text-decoration: none; color: #002658;}
#navi_impressum :visited {text-decoration: none; color: #002658;}
#navi_impressum :hover {text-decoration: none; color: #8B2726;}

.dialog{
	background-repeat:no-repeat;
	background-color:#e7dcdc;
	padding:20px;
	width:580px;
	text-align:center;
	color:#9D0212;
}
.dialog_g{
	background-repeat:no-repeat;
	background-color:#96DB93;
	padding:20px;
	width:580px;
	text-align:center;
	color:#405e4b;
}

.dialog h1{
	color:#9D0212;
	font-size:15px;
	font-style:normal;
	letter-spacing:0px;
	line-height:19px;
	font-weight:normal;
}

.dialog_g h1{
	color:#1B5F17;
	font-weight:normal;
	font-size:15px;
}


/*--------------------------------------------------------------------------*/