/*
*
* @autor: s.o.beckmann berlin@nikoph-design.de
* @date: 2006-11-14
*
*/
#html{
margin:0;
padding:0;
}

body {
        overflow: auto;
        scroll: auto;
        scrollbar-color: #C3C3C3;
        scrollbar-arrow-color: #D5D5D5;
        scrollbar-face-color: #B9B9B9;
        scrollbar-track-color: #C3C3C3;
        margin: 0;
        padding: 0;
        font-family: Verdana,"Engravers MT" ;
        background-color: #E0ECBD;
        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: 50%;/* bewirkt mit dem marginangaben, dass das Bild sich bei unterschiedlichen Browsergrößen in der Mitte positioniert*/
        left: 0px;
        width: 100%;
        height: 500px; /* FireFox braucht die Angabe für die Verlängerung des Inhalts */
        min-height: 500px; /* 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 #9c3;*/
        z-index : 1;
}
#aussenbox {
        position: absolute;
        /*top: 20%;*/
        left: 0px;
        width: 100%;
        height: 500px; /* FireFox braucht die Angabe für die Verlängerung des Inhalts */
        min-height: 500px;/* setzt die minimale Höhe im Firefox */
        background-color: #E0ECBD;
        visibility: visible;
        z-index: 1;
        /*border: 1px solid  #666;*/
}
#inhalt {
        position: absolute;
        width: 900px;
        height: 500px; /* FireFox braucht die Angabe für die Verlängerung des Inhalts */
        min-height: 500px; /* setzt die minimale Höhe im Firefox */
        visibility: visible;
        left: 50%;
        top: 51%;
        margin-left: -445px;/*Abstand zum linken Browswerrand*/
        margin-top: -255px;/*Abstand zum oberen Browswerrand*/
        background-color: transparent;
        z-index : 1;
       /* border: 1px solid  #33F; /* blauer Rand*/
}

#index_hg {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 900px;
        height: 500px; /* FireFox braucht die Angabe für die Verlängerung des Inhalts */
        min-height: 500px; /* setzt die minimale Höhe im Firefox */
        visibility: visible;
        background-image: url(../pic/hg_index.jpg);
        background-repeat: no-repeat;
        background-position: top;
        background-color: transparent;
        z-index: 1;
        /*border: 1px solid  #33F; /* blauer Rand*/
}
#hg_galerie {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 900px;
        height: 500px; /* FireFox braucht die Angabe für die Verlängerung des Inhalts */
        min-height: 500px; /* setzt die minimale Höhe im Firefox */
        visibility: visible;
        background-image: url(../pic/hg_galerie.jpg);
        background-repeat: no-repeat;
        background-position: top;
        background-color: transparent;
        z-index: 1;
        /*border: 1px solid  #33F; /* blauer Rand*/
}


#kopflinks {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 350px;
        height: 15px;
        margin: 0;
        padding: 0;
        background-color: #9c6;
        border: 1 solid #9c3;
}



#fusszeile {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 899px;
        height: 20px;
        margin: 0;
        padding: 0;
        background-color:  transparent;
        /* border: 1px solid #9c3;*/
}


#indextext {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 700px;
        height: 455px;
        margin: 0;
        padding: 0;
        background-color: transparent;
        /*border: 1px solid #369;*/
}

#indexh1 {
        position: absolute;
        top:2px;
        left: 0px;
        width: 700px;
        height: 35px;
        margin: 0;
        padding: 0;
        /*border: 1px solid #FF5599;*/
}

#indexh2 {
        position: absolute;
        top: 9%;
        left: 0px;
        width: 700px;
        height: 17px;
        margin: 0;
        padding: 0;
       /*border: 1px solid #FF4499;*/
}

#indexh3 {
        position: absolute;
        top: 390px;
        left: 0px;
        width: 700px;
        height: 20px;
        margin: 0;
        padding: 0;
      /* border: 1px solid #FF4499;*/
}

#indexh4 {
        position: absolute;
        top: 420px;
        left: 0px;
        width: 700px;
        height: 20px;
        margin: 0;
        padding: 0;
        /* border: 1px solid #FF4499;*/
}



#index1 {
        position: absolute;
        top: 330px;
        left: 0px;
        width: 700px;
        height: 15px;
        margin: 0;
        padding: 0;
        text-align: center;
        /*border: 1px solid #FF0099;*/
}


#index2 {
        position: absolute;
        top: 350px;
        left: 0px;
        width: 700px;
        height: 20px;
        margin: 0;
        padding: 0;
        text-align: center;
        /*border: 1px solid #FF4499;*/
}
/*----------------------------------------------------------------------navikästen------------------------------------------------*/
#kontakt {
        position: absolute;
        top: 1px;
        right: 2px;
        width: 250px;
        height: 15px;
        margin: 0px;
        text-align: right;
        background-color: transparent;
       /*border: 1px solid #666;*/
}
#navigationhg {
        position: absolute;
        bottom: 20px;
        left: 0px;
        width: 899px;
        height: 16px;
        margin: 0px;
        text-align: center;
        background-image: url(../pic/navigationhg.jpg);
        background-repeat: no-repeat;
        /*border: 1px solid #666;*/

}


#home_navi_hg {
        position: absolute;
        bottom: 20px;
        left: 0px;
        width: 899px;
        height: 16px;
        margin: 0px;
        text-align: center;
        background-image: url(../pic/navi_homehg.jpg);
        background-repeat: no-repeat;
        /*border: 1px solid #666;*/

}


#mass_navi_hg {
        position: absolute;
        bottom: 20px;
        left: 0px;
        width: 899px;
        height: 16px;
        margin: 0px;
        text-align: center;
        background: url(../pic/navi_masshg.jpg);
        background-repeat: no-repeat;
        /*border: 0;*/

}
#herst_navi_hg{
        position: absolute;
        bottom: 20px;
        left: 0px;
        width: 899px;
        height: 16px;
        margin: 0px;
        text-align: center;
        background: url(../pic/navi_herst_hg.jpg);
        background-repeat: no-repeat;

}
#material_navi_hg{
        position: absolute;
        bottom: 20px;
        left: 0px;
        width: 899px;
        height: 16px;
        margin: 0px;
        text-align: center;
        background: url(../pic/navi_materialhg.jpg);
        background-repeat: no-repeat;
        /*border: 0;*/
}
#galerie_navi_hg {
        position: absolute;
        bottom: 20px;
        left: 0px;
        width: 899px;
        height: 16px;
        margin: 0px;
        text-align: center;
        background-image: url(../pic/navi_galeriehg.jpg);
        background-repeat: no-repeat;
        /*border: 1px solid #666;*/

}
#atelier_navi_hg {
        position: absolute;
        bottom: 20px;
        left: 0px;
        width: 899px;
        height: 16px;
        margin: 0px;
        text-align: center;
        background-image: url(../pic/navi_atelierhg.jpg);
        background-repeat: no-repeat;
        /*border: 1px solid #666;*/

}

#unternavi_links{
        position: absolute;
        top: 295px;
        left: 9px;
        width: 145px;
        height: 124px;
        margin: 0;
        padding: 0;
  /* border: 1px solid #666;*/
}


#unavi1 {
        position: absolute;
        bottom: 100px;
        left: 0px;
        width: 98px;
        height: 15px;
        text-align: right;
        background: transparent;
        display: block;
        border-bottom: 1px solid #006633;
}
#unavi1_a {
        position: absolute;
        bottom:75px;
        left: 0px;
        width: 98px;
        height: 15px;
        text-align: right;
        background: transparent;
        display: block;
        border-bottom: 1px solid #006633;
}

#unavi2 {
        position: absolute;
        bottom: 50px;
        left: 0px;
        width: 98px;
        height: 15px;
        text-align: right;
        background: transparent;
       display: block;
        border-bottom: 1px solid #006633;
}
#unavi3 {
        position: absolute;
        bottom: 25px;
        left: 0px;
        width: 98px;
        height: 15px;
        text-align: right;
              background: transparent;
        display: block;
        border-bottom: 1px solid #006633;
}

#unavi4 {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 98px;
        height: 15px;
        text-align: right;
        background: transparent;
        display: block;
        border-bottom: 1px solid #006633;
}

#galerie_1{
        position: absolute;
        bottom: 1px;
        left: 0px;
        width: 98px;
        height: 15px;
        text-align: right;
        background: transparent;
       border-bottom: 1px solid #006633;
}

#home {
        position: absolute;
        bottom: 0px;
        left: 9px;
        width: 146px;
        height: 15px;
        text-align: center;
        letter-spacing: 1;
        background: transparent;
        /*border: 1px solid #666;*/
}
#mass {
        position: absolute;
        bottom: 0px;
        left: 157px;
        width: 146px;
        height: 15px;
        text-align: center;
        letter-spacing: 1;
        background: transparent;
         /*border: 1px solid #666;*/
}

#herstellung {
        position: absolute;
        bottom: 0px;
        left: 303px;
        width: 146px;
        height: 15px;
        text-align: center;
        letter-spacing: 1;
        background: transparent;
       /*border: 1px solid #666;*/
}
#material {
        position: absolute;
        bottom: 0px;
        left: 451px;
        width: 146px;
        height: 15px;
        text-align: center;
        letter-spacing: 1;
        background: transparent;
        /*border: 1px solid #666;*/
}
#galerie {
        position: absolute;
        bottom: 0px;
        left: 598px;
        width: 146px;
        height: 15px;
        text-align: center;
        letter-spacing: 1;
        background: transparent;
        /*border: 1px solid #666;*/
}
#atelier {
        position: absolute;
        bottom: 0px;
        left: 745px;
        width: 146px;
        height: 15px;
        text-align: center;
        background: transparent;
        letter-spacing: 1;
         /*border: 1px solid #666;*/
}




/*----------------------------------------------------------ende_navikästen------------------------------------------------*/
/*---------------------------------------------------------------hauptnavigation/buttonfunktion--------------------------*/



.main {
    font-family: Verdana,sans-serif;
        font-size: 80%;
        color: #FFF;
    text-decoration: none;
        font-weight: bold;

}

.mainactive {
    font-family: Verdana, sans-serif;
        font-size: 81%;
        color: #666;
    text-decoration: none;
        font-weight: bold;
}

.main a{
    font-family: Verdana, sans-serif;
        font-size: 81%;
        color: #FFFFFF;
    text-decoration: none;
        font-weight: bold;
}

.mainactive a {
    font-family: Verdana, sans-serif;
        font-size: 81%;
        font-weight: bold;
        text-decoration: none;
        color: #666;

}

.main a:hover {
    font-family: Verdana, sans-serif;
        font-size: 81%;
        color: #CCC;
    text-decoration: none;
        font-weight: bold;
}

.mainactive a:hover {
    font-family: Verdana, sans-serif;
        font-size: 81%;
        color: #666;
    text-decoration: none;
        font-weight: bold;
}
/*------------------------------unternavigation---------------------------*/
.menuitem {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    color: #006633;
    text-decoration: none;
    font-weight: bold;
    border:0;

}

.menuactive{
    font-family: Verdana, sans-serif;
    font-size: 10px;
    color: #999;
    text-decoration: none;
    font-weight: bold;

}

.menuitem a {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    color: #006633;
    text-decoration: none;
    font-weight: bold;

}

.menuactive a{
    font-family: Verdana, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #97BD54;


}

.menuitem a:hover, .menuactive a:hover {
   font-family: Verdana, sans-serif;
   font-size: 10px;
    color: #999;
    background-color: #F3F9DA;
    text-decoration: none;
    font-weight: bold;

}



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

/*--------------------zahlennavigation/buttonfunktion---------------------*/
.z_menuitem {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    color: #006633;
    text-align: center;
    text-decoration: none;
    font-weight: bold;

}

