html {
height:96%;
font-family:Arial;
padding-top:20px;
overflow-y: scroll;
        }


head {height:100%}
body {
margin:0px;
padding:0px;
background-color:#000000;
}

#gesamt{
margin-left:auto;
margin-right:auto;
width:960px;
}

#inhalt1{
color:#000000;
background-image:url(../img/bg.png);
font-size:13px;
height:435px;
width:274px;
padding-left:45px;
padding-top:20px;
margin-left:480px;
}

#inhalt2{
color:#000000;
background-image:url(../img/bg.png);
font-size:13px;
height:435px;
width:411px;
padding:20px 35px 0px 35px;
margin-left:319px;
}

#inhalt3{
color:#000000;
background-image:url(../img/bg.png);
font-size:13px;
height:435px;
width:570px;
padding:20px 35px 0px 35px;
margin-left:160px;
}

#inhalt4{
color:#000000;
background-image:url(../img/black_bg.gif);
font-size:13px;
height:435px;
width:411px;
padding:20px 35px 0px 35px;
margin-left:319px;
}

#inhalt_ausstellung{
color:#000000;
background-image:url(../img/bg.png);
font-size:13px;
height:55px;
width:25px;
padding:10px 20px 0px 25px;
margin-left:0px;
position: relative;
top: 390px;
}

#font {
color:#FFFFFF;
text-align:center;
}

#links {
color:#FFFFFF;
text-align:right;
font-size:10px;
}

#breite{
width:160px;
border:1px #afafaf solid;
}
#breite2{
width:155px;
height:80px;
}

a:link, a:visited, a:active,  a:focus {
        color:#FFF;
        text-decoration: none;

        }

a#imgnavigation:hover{
background-image:url(../img/1a.jpg);
height:15px;
width:15px;
color:#000;

        }



#menu_hover:hover{
color:#999999;
	}


#navi_hover {
height:24px;
width:148px;
overflow:hidden;
position:absolute;
background-color:black;
padding-left:5px;
padding-right:5px;
background-repeat:no-repeat;
text-align:center;
font-size:20px;
font-family:calibri, Arial;
font-weight:lighter;
  }

#navi_hover:hover {
height:190px;
overflow:visible;
position:absolute;
padding-left:5px;
padding-right:5px;
font-size:22px;
}


#marken_hover {
height:24px;
width:148px;
overflow:hidden;
position:absolute;
background-color:black;
padding-left:5px;
padding-right:5px;
background-repeat:no-repeat;
text-align:center;
font-size:20px;
font-family:calibri, Arial;
font-weight:lighter;
  }

#marken_hover:hover {
font-size:22px;
}




#ausstellung_hover {
height:24px;
width:149px;
overflow:hidden;
position:absolute;
background-color:black;
padding-left:5px;
padding-right:5px;
background-repeat:no-repeat;
text-align:center;
font-size:20px;
font-family:calibri, Arial;
font-weight:lighter;
  }

#ausstellung_hover:hover {
height:120px;
overflow:visible;
position:absolute;
padding-left:5px;
padding-right:5px;
font-size:22px;
}

#philosophie_hover {
height:24px;
width:148px;
overflow:hidden;
position:absolute;
background-color:black;
padding-left:5px;
padding-right:5px;
background-repeat:no-repeat;
text-align:center;
font-size:20px;
font-family:calibri, Arial;
font-weight:lighter;
  }

#philosophie_hover:hover {
height:80px;
overflow:visible;
position:absolute;
padding-left:5px;
padding-right:5px;
font-size:22px;
}

#specials_hover {
height:24px;
width:149px;
overflow:hidden;
position:absolute;
background-color:black;
padding-left:5px;
padding-right:5px;
background-repeat:no-repeat;
text-align:center;
font-size:20px;
font-family:calibri, Arial;
font-weight:lighter;
  }

#specials_hover:hover {
height:95px;
overflow:visible;
position:absolute;
padding-left:5px;
padding-right:5px;
font-size:22px;
}

#navi_hover2 {
height:55px;
width:148px;
overflow:hidden;
position:absolute;
background-color:black;
padding-left:5px;
padding-right:5px;
background-repeat:no-repeat;
text-align:center;
margin-top:-22px;
  }

#navi_hover2:hover {
height:360px;
overflow:visible;
position:absolute;
padding-left:5px;
padding-right:5px;
}

#menu{
padding-right:10px;
text-align:right;
font-size:12px;
}

#background{
border:0px #FFF solid;
width:959px;
height:455px; 
	}
	
#anfahrt {
width:435px;
height:132px;
background-image:url(../picture/anfahrt.png);
background-repeat:no-repeat;
position:absolute;
	}
	
#pfeil{
background-image:url(../picture/pfeil.png);
width:20px; 
height:40px;
	}
	
#pfeil:hover{
cursor:pointer
	}