body, html {
    padding:0px;
    margin:0px;
    height:100%;
    width:100%;
    font-family: arial, verdana, tahoma;
    font-size: 12px;
    }

body {background: url(../images/mainhigru.jpg) repeat-x #ecf0f3}

#directions {width:490px;}

#main { 
    position:absolute;
    width:824px;    
    left:50%;
    margin-left:-412px;}
    
#head {height:123px; border-bottom: 1px solid #dbdbdb}
    
#headbild {height:242px; padding-top:5px; }

#logo {
    position: relative;
    width: 121px;
    top:8px;
    float:left;
    }

img {border:0;}


/*---- Footer ----*/


#adresse {
    float:left;
    background: url(../images/aufzaehlung.gif) no-repeat 0px 3px;
    margin-left:0px;
    padding-left:10px;
    }

#Hilfsnavi{
position:relative;
top:0px;
    float:right;
    padding-right:25px; height:25px;}

#Hilfsnavi a { 
    padding-left:20px;
   
    text-decoration: none;
    margin-left:15px;
margin-top:0px;
padding-top:0px;
    } 
#Hilfsnavi a:visited { 

padding-top:-10px;
margin-top:0px;

}

#Hilfsnavi a:hover { 
   
    text-decoration: none;
    
    background: url(../images/aufzaehlung.gif) no-repeat 9px 9px;

    } 



#aplido {float:right; padding-left:25px;
margin-top:2px;}
#aplido a {text-decoration: none;
font-size:9px;}

#adresse {
    float:left;
    margin-left:21px;}

#adresse p{
    margin: 0px;
    padding: 0px;}

#footer a,
#footer { 
    color:#505050; 
    padding-top:5px; 
    margin-bottom: 40px;
    }


/*------------- Content------------*/
#content {
    background: no-repeat left #fff;
    background-position: 0px 40px;
    padding:  5px 0 10px 300px;
    margin-top: 5px;
    }

#headline {
    border-bottom: 1px solid #dbdbdb;
    margin-left:-15px;
    padding-left:15px;
    }

h3 {font-weight: normal;}


#content #text {
    color:#505050; 
    line-height: 20px;
padding-right:15px;
    }


#content #headline {
    font-family: verdana, arial, serif;
    font-size:15px;
    font-weight:normal;
    color:#283a92;
    }

#content #text a {
    text-decoration:none;
    color:#283A92; ;
    }

#content #text p a{
    text-decoration:none;
    background: url(../images/icon_ext.gif) no-repeat right;
    padding-right:14px;
    color:#283A92; line-height: 20px;
    }


#content #text ul li a{
    text-decoration:none;
    background: url(../images/icon_ext.gif) no-repeat right;
    padding-right:14px;
    color:#283A92; line-height: 20px;
    }


#content ul {
    list-style-type: none;
    padding-left: 5px;
    margin: 0;
    }

#content li {
    background-image: url(../images/liststyle.gif);
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding-left: 15px;
    }

#content #SpryContactForm li {
    background-image: url();
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding-left: 15px;
    }
/*----------- Navigation ----------*/

#navi { 
    _width:660px;
    background: url(../images/navi_liu_ecke.jpg ) no-repeat bottom left;
    background-color: #eff0f1;
    position:relative;
    float:right;
    top:50px;
    height: 35px;}

#navi2 { 
    width:auto;
    background: url(../images/navi_reo_ecke.jpg ) no-repeat top right;
    padding-top:10px;
    }



/*-- Positionieren der Layer --*/

.NavFirstOff a,
.NavFirstOn a { 
    padding:10px 10px 0 10px; 
    display:block; 
    font-weight:normal;
    }



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


.NavFirstOpen {
    float:left;
    display:block;
    background-color:#fff;
    height:35px;
    padding:10px 10px 0 10px; 
    margin-top:-10px; 
    }


.NavFirstOpen a:hover {
    float:left;                   
    display:block;
    background-color:#fff;            
    height:35px;                   
    padding:10px 0px 0 10px;     
    margin-top:-10px;        
    margin-left: -10px;      
    background: url(../images/aufzaehlung.gif) no-repeat; /*moz neu*/
    background-position: 0px 13px; /*moz neu*/
    }

.NavFirstOn {
    background-color: #fff;
    height:35px;
    }

.NavFirstOn a:hover,
.NavFirstOff a:hover  {
    display:inline;
    position:relative;
    background: url(../images/aufzaehlung.gif) no-repeat;
    background-position: 0px 13px;
    height:15px;
    margin-top;10px;
    width:auto;
    top:10px;
    }


/*---------- zweite Ebene --------*/

.NavSecondIn  {
    padding: 0px;
    margin-right: 0px;
    width: 100%;
    display:block;  
    position: absolute;
     top:35px;
    min-height:0px;
    height:auto;
    left:0px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#fff;
    }

.NavSecondOff {
    position: relative;
    display:inline;
    }

.NavSecondOn {display:inline;}

.NavSecondOff a,
.NavSecondOn a { 
    padding:0px 5px 0 10px; 
    display:inline;
    }

.NavSecondOn a:hover,
.NavSecondOff a:hover  {
    display:inline;
    background: url(../images/aufzaehlung.gif) no-repeat;
    background-position: 0;
    height:15px;
   }


.NavSecondIn div.NavThirdIn {
    visibility: hidden;
    position: absolute;
    left: -1000px;
    }


/*-- Schriften --*/

.NavFirstOn a,
.NavFirstIn a {
    font-size:13px;
    font-weight:normal;
    text-decoration: none;
    color: #2a3fa1;
    }

.NavSecondOn a,
.NavSecondOff a {
   font-weight:normal;
   color: #747474;
    }