/* ALLGEMEINE ANGABEN */

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

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

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

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


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 {
position: absolute;
top: 5px;
left: 20px;
}

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


div#header {
position: absolute;
left: 282px;
background:url(../i/header.png) no-repeat;
width: 698px;
height: 120px;
}

div#content {
position: absolute;
top: 140px;
left: 20px;

}


/* ########## 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 5px 0 0;
}


ul.tab_box  {
margin: 0 0 0 5px;
}

.tab_box li {
float: left;
} 

.tab_box a {
color: #fff;
background: #333333 url(../i/left-tab.gif) 0 0 no-repeat;
font-weight: bold;
padding: 0 0 5px 15px;
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 15px 0 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: #6B6B6B 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: #EFEFEF 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: #EFEFEF 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: -26px;

}

.tab_vertikal a {
width: 285px;
display: block;
color: #fff;
background: #333 url(../i/vert_p_top.gif) 100% 0 no-repeat;
font-weight: bold;
margin: 2px 0 0 0;
text-decoration: none;
}

.tab_vertikal a div {
background: url(../i/vert_p_bottom.gif) 100% 100% no-repeat;
padding: 6px 5px 7px 8px;
}

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

.tab_vertikal a:hover div {
background: url(../i/vert_h_bottom.gif) 100% 100% no-repeat;
}

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



.tab_vertikal a.active div {
background: url(../i/vert_a_right.gif) 100% 0 no-repeat;
}

.tab_vertikal a.sub {
width: 265px;
background: none;
color: #333;
padding: 2px 0 5px 15px;
margin: 0 0 0 2px;
}

.tab_vertikal a.subactive {
width: 265px;
background: #EAEAEA;
color: #333;
padding: 2px 0 5px 15px;
margin: 0 0 0 2px;
}

.tab_vertikal a.sub:hover {
background: #EAEAEA;
}

.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;
}


.nav_l {
background: url(../i/nav_l.png) no-repeat;
height: 32px;
margin: 0 0 20px 0;
padding: 0 0 0 20px;
font-weight: bold;
}

.nav_l a {
color: #fff;
font-size: 12px;
}

.nav_r {
background: url(../i/nav_r.png) 100% 0 no-repeat;
height: 100%;
}

.nav_balken {
background: url(../i/nav_bg.png) repeat-x;
height: 100%;
width: 950px;
}

.nav_balken a:hover {
color: #fff;
text-decoration: none;
}


#nav, #nav ul {padding:0; margin:0 0 0 auto; list-style:none;}
#nav {position:relative; z-index:150;}
#nav ul {display:none; float: left;}
#nav li:hover ul, #nav li.hover ul  {display:block;}

#nav li {float:left; position:relative; margin-left: -1px;}
#nav li a {text-decoration:none; color: #fff; white-space:nowrap; font-size: 12px;}
#nav li b {display:block; padding:0px 31px 2px 31px; cursor:pointer;  line-height:30px; float:left;}
#nav li.first b {padding-left:40px; background-position:left top;}
#nav li.last b {background-position:right top;}
#nav li.active b {background-image: url(../i/nav_a.png);}
#nav li.arrow {padding:0px; margin: -4px 0 0 1px;}
#nav li a b.clicked, #nav li:hover a b, #nav li.hover a b {color:#fff;background-image: url(../i/nav_a.png);}
#nav li a.inactive, #nav li:hover a.inactive b, #nav li.hover  a.inactive b {background-image: none; color: #CCCCCC;}


#nav li ul {position:absolute; left:0; top:32px; height:auto; float:left; background:#f8f8f8; padding:0px; margin: 0px; border:1px solid #ccc; border-top: none;}
#nav li ul.w {width: 200px;}


#nav li ul li {float:none;}
#nav li ul li a {display:block; height:20px; line-height:20px; padding:0 5px; color:#333; font-weight: normal;}
#nav li ul li a:hover {background:#FF692F; color:#fff;}

/* ############ Dropdown Eventkalender ################ */

#subnav, #subnav ul {padding:0; margin:0 0 0 26px; list-style:none;cursor:pointer;}
#subnav {position:relative; z-index:150;}
#subnav ul {display:none; float: left;}
#subnav li:hover ul, #nav li.hover ul  {display:block;}

#subnav li {float:left; position:relative;}
#subnav li a {text-decoration:none; color: #fff; white-space:nowrap;}

#subnav li ul {position:absolute; left:-1px; top:25px; height:auto; float:left; background:#f8f8f8; padding:0px; margin: 0px;}
#subnav li ul.w {width: 200px; padding-bottom:1px;border: #ccc solid 1px;border-top:none;}


#subnav li ul li {float:none;text-align: left;}
#subnav li ul li a {display:block; height:20px; line-height:20px; padding:0 5px; margin-left:1px; color:#333; background:#fff; font-weight: normal; width:188px;-moz-border-radius: 0px; -webkit-border-radius: 0px;}
#subnav li ul li a:hover {background:#EE3300; color:#fff;}
#subnav li ul li a.active {background:#EE3300; color:#fff;}