body {
background-color: #B2B7DD;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
font-style:normal;
line-height:150%;
color:#564b47;
padding:0;
margin:0;
  background-image: url(bilder/test2.jpg);
  background-repeat: repeat-x;
}

/* ----------container zentriert das layout-------------- */
#container {
width: 900px;
margin-bottom: 10px;
margin:0 auto;
}

/* ----------Div Abstand oben-------------- */
#banner {
  position: relative;
top: 1px;
width: 900px;
text-align: right;
padding: 0px;
margin: 0px;
  height: 100px;
  background-image: url(bilder/header.jpg)
}
/* ----------logo-------------- */
#logo1{
  position: relative;
  top: -30px;
  left: -100px;
}
#logo{
  position: relative;
  top: 10px;
  left: -250px;
}


/* ----------Seite Ramen-------------- */
#banner2 {
position: relative;
top: 0px;
width: 900px;
height: 270px;
}

h1 { position: relative;
top: 0px;
left: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bolder;
   color: #FFFFFF;
  white-space: nowrap;
}

 /*-------------Menue Mitte -------------*/
 #wrapper2 {position: relative; left: 5px;}
.holder {display:table;}
.menumitte {display:inline-block;}
.menumitte {display:inline;}
.menumitte {
  display:table-row;
  padding:0;
  margin:0;
  list-style-type:none;
  white-space:nowrap;
  }

.menumitte li {display:inline;  }
.menumitte  a {
  display:block;
  width: 180px;
  float:left;
  padding:0px 0px;
  text-decoration:none;
  background: url(bilder/nav/nav1.jpg) no-repeat ;
  height: 250px;
}
.menumitte a:hover {
background: url(bilder/nav/nav1hover.jpg) no-repeat ;
  }
.menumitte .zwei a {
  display:block;
  width: 180px;
  float:left;
  padding:0px 0px;
  text-decoration:none;
  background: url(bilder/nav/nav2.jpg) no-repeat ;
  height: 250px;
}
.menumitte .zwei a:hover {
background: url(bilder/nav/nav2hover.jpg) no-repeat ;
  }
.menumitte .drei a {
  display:block;
  width: 180px;
  float:left;
  padding:0px 0px;
  text-decoration:none;
  background: url(bilder/nav/nav3.jpg) no-repeat ;
  height: 250px;
}
.menumitte .drei a:hover {
background: url(bilder/nav/nav3hover.jpg) no-repeat ;
  }
.menumitte .vier a {
  display:block;
  width: 180px;
  float:left;
  padding:0px 0px;
  text-decoration:none;
  background: url(bilder/nav/nav4.jpg) no-repeat ;
  height: 250px;
}
.menumitte .vier a:hover {
background: url(bilder/nav/nav4hover.jpg) no-repeat ;
  }
  .menumitte .fuenf a {
  display:block;
  width: 180px;
  float:left;
  padding:0px 0px;
  text-decoration:none;
  background: url(bilder/nav/nav5.jpg) no-repeat ;
  height: 250px;
}
.menumitte .fuenf a:hover {
background: url(bilder/nav/nav5hover.jpg) no-repeat ;
  }
#wrapper3 {text-align:right;}

#wrapper3 .holder {margin:0 0 0 auto;}

.menumitte .text1{
  position: relative;
top: 120px;
left: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bolder;
   color: #FFFFFF;
  text-align: center
}
.menumitte .text2{
  position: relative;
top: 120px;
left: 30px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bolder;
   color: #FFFFFF;

}

 /*-------------Menue Mitte -------------*/

#site {
position: relative;
top: 0px;
width: 900px;
margin-bottom: 0px;
margin:0 auto;

}
* html #site {
  top: 0px;
}


/* -----------------Inhalt--------------------- */



#content {

padding: 0;
margin: 0 253px;
}
div#content {
min-height:300px;
height:expression(this.scrollHeight > 300 ? "auto":"600px");
}

#content1 {
position: relative;
top: 16px;
left: 10px;
background-color: #F6F6FE;
padding: 5px;
width: 625px;
border-left: solid 1px #090834;
border-top: solid 1px #090834;
border-right: solid 1px #090834;
border-bottom: solid 1px #090834;
z-index: 10;

}
* html #content1 {
  top: -480px;
}
*+html #content1{
top: 30px;
}



h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bolder;
   color: #0B10CC;
}
h3 {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-style:normal;
line-height:100%;
color:#000000;
font-weight: bolder;
  padding: 0px;
}
h5 {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
font-style:normal;
line-height:100%;
color:#6B6B6B;
font-weight: bolder;
   padding: 0em;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
}
#pics{

  width: 250px;
  height: 150px;
}

#pics a{
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #EEEEEE;
  border-right: 1px solid #000000;
  border-top: 1px solid #EEEEEE;
  width: 250px;
  height: 150px;
}


#pics a:hover{
  text-decoration: none;
  border-bottom: 2px solid #EEEEEE;
  border-left: 2px solid #3C3C3C;
  border-right: 2px solid #EEEEEE;
  border-top: 2px solid #3C3C3C;
;
}

/* --------------links die navigavtion------------- */
#left {
float: left;
width: 250px;
margin: 0px;
padding: 0px;
}
#navipicoben{
 position: relative;
 top: 50px;
 left: 10px;

}
#menudiv { position: relative; left: 0px; top: 4px; width:250px;}
*+html #menudiv{
top: 20px;
}
#menu li {position: relative; left: -32px; top: 0px; list-style-type:none; width:250px; height:80px; margin:12px 0; clear:both;}

