body{
	margin:0;
	padding:10px 0px 0px 0px;
	text-align: center;
}

a img {
	border:none !important;
}

#slide{
	display:none;
	position:absolute;
	top:27px;
	height:101px;
	width:960px;
	padding: 0 0 0 20px;
	margin:0; zoom:1;
	background-color:#f1f1f1;
	border-top:1px solid #cdcdcd;
	border-bottom:1px solid #c3c3c3;
}

@font-face {
    font-family: 'NeoSansMedium';
    src: url('../UPLOAD/Font/am265.eot');
    src: url('../UPLOAD/Font/am265.eot?#iefix') format('embedded-opentype'),
         url('../UPLOAD/Font/am265.woff') format('woff'),
         url('../UPLOAD/Font/am265.ttf') format('truetype'),
         url('../UPLOAD/Font/am265.svg#NeoSansMedium') format('svg');
    font-weight: normal !important;
    font-style: normal;
}

.c_l{
	clear:left; font-size:1px; line-height:0; height: 0; 
}

.c_b{
	clear:both; font-size:1px; line-height:0; height: 0;
}


#seite{
  text-align: left;
  vertical-align: middle;	
  margin: 0px auto;
  padding: 0px;
  width: 980px;
}

#head{
	height:122px;
	margin:0px 0px 10px 0px;
	padding:0px 10px 10px 0px;
	background-color:#FFF; 
}

#logo{
	float:left;
	width:224px;
	padding:0px 0px 0px 12px;
}

#drop{
	float:left;
	width:484px;
}

#all{
	float:left;
	text-align:right;
	height:61px;
	width:440px;
	font-size:12px;
	font-family:'NeoSansMedium', Verdana, Arial, Helvetica, sans-serif;
	
}



.mus{
	float:left;
	padding: 5px 15px 5px 5px;
    	width: 215px;
	height:30px;
}

.mus a,
.mus a:link,
.mus a:visited,
.mus a:active{
	font-size:12px;
	color:#444;
	text-decoration:none;
}

.mus a:hover,
.mus a.on{
	color:#880e0e;
}

.mus2{
	float:left;
	padding: 5px 15px 5px 5px;
    	width: 300px;
	font-family:'NeoSansMedium', Verdana, Arial, Helvetica, sans-serif;
}

.mus2 a,
.mus2 a:link,
.mus2 a:visited,
.mus2 a:active{
	font-size:12px;
	color:#444;
	text-decoration:none;
}

.mus2 a:hover,
.mus2 a.on{
	color:#880e0e;
}





#zusatz{
	float:left;
}

#meta{
	float:left;
	width:245px;
}
#metamenu{
	float:left;
	width:100%;
}

#metamenu{
	float:left;
	text-align:right;
	font-size:12px;
	font-family:'NeoSansMedium', Verdana, Arial, Helvetica, sans-serif;
	
}

#metamenu a{
	text-decoration:none;
	background:url(../UPLOAD/cmsimages/pfeil.gif) right no-repeat;
	padding:0px 15px 0px 0px;
	color:#444;
}

#diemeta{
	float:right;
}


#metahead{
	float: right;
    	padding:0px 10px 10px 0px;
}

#inhalt{
	padding:10px;
	background-color:#FFF;
	margin:0px 0px 10px 0px;
}

#hauptmenu{
	width:960px;
}


#content_lh,
#content_home{
	float:left;
	width:710px;
	padding:0px 10px 0px 0px;
}

#headbild{
	padding:0px 0px 10px 0px;
	width:710px;
	height:300px;
}

#content{
	padding:10px 60px 10px 10px;
	width:640px;
}

#content_gal{
	padding:10px 60px 10px 10px;
	width:640px;
}

#content_rh{
	float:left;
	width: 240px;
}

#sitemap{
	padding:10px;
	background-color:#FFF;
	margin:0px 0px 10px 0px;
}

/* BOX_RH */
.gruen{
	background-color:#557f28;
}


.gruen div{
	color:#FFF;
}

.greybox{
	background: #a0adb2;
	margin:10px 0px 0px 0px;
	padding:10px;
	font-family:'NeoSansMedium', Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	letter-spacing: 0.04em;
	font-weight:normal;
	color:#FFF;
}

.darkgrey{
	background-color:#565f63;
}

.darkgrey div{
	color:#FFF;
}

#oeffnungszeiten_rh,
#adressen_rh,
#alletermineheute,
#alletermine,
#termine_rh,
#wissenschaft{
	padding:10px;
	margin:0px 0px 10px 0px;
}

#wissenschaft{
	background-color:#4d4532;
}

#oeffnungszeiten_rh_headline,
#oeffnungszeiten_feiertage_headline,
#adressen_rh_headline,
#eintritt_rh_headline,
#alletermineheute,
#alletermine,
#termine_rh_headline,
#wissenschaft_hl{
	font-family:'NeoSansMedium', Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	letter-spacing: 0.04em;
	font-weight:normal;
	color:#FFF;
}

#wissenschaft_hl{
	font-size:22px;
}

.liblue{
	background-color:#2b758c;
	/*background-color:#7fbeda;*/
}

.liblue div{
	color:#FFF;
}


#oeffnungszeiten_feiertage_inhalt,
#oeffnungszeiten_feiertage_inhalt p{
	color:#FFF;
}


#oeffnungszeiten_feiertage{
	width:220px;
	padding:10px;
	margin:0px 0px 10px 0px;
}

#oeffnungszeiten_feiertage_headline{
	background:url(../UPLOAD/cmsimages/pfeil_s.gif) 209px 30px no-repeat;
	cursor:pointer;
}

#oeffnungszeiten_feiertage_inhalt{
	display:none;
	padding:5px 0px 0px 0px;
}

.schrift_g{
    font-family: 'NeoSansMedium',Verdana,Arial,Helvetica,sans-serif;
    font-size: 25px;
    font-weight: normal;
    letter-spacing: 0.04em;
}
.schrift_m{
    font-family: 'NeoSansMedium',Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.04em;
}
.schrift_k{
    font-family: 'NeoSansMedium',Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.04em;
}
.caption-top, .caption-bottom {
    color: #444;	
    padding: 10px;	
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    /* font-weight: bold;*/
    letter-spacing: 0.04em;
    border: 0px solid #d8dadb;
    background: #FFF;
}
.caption-top {
   border-width: 0px 0px 1px 0px;
}
.caption-bottom {
   border-width: 1px 0px 0px 0px;
}
.caption-wrapper {
   float: left;
}
.image-overlay a,
a .caption-bottom,
.caption-bottom,
.caption-bottom a,
.caption-bottom a:link{
   text-decoration:none !important;
}

br.c { clear: both; }

/* slider */
#slideshowHome { position:relative; height:300px;}

#slideshowHome IMG {position:absolute;top:0;left:0;z-index:8;}

#slideshowHome IMG.active {z-index:10;}

#slideshowHome IMG.last-active {z-index:9;}


.tk_preis2,.tk_preis1{
	padding:10px 0px 0px 0px;
}

.tk_bild img{
	vertical-align:bottom;
}
.tk_topblock{
height:131px;
}


.thebtn{
	border:1px solid #BCC4C8;
	background-color:#BCC4C8;
	color:#444;cursor:pointer;
}

div.btn{
    background-color: #BCC4C8;
    color: #010101;
    cursor: pointer;
    font-size: 14px;
    padding: 4px 5px;
}

/* UI SETTINGS */
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default{
	color:#444;
}
.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus { 
	border: 1px solid #c0bebe; 
}

/* BANNER */
.bannerabstand{
margin:10px 0px 0px 0px;
}


/* IMAGEOVERLAY */
.image-overlay { list-style: none; text-align: left; }
.image-overlay li { display: inline; }
.image-overlay a:link, .image-overlay a:visited, .image-overlay a:hover, .image-overlay a:active { text-decoration: none; }
.image-overlay a:link img, .image-overlay a:visited img, .image-overlay a:hover img, .image-overlay a:active img { border: none; }

.image-overlay a
{
    float: left;
    background: #fff;
    overflow: hidden;
    position: relative;
}
.image-overlay img
{
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}
.image-overlay .caption
{
    float: left;
    position: absolute;
    background-color: #FFF;
    width: 100%;
	
	/* The way to change overlay opacity is the follow properties. Opacity is a tricky issue due to
		longtime IE abuse of it, so opacity is not offically supported - use at your own risk. 
		To play it safe, disable overlay opacity in IE. */
    /* For Firefox/Opera/Safari/Chrome */
	opacity: .8;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.image-overlay p
{
	text-indent: 0;
	margin: 10px;
	color: #000;	
   	font-family: Arial,Helvetica,sans-serif;
    	font-size: 15px;
    	letter-spacing: 0.04em;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }