/*Allgemeine Angaben*/
body{
text-align:center;
background:#FFFFFF;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
border:none;}


h1{color:#B53E04; font-weight:bold;font-size: 15px;margin-bottom:5px;margin-top:5px;}
h2{font-weight:bold;font-size: 13px;margin-bottom:5px;margin-top:5px;}
h3{font-weight:bold;font-size: 11px;margin-bottom:5px;margin-top:5px;}
h4{font-weight:bold;font-size: 11px;margin-bottom:5px;margin-top:5px;}

.small{
font-size: 9px;}

.thumbs{border-width: 1px; border-color: #777777; padding: 3px; margin: 5px;}


/*Banner*/
#banner{
color:white;
background-image:url(bilder/banner.jpg); background-repeat:no-repeat;
background-position:right 0px;
width:700px; height:150px;
margin: auto;
text-align: right;
border-top: gray solid 1px;
border-right: gray solid 1px;
border-left: gray solid 1px;
border-bottom:gray solid 1px;
display:block;}

#banner a{
color:white;
text-decoration:none;}

#banner a:hover{color:white;}
#banner a:focus{color:white;}



/*Navigation*/


#navi{
color:#FFFFFF;
background:#FFFFFF;
width:702px;
margin:auto;
text-align:left;
}


ul#saturday
{margin:0;
padding-top:0px;
padding-bottom:0px;
padding-left:30px;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:46px;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
letter-spacing:0.1em;
background:#FFFFFF;
font-family:Arial,Verdana,Helvetica,sans-serif;
border-bottom:0px solid #481609;
border-top:0px solid #481609;
border-left:gray 0px solid;
border-right:gray 0px solid;}

ul#saturday li
{display:block;float:left;margin:0;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;}

ul#saturday li a
{display:block;float:left;color:#FFFFFF;
text-decoration:none;
padding:22px 45px 0 10px;
height:24px;
border-left:#953E04 1px solid;
background:#B53E04;}

ul#saturday li a:hover
{background:#953E04;}

ul#saturday li a.current,ul#saturday li a.current:hover
{color:#fff;background:#481609;}



/*Inhalt*/
#inhalt{
color:#F49000;
background:#481609;
width:660px; height:auto;
margin:auto;
padding: 20px;
text-align: left;
border-top: gray solid 0px;
border-right: gray solid 1px;
border-left: gray solid 1px;
border-bottom:gray solid 1px;
overflow:hidden;}

#inhalt a{
color:#F49000;}

#inhalt a:hover, #inhalt a:focus{
color:#B53E04;}



/*Box1*/
#gehirn1{
position: relative; top:0px; left: 0px; width:390px; height:auto; z-index:5;
overflow:auto;
float:left;
border: gray dashed 0px;
padding: 10px;}

#auge1{
position: relative; top:0px; left: 0px; width:390px; height:373px; z-index:5;
overflow:auto;
float:left;
border: gray dashed 0px;
padding: 10px;}

#mund1{
position: relative; top:0px; left: 0px; width:150px; height:340px; z-index:5;
overflow:auto;
float:left;
border: gray dashed 0px;
padding: 10px;}

#ohr1{
position: relative; top:0px; left: 0px; width:390px; height:auto; z-index:5;
overflow:auto;
float:left;
border: gray dashed 0px;
padding: 10px;}

#nase1{
position: relative; top:0px; left: 0px; width:390px; height:340px; z-index:5;
overflow:auto;
float:left;
border: gray dashed 0px;
padding: 10px;}



/*Box2*/
#gehirn2{
background:#6E3510;
position: relative; top:20px; left: 20px; width:200px; height:auto; z-index:6;
overflow:auto;
border: gray dashed 0px;
padding: 10px;}

#auge2{
background:#6E3510;
position: relative; top:20px; left: 20px; width:200px; height:auto; z-index:6;
overflow:auto;
border: gray dashed 0px;
padding: 10px;;}

#mund2{
background:#6E3510;
position: relative; top:25px; left: 20px; width:440px; height:auto; z-index:6;
overflow:auto;
border: gray dashed 0px;
padding: 10px;}

#ohr2{
background:#6E3510;
position: relative; top:20px; left: 20px; width:200px; height:auto; z-index:6;
overflow:auto;
border: gray dashed 0px;
padding: 10px;}

#nase2{
background:#6E3510;
position: relative; top:20px; left: 20px; width:200px; height:auto; z-index:6;
overflow:auto;
border: gray dashed 0px;
padding: 10px;}


/*Box3*/
#gehirn3{
position: relative; top:10px; left: 10px; width:642px; height:270px; z-index:7;
overflow:auto;
float:left;
border-top: gray solid 0px;
padding: 0px;}

#auge3{
position: relative; top:55px; left: 30px; width:150px; height:auto; z-index:7;
overflow:hidden;
border: gray dashed 0px;
padding: 0px;}

#mund3{
position: relative; top:22px; left: 0px; width:642px; height:50px; z-index:7;
overflow:hidden;
border: gray dashed 0px;
padding: 0px;}

#ohr3{
position: relative; top:10px; left: 10px; width:642px; height:auto; z-index:7;
overflow:hidden;
border: gray dashed 0px;
float:left;
padding: 0px;}

#nase3{
position: relative; top:10px; left: 0px; width:642px; height:auto; z-index:7;
overflow:hidden;
border: gray dashed 0px;
padding: 0px;}

#impressum3{
position: relative; top:10px; left: 10px; width:642px; height:20px; z-index:7;
overflow:auto;
float:left;
border-top: gray solid 0px;
padding: 0px;}

/*Getränkekarte*/

a.drinks{
text-decoration:none;}


#drink1{
float:left;
position: relative; top:0px; left: 0px; width:410px; height:auto; z-index:7;
border: gray dashed 0px;
overflow:hidden;}

#drink2{
position: relative; top:0px; left: 20px; width:210px; height:auto; z-index:8;
border: gray dashed 0px;
overflow:hidden;}

#drinktab1 td{
text-align: left;
vertical-align: top;}

#drinktab1 td.preis{
text-align: right;}

#drinktab2 td{
text-align: left;
vertical-align: top;}

#drinktab2 td.preis{
text-align: right;}

#drinklong{
position: relative; top:112px; left: 20px; width:210px; height:auto; z-index:8;
border: gray dashed 0px;
overflow:hidden;}