/* CSS Document */
body{
 background-color:#FFFFFF; 
 font-family: Verdana, Helvetica, sans-serif; font-size:10pt;
}

div.clear{
 clear: left;
 height: 0;
 margin: 0; padding: 0;
}

a img{
 border:none;
}

#page{
 width: 1000px; margin:auto; border:none; 
}

#header{
 width:998px; height:160px;
 border: 1px solid #000000;
 /*background-image: url(img/layout/header.jpg); background-repeat: no-repeat;*/
}
#head_logo{
 padding-left:5px;
 width:330px; height:150px;
 float:left;
}
#head_logo a img{
  border:none;
}
#head_anim{
 padding-left:0px; 
 width:648px; padding-top:15px;
 float:left;
}

#menu{
 width:998px; height:33px;
 background-image: url(img/layout/gr-menu-hg.jpg); background-repeat: no-repeat;
 border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000;
 }


#navi{
 width:832px; height:33px;
 float:left; margin-top:8px; /*border-right:1px solid #cccccc;*/
}

#navi a{
 font-family: Verdana, Helvetica, sans-serif; font-size:9pt; padding-left:18px;
 color:#000000; text-decoration:none; font-weight:bold;
}

#navi a:hover{
 color:#EE1C25;  
}

#menu .active{
 color:#EE1C25;  
}

#conProductFinder{
 width:160px; height:33px;
 float:left; 
 
}

#pageCon{
 width:1000px; padding-top:10px; /* min-height:827px;*/
}

#conL{
 width:216px; float:left; 
}

#subMenu{
 width:214px; height:320px; border: 1px solid #000000;
 background-image: url(img/layout/gr-head-menu.jpg); background-repeat: no-repeat; background-position:top;  /*  background-image: url(img/layout/header_box_menu.jpg);  /BoxH-w-menu.jpg */
}

#box11{
 width:214px; height:150px; border: 1px solid #000000;
 margin-top:10px; 
 background-image: url(img/layout/gr-head-Ss.jpg); background-repeat: no-repeat; background-position:top;  /* header-Stammsitz-sw.jpg */
 padding-top:17px;
}
#box1{
 width:214px; height:152px; border: 1px solid #000000;
 margin-top:10px;
 background-image: url(img/layout/gr-menu-Wc.jpg); background-repeat: no-repeat; background-position:top;  /* header_box_1.jpg  gr-head-Wc.jpg */
 padding-top:17px;
}

#box2{
 width:214px; height:138px; border: 1px solid #000000;
 margin-top:10px;
 background-image: url(img/layout/gr-head-k.jpg); background-repeat: no-repeat; background-position:top;  /* header_box_2.jpg */
 padding-top:17px;
}

#box3{
 width:214px; height:113px; border: 1px solid #000000;
 margin-top:10px;
 background-image: url(img/layout/gr-head-Rs.jpg); background-repeat: no-repeat; background-position:top;  /* header_box_3.jpg */
 padding-top:17px;
}

#conR{
 width:780px; float:left; 
}

#content_aus{
 width:770px; min-height:989px; border: 1px solid #000000;
 margin-left:12px;
 background-image: url(img/layout/conHG.jpg); background-repeat: no-repeat; background-position:10px -30px;
}

#content{
 color:#000000;
  padding-left:10px; padding-right:10px; padding-bottom:10px;
}

#footer{
 width:1000px; height:98px; float:none;
 background-image: url(img/layout/footer.jpg); background-repeat: no-repeat;
}

#foo_navi{
 width:880px; height:20px; padding-top:38px;
 text-align:right;
}

#foo_navi a{
  font-family: Verdana, Helvetica, sans-serif; font-size:10pt; 
  color:#EE1C25; text-decoration:none; 
}

#copy{
 font-family: Helvetica, sans-serif; font-size:7pt; color:#999999;
}

/* css menu ProductFinder START ************************************/
ul.menuPF a.menuPFtop{
  letter-spacing:0.1em; font-style:italic;
  font-size:9pt; color:#000000; font-weight:bold;
  
}

ul.menuPF{
  margin-top:5px; float:left; line-height:17px;
  margin-left:-20px;
}



ul.menuPF, ul.menuPF ul {
    list-style-type: none;
}

ul.menuPF a {
    display: block;
    padding: 1px 10px 1px 10px;
    font-family: Helvetica, sans-serif; font-size:9pt; color:#000000; font-weight:normal; text-decoration:none;
}

ul.menuPF ul a {
    padding: 0 10px;
}

ul.menuPF ul a:hover {
    color:#EE1C25;
}

ul.menuPF li {
    padding:0;
    margin:0;
    background-image: none;
    background-color: #FFFFFF;
    color:#000000;                       /* grau */
    float:left;
    
}

ul.menuPF ul {
    margin-left:0px;
    padding: 0 0 5px 0;
    position: absolute;
    background-color: #FFFFFF;
    border:1px solid #FFF9E4;
    color:#000000;
    display:none;
    min-width:130px;
}

/* IE-Hack für die Breite */
*html ul.menuPF ul {
    width:130px;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menuPF ul.hover, ul.menuPF li.hover ul, ul.menuPF li:hover ul,ul.menuPF li:hover ul li {
   display:block;
   }

ul.menuPF ul li {
    float:none;
    background-color: transparent;
     z-index:2;
}
.menuPFbutton{
 display:inline; margin-top:5px; padding-left:2px;
 width:21px; height:21px;
}

/* css menu ProductFinder ENDE*/
#holder {width:100px; line-height:18px; height:20px; border:1px solid #f96; overflow:hidden; text-align:center; z-index:100; background:#eee;}
#holder:hover {height:130px; cursor:pointer; background:#eee;}
#holder a:visited, #holder a {display:block; width:100%; line-height:18px; color:#000; text-decoration:none;}
#holder a:hover {color:#c00;background:#ddd;}