body{
margin:0px;
padding:0px;
width:100%;
font-family:tahoma;
font-size:small;
background-repeat:no-repeat;
background-attachment:fixed;
background-color:#f6f6de;
}


h1{
text-align:center;
font-size:19px;
text-decoration:underline;
padding-top:30px;
}


h2{
font-size:16px;
text-decoration:underline;
font-weight:normal;
}

.oben{
background-color : #fff600;
height : 115px;
margin : auto;

}

.menuholder{
float:left;
font-size:14px;
border-top:2px solid; 
border-bottom:1px solid;
background-image:url(pic/menu.jpg);
height:32px;
width:100%;
}

.menu{
width:930px;
}

.menu1{
float:left;
font-size:14px;
padding-left:50px;
height:31px;
width:328px;
}

.menu1 a{
color:black;
width:150px;
display:block;
text-decoration:none;
background-image:url(pic/menu.jpg);
background-repeat:no-repeat;
float:left;
padding:7px;
text-align:center;
}

.menu1 a:hover{
color:black;
background-image:url(pic/menu_a.jpg);
width:150px;
}

.menu1 a .info{
display:none;}

.menu1 a:hover .info{
color:black;
background-image:url(pic/menu.jpg);
font-weight:normal;
display:block;}

.menu2{
float:left;
font-size:14px;
height:31px;
width:550px;
}

.menu2 a{
color:black;
width:150px;
display:block;
text-decoration:none;
background-image:url(pic/menu.jpg);
background-repeat:no-repeat;
float:left;
padding:7px;
text-align:center;
}

.menu2 a:hover{
color:black;
background-image:url(pic/menu_a.jpg);
width:150px;
}

.menu2 a .info{
display:none;}

.menu2 a:hover .info{
color:black;
background-image:url(pic/menu.jpg);
font-weight:normal;
display:block;}




.inhalt{
padding-top:10px;
padding-left:40px;
padding-right:40px;
background-color:transparent;
height:auto;
width:90%;
}

.inhalt a {
	color:black;
}


.unten{
position:absolute;
bottom:5px;
}

.unten p{
white-space:pre;
font-size:80%;
}

.down{
font-size:14px;
margin:auto;
border-top:1px solid;
border-bottom:1px solid;
border-left:1px solid;
border-right:1px solid;
width:158px;
}

.down a{
color:black;
width:158px;
display:block;
text-decoration:none;
background-image:url(pic/button.jpg);
background-repeat:no-repeat;
text-align:center;
padding-top:7px;
padding-bottom:7px;}

.down a:hover{
text-decoration:underline;
background-image:url(pic/button.jpg);
}

.links1{
width:480px;
float:left;
padding-left:15px;
}

.links2{
width:470px;
float:right;
padding-right:15px;
}


/* ***************************************************** Getränke ****************************************************** */

#getr{
width:12em;
text-align:center;
position:absolute; top:160px; left:440px;
z-index:3;}

#getr1{
width:12em;
text-align:center;
position:absolute; top:160px; left:640px;
z-index:2;}

#getr2{
width:12em;
text-align:center;
position:absolute; top:160px; left:40px;
z-index:5;}

#getr3{
width:12em;
text-align:center;
position:absolute; top:160px; left:240px;
z-index:4;}


#getr a,#getr1 a, #getr2 a, #getr3 a{
color:#000000;
background:yellow;
text-decoration:none;
background-image:url(pic/button.jpg);
display:block;
padding:0.4em;
border: 1px solid;}

#getr a:hover{
color:black;
background:yellow;
text-align:left;
text-decoration:none;
width:40em;
border: 1px solid;}


#getr1 a:hover{
color:black;
background:yellow;
text-align:left;
text-decoration:none;
width:230px;
border: 1px solid;}


#getr2 a:hover{
color:black;
background:yellow;
text-align:left;
text-decoration:none;
width:440px;
border: 1px solid;}


#getr3 a:hover{
color:black;
background:yellow;
text-align:left;
text-decoration:none;
width:480px;
border:1px solid;}


#getr a .info, #getr1 a .info, #getr2 a .info, #getr3 a .info{
display:none;}

#getr2 a:hover .info, #getr3 a:hover .info{
color:black;
background:#FFFFCC;
font-weight:normal;
display:block;
height:264px;}


#getr a:hover .info, #getr1 a:hover .info{
color:black;
background:#FFFFCC;
font-weight:normal;
display:block;
height:150px;}






/* ****************************************************Kranken.php******************************************************* */

.infok {
float:left;
padding-top:10px;
width:100%;
text-decoration:none;
}

.infok a {
color:black;
}

.infok a:hover{
display:block;
text-decoration:none;
}

.infok a span{
display:none;
}

.infok a:hover span{
display:block;
position: absolute;
z-index:100;
top:345px;
left:300px;
width:600px;
margin:auto;
text-align:justify;
border:2px solid black;
background:#FFFFCC;
padding:5px;
}





#tab1{
border-collapse:collapse;
font-family:tahoma;
font-size:11px;
float:left;
}

#tab1 td{
background:transparent;
border:1px solid #000000;
padding:5px;}



#tab1r{
border-collapse:collapse;
font-family:tahoma;
font-size:11px;
float:right;
}

#tab1r td{
background:transparent;
border:1px solid #000000;
padding:5px;}



#tab2{
border-collapse:collapse;
font-family:tahoma;
font-size:11px;
}

#tab2 td{
background:transparent;
border:1px solid #000000;
padding:5px;}


















#umenu1{
display:none;
position:absolute;
top:144px;
left:214px;
width:157px;
border:1px solid;
font-size:15px;
float:left;
z-index:10;
background-color:#fff600;
}

#umenu1 a{
color:black;
width:157px;
display:block;
text-decoration:none;
padding-top:7px;
padding-bottom:7px;
text-align:center;
}

#umenu1 a:hover{
color:black;
background-image:url(pic/umenu_a.jpg);
width:157px;
}













#gross{
font-size:16px;
}


#klein{
font-size:11px;
}
