html{
       height: 100.1%;
}
      
body{
  margin: auto;
  background-color: #000000;
  font:11px verdana, sans-serif;
  margin-top: 0px;
  margin-bottom: 0px;
  height: 100%;
   overflow:none;
}

#banner{
  margin: auto;
  color:black;
  background: url(/jveinrichtungen/images/banner.png) no-repeat top;
  width:743px;
  height:118px;
}

#footer{
  margin: auto;
  color:black;
  background: url(/jveinrichtungen/images/mainbg.png) repeat-y top;
  width:743px;
position:relative;
  text-align:center;
  padding:5px 0px;
 height:40px;
 
 
}
#footer a{
  margin: 5px auto 0px;
  color:gray;
  text-decoration:none;
  padding: 5px 20px 0 0;
  font-size:8px;
}

#footer_out{

float:left;
width:100%;
}

#menu{
  margin: auto;
  color:black;

}
#menu_center{
float:left;
width:710px;
text-align:right;
}
#top-navigation{
background: url(/jveinrichtungen/images/menubackground.png) repeat top;
width:743px;
margin:auto;
display:block;
height:26px;
}
#top-navigation ul{
margin:0px;
height:26px;
text-align:center;
background: url(/jveinrichtungen/images/menubackground.png) repeat top;
float:right;
display:block;
}

#top-navigation li{
width:87px;
height:26px;
float:left;
list-style:none;
}
#top-navigation li a{
width:87px;
height:26px;
padding-top:5px;
background: url(/jveinrichtungen/images/menubutton.png) no-repeat top;
float:left;
display:block;
text-decoration:none;
color:gray;
}
#top-navigation li a:hover{
width:87px;
height:26px;
padding-top:5px;
background: url(/jveinrichtungen/images/menubutton2.png) no-repeat top;
float:left;
display:block;
text-decoration:none;
color:gray;
}
#top-navigation li a.active{
width:87px;
height:26px;
padding-top:5px;
background: url(/jveinrichtungen/images/menubutton2.png) no-repeat top;
float:left;
display:block;
text-decoration:none;
color:gray;
}

#separator{
background: url(/jveinrichtungen/images/separator.png) no-repeat top;

float:left;
width:100%;
height:1px;
}


#menu_left{
background: url(/jveinrichtungen/images/menuleft.png) no-repeat top;
float:left;
width:16px;
height:26px;
}
#menu_right{
background: url(/jveinrichtungen/images/menuright.png) no-repeat top;
float:right;
width:17px;
height:26px;
}
#menu_button{
background: url(/jveinrichtungen/images/menubutton.png) repeat-x top;
float:left;
}



#content{
  margin: auto;
  text-align: justify;
  background-color: #7F7045;
  background: url(/jveinrichtungen//images/mainbg.png) repeat-y;
  width: 743px;
  height:100%;
  min-height: 400px;
  letter-spacing : 0.8px;
  color:#bbbbbb;
  
}
#ib{
float:left;
padding: 0 20px;
margin-bottom: 8px;

}
#ib input{
float:right;
background-color:gray;
border:1px solid #bbb;
}
#ib textarea{
float:right;
background-color:gray;
border:1px solid #bbb;
}
.input{
width:94px;
height:20px;
background: url(/jveinrichtungen/images/absenden.png) no-repeat;
border:0px solid;
float:right;
margin-right:18px;
}

#inner_content{
padding:10px 5px 20px 20px;
text-align: justify;
height:100%;
letter-spacing : 0.8px;
background:transparent url(/jveinrichtungen//images/mainbg.png) repeat-y;
float:left;
width:743px;
}
#outer_box{
margin:auto;
width:50%;

}
#mainbox{
background:transparent url(/jveinrichtungen//images/mainbg.png) repeat-y scroll 0 0;
margin:auto;
width:743px;
min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height: 100%; /* Mindesthöhe in IE (<7) */
}

#outer_box h3 {background-color:#621903;}
#outer_box a  {margin-left:5px;}
.eggbox p{background-color:#621903;font: bold 8px verdana, sans-serif;}
.eggbox { background: transparent; position:relative;text-align:center; width:114px; height:90px; float:left;margin:0 0 0 15px;}
a {text-decoration:none; font-weight:normal;font: bold 10px verdana, 
sans-serif;color:#ffffff;}
.eggbox img {display:block;position:absolute; margin:-1px 0 0 -1px; left:2px; top:0; border:5px solid #fff; background:#fff;width:100px; height:80px;}
.eggw {width:106px;}
.eggh {height:86px;}


#li_box{
 text-align:justify;
 width:100%;
 color:#ffffff;
 font: normal 12px verdana, sans-serif;
float:left; 
letter-spacing:1px;
 
}

#li_box2{
 text-align:center;
 width:151px;
 position:absolute;
 margin:0 0 0 4px;
 color:#ffffff;
 height:23px;
 font: bold 10px verdana, sans-serif;
 letter-spacing:1px;
}

input{
  border: 1px ridge #aaa;
}
textarea{
  border: 1px ridge #aaa;
}
  
#outer_box {
  display:block;
  text-align:center;
  margin:auto;
  vertical-alignment:top;
  float:right;
  width:100%;
  padding:0 0 10px 0;
}

#inner_box2 {
  display:block;
  margin:20px;
  text-align:left;
float:left;
width:80%;
}

ib{
	text-align:left;
	float:left;
	line-spacing:0px;
	margin:1px;
	font: bold 10px verdana, sans-serif;
	color:#676767;
	letter-spacing:1.5px;
	margin-top: 5px;
}


div.figure {
  float: left;
  width: 27%;
  margin: 5px;
  width: 140px;
 font: bold 10px arial, sans-serif;
min-height:155px;
color:#ffffff;
 font-style:normal;
 text-align:left;
 border:1px solid #ccc;
}

div.figure p {
 background-color:#0a2447;
repeat-x scroll 0%;
border:1px solid #AAAAAA;
border-left:0px solid;
border-top:0px solid;
border-right:0px solid;
color:#ECECEC;
background:transparent url(/jveinrichtungen/images/menubackground.png) repeat-x scroll 0%;
min-height:20px;
float:left;
width:100%;
position:relative;
letter-spacing:1.1px;
line-height:normal;
text-align:center;
padding: 2px 0px;
margin:0px;
}
div.figure a {
color:#ffffff;
}
div.figure img{
margin-top:15px;


}


#box{
height:150px;
float:left;
width:150px;
display:block;
margin:0 20px 50px 20px;
}



#boxtop {
display:block;
float:left;
background:transparent url(/jveinrichtungen/images/top_center.png) repeat-x;
height:12px;
width:100%;
position:relative;
text-transform: uppercase;
}
#boxtopleft {
background:transparent url(/jveinrichtungen/images/top_left.png) no-repeat scroll 0pt 100%;

float:left;
height:12px;
margin:0px;
padding:0px;
width:17px;
}

#boxtopcenter {
background:transparent url(/jveinrichtungen/images/top_center.png) repeat-x;
display:inline;
float:left;
margin:0px -9px;
color: #efefef; 
line-height: 1em;   
letter-spacing: 0.4px;
font-weight:bold;
font-size:10px;
  padding:17px 0 0 0;
  						
}




#boxtopright {
background:transparent url(/jveinrichtungen/images/top_right.png) no-repeat scroll 0pt 100%;
display:inline;
float:right;
height:12px;
margin:0px;
padding:0px;
width:17px;
}
#boxcenter{
border-bottom:0px solid;
border-top:0px solid;
background-color:#000000;
float:left;
display:inline;
}

#boxcenterleft{
background:transparent url(/jveinrichtungen/images/box_left.png) repeat-y;
height:149px;
float:left;
width:17px;
position:relative;
}
#boxcenterright{
background:transparent url(/jveinrichtungen/images/box_right.png) repeat-y;
height:149px;
float:right;
width:17px;
position:relative;

}
#box_desc{
padding: 0px; 
width: 120px; 
text-align: center; 
position: relative; 
z-index: 30;
}

#boxtextcenter{
float:left;
width:75%;
margin 6px 0 0 0;
}

#boxbottom{
display:block;
float:left;
background:transparent url(/jveinrichtungen/images/bottom_center.png) repeat-x;
height:37px;
width:100%;
position:relative;
}
#boxbottomleft {
background:transparent url(/jveinrichtungen/images/bottom_left.png) no-repeat scroll 0pt 100%;
float:left;
height:37px;
margin:0px;
padding:0px;
width:17px;
}
#boxbottomright {
background:transparent url(/jveinrichtungen/images/bottom_right.png) no-repeat scroll 0pt 100%;
display:inline;
float:right;
height:37px;
margin:0px;
padding:0px;
width:17px;
}
#boxbottomcenter {
background:transparent url(/jveinrichtungen/images/bottom_center.png) repeat-x;
display:inline;
float:left;
height:37px;
margin:0px;


}


