/*
*
* @autor: s.o.beckmann berlin@nikoph-design.de
* @date: 2008-06-12
*
*/
#html{
margin:0;
padding:0;
}

body {
        overflow: auto;
        scroll: auto;
        scrollbar-color: #FFFFFF;
        scrollbar-arrow-color: #cc9933;
        scrollbar-face-color: #CCCCC;
        scrollbar-track-color: #CCCCCC;
        margin: 0;
        padding: 0;
        font-family: Arial,sans serif,
        background-color: #FFFFFF;
        height: 100%;/* braucht man um den Container im IE auf die volle Höhe zu setzen */
        /*border: 1px solid  #FF0000;/* red*/


}
/*----------------Aussencontainer setzt die Seite mittig---------------------*/
/*-------------------------hauptseitenhintergrund---------------------------*/

#outer{position: absolute;
        top: 40%;/* bewirkt mit dem marginangaben, dass das Bild sich bei unterschiedlichen Browsergrößen in der Mitte positioniert*/
        margin-left:2px;
        margin-right:2px;
        width: 99%;
        height: 600px; /* FireFox braucht die Angabe für die Verlängerung des Inhalts */
        min-height: 600px; /* setzt die minimale Höhe im Firefox */
        background-color:  transparent;
        background-position:  top;
        margin-top: -250px;/* bewirkt mit der topangabe, dass das Bild sich bei unterschiedlichen Browsergrößen in der Mitte positioniert*/
       /*border:1px solid #666;  */
        z-index : 1;
}
#aussenbox {
        position: absolute;
       top: 2;
        margin-left: 2px;
         margin-right: 2px;
        width:100%;
        height: 600px; /* FireFox braucht die Angabe für die Verlängerung des Inhalts */
        min-height: 600px;/* setzt die minimale Höhe im Firefox */
        background-color: transparent;
        visibility: visible;
        z-index: 1;
     /* border:1px solid #666;*/
}

#inhalt {
        position: absolute;
        width: 966px;
        height: 800px; /* FireFox braucht die Angabe für die Verlängerung des Inhalts */
        min-height:800px; /* setzt die minimale Höhe im Firefox */
        visibility: visible;
        left: 45%;
        top: 42%;
        margin-left: -425px;/*Abstand zum linken Browswerrand*/
        margin-top: -230px;/*Abstand zum oberen Browswerrand*/
        background-color: transparent;
        z-index : 1;
      /*border:1px solid red;*/
}



/*----------------------------------------------------------ende_außenboxen------------------------------------------------*/
/*-----------------------------content top-------------------------------*/
#top{
     position:absolute;
     top:5px;
     margin-left:3px;
     margin-right:2px;
     margin-top:2px;
     height:183px;
     width:960px;
     background-image:url(pic/layout/top1.jpg);
 /*border:1px solid #666; */
     }
/*---------------------------------------content--------------------------------*/

#name{
      position:absolute;
      top:0px;
      left:0px;
      width:101px;
      height:52px;
      /*border:1px solid #666; */
      }
#mitte {
       position:absolute;
       top:0px;
       left:104px;
       width:650px;
       height:52px;
       background-color:transparent;
       /*border:1px solid #666; */
       }

#puffer{
        position:absolute;
        top: 53px;
        width:960px;
         height:98px;
        background-color: transparent;
          /*border:1px solid #FF0000;*/

         }
#navitop{
         position:absolute;
         top:0px;
         left:756px;
         right:0px;
         width:205px;
         height:52px;
         /*border:1px solid #666;*/
         }

#navi{
      position:absolute;
      bottom:0px;
      width:960px;
      height:30px;
      /*border:1px solid #FF0000; */
      }


#navi1{
      position:absolute;
      bottom:0px;
      left:0px;
      width:167px;
      height:30px;
      /*border:1px solid #666; */
      }
#navi2{
      position:absolute;
          bottom:0px;
      left:164px;
      width:167px;
      height:30px;
    /*border:1px solid #666;*/
      }
#navi3{
      position:absolute;
          bottom:0px;
      left:328px;
      width:167px;
      height:30px;
    /* border:1px solid #FF0000; */
      }
#navi4{
      position:absolute;
      bottom:0px;
      left:496px;
      width:167px;
      height:30px;
    /* border:1px solid #666;  */
      }

#tablepic{
           postion absolute;
            margin:5px;
            left:0px;
           width:420px;
           height:420px;
        background-image: url(pic/layout/kette_k.jpg);
           background-repeat:no-repeat;
       /*border:1px solid #666;*/
       display:inline;
           }

/*-------------------------------ende top-----------------------------*/



/*---------------------------------------------------------------hauptnavigation/buttonfunktion--------------------------*/



.menuitem {
     font-family: Arial, sans-serif;
    font-size: 12px;
    letter-spacing:2;
   color:# cc9933;
    text-decoration: none;
    font-weight: bold;


}

.menuactive{
    font-family: Arial, sans-serif;
    font-size: 12px;
    letter-spacing:2;
    color:# cc9933;
    text-decoration: none;
    font-weight: bold;

}

.menuitem a {
    font-family: Arial, sans-serif;
    font-size: 12px;
    letter-spacing:2;
    color: #cc9933;
    text-decoration: none;
    font-weight: bold;
    font-color:# cc9933;

}

.menuactive a{
            font-family: Arial, sans-serif;
            color:# cc9933;

  }




}

.menuitem a:hover, .menuactive a:hover {
          font-family: Arial, sans-serif;
         color: # cc9933;
          text-decoration: none;
  }



}



/*----------------------ende_hauptnavigation/buttonfunktion----------------*/
/*------------------tabellen---------------------*/

/*---------------------------------------schriften-------------------------*/



.text_weiss {
        font-size: 12px;
        font-family: Arial, sans-serif;
        text-align: left;
        font-weight: regular;
        color: #fff;
        line-height: 13pt;
        text-decoration: none;
        padding-right:15px;

}

.text_h {
         font-size: 13px;
        font-family: Arial, sans-serif;
        text-align: left;
        letter-spacing:1;
        font-weight: regular;
        color: #666;
        line-height: 13pt;
        text-decoration: none;
        padding-right:15px;
}



br{
   line-height: 14px;
}


/*-------------------------ende schriften----------------------------*/
#hgcontent1{
           position:absolute;
           margin-left:2px;
            margin-right:2px;
           top:190px;
           width:960px;
           height:400px;
           background:#F7F5F8;
           background-image:url(pic/layout/hgindex2.jpg);
           background-repeat:no-repeat;
          /* border-bottom:1px solid #FF0000; */

             }
#hgcontent{
           position:absolute;
               margin-left:5px;
            margin-right:2px;
           top:190px;
           width:960px;
           height:400px;
                  /*border-bottom:1px solid #CCCCCC; */
             }


#bild {
      position:absolute;
      top:10px;
       width:600px;
      height:348px;
      right:0px;
   /*border:1px solid #666;*/
       }

#text{
      position:absolute;
      top:10px;
      left:11px;
      width:960px;
      height:300px;

       /*border:1px solid #666;*/

}