html { height:100%; }


#directions{
width: 750px;
margin-right:50px;
}

.higrumarken {
    padding-left: 5px;
    padding-top:15px;
    background:url(../bilder/markenschuhebg_ground.jpg) repeat-y;
    }

.higrumarken img {
    border: solid 1px #515151;
    }


body {
    height:100%;
    background-color: #ffffff;
    font-size: 12px;
    font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
    color:#564b47;
    padding:0px;
    margin:0px;
    
}

/* ----------------- Head --------------------- */

#head{

    position:absolute;
    margin-left:13px;
    width:801px;;
    height:400px;
    _width:792px;
}



#headbild{
    position:absolute;
    right:0px;
    top:80px;
    }

/* -------------- Navigation ------------------ */
#kleinenavi a {
text-decoration:none;
color:#505050;}

#kleinenavi {
    font-size: 9px;
    position:absolute;
    right: 0px;
    background:url(../bilder/kleinenavibild.jpg) no-repeat bottom left;
    width:300px;
    height:35;
    top:20px;
z-index:2001;
    }

#navi{

text-align:center;
    position:absolute;
    background:url(../bilder/backgroundnavi.png) no-repeat;
    width:791px;
    height:50px;
    top:340px;
    color:#FFFFFF;
    padding-top:10px;
padding-left:10px;
    
display:block;
z-index:2000;
    }

.HauptNav {
text-align:center;
}

.NavFirstOn a:visited,
.NavFirstOff a:hover,
.NavFirstOn a:hover
{ 
color: #ffffff;
text-decoration:underline;

}

.NavFirstOff a:visited,
.NavFirstOff a,

.NavFirstOn a
{ 
color: #ffffff;
padding:10px 10px 0 10px; display:block; font-weight:normal;
text-decoration: none;
}





.NavFirstOff,
.NavFirstOn {
    
   float:left;
   display:inline;
   margin-top: -10px;
    }





/* ----------------- Ecken --------------------- */
#lioben {background:url(../bilder/lioben.jpg) no-repeat;}
#reoben{ background:url(../bilder/reoben.jpg) no-repeat right top;}
#reunten{ background:url(../bilder/reunten.jpg) no-repeat right bottom;}
#liunten{ background:url(../bilder/liunten.jpg) no-repeat left bottom;}
#borderoben{background:url(../bilder/borderoben.jpg) repeat-x;}
#borderleft{background:url(../bilder/borderleft.jpg) repeat-y left; }
#borderright{background:url(../bilder/borderright.jpg) repeat-y right;} 
#borderbottom{background:url(../bilder/borderbottom.jpg) repeat-x bottom;}

a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}




/* ----------container zentriert das layout-------------- */

#container {
    position:absolute;
    background:url(../bilder/higrumain.jpg) bottom repeat-x;
    width: 830px;
    _width: 820px;
    left: 50%;
    margin-left:-415px;;
    } 




/* -----------------Inhalt--------------------- */
#content{ 
    position: relative;
    margin: 0px; 
    padding:400px 10px 10px 25px;
    }

#content p{ 
    position: relative;
    margin: 0px; 
    padding-left:8px;

    }
#content table {
font-size:11px;
}

#content a { 
color:#3E4C8F;
}

#boxengesamt {
position:relative; 
height:150px;
display:block;
margin-bottom: 55px;
margin-top: 25px;

overflow:visible;

}

#boxhead {
    background:url(../bilder/boxhead.gif) no-repeat;    
    color:#fff;
    height:39px;
    padding-left:5px;
    padding-top:5px;
    margin-top: -20px;
    _margin-top: -0px;
    display:block;
    }




#boxbody1 {background:url(../bilder/box_1higru.gif);}
#boxbody2 {background:url(../bilder/box_2higru.gif) no-repeat bottom;}
#boxbody3 {background-image:url(../bilder/box_3higru.gif);}
#boxbody4 {background-image:url(../bilder/box_4higru.gif);}

#boxbody1 p, #boxbody2 p, #boxbody3 p, #boxbody4 p {
margin:0px;
padding:0px;
font-weight: normal;
color: black;
}

#boxbody1, #boxbody2, #boxbody3, #boxbody4 {
position:relative;
height:100%;
    background-repeat:no-repeat;
    background-position:bottom;
    font-weight:bold;
    padding-left:5px;   
    
    }

#box {
position:absolute;
background:url(../bilder/higruboxen.gif);
float:left;
display:block;

height:90%;
padding-bottom:30px;
margin-bottom: -60px;


}
    
.clear {clear:both;height:1px;overflow:hidden;}

#boxhigru {




width:188px;



}

#box1, #box2, #box3, #box4  {
display:block; 
position:relative;



    float:left;
    margin-right: 5px;
    width:188px;
    
    margin-bottom:20px;
    margin-top:15px;

        height:100%;
    
    }





/*  ----------------footer---------------------- */ 

#footer {clear: both;}