/* ALLGEMEINE ANGABEN */

body {
font-family: Arial, Helvetica, sans-serif;
background: url(../i/bg.jpg) 0 80px repeat-x;
font-size: 12px;
color: #333;
background-color: #fff;
margin: 0px;
}

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

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

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


h1 {
font-size: 26px;
margin: 0 0 5px 0;
padding: 0px;
text-shadow: 1px 1px 0px #fff;
}

h1.bubble {
background: url(../i/bubble.png) no-repeat;
padding: 6px 0 0px 45px;
}


h2 {
font-size: 22px;
margin: 0 0 5px 0;
padding: 0px;
text-shadow: 1px 1px 0px #fff;
}

h3 {
font-size: 16px;
margin: 0 0 5px 0;
padding: 0px;
text-shadow: 1px 1px 0px #fff;
}

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

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

p.nopadding {
padding: 0px;
}

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

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

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

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

.right {
float: right;
}

.left {
float: left;
}

.error {
background:url("../c/images/unchecked.gif") no-repeat 0px 0px;
padding-left: 16px;
padding-bottom: 2px;
font-weight: bold;
color: #EA5200;	
}

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

div#top {
background: url(../i/bg_top.png) repeat-x; 
height: 38px;
}


div#header {
padding: 15px 15px 15px 25px;
}

div#content {
width: 1000px;
padding: 25px 0 25px 25px;
}

div#bottom {
padding: 145px 25px 0 25px;
background: #6B757B url(../i/bg_bottom.jpg) repeat-x;
height: 170px;
margin: -120px 0 0 0;
}

div#bottom h4 {
color: #fff;
margin-bottom: 3px;
font-size: 16px;
}

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

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

div#top ul {
list-style: none;
margin: 0px;
width: 980px;
}

div#top ul li {
float: right;
}

div#top ul li a {
height: 17px;
font-size: 10px;
display: block;
float: left;
color: #fff;
text-decoration: none;
padding: 10px 9px 5px 9px;
}

div#top ul li a.active {
background-color: #494C4F;
}

div#top ul li a:hover {
background-color: #494C4F;
}

div#top ul li.last {
margin-left: 779px;
}



div#navi {
width: 100%;
background: url(../i/bg_nav.png) repeat-x;
}

#nav, #nav ul {padding:0; margin:0 0 0 26px; list-style:none;}
#nav {position:relative; z-index:150; height: 38px;}
#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: 16px; text-shadow: 0 -1px 1px rgba(0,0,0,0.5);}
#nav li b {display:block; padding:0px 26px 0 26px; cursor:pointer;  line-height:35px; float:left; border-left: #03233A solid 1px; border-right: #03233A solid 1px;}
#nav li.first b {padding-left:40px;}
#nav li.last b {background-position:right top;}
#nav li.active b {background: url(../i/bg_nav_h.jpg);}
#nav li.arrow {padding:0px; margin-top: -3px;}
#nav li a b.clicked, #nav li:hover a b, #nav li.hover a b {color:#fff;background: url(../i/bg_nav_h.jpg);}

#nav li ul {position:absolute; left:1px; top:35px; 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; font-size: 12px; text-shadow: none;}
#nav li ul li a:hover {background:#FFCC00;}


/* ############ 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:#FFCC00; color:#333;}
#subnav li ul li a.active {background:#FFCC00; color:#333;}

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: 1px;
padding: 0 5px 0 5px;
}


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

.tab_box li {
float: left;
} 

.tab_box a {
color: #fff;
background: #333333;
font-weight: bold;
padding: 5px 10px 5px 10px;
margin: 0 3px 0 0;
text-decoration: none;
display: block;
float: left;
-moz-border-radius: 10px 10px 0 0; 
-webkit-border-radius: 10px 10px 0 0; 
}

.tab_box a:hover {
background: #053F69;
}

#content .tab_box li a.active, #content .tab_box li a.active:hover {
background: #EEF0F0;
color: #333;
}



#vertikal_navi {
position: relative;
left: -26px;
z-index: 2;
}

ul.tab_vertikal  {
list-style: none;
padding: 0;
margin: 0;
line-height: 1.0;
}

.tab_vertikal a {
display: block;
width: 272px;
color: #fff;
background: #333;
font-weight: bold;
margin: 2px 0 0 0;
text-decoration: none;
padding: 6px 5px 7px 8px;
-moz-border-radius: 0 5px 5px 0; 
-webkit-border-radius: 0 5px 5px 0; 
}

.tab_vertikal a:hover {
background: #6B6B6B;
text-decoration: none;
color: #fff;
}


#content .tab_vertikal a.active {
color: #333;
background: #EEF0F0;
border: #ccc solid 1px;
border-left: none;
}

.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;
background: #fff;
}

.tab_vertikal div.profile_name {
float: left; 
width: 175px; 
padding: 20px 0 0 0;
}