/* ALLGEMEINE ANGABEN */

body {
background: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
color: #333;
margin: 0px;
}

div {
margin: 0px;
padding: 0px;
}

a {
text-decoration: none;
color: #BC1612;
}

a:hover, a:focus {
text-decoration: underline;
color: #BC1612;
}


h1 {
font-size: 26px;
margin: 0 0 10px 0;
padding: 0px;
}

h1.wiki {
font-size: 22px;
}

h2 {
font-size: 22px;
margin: 0 0 10px 0;
padding: 0px;
}

h2.wiki {
font-size: 20px;
}

h3 {
font-size: 16px;
margin: 0 0 10px 0;
padding: 0px;
}

h4 {
font-size: 12px;
margin: 0px 0 8px 0;
padding: 0px;
line-height: 1.6;
}

p {
margin: 0px;
padding: 0 0 10px 0;
line-height: 1.6;
}

.clear {
font-size: 1px; 
height: 1px;
} 

ul {
list-style: none;
padding: 0px;
margin: 0px;
}

li {
padding: 0px;
margin: 0px;
} 

ul.content {
list-style: disc;
padding: 0 0 15px 15px;
margin: 0px;
line-height: 1.6;
}

ol.content {
line-height: 1.6;
margin: 0px;
padding: 20px;
}



/* ########## RAHMEN (Header, Content, Bottom) ############ */

div#top {
width: 970px;
text-align: center;
margin: 0 0 5px 0;
}

div#top a {
font-size: 11px;
color: #B0B0B0;
}

#buttons {
position: absolute;
top: 50px;
background: url(../i/buttons.png) no-repeat;
width: 226px;
height: 115px;
}


#opening {
color: #fff; 
font-weight: bold; 
position: absolute; 
left: 770px; 
top: 80px; 
background: url(../i/oeffnungszeiten.gif) no-repeat;
width: 226px;
height: 115px;
}

div#header {
text-align: center;
margin: 0 0 10px 0;
width: 970px;
}

div#content {
width: 950px;
margin: 0 0 0 25px;
}

#bottom {
background: url(../i/bottom_bg.gif) no-repeat;
height: 140px;
width: 700px;
padding: 27px 0 0 30px;
}

#bottom a {
color: #fff;
font-weight: bold;
font-size: 11px;
}


/* ########## NAVI (Tableiste) ############ */

a.tab_active {
border: #999 solid 1px;
background-color:#fff;
border-bottom: none;
float: left;
padding: 5px;
margin-right: 5px;
font-weight: bold;
}

div.tab_leiste {
position: relative;
z-index: 100;
top: 0px;
padding: 0;
}


ul.tab_box  {
margin: 0px;
}

.tab_box li {
float: left;
} 

.tab_box a {
color: #fff;
background: #000 url(../i/left-tab.gif) 0 0 no-repeat;
font-weight: bold;
padding: 0 0 0 10px;
margin: 0 3px 0 0;
text-decoration: none;
}

.tab_box a span {
color: #fff;
background: url(../i/right-tab.gif) 100% 0 no-repeat;
padding: 5px 10px 5px 0;
}

.tab_box a, .tab_box a span {
display: block;
float: left
}

/* Hide from IE5-Mac \*/ .tab_box a, .tab_box a span
{
float: none
}
/* End hide */

.tab_box a:hover {
background: #999 url(../i/left-tab-hover.gif) 0 0 no-repeat;
text-decoration: none;
}

.tab_box a:hover span {
background: url(../i/right-tab-hover.gif) 100% 0 no-repeat;
}

.tab_box a.active {
background: #fff url(../i/left-tab-active.gif) 0 0 no-repeat;
}

.tab_box a.active span {
color: #333;
background: url(../i/right-tab-active.gif) 100% 0 no-repeat;
}

.tab_box a.active:hover {
background: #fff url(../i/left-tab-active.gif) 0 0 no-repeat;

}

.tab_box a.active:hover span {
background: url(../i/right-tab-active.gif) 100% 0 no-repeat;
}



#vertikal_navi {
position: relative;
left: -25px;
}

.tab_vertikal a {
width: 265px;
display: block;
color: #fff;
background: #333 url(../i/vertical_navi_p.gif) no-repeat;
font-weight: bold;
margin: 2px 0 0 0;
padding: 14px 5px 10px 5px;
text-decoration: none;
}

.tab_vertikal a:hover {
background: #6B6B6B url(../i/vertical_navi_h.gif) no-repeat;
text-decoration: none;
color: #fff;
}

.tab_vertikal a.active {
color: #333;
background: url(../i/vertical_navi_a.gif) repeat-x;
}

.tab_vertikal a.sub {
width: 245px;
background: none;
color: #fff;
padding: 2px 0 5px 15px;
}

.tab_vertikal a.subactive {
width: 245px;
background: #fff;
color: #333;
padding: 2px 0 5px 15px;
}

.tab_vertikal a.sub:hover {
color: #333;
background: #fff;
}

.tab_vertikal .head {
padding: 0 10px 0 10px;
height: 100%;
}

.tab_vertikal div.profile_pic {
float: left; 
width: 55px;
margin: 0 10px 0 0;
}

.tab_vertikal div.profile_name {
float: left; 
padding: 20px 0 0 0;
color: #fff;
}



ul.nav {
list-style: none;
padding: 0;
margin: 0 0 0 25px;
}

ul.nav li {
float: left;
margin: 0 6px 0 0;
}

ul.nav li a {
height: 60px;
display: block;
float: left;
}

ul.nav li a.punkt1 {
background:url(../i/nav_programm.gif);
}

ul.nav li a.punkt1:hover {
background:url(../i/nav_programm.gif) 0 -60px;
}

ul.nav li a.punkt1a {
background:url(../i/nav_programm.gif) 0 -60px;
}

ul.nav li a.punkt1a:hover {
background:url(../i/nav_programm.gif) 0 -60px;
}

ul.nav li a.punkt2 {
background:url(../i/nav_gastro.gif);
}

ul.nav li a.punkt2:hover {
background:url(../i/nav_gastro.gif) 0 -60px;
}

ul.nav li a.punkt2a {
background:url(../i/nav_gastro.gif) 0 -60px;
}

ul.nav li a.punkt2a:hover {
background:url(../i/nav_gastro.gif) 0 -60px;
}

ul.nav li a.punkt3 {
background:url(../i/nav_gaestebuch.gif);
}

ul.nav li a.punkt3:hover {
background:url(../i/nav_gaestebuch.gif) 0 -60px;
}

ul.nav li a.punkt3a {
background:url(../i/nav_gaestebuch.gif) 0 -60px;
}

ul.nav li a.punkt3a:hover {
background:url(../i/nav_gaestebuch.gif) 0 -60px;
}

ul.nav li a.punkt4 {
background:url(../i/nav_austellungen.gif);
}

ul.nav li a.punkt4:hover {
background:url(../i/nav_austellungen.gif) 0 -60px;
}

ul.nav li a.punkt4a {
background:url(../i/nav_austellungen.gif) 0 -60px;
}

ul.nav li a.punkt4a:hover {
background:url(../i/nav_austellungen.gif) 0 -60px;
}

ul.nav li a.punkt5 {
background:url(../i/nav_weblog.gif);
}

ul.nav li a.punkt5:hover {
background:url(../i/nav_weblog.gif) 0 -60px;
}

ul.nav li a.punkt5a {
background:url(../i/nav_weblog.gif) 0 -60px;
}

ul.nav li a.punkt5a:hover {
background:url(../i/nav_weblog.gif) 0 -60px;
}

ul.nav li a.punkt6 {
background:url(../i/nav_ueberuns.gif);
}

ul.nav li a.punkt6:hover {
background:url(../i/nav_ueberuns.gif) 0 -60px;
}

ul.nav li a.punkt6a {
background:url(../i/nav_ueberuns.gif) 0 -60px;
}

ul.nav li a.punkt6a:hover {
background:url(../i/nav_ueberuns.gif) 0 -60px;
}