/***************************************************************************

  Allgemeine Deklerationen ****

***************************************************************************/

* {

	padding:0px;

	margin:0px;

}



html, body{

	height:100%;

  width:100%;

}



body{

	font-size:100.01%;

	font-family:arial,verdana, tahoma, sans-serif;

  background-color:#fff;

  color:#000;  

  text-align:center;

  overflow:auto;

}



a{

  text-decoration:none;

  color:#000;

}



ul{

  list-style-type:none;

}



#page{

  width:892px;

  text-align:left;

  clear:left;

  margin:0 auto;

}

/****************************************************************************/



















/***************************************************************************

  Header ****

***************************************************************************/

#header{

  width:888px;

  height:230px;  

}



#logo{

  float:left;

  height:62px;

  width:400px;

  margin:0px 0px 10px 0px;

}



#bildleiste{

  width:888px;

  height:162px !important;

}





/* menu2 */

#menu2{

  width:316px;

  float:right;

  margin:38px 80px 0px 0px;

  border-bottom:1px solid #7B8CAD;

}



* html #menu2{

  margin:38px 40px 0px 0px;

}



#menu2 ul li{

  display:inline;

}



#menu2 ul li a{

  font-size:.75em;

  color:#7B8CAD;

}





/* paragraphen reiter (bild) */

#reiter{

  width:69px;

  height:60px;

  position:absolute;

  top:37px;

  margin-left:815px;

}



* html #reiter{

  margin-left:415px;

}

/****************************************************************************/



















/***************************************************************************

  Menu ****

***************************************************************************/

#menuhack{

  position:absolute;

  top:230px;

  margin-left:93px;

  z-index:10;

  width:155px;

  height:372px;

  float:left;

}



* html #menuhack{

  position:absolute;

  top:234px;

}



#menu{

  background-image:url(../bilder/menu_bg.gif);

  background-repeat:no-repeat;

  width:234px;

  height:372px;

  float:left;

  /*background-color:#fff;*/

}



#menu ul{

  margin-top:20px;

}



#menu ul li{

  padding:2px 0px 2px 20px;

  margin-bottom:2px;

}



* html #menu ul li{

  padding:1px 0px 1px 25px;

  margin-bottom:0px;

}



#menu ul li a{

  display:block;

  font-size:.75em;

  color:#22446C;

  border-bottom:1px solid #fff;

  /*padding:2px 0px 2px 5px;*/

  padding-left:5px;

}



* html #menu ul li a{

  padding:0px 0px 0px 5px;

}



#menu ul li a:hover{

  background-color:#fff;

  border-bottom:1px solid #22446C;

}







/* zustand: aktiv */

#menu ul li#aktiv{

  background-image:url(../bilder/menu_li_bg.gif);

  background-repeat:no-repeat;

  background-position:-1px 0px;

}



#menu ul li#aktiv a{

  background-color:#fff;

  border-bottom:1px solid #22446C;

}











/* 2.ebene */

#menu ul ul{

  margin-top:2px;

  margin-bottom:4px;

}


#menu #aktiv ul li{

  padding:2px 0px 2px 5px;

  margin:0px;

}



#menu #aktiv ul li a{

  font-size:.6em;

  color:#22446C;

  border-bottom:1px solid #fff;

  background-color:#D0D5E3;

  line-height:1.5em;
  padding-bottom:2px;
}



* html #menu ul li#aktiv ul li a{

  padding:0px 0px 0px 4px;

  margin:0px;

}



#menu #aktiv ul li a:hover{

  background-color:#fff;

}



/* zustand: aktiv */

#menu li#aktivSub a{

  background-color:#fff !important;

}

/****************************************************************************/



















/***************************************************************************

  Footer ****

***************************************************************************/

#footer{

  float:right;

  width:809px;

  height:8px;

  margin-right:4px;

  margin-top:-4px;

  background:#fff url(../bilder/footer/linie.gif) left no-repeat;

}

/****************************************************************************/



















/***************************************************************************

  Inhalt ****

***************************************************************************/

#text{

  float:left;

  width:575px;

  height:335px;

  overflow:auto;

  padding:20px 50px 5px 30px;

  background-color:#fff;

}



* html #text{

  width:655px;

  height:360px; 

}



#text h1{

  font-size:1.25em;

  color:#22446C;

  margin-bottom:15px;

}



#text h2.anwaelte{

  font-size:.875em;

  color:#22446C;

}



#text p{

  font-size:1em;

  line-height:1.5em;

  margin-bottom:15px;

}



#text img{

  float:left;

  margin:0px 20px 20px 0px;

  border:0px;

}



/* popup via css */

#text div.popup{

  

}



#text a img.large {

	display: block;

	height: 1px;

	left: -1px;

	position: absolute;

	top: -1px;

	width: 1px;

}



#text a.p1, #text a.p1:visited {

	display: block;

}



#text a.p1:hover {

}



#text a.p1:hover img.large {

	border: 1px solid #000000;

	display: block;	

	position:absolute;

	top:0px;

	left:50%;

	margin-left:-137px;

	width:275px;

	height:275px;

}

/* ende popup via css */







#text strong{

  color:#22446C;

}



#text a{

  text-decoration:underline;

  font-weight:bold;

  color:#22446C;

}



















/* sachgebiete */

.linkeSpalte{

  float:left;

  width:180px;

}



.mittlereSpalte{

  float:left;

  width:200px;

}



.rechteSpalte{

  float:left;

  width:170px;

}



fieldset{

  border:0px;

}



fieldset input{

  width:20px;

}



fieldset label{

  font-size:.75em;

}



fieldset br{

  clear:both;

}



label.hinweis{

  font-weight:bold;

}

/****************************************************************************/



















/***************************************************************************

  Musik ****

***************************************************************************/

#sound{

  clear:both;

  float:right;

  font-size:.75em;

  width:90px;

}



* html #sound {

  width:95px; 

}



#sound a:hover{

  text-decoration:underline;

}



















/***************************************************************************

  hotspots anwälte

**************************************************************************/

#hotspots{

  position:absolute;

}

/* mischok */

#spot-mischok{  

  position:absolute;

  top:43px;

  left:50px;    

}

/* stuckenberg */

#spot-stuckenberg{  

  position:absolute;

  top:95px;

  left:137px;    

}

/* meltzer */

#spot-meltzer{  

  position:absolute;

  top:28px;

  left:159px;    

}

/* klein */

#spot-klein{  

  position:absolute;

  top:8px;

  left:342px;    

}

/* lueg */

#spot-lueg{  

  position:absolute;

  top:90px;

  left:207px;    

}



/* greve */

#spot-greve{  

  position:absolute;

  top:100px;

  left:422px;    

}



/* dietrich */

#spot-dietrich{  

  position:absolute;

  top:55px;

  left:266px;    

}



#hotspots a{

  display:block;

  padding:20px;

}



* html #hotspots a{

  display:inline-block;

  height:40px;

}



#hotspots a:hover{

  border:1px solid #D0D5E3;

}



















/***************************************************************************

  musik / flash

**************************************************************************/

#musik{

  position:relative;  

}



#musik object{

  position:absolute;

  top:20px;

  left:25px;

}



* html #musik object{

  position:absolute;

  top:5px;

  left:25px; 

}