#header{background-image:url(../img_small/banner_b+s_1.jpg);margin:auto;height:60px;width:1004px;}
#navi  {background-color:#001745; z-index:150;margin:auto;height:24px;width:1004px;}
#iframe{z-index:-100;width:861px;height:480px;margin:auto;overflow:auto;border:0px;}
#background{font-family:verdana,arial,helvetica; font-size:16px; font-weight:normal; z-index:-100;background-color:#143154; color:#FFFFFF; margin:auto;width:1004px;}
#overDiv{position:absolute; visibility:hidden; z-index:1000;}

#index{height: 565px;background-color:#143154; color:#FFFFFF; margin:auto;width:1004px;}

/*width:452px*/
#fl_left {z-index:-100; text-align: left; float:left;width:550px;overflow:auto;height:460px;padding-left: 20px;padding-top: 10px;padding-bottom: 10px;}
#fl_left_quer {z-index:-100;text-align: left; float:left;width:440px;overflow:auto;height:460px;padding-left: 20px;padding-top: 54px;}
#fl_right{z-index:-100; min-width: 230px; height:425px;padding-left:30px;padding-right:30px;padding-top:54px; text-align: center;}

#flash{width:1004px;}

#welcome{font-size:40px; font-weight: normal; margin:auto;height:60px;width:1004px;text-align: center;}
#welcome_img{vertical-align:middle; border:0; text-align: center;}
#welcomeAdr{text-align: center;}
#bbach{float:left; width:500px;padding-bottom:37px;text-align: center;}
#rich {float:right;width:500px;padding-bottom:37px;text-align: center;}
#langLinks {text-align: center;}

#left_frame{background-color:#D3D3D3;width:140px;height:465px;padding-top:15px; float:left; text-align: center;}
#container{z-index:-100;width:1004px;}
#content{height:480px; text-align: center;}
h1 {padding:0px;margin:0px; font-size:26px; font-weight: normal;}
h2 {padding:0px;margin:0px; font-size:20px; font-weight: normal;}
img{padding:1px;} /*padding auf 1*/
body{font-family:verdana,arial,helvetica; font-size:12px; font-weight:normal; margin:auto;margin-top:2px;padding:0px;}
html{margin:0px;}

#product_kat{
  float:left;
  height:400px;
}

#mitarbeiter_text{
font-size:14px;
}

a:link {color: #FFFFFF;}
a:visited {color: #FFFFFF;}
a:focus {color: #FFFFFF; outline:0;}
a:hover {color: #FFFFFF;}
a:active {color: #FFFFFF;}



.menu {margin-left: 200px; width:745px; height:20px; position:relative; z-index:100; font-family:verdana,arial,helvetica; font-size:12px; font-weight:normal; background-color:#001745;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; font-weight:bold;}
.menu ul ul {width:149px; font-weight:normal;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:20px; background-color:#001745; padding-left:10px; line-height:19px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {}
/* style the second level hover */
.menu ul ul a.drop:hover{}
.menu ul ul :hover > a.drop {}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {}
/* style the third level hover */
.menu ul ul ul a:hover {}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:20px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:20px;t\op:20px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {color:#fff; height:auto; line-height:1em; padding:5px 10px; width:128px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#001745;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#001745;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

#noLink {
  cursor: default;
}


/*MENU*/
/*
#menu{
  margin-left: 200px;
  z-index:100;
}
#menu a{
  text-decoration:none;
  z-index:100;
}
.wholeMenu {
  font-family:verdana,arial,helvetica;
  font-size:12px;
  font-weight:normal;
  float:left;
  height:20px;
  left:360px;
  z-index:100;
  width:150px;
}
.menuAll {
  height:20px;
  text-align: center;
  vertical-align: middle;
  left:0;
  top:0;
  cursor:pointer;
  padding:0;
  text-align:center;
}
#noLink {
  cursor: default;
}
.firstLevel{
  font-weight: bold;
  margin:0;
  padding:5px;
  z-index:100;
}
.secondLevel{
  height:20px;
  position: relative;
  background-color:#001745;
  text-align:left;
  display:none;
  font-size:1em;
  margin:0;
  padding:0px;
  z-index:100;
}
#menu .wholeMenu:hover .secondLevel, #menu .wholeMenu a:hover .secondLevel {display:block;z-index:100;}
#menu .wholeMenu:hover .menuAll, #menu .wholeMenu a:hover .menuAll {padding-bottom:20px;z-index:100;}
*/