#menu a, #menu a:visited {display:block; width:250px; height:80px; line-height:20px; text-decoration:none; color:#000;  background-repeat:no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; background-image: url(bilder/nav/link1.jpg); }
#menu a span {padding-left:25px;}
#menu a:hover {display:block; width:250px; height:80px; cursor:pointer; text-decoration:none; color:#c00;  background-repeat:no-repeat; background-image: url(bilder/nav/link1hover.jpg); }

#menu li {position: relative; left: -32px; top: 0px; list-style-type:none; width:250px; height:80px; margin:12px 0; clear:both;}
#menu #zwei a, #menu #zwei a:visited {display:block; width:250px; height:80px; line-height:20px; text-decoration:none; color:#000;  background-repeat:no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; background-image: url(bilder/nav/link2.jpg); }
#menu #zwei a span {padding-left:25px;}
#menu #zwei a:hover {display:block; width:250px; height:80px; cursor:pointer; text-decoration:none; color:#c00;  background-repeat:no-repeat; background-image: url(bilder/nav/link2hover.jpg); }


#menu2 { position: relative; left: -5px; top: -20px; width:250px; white-space: nowrap;}
#menu2 li {list-style-type:none; width:200px; height:15px; margin:5px 0; clear:both;}

#menu2 a, #menu2 a:visited {display:block; width:100%; height:10px; line-height:10px; text-decoration:none; color:#000;  background-repeat:no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold }
#menu2 a span {padding-left:5px;}
#menu2 a:hover {display:block; width:100%; height:20px; cursor:pointer; text-decoration:none; color:#c00;  background-repeat:no-repeat;}

#navipicunten{
 position: relative;
 top: 65px;
 left: 10px;

}



/* --------------rechts die navigavtion------------- */

#right {
	float: right;
	width: 195px;
	margin: 0;
	padding: 0;
}

 #leistungenoben{
 position: relative;
 top: 0px;
 left: 10px;
 }

#right li {position: relative;  top: 20px; list-style-type:square; width:11em;   list-style-position: outside; padding-bottom: 20px; }

#leistungenunten{
 position: relative;
 top: 10px;
 left: 10px;

}


/* -----------footer--------------------------- */
#footer0 {
position: relative;
top: 0px;
margin: 0px;
padding: 0px;
  height: 100px;
  width: 900px;

}
* html #footer0 {
  height: 0px;
  top: -81px;
}
#footer {
position: relative;
top: 0px;
clear: both;
margin: 0px;
padding: 0px;
text-align: right;
    height: 12px;
  width: 900px;
}
* html #footer {
  top: -81px;
}

#impressum{
 position: relative;
 right: 10px;
  bottom: 15px;
  text-decoration: none;
  color: #4D4D4D;

}
* html #impressum {
  bottom: 300px;
}

#menufam {height:210px; width:250px; position:relative; left: 5px; z-index: 999; background-color:#D6D8ED;}

#menufam ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; background:#D6D8ED;}

#menufam li {margin:0; padding:0; list-style:none;}
#menufam li {display:inline;}
#menufam ul ul {position:absolute; left:-9999px;}
#menufam ul#toplevel {position:absolute; left:0; top:0;}

#menufam a {display:block; font:bold 11px verdana,arial,sans-serif; color:#000; line-height:22px; text-decoration:none;padding:0 20px 0 10px;}
#menufam li a.fly {background: url(bilder/nav//arrow.gif) no-repeat right top;}

#menufam li a:hover {background-color:#4461B0; color:#fff;}
#menufam li:hover > a {background-color:#4461B0; color:#fff;}

#menufam ul li:hover > ul {left:100%; margin-top:-40px; margin-left:-1px;}

#menufam a:hover ul,
#menufam a:hover a:hover ul,
#menufam a:hover a:hover a:hover ul {left:100%;}
#menufam a:hover ul ul,
#menufam a:hover a:hover ul ul {left:-9999px;}

#menufam table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}

.videotext {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
font-style:normal;
line-height:150%;
color:#564b47;
}
.videolink {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #000099;
}
#videobox
{
  position:absolute;
  top:90px;
  right:0px;
  border-top: 1px solid #000066;
  border-left: 1px solid #000066;
  border-bottom: 1px solid #000066;
  width:320px;
  height:320px;
  background-color:#000099;
  z-index:999;
}



#navoben{
  position: relative;
  top: 75px;
  left: 215px;
  width: 750px;


  height: 50px;
}
* html #navoben {
  left: 65px;
}
*+html #navoben{
left: 35px
}

#navoben ul {margin:0 auto; padding:0; list-style:none; display:table; white-space:nowrap; list-style:none; height:20px; position:relative; background:#fff; font-size:13px;}
#navoben li {display:table-cell; margin:0; padding:0;  }
#navoben li a {display:block; float:left; height:35px; line-height:25px; color:#F4F4F4; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 13px; cursor:pointer; background:url(bilder/nav/pro_six_0a.gif) no-repeat; }
#navoben li a b {float:left; display:block; padding:3px 20px 5px 15px; background:url(bilder/nav/pro_six_0b.gif) no-repeat right top;}
#navoben li.current a {color:#fff; background:url(bilder/nav/pro_six_2a.gif) no-repeat;}
#navoben li.current a b {background:url(bilder/nav/pro_six_2b.gif) no-repeat right top;}
#navoben li a:hover {color:#fff; background: url(bilder/nav/pro_six_1a.gif) no-repeat;}
#navoben li a:hover b {background:url(bilder/nav/pro_six_1b.gif) no-repeat right top;}
#navoben li.current a:hover {color:#fff; background: url(bilder/nav/pro_six_2a.gif) no-repeat; cursor:default;}
#navoben li.current a:hover b {background:url(bilder/nav/pro_six_2b.gif) no-repeat right top;}



<!--[if IE]>

#navoben ul {display:inline-block;}
#navoben ul {display:inline;}
#navoben ul li {float:left;}
#navoben {text-align:center;}

<![endif]-->