@charset "utf-8";
/* CSS Document */

a {color:#002454; text-decoration:underline;} /* dunkelblau */
a:visited {color:#002454; text-decoration:underline;}
a:hover {color:#7a8ca4; text-decoration:underline;} /* hellblau */
a:active {color:#7a8ca4; text-decoration:underline;}

body {background-color:#f5f5f5; background-image:url(image/back7.jpg); background-repeat:repeat-x;}
body {margin-bottom:50px; margin-top:0px; margin-left:30px; margin-right:30px;}
	
h2 {font-family:Verdana, Geneva, sans-serif; font-weight:lighter; color:#002454; font-size:18px; line-height:23px; clear:both;}
pre {font-family:Verdana, Geneva, sans-serif; color:#1b1b1b; font-weight:normal; line-height:18px; font-size:14px; z-index:100;}



.test {
	position:absolute;
	margin:auto;
	width:1000px;
	height:20px;
	background-color:#06F;
	top:126px;
	left:-428px;
	z-index:1000;
	}

.text_normal {
	font-family:Verdana, Geneva, sans-serif;
	color:#002454;
	font-weight:normal;
	line-height:inherit;
	font-size:11px;
	text-align:justify;
	z-index:100;
	height: 430px;
	width: 650px;
}


.text_normal_klein {
	font-family:Verdana, Geneva, sans-serif;
	color:#002454;
	font-weight:normal;
	line-height:13px;
	font-size:10px;
	text-align:left;
	z-index:100;
}








.text_grau {
	font-family:Verdana, Geneva, sans-serif;
	color:#f5f5f5;
	font-weight:normal;
	line-height:16px;
	font-size:11px;
	z-index:100;
}

.text_grau_oben {
	font-family:Verdana, Geneva, sans-serif;
	color:#f5f5f5;
	font-weight:normal;
	line-height:16px;
	font-size:10px;
	z-index:100;
}

.layer_logo{
	position:relative;
	margin:auto;
	width:860px;
	height:55px;
	background-image:url(image/logo.jpg);
	top:38px;
	left:0px;
	z-index:100;
}

.layer_ueberschrift1 {
	position:absolute;
	margin-right:30px;
	width:340px;
	height:39px;
	top:-10px;
	left:535px;
	z-index:200;
}

.layer_impressum {
	position:absolute;
	margin:auto;
	width:94px;
	height:20px;
	top:760px;
	left:702px;
	background-image:url(image/impressum.jpg);
	z-index:200;
}
.layer_datenschutz {
	position:absolute;
	margin:auto;
	width:94px;
	height:20px;
	top:759px;
	left:787px;
	background-image:url(image/datenschutz.jpg);
	z-index:200;

}

.layer_123recht {
	position:absolute;
	margin:auto;
	width:100px;
	height:100px;
	top:390px;
	left:700px;
	z-index:200;
	
}

.layer_xingbutton {
	position:absolute;
	margin:auto;
	width:50px;
	height:50px;
	top:750px;
	left:78px;
	z-index:200;	

}

.layer_fbbutton {
	position:absolute;
	margin:auto;
	width:50px;
	height:50px;
	top:750px;
	left:-2px;
	z-index:200;

}

.layer_gbutton {
	position:absolute;
	margin:auto;
	width:50px;
	height:50px;
	top:750px;
	left:38px;
	z-index:200;
}
.layer_text_hauptfenster {
	position:absolute;
	margin-right:auto;
	vertical-align:text-bottom;
	float:right;
	width:650px;
	height:430px;
	top:142px;
	left:0px;
	z-index:200;
}

.layer_text_hauptfenster2 {
	position:static;
	margin-right:auto;
	vertical-align:text-bottom;
	float:right;
	width:650px;
	height:430px;
	top:142px;
	left:0px;
	z-index:200;
}

.layer_felder {
	position:absolute;
	margin:auto;
	width:181px;
	height:180px;
	top:200px;
	left:692px;
	background-image:url(image/felder.jpg);
	z-index:250;
}

.layer_schatten {
	position:absolute;
	margin:auto;
	width:181px;
	height:421px;
	top:160px;
	left:692px;
	background-image:url(image/schatten.jpg);
	z-index:150;
}



.layer_adresse {
	position:absolute;
	margin:auto;
	width:169px;
	height:164px;
	top:211px;
	left:705px;
	z-index:300;
}


.layer_newsletter {
	position:absolute;
	margin:auto;
	font-family:Verdana, Geneva, sans-serif;
	color:#002454;
	font-weight:normal;
	line-height:10px;
	font-size:10px;
	text-align:center;
	width:163px;
	height:132px;
	top:437px;
	left:704px;
	z-index:350;
}


input {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	border: 1px double #AFAFAF;
	padding:0px;
	}

.button {
	height:15px;
	width:60px;
	color:#ffffff;
	background-color: #002454;
	} 

.eingabefeld {
	width:150px;
	color:#002454;
	background-color: #ffffff;
	}


.layer_rechtsberatung {
	position:absolute;
	margin:auto;
	width:169px;
	height:59px;
	top:169px;
	left:706px;
	z-index:300;
}

.layer_bild_kanzlei {
	position:absolute;
	margin:auto;
	background-image:url(image/kanzlei.jpg);
	width:173px;
	height:408px;
	top:163px;
	left:699px;
	z-index:350;
}

.layer_bild_voss {
	position:absolute;
	margin:auto;
	background-image:url(image/voss.jpg);
	width:173px;
	height:408px;
	top:163px;
	left:699px;
	z-index:350;
}


.layer_bild_anfahrt {
	position:absolute;
	margin:auto;
	background-image:url(image/anfahrt.jpg);
	width:173px;
	height:408px;
	top:163px;
	left:699px;
	z-index:350;
}


.layer_bild_blog {
	position:absolute;
	margin:auto;
	background-image:url(image/schatten.jpg);
	width:173px;
	height:408px;
	top:163px;
	left:699px;
	z-index:350;
}




 webkit-overflow-scrolling: touch; {
 }
 webkit-transform: translateZ(0px); {
 }


 #contentScroller {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:20px;
}

nav, article {
	position:absolute;
	top:70px; bottom:-150px; left:0; right:0;
	font-size:11px;
	background:#EEF1F3;
	
}



.layer_infofeld1 {
	position:absolute;
	margin:auto;
	width:421px;
	height:181px;
	top:545px;
	left:115px;
	background-image:url(image/infofeld1.jpg);
	z-index:0;
}
.text_infofeld {
	font-family:Verdana, Geneva, sans-serif;
	color:#002454;
	font-weight:normal;
	line-height:inherit;
	font-size:11px;
	text-align:justify;
	z-index:100;
	height: 181px;
	width: 421px;
	
}


.layer_schatten2{
	position:absolute;
	margin:auto;
	width:172px;
	height:146px;
	top:395px;
	left:692px;
	background-image:url(image/schatten2.jpg);
	z-index:0;
}
.layer_schatten3{
	position:absolute;
	margin:auto;
	width:35px;
	height:20px;
	top:521px;
	left:835px;
	background-image:url(image/schatten3.jpg);
	z-index:0;
}


/* MENUE */

.menu {
	font-family: arial, sans-serif;
	width:875px;
	height:16px;
	position:relative;
	left:0px;
	top:94px;
	font-size:11px;
	z-index:500;
	}	
	
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:165px; height:22px; text-align:left; padding-left:10px; color:#ffffff; border:0px solid #7a8ca4; background:#7a8ca4; line-height:20px; font-size:13px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}


.menu ul li:hover a {color:#002454; background:#7a8ca4;} /* mouseover hauptmenu*/
.menu ul li:hover ul {display:block; position:absolute; top:22px; left:0px; width:105px;}
.menu ul li:hover ul li a.hide {background:#7a8ca4; color:#f5f5f5;}
.menu ul li:hover ul li:hover a.hide {background:#7a8ca4; color:#002454;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#7a8ca4; color:#002454;} 	/*farbe ausklappmenu*/
.menu ul li:hover ul li a:hover {background:#bdc6d3; color:#002454;}				/*farbe ausklappmenu mouseover*/
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0px;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}


.haupttabelle {
	border: 0;
	height: 100%;
}

.bottom {
	vertical-align: bottom;
}




/*
.layer_menu1 {
	position:absolute;
	margin:auto;
	top: 83px;
	left: 0px;
	z-index:500;
}


.layer_menu2 {
	position:absolute;
	margin:auto;
	top: 83px;
	left: 430px;
	z-index:500;
}


.layer_menu3 {
	position:absolute;
	width: 1000px;
	z-index:500;
}

*/

/* MENUE ENDE */