.z_menuactive{
    font-family: Verdana, sans-serif;
    font-size: 10px;
    color: #97BD54;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}

.z_menuitem a{
    font-family: Verdana, sans-serif;
    font-size: 10px;
    color: #006633;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}

.z_menuactive a{
    font-family: Verdana, sans-serif;
    font-size:  10px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #97BD54;

}

.z_menuitem a:hover, .menuactive a:hover {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    color: #999;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}

/*--------------------------------ende_zahlennavigation/buttonfunktion-------*/

/*-------------------------------textlink---------------------------*/
.textlink {
    font-family: Verdana, "Engravers MT", sans-serif;
    font-size: 8pt;
    color: #8EAF54;
    text-decoration: none;
    font-weight: bold;
    line-height: 110%;
    border: 0px;
    background-color:transparent;

}

.textlinkactive{
    font-family: Verdana, "Engravers MT", sans-serif;
    font-size: 8pt;
    color: #8EAF54;
    text-decoration: none;
    font-weight: bold;
     line-height: 110%;
     border: 0px;
}

.textlink a {
    font-family: Verdana, "Engravers MT", sans-serif;
    font-size: 8pt;
   color: #8EAF54;
    text-decoration: none;
    font-weight: bold;
     line-height: 110%;
     border: 0px;
}

.textlinkactive a{
    font-family: Verdana, "Engravers MT", sans-serif;
    font-size:  8pt;
    font-weight: bold;
    text-decoration: none;
    color: #8EAF54;
     line-height: 110%;
     border: 0px;

}

.textlinkactive a, .textlink a:hover {
   font-family: Verdana, "Engravers MT", sans-serif;
   font-size: 8pt;
    color: #999;

    text-decoration: none;
    font-weight: bold;
     line-height: 110%;
     border: 0px;
}


/*-------------------------ende textlink----------------------------------*/
/*---------------------------------------schriften-------------------------*/
.h1 {
        padding-top: 1;
        font-variant: small-caps;
        font-family: Verdana, "Engravers MT",sans-serif;
        font-weight: bold;
        font-size: 108%;
        color: #006633;
        text-align: center;
        text-transform: capitalize;
        text-decoration: underline;
        letter-spacing: 1;
       /*line-height: 100%;*/
}
.h2 {
        text-align: center;
        font-family: Verdana, "Engravers MT", sans-serif;
        font-variant: small-caps;
        font-size: 99%;
        font-weight: regular;
        color: #006633;
        letter-spacing: 1;
}

.h4 {
        text-align: center;
        font-family: Verdana, "Engravers MT",sans-serif;
        font-variant: small-caps;
        font-size: 11px;
        font-weight: bold;
        color: #006633;
        line-height: 16px;
        padding-bottom: 5;
        padding-top: 5;
        letter-spacing: 0;
}

.h3 {
        padding-top: 0;
        padding-bottom: 0;
        text-align: center;
        font-family: Verdana, "Engravers MT",sans-serif;
        font-variant: small-caps;
        font-size: 16px;
        font-weight: bold;
        color: #006633;
        letter-spacing: 0;

}




.logo1 {
        top: 2%;
        text-align: right;
        font-family: Verdana,"Engravers MT", sans serif;
        font-size: 0.55em;
        font-weight: regular;
        color: #006633;
       letter-spacing: -1;
}
.logo2 {

        top: 2%;
        text-align: right;
        position: absolute;
        font-family: Verdana,"Engravers MT",sans-serif;
        font-variant: small-caps;
        font-weight: bold;
        font-size: 80%;
        color: #006633;
        letter-spacing: 1;

}
.text {
        font-size: 12px;
        font-family: Verdana, "Engravers MT", sans-serif;
        font-variant: small-caps;
        text-align: justify;
        font-weight: bold;
        color: #006633;
        line-height: 13pt;
        text-decoration: none;
        padding-right:15px;

}

.text_h {
        font-size: 14px;
        font-family: Verdana, "Engravers MT", sans-serif;
        font-variant: small-caps;
        text-align: justify;
        font-weight: bold;
        color: #006633;
        text-decoration: none;
        letter-spacing: 1;
        margin: 0;
        padding: 0;
       line-height: 15pt;
}

.text_h1 {
        font-size: 13px;
        font-family: Verdana, "Engravers MT", sans-serif;
        font-variant: small-caps;
        text-align: left;
        font-weight: bold;
        color: #006633;
        line-height: 15pt;
        letter-spacing: 1;
         text-decoration: none;

}
.text1 {
        font-size: 12pt;
        font-family: Verdana, "Engravers MT", sans-serif;
        font-variant: small-caps;
        text-align: justify;
        font-weight: bold;
        color: #006633;
        line-height: 13pt;
        text-decoration: none;

}
.text2 {
        font-size: 11px;
        font-family: Verdana, "Engravers MT", sans-serif;
        font-variant: small-caps;
        text-align: justify;
        font-weight: bold;
        color: #006633;
        line-height: 12pt;
        text-decoration: none;

}
.text5 {

        text-align: left;
        font-family: Verdana, "Engravers MT",sans-serif;
        font-variant: small-caps;
        font-size: 11px;
        font-weight: bold;
        color: #006633;
        line-height: 13px;
        letter-spacing: 1;

}

.text_impress{
             text-align: left;
        font-family: Verdana, "Engravers MT",sans-serif;
        font-variant: small-caps;
        font-size: 11px;
        font-weight: bold;
        color: #006633;
        line-height: 12px;
        letter-spacing: 1;
}

br{
   line-height: 13px;
}
.absatz25{
margin-top: 25px;

}

/*-------------------------ende schriften----------------------------*/
/*-----------Listen------------*/


/*-----------Ende Listen------------*/
/*----------------------seiten inhalt---------------------------*/
#hg_material {
        position: absolute;
        top: 0px;
        width: 900px;
        height: 500px; /* FireFox braucht die Angabe für die Verlängerung des Inhalts */
        visibility: visible;
        background-image: url(../pic/hg_material.jpg);
        background-repeat: no-repeat;
        background-position: top;
        background-color: transparent;
        z-index : 1;
        /*border: 1px solid  #33F; /* blauer Rand*/
}


#hg_mass {
        position: absolute;
        top: 0px;
        width: 900px;
        height: 500px; /* FireFox braucht die Angabe für die Verlängerung des Inhalts */
        visibility: visible;
        min-height: 500px; /* setzt die minimale Höhe im Firefox */
        background-image: url(../pic/hg_mass.jpg);
        background-repeat: no-repeat;
        background-position: top;
        background-color: transparent;
        z-index: 1;
       /*border: 1px solid  #33F; /* blauer Rand*/
}

#hg_ablauf {
        position: absolute;
        width: 900px;
        height: 500px; /* FireFox braucht die Angabe für die Verlängerung des Inhalts */
        visibility: visible;
        background-image: url(../pic/hg_ablauf.jpg);
        background-repeat: no-repeat;
        background-position: top;
        background-color: transparent;
        z-index: 1;
        /*border-bottom: 1px solid  #006633;*/
}

#hg_verarbeitung {
        position: absolute;
        width: 900px;
        height: 500px; /* FireFox braucht die Angabe für die Verlängerung des Inhalts */
        visibility: visible;
        background-image: url(../pic/hg_verarbeitung.jpg);
        background-repeat: no-repeat;
        background-position: top;
        background-color: transparent;
        z-index: 1;
        /* border: 1px solid  #33F; /* blauer Rand*/
}

#hg_atelier {
        position: absolute;
        width: 900px;
        height: 500px; /* FireFox braucht die Angabe für die Verlängerung des Inhalts */
        visibility: visible;
        background-image: url(../pic/hg_atelier.jpg);
        background-repeat: no-repeat;
        background-position: top;
        background-color: transparent;
        z-index: 1;
        /*border: 1px solid  #33F; /* blauer Rand*/
}
#hg_kontakt {
        position: absolute;
        width: 900px;
        height: 500px; /* FireFox braucht die Angabe für die Verlängerung des Inhalts */
        visibility: visible;
        background-image: url(../pic/hg_kontakt.jpg);
        background-repeat: no-repeat;
        background-position: top;
        background-color: transparent;
        z-index: 1;
    /* border-bottom: 1px solid  #006633 ;*/
}


#logokasten {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 145px;
        height: 120px;
        margin: 0;
        padding: 0;
        background-image: url(../pic/logo_klein.gif);
        background-repeat: no-repeat;
        background-color: transparent;
        /*border: 1px solid #FF3366;*/
}


#kopfrechts2 {
        position: absolute;
        top: 2px;
        right: 5px;
        width: 732px;
        height: 20px;
        margin: 0;
        padding: 0;
        background-color: transparent;
       /*border: 1 solid #960;*/
}

#kasten_text {
        position: absolute;
        top: 75px;
        left: 185px;
        width: 500px;
        height: 370px;
        margin: 0;
        padding: 0;
        background-color: transparent;
        line-height: 12px;
        /*border: 1px solid green;*/

}
#kasten_smalltext {
        position: absolute;
        top: 25px;
        left: 0px;
        width: 250px;
        height: 180px;
        margin: 0;
        padding-left: 3px;
        padding-right:8px;
        background-color: transparent;
        line-height: 12px;
       /*border: 1px solid green;*/

}
#kasten2_text {
        position: absolute;
        top: 65px;
        left: 185px;
        width: 700px;
        height: 370px;
        margin: 0;
        padding-right: 10px;
        background-color: transparent;
        line-height: 12px;
      /* border: 1px solid green;*/


}

#kasten_bild {
        position: absolute;
        top: 25px;
        right:2px;
        left:270px;
        width: 450px;
        height: 180px;
         background-color: #F3F9DA;
      /*border: 1px solid orange;*/

}
#kasten_impress {
        position: absolute;
        top: 50px;
        left: 440px;
        width: 360px;
        height: 350px;
        margin: 5;
        padding: 5;
        background-color: transparent;
       /*border: 1px solid #006633;*/

}
#kasten_kontakt {
        position: absolute;
        bottom: 30px;
        left: 10px;
        width: 320px;
        height: 350px;
        margin: 5;
         margin: 5;
        padding: 5;
         background-color: transparent;
    /*border: 1px solid #006633;*/

}
#kasten3_text {
        position: absolute;
        top: 64px;
        left: 183px;
        width: 560px;
        height: 370px;
        margin: 0;
        padding: 0;
        background-color: transparent;
        line-height: 12px;
      /* border: 1px solid green;*/


}
#kasten1_text {
        position: absolute;
        top: 75px;
        left: 183px;
        width: 270px;
        height: 150px;
        margin: 0;
        padding: 0;
        background-color: transparent;
        line-height: 12px;
      /*border: 1px solid green;*/


}
#kasten4_text{
        position: absolute;
        top: 150px;
        left: 0px;
        width: 270px;
        height: 215px;
        margin: 0;
        padding: 0;
        background-color: transparent;
        line-height: 14px;
       /*border: 1px solid green;*/
       }

#kasten5_text{
        position: absolute;
        top: 150px;
        left: 300px;
        width: 270px;
        height: 215px;
        margin: 0;
        padding: 0;
        background-color: transparent;
        line-height: 14px;
       /*border: 1px solid green;*/

}
#kasten6_text{
         position: absolute;
      top: 40px;
        left: 160px;
        width: 720px;
        height: 210px;
        margin: 0;
        padding: 0;
        background-color: transparent;
        line-height: 14px;
   /* border: 1px solid green;*/
    }
#kasten6a_text{
         position: absolute;
      top: 0px;
        left: 0px;
        width: 350px;
        height: 200px;
        margin: 0;
        padding: 0;
        background-color: transparent;
        line-height: 14px;
    /*border: 1px solid green;*/

}
#kasten6b_text{
         position: absolute;
      top: 15px;
        right: 0px;
        width: 350px;
        height: 170px;
        margin: 0;
        padding: 0;
        background-color: transparent;
        line-height: 14px;
   /* border: 1px solid green;*/

}
#kasten_bild {
        position: absolute;
        top: 25px;
        right: 5px;
        width: 430px;
        height: 350px;
        margin: 0;
        padding-top: 20px;
        background-color: #F3F9DA;
        /*border: 1px solid orange;*/

}

#atelier_bild{
              position: absolute;
              top: 260px;
              left:160px;
              width:720px;
              height:180px;
              background-color: transparent;
              background-image:url(../pic/atelier.jpg);
              background-repeat:no repeat;
              /*border:1px solid #9c3;*/


}
/*------------------------------------------------------galerie1-------------------------------------------------*/

#ueberschrift1 {
         position: absolute;
         left: 0px;
         top: 22px;
         width: 450px;
         height: 15px;
         /*border: 1px solid pink;*/
}

#ueberschrift2 {
         position: absolute;
         left: 0px;
         top: 137px;
         width: 450px;
         height: 15px;
         /*border: 1px solid pink;*/
}
#ueberschrift3 {
         position: absolute;
         left: 0px;
         top: 252px;
         width: 450px;
         height: 15px;
         /*border: 1px solid pink;*/
}
#ueberschrift_bild {
        position: absolute;
        top: 100px;
        left: 230px;
        width: 430px;
        height: 20px;
        /*border: 1px solid #9c3;*/

}
#ueberschrift_bild2 {
        position: absolute;
        top: 52px;
        left: 450px;
        width: 200px;
        height: 20px;
        /*border: 1px solid #9c3;*/
}


#galerie1_thumb1 {
         position: absolute;
         left: 0px;
         top: 40px;
         width: 125px;
         height: 94px;
         background-image: url(../pic/galerie/galerie1/thumb1.jpg);
         background-repeat: no repeat;
         /*border: 1px solid pink;*/
}
#galerie1_thumb1_a {
         position: absolute;
         left: 0px;
         top: 40px;
         width: 125px;
         height: 94px;
         background-image: url(../pic/galerie/galerie1/thumb1_a.jpg);
         background-repeat: no repeat;
         /*border: 1px solid pink;*/
}
#galerie1_bild1_a{
         position: absolute;
         top: 40px;
         left: 20px;
         width: 260px;
         height: 210px;
         background-image: url(../pic/galerie/galerie1/pic1_a.jpg);
         background-repeat: no repeat;
        /* border: 1px solid pink;*/
}


#galerie1_thumb2{
         position: absolute;
         top: 155px;
         left: 0px;
         width: 125px;
         height: 94px;
         background-image: url(../pic/galerie/galerie1/thumb2.jpg);
         background-repeat: no repeat;
        /* border: 1px solid pink;*/
}
#galerie1_thumb_2a{
         position: absolute;
         top: 155px;
         left: 0px;
         width: 125px;
         height: 94px;
         background-image: url(../pic/galerie/galerie1/thumb2_a.jpg);
         background-repeat: no repeat;
        /* border: 1px solid pink;*/
}
#galerie1_bild2_a{
         position: absolute;
         top: 40px;
         left: 20px;
         width: 260px;
         height: 210px;
         background-image: url(../pic/galerie/galerie1/pic2_a.jpg);
         background-repeat: no repeat;
        /* border: 1px solid pink;*/
}

#galerie1_thumb3{
         position: absolute;
         top: 155px;
         left: 135px;
         width: 125px;
         height: 94px;
         background-image: url(../pic/galerie/galerie1/thumb3.jpg);
         background-repeat: no repeat;
         /*border: 1px solid pink;*/
}
#galerie1_thumb3_a{
         position: absolute;
         top: 155px;
         left: 135px;
         width: 125px;
         height: 94px;
         background-image: url(../pic/galerie/galerie1/thumb3_a.jpg);
         background-repeat: no repeat;
         /*border: 1px solid pink;*/
}
#galerie1_bild3_a{
         position: absolute;
         top: 40px;
         left: 20px;
         width: 260px;
         height: 210px;
         background-image: url(../pic/galerie/galerie1/pic3_a.jpg);
         background-repeat: no repeat;
        /* border: 1px solid pink;*/
}

#galerie1_thumb4{
         position: absolute;
         top: 155px;
         left: 270px;
         width: 125px;
         height: 94px;
         background-image: url(../pic/galerie/galerie1/thumb4.jpg);
         background-repeat: no repeat;
         /*border: 1px solid pink;*/
}


#galerie1_thumb4_a{
         position: absolute;
         top: 155px;
         left: 270px;
         width: 125px;
         height: 94px;
         background-image: url(../pic/galerie/galerie1/thumb4_a.jpg);
         background-repeat: no repeat;
         /*border: 1px solid pink;*/
}
#galerie1_bild4_a{
         position: absolute;
         top: 40px;
         left: 20px;
         width: 260px;
         height: 210px;
         background-image: url(../pic/galerie/galerie1/pic4_a.jpg);
         background-repeat: no repeat;
        /* border: 1px solid pink;*/
}

#galerie1_thumb5{
         position: absolute;
         top: 270px;
         left: 0px;
         width: 125px;
         height: 94px;
         background-image: url(../pic/galerie/galerie1/thumb5.jpg);
         background-repeat: no repeat;
         /*border: 1px solid pink;*/
}


#galerie1_thumb5_a{
         position: absolute;
         top: 270px;
         left: 0px;
         width: 125px;
         height: 94px;
         background-image: url(../pic/galerie/galerie1/thumb5_a.jpg);
         background-repeat: no repeat;
         /*border: 1px solid pink;*/
}

#galerie1_bild5_a{
         position: absolute;
         top: 40px;
         left: 20px;
         width: 260px;
         height: 210px;
         background-image: url(../pic/galerie/galerie1/pic5_a.jpg);
         background-repeat: no repeat;
        /* border: 1px solid pink;*/
}

#galerie1_thumb6{
         position: absolute;
         top: 270px;
         left: 135px;
         width: 125px;
         height: 94px;
          background-image: url(../pic/galerie/galerie1/thumb6.jpg);
         background-repeat: no repeat;
         /*border: 1px solid pink;*/
}

#galerie1_thumb6_a{
         position: absolute;
         top: 270px;
         left: 135px;
         width: 125px;
         height: 94px;
          background-image: url(../pic/galerie/galerie1/thumb6_a.jpg);
         background-repeat: no repeat;
         /*border: 1px solid pink;*/
}

#galerie1_bild6_a{
         position: absolute;
         top: 40px;
         left: 20px;
         width: 260px;
         height: 210px;
         background-image: url(../pic/galerie/galerie1/pic6_a.jpg);
         background-repeat: no repeat;
        /* border: 1px solid pink;*/
}
/*------------------------------------------------------ende galerie1-------------------------------------------------*/
/*-----------------------------------------------------Listen------------------------------------*/
ul{

padding-top: 10px;
padding-left:0px;
list-style-type: none ;


}
li{
display: block;
padding-top: 10px;

}
li a{

padding-top: 4px;

}
li ul {
display: block;
padding-left:6px;
padding-top: 5px;




}

/*-----------------------------------------------------Ende Listen------------------------------------*/
/*------------------------------------------- zaehler-----------------------------------------------------------------*/
#zaehler1{
         position: absolute;
         top: 27px;
         left: 0px;
         width: 15px;
         height: 15px;
         border: 1px solid #006633;
}
#zaehler1_aktiv{
         position: absolute;
         top: 27px;
         left: 0px;
         width: 15px;
         height: 15px;
         border: 1px solid #97BD54;
}
#zaehler2{
         position: absolute;
         top: 27px;
         left: 20px;
         width: 15px;
         height: 15px;
         border: 1px solid #006633;
}
#zaehler2_aktiv{
         position: absolute;
         top: 27px;
         left: 20px;
         width: 15px;
         height: 15px;
        border: 1px solid #97BD54;
}

#zaehler3{
         position: absolute;
         top: 27px;
         left: 40px;
         width: 15px;
         height: 15px;
        border: 1px solid #006633;
}
#zaehler3_aktiv{
         position: absolute;
         top: 27px;
         left: 40px;
         width: 15px;
         height: 15px;
         border: 1px solid #97BD54;
}
#zaehler4{
         position: absolute;
         top: 27px;
         left: 60px;
         width: 15px;
         height: 15px;
         border: 1px solid #006633;
}
#zaehler4_aktiv{
         position: absolute;
         top: 27px;
         left: 60px;
         width: 15px;
         height: 15px;
         border: 1px solid #97BD54;
}
#zaehler5_aktiv{
         position: absolute;
         top: 27px;
         left: 80px;
         width: 15px;
         height: 15px;
         border: 1px solid #97BD54;
}
#zaehler5{
         position: absolute;
         top: 27px;
         left: 80px;
         width: 15px;
         height: 15px;
         border: 1px solid #006633;
}
#zaehler6_aktiv{
         position: absolute;
         top: 27px;
         left: 100px;
         width: 15px;
         height: 15px;
         border: 1px solid #97BD54;
}
#zaehler6{
         position: absolute;
         top: 27px;
         left: 100px;
         width: 15px;
         height: 15px;
         border: 1px solid #006633;
}
#zaehler7_aktiv{
         position: absolute;
         top: 27px;
         left: 120px;
         width: 15px;
         height: 15px;
         border: 1px solid #97BD54;
}
#zaehler7{
         position: absolute;
         top: 27px;
         left: 120px;
         width: 15px;
         height: 15px;
         border: 1px solid #006633;
}
#zaehler8{
         position: absolute;
         top: 27px;
         left: 140px;
         width: 15px;
         height: 15px;
         border: 1px solid #006633;
}
#zaehler8_aktiv{
         position: absolute;
         top: 27px;
         left: 140px;
         width: 15px;
         height: 15px;
         border: 1px solid #97BD54;
}
#zaehler9{
         position: absolute;
         top: 27px;
         left: 160px;
         width: 15px;
         height: 15px;
         border: 1px solid #006633;
}
#zaehler9_aktiv{
         position: absolute;
         top: 27px;
         left: 160px;
         width: 15px;
         height: 15px;
         border: 1px solid #97BD54;
}


/*-------------------------------------------ende zaehler-------------------------------------------------------*/
/*------------------------------------------------------galerie-sakko-------------------------------------------------*/
#sakko_bild1{
         position: absolute;
         top: 52px;
         left: 0px;
         width: 180px;
         height: 300px;
         background-image: url(../pic/galerie/sakko/pic1.jpg);
         background-repeat: no repeat;
          /*border: 1px solid pink;*/
}

#sakko_bild2{
         position: absolute;
         top: 52px;
         left: 225px;
         width: 180px;
         height: 300px;
          background-image: url(../pic/galerie/sakko/pic2.jpg);
         background-repeat: no repeat;
         /*border: 1px solid pink;*/
}

#sakko_bild3{
         position: absolute;
         top: 52px;
         left: 450px;
         width: 180px;
         height: 300px;
          background-image: url(../pic/galerie/sakko/pic3.jpg);
         background-repeat: no repeat;
         /*border: 0px;*/
}

#sakko_bild4{
         position: absolute;
         top: 52px;
         left: 0px;
         width: 180px;
         height: 300px;
         background-image: url(../pic/galerie/sakko/pic4.jpg);
         background-repeat: no repeat;
         /*border: 1px solid pink;*/
}

#sakko_bild5{
            position: absolute;
            top: 172px;
            left: 225px;
            width: 300px;top: 172px;
            left: 225px;
            width: 300px;
            height: 180px;
            background-image: url(../pic/galerie/sakko/pic5.jpg);
            background-repeat: no repeat;
            /*border: 1px solid pink;*/


}
#sakko_bild5_a{
            position: absolute;
            top: 132px;
            left: 220px;
            width: 340px;
            height: 220px;
            background-image: url(../pic/galerie/sakko/pic5_a.jpg);
            background-repeat: no repeat;
            /*border: 1px solid pink;*/


}

#sakko_bild6{
            position: absolute;
            top: 52px;
            left: 0px;
            width: 180px;
            height: 300px;
            background-image: url(../pic/galerie/sakko/pic6.jpg);
            background-repeat: no repeat;
            /*border: 1px solid pink;*/


}


#sakko_bild7{
            position: absolute;
            top: 172px;
            left: 200px;
            width: 130px;
            height: 180px;
            background-image: url(../pic/galerie/sakko/pic7.jpg);
            background-repeat: no repeat;
            /*border: 1px solid pink;*/


}

#sakko_bild8 {
            position: absolute;
            top: 172px;
            left: 350px;
            width: 300px;
            height: 180px;
            background-image: url(../pic/galerie/sakko/pic8.jpg);
            background-repeat: no repeat;
            /*border: 1px solid pink;*/


}

#sakko_bild9 {
            position: absolute;
            top: 52px;
            left: 0px;
            width: 180px;
            height: 300px;
            background-image: url(../pic/galerie/sakko/pic9.jpg);
            background-repeat: no repeat;
            /*border: 1px solid pink;*/


}

#sakko_bild10{
            position: absolute;
            top: 132px;
            left: 200px;
            width: 160px;
            height: 220px;
            background-image: url(../pic/galerie/sakko/pic10.jpg);
            background-repeat: no repeat;
            /*border: 1px solid pink;*/


}

#sakko_bild11{
            position: absolute;
            top: 132px;
            left: 380px;
            width: 160px;
            height: 220px;
            background-image: url(../pic/galerie/sakko/pic11.jpg);
            background-repeat: no repeat;
            /*border: 1px solid pink;*/


}
#sakko_bild12 {
            position: absolute;
            top: 52px;
            left: 0px;
            width: 180px;
            height: 300px;
            background-image: url(../pic/galerie/sakko/pic12.jpg);
            background-repeat: no repeat;
            /*border: 1px solid pink;*/


}
#sakko_bild13 {
            position: absolute;
            top: 132px;
            left: 205px;
            width: 150px;
            height: 220px;
            background-image: url(../pic/galerie/sakko/pic13.jpg);
            background-repeat: no repeat;
            /*border: 1px solid pink;*/

}

#sakko_bild14 {
            position: absolute;
            top: 132px;
            left: 380px;
            width: 270px;
            height: 220px;
            background-image: url(../pic/galerie/sakko/pic14.jpg);
            background-repeat: no repeat;
            /*border: 1px solid pink;*/


}
#sakko_bild15 {
            position: absolute;
            top: 52px;
            left: 0px;
            width: 250px;
            height: 300px;
            background-image: url(../pic/galerie/sakko/pic15.jpg);
            background-repeat: no repeat;
            /*border: 1px solid pink;*/


}
#sakko_bild16 {
            position: absolute;
            top: 172px;
            left: 270px;
            width: 280px;
            height: 180px;
            background-image: url(../pic/galerie/sakko/pic16.jpg);
            background-repeat: no repeat;
            /*border: 1px solid pink;*/


}
#sakko_bild16_a {
            position: absolute;
            top: 52px;
            left: 270px;
            width: 180px;
            height: 300px;
            background-image: url(../pic/galerie/sakko/pic16_a.jpg);
            background-repeat: no repeat;
           /*border: 1px solid pink;*/
}
#sakko_bild17{
             position: absolute;
            top: 52px;
            left: 0px;
            width: 180px;
            height: 300px;
            background-image: url(../pic/galerie/sakko/pic17.jpg);
            background-repeat: no repeat;
            /*border: 1px solid pink;*/

}
#sakko_bild17_a {
            position: absolute;
            top: 52px;
            left: 220px;
            width: 180px;
            height: 300px;
            background-image: url(../pic/galerie/sakko/pic17_a.jpg);
            background-repeat: no repeat;
           /*border: 1px solid pink;*/
}
#sakko_bild17_b {
            position: absolute;
            top: 52px;
            left: 440px;
            width: 220px;
            height: 300px;
            background-image: url(../pic/galerie/sakko/pic17_b.jpg);
            background-repeat: no repeat;
           /*border: 1px solid pink;*/
}
#sakko_bild18{
             position: absolute;
            top: 52px;
            left: 0px;
            width: 180px;
            height: 300px;
            background-image: url(../pic/galerie/sakko/pic18.jpg);
            background-repeat: no repeat;
           /*border: 1px solid pink;*/


}
#sakko_bild18_a {
            position: absolute;
            top: 52px;
            left: 230px;
            width: 180px;
            height: 300px;
            background-image: url(../pic/galerie/sakko/pic18_a.jpg);
            background-repeat: no repeat;
           /*border: 1px solid pink;*/
}
#sakko_bild18_b {
            position: absolute;
            top: 52px;
            left: 470px;
            width: 180px;
            height: 300px;
         border: 1px solid pink;
}
#sakko_bild19{
             position: absolute;
            top: 52px;
            left: 0px;
            width: 180px;
            height: 300px;
            background-image: url(../pic/galerie/sakko/pic19.jpg);
            background-repeat: no repeat;
           /*border: 1px solid pink;*/


}
#sakko_bild19_a {
            position: absolute;
            top: 132px;
            left: 230px;
            width: 180px;
            height: 220px;
            background-image: url(../pic/galerie/sakko/pic19_a.jpg);
            background-repeat: no repeat;
           /*border: 1px solid pink;*/
}
#abend_bild1{
             position: absolute;
            top: 52px;
            left: 0px;
            width: 180px;
            height: 300px;
            background-image: url(../pic/galerie/abend/pic1.jpg);
            background-repeat: no repeat;
            /*border: 1px solid pink;*/

}
#abend_bild1_a {
            position: absolute;
            top: 52px;
            left: 230px;
            width: 180px;
            height: 300px;
            background-image: url(../pic/galerie/abend/pic1_a.jpg);
            background-repeat: no repeat;
           /*border: 1px solid pink;*/
}
#abend_bild2 {
            position: absolute;
            top: 52px;
            left: 460px;
            width: 180px;
            height: 300px;
            background-image: url(../pic/galerie/abend/pic2.jpg);
            background-repeat: no repeat;
           /*border: 1px solid pink;*/
}
#abend_bild3{
             position: absolute;
            top: 52px;
            left: 0px;
            width: 200px;
            height: 300px;
            background-image: url(../pic/galerie/abend/pic3.jpg);
            background-repeat: no repeat;
            /*border: 1px solid pink;*/

}
#abend_bild4 {
            position: absolute;
            top: 52px;
            left: 230px;
            width: 200px;
            height: 300px;
            background-image: url(../pic/galerie/abend/pic4.jpg);
            background-repeat: no repeat;
           /*border: 1px solid pink;*/
}
#abend_bild5 {
            position: absolute;
            top: 52px;
            left: 460px;
            width: 200px;
            height: 300px;
            background-image: url(../pic/galerie/abend/pic5.jpg);
            background-repeat: no repeat;
           /*border: 1px solid pink;*/
}
#abend_bild6 {
            position: absolute;
            top: 52px;
            left: 0px;
            width: 180px;
            height: 300px;
            background-image: url(../pic/galerie/smoking/pic1.jpg);
            background-repeat: no repeat;
           /*border: 1px solid pink;*/
}
#abend_bild7 {
            position: absolute;
            top: 52px;
            left: 230px;
            width: 180px;
            height: 300px;
            background-image: url(../pic/galerie/smoking/pic2.jpg);
            background-repeat: no repeat;
           /*border: 1px solid pink;*/
}
#abend_bild8 {
            position: absolute;
            top: 52px;
            left: 460px;
            width: 180px;
            height: 300px;
            background-image: url(../pic/galerie/smoking/pic3.jpg);
            background-repeat: no repeat;
           /*border: 1px solid pink;*/
}
#abend_bild9 {
            position: absolute;
            top: 52px;
            left: 0px;
            width: 180px;
            height: 300px;
            background-image: url(../pic/galerie/smoking/pic4.jpg);
            background-repeat: no repeat;
           /*border: 1px solid pink;*/
}
/*------------------------------------------------------ende galerie-sakko-------------------------------------------------*/
/*------------------------------------------------------galerie-hosen-------------------------------------------------*/

#hose_bild1{
         position: absolute;
         top: 52px;
         left: 0px;
         width: 200px;
         height: 300px;
         background-image: url(../pic/galerie/hosen/pic1.jpg);
         background-repeat: no repeat;
          /*border: 1px solid pink;*/
}

#hose_bild2{
         position: absolute;
         top: 172px;
         left: 210px;
         width: 240px;
         height: 180px;
          background-image: url(../pic/galerie/hosen/pic2.jpg);
         background-repeat: no repeat;
         /*border: 1px solid pink;*/
}

#hose_bild3{
         position: absolute;
         top: 172px;
         left: 460px;
         width: 240px;
         height: 180px;
          background-image: url(../pic/galerie/hosen/pic3.jpg);
         background-repeat: no repeat;

}
#hose_bild4{
         position: absolute;
         top: 150px;
         left: 0px;
         width: 220px;
         height: 204px;
          background-image: url(../pic/galerie/hosen/pic4.jpg);
         background-repeat: no repeat;

}
#hose_bild5{
         position: absolute;
         top: 150px;
         left: 235px;
         width: 220px;
         height: 204px;
          background-image: url(../pic/galerie/hosen/pic5.jpg);
         background-repeat: no repeat;

}
#hose_bild5_a{
         position: absolute;
         top: 150px;
         left: 470px;
         width: 220px;
         height: 204px;
          background-image: url(../pic/galerie/hosen/pic5_a.jpg);
         background-repeat: no repeat;

}
#hose_bild6{
         position: absolute;
         top: 52px;
         left: 0px;
         width: 180px;
         height: 300px;
          background-image: url(../pic/galerie/hosen/pic6.jpg);
         background-repeat: no repeat;
         /*border: 0px;*/
}
#hose_bild7{
         position: absolute;
         top: 52px;
         left: 225px;
         width: 180px;
         height: 300px;
          background-image: url(../pic/galerie/hosen/pic7.jpg);
         background-repeat: no repeat;
         /*border: 0px;*/
}
#hose_bild8{
         position: absolute;
         top: 52px;
         left: 450px;
         width: 180px;
         height: 300px;
          background-image: url(../pic/galerie/hosen/pic8.jpg);
         background-repeat: no repeat;
         /*border: 0px;*/
}
#hose_bild9{
         position: absolute;
         top: 52px;
         left: 0px;
         width: 180px;
         height: 300px;
          background-image: url(../pic/galerie/hosen/pic9.jpg);
         background-repeat: no repeat;
         /*border: 0px;*/
}
#hose_bild10{
         position: absolute;
         top: 132px;
         left: 220px;
         width: 340px;
         height: 220px;
          background-image: url(../pic/galerie/hosen/pic10.jpg);
         background-repeat: no repeat;
         /*border: 0px;*/
}
#hose_bild11{
         position: absolute;
         top: 52px;
         left: 0px;
         width: 180px;
         height: 300px;
          background-image: url(../pic/galerie/smoking/pic2.jpg);
         background-repeat: no repeat;
         /*border: 0px;*/
}
#hose_bild12{
         position: absolute;
         top: 52px;
         left: 230px;
         width: 180px;
         height: 300px;
          background-image: url(../pic/galerie/hosen/pic12.jpg);
         background-repeat: no repeat;
         /*border: 0px;*/
}
#hose_bild13{
         position: absolute;
         top: 52px;
         left: 460px;
         width: 180px;
         height: 300px;
          background-image: url(../pic/galerie/hosen/pic13.jpg);
         background-repeat: no repeat;
         /*border: 0px;*/
}
#mantel_bild1{
             position: absolute;
            top: 52px;
            left: 0px;
            width: 180px;
            height: 300px;
            background-image: url(../pic/galerie/maentel/pic1.jpg);
            background-repeat: no repeat;
            /*border: 1px solid pink;*/

}
#mantel_bild2 {
            position: absolute;
            top: 52px;
            left: 220px;
            width: 180px;
            height: 300px;
            background-image: url(../pic/galerie/maentel/pic1_a.jpg);
            background-repeat: no repeat;
           /*border: 1px solid pink;*/
}
#mantel_bild3 {
            position: absolute;
            top: 52px;
            left: 440px;
            width: 180px;
            height: 300px;
            background-image: url(../pic/galerie/maentel/pic1_b.jpg);
            background-repeat: no repeat;
           /*border: 1px solid pink;*/
}