/* ALLGEMEINE ANGABEN */

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

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

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

a:hover, a:focus {
color: #C62D00;
}


h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: normal;
margin: 0 0 0 0;
padding: 0px;
line-height: 1.1;
}

h1.content {
font-family: Arial, Helvetica, sans-serif;
font-size: 26px;
margin: 0;
padding: 15px 0 20px 0;
line-height: 1;
}


h2 {
font-size: 20px;
font-weight: normal;
margin: 0 0 4px 0;
padding: 0px;
line-height: 1;
}

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

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

p {
margin: 0px;
padding: 0 0 15px 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;
}

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

#omsv_sky_DhtmlLayer {
	left: 975px !important;
}

#header_top {
padding: 15px 15px 15px 25px;
font-size: 12px;
}

#header_top .header_left {
float: left; 
padding: 0;
}

#header_top .header_left img {
padding: 0;
}

#header_top .search {
float: right;
}

#header_top p {
margin-top: 3px;
}

#header_top .headerimage {
margin-left: 5px;
}


#content {
font-size: 14px;
}

@media (min-width: 768px) and (max-width: 991px) {
	#content {
		font-size: 12px;
	}
}


#bottom {
	border: #ccc solid 1px;
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	-webkit-border-radius: 5px;
    padding: 15px;
	text-align: center;
}

#bottom p {
padding: 0;
}

#bottom table {
width: 100%;
position: relative;
top: -24px;
}

#bottom table td {
padding: 2px 0 2px 0;
text-align: left;
vertical-align: top;
}

#bottom table th {
text-align: left;
padding-bottom: 5px;
color: #fff;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
}

#bottom  .bottombalken {
background: #B6B6B6;
height: 25px;
position: relative;
top: -3px;
}

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

div.navigation {
width: 950px;
margin:0 0 5px 25px;
}

#nav, #nav ul {padding:0; margin:0; list-style:none; background: url(../i/bg_nav.jpg) repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#nav {position:relative; z-index:150; height: 28px;}
#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; text-shadow: 0 1px 1px #000;}
#nav li b {display:block; padding:0px 16px 0 16px; cursor:pointer;  line-height:27px; float:left; border-left: #03233A solid 1px; border-right: #03233A solid 1px;}
#nav li.first b {-moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; border-left:none;}
#nav li.active b {background: url(../i/bg_nav_h.jpg);}
#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:26px; height:auto; float:left; background:#f8f8f8; padding:0px; margin: 0px; border:1px solid #ccc; border-top: #676767 solid 1px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;}
#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; text-shadow: none;}
#nav li ul li a:hover {background:#666; color:#fff;}


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

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 0;
font-size: 12px;
}


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

.tab_box li {
float: left;
} 

.tab_box a {
color: #fff;
background: #333333;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
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;
border-radius: 10px 10px 0 0;  
}

.tab_box a:hover {
background: #666;
}

#content .tab_box li a.active, #content .tab_box li a.active:hover {
background: #fff;
color: #333;
border: #ccc solid 1px;
border-bottom: none;
}



#vertikal_navi {
position: relative;
left: -21px;
z-index: 2;
padding: 0 0 20px 0;
}

ul.tab_vertikal, ul.tab_vertikal li ul {
list-style: none;
margin: 0;
padding: 0;
}

.tab_vertikal a {
display: block;
width: 290px;
background: url(../i/tab_right_bg.jpg) repeat-y #E1E1E1;
border: #D0D0D0 solid 1px;
margin: 2px 0 0 0;
text-decoration: none;
padding: 2px 5px 2px 8px;
-moz-border-radius: 0 5px 5px 0; 
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0; 
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
}

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


#content .tab_vertikal a.active {
color: #333;
font-weight: bold;
background: #fff;
border: #D0D0D0 solid 1px;
border-left: #fff solid 1px;
}


#content  ul.tab_vertikal li ul li a {
background: url(../i/icon_right.png) 0 5px no-repeat;
border: none;
padding: 0 0 0 20px;
margin: 0 0 10px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#content  ul.tab_vertikal li ul li a:hover {
background: #fff url(../i/icon_right.png) 0 5px no-repeat;
text-decoration: none;
color: #333;
}

#content  ul.tab_vertikal li ul li a.active {
background: #fff url(../i/icon_right.png) 0 5px no-repeat;
text-decoration: none;
color: #333;
border: none;
}

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

.tab_vertikal div.profile_name h3 {
background: #fff;
}

.imglist ul li {
list-style-type: none;
}

.form_repeate {
	display:none;
}

.stuck {
	position: fixed !important;
    top: 0 !important;
}

/* ################ aufklapp-button ######################### */


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

.subnav li {float:left; position:relative; background: #333; padding: 2px 5px 2px 5px; margin: 0 0 3px 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 12px; font-weight: bold; }
.subnav li a {text-decoration:none; color: #fff; white-space:nowrap;}

.subnav li ul {position:absolute; left:-1px; top:22px; height:auto; float:left; background:#f8f8f8; padding:0 0 5px 0; margin: 0; width: 200px; border: none;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #ccc solid 1px;}

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