*{margin:0;padding:0;}
html {height: 100%; margin-bottom: 1px;}
body{ font-size:62.5%; line-height:1.6em; background-color:#AB9B00;text-align:center;}
#container { font-family:Arial, Helvetica, sans-serif; width:907px; margin:50px auto 0 auto; padding:10px 0 0 0;text-align:left;color:#484848;}
a, a:link, a:visited { text-decoration:none; color:#484848;}
a:hover { color:#ab0015!important;}
a img {border:none;}
ul li { list-style:none;}
.arrow {padding-left:16px; background: url(../img/arrow.gif) no-repeat 0 3px; font-size:13px; text-transform:uppercase;}
.arrow:hover { background: url(../img/arrow.gif) no-repeat 0 -15px;}

 
#topnav { background:url(../img/logo_bg.png) no-repeat; width:907px; height:55px;font-size:1.3em;}
#topnav h1 { padding:25px 0 0 20px; float:left;}
#topnav ul {float:right;margin:27px 20px 0 0;}
#topnav ul li {list-style:none;display:block; text-transform:uppercase; float:left; margin-left:14px;}
#topnav ul li a { text-indent:-999em; display:block;}
#topnav ul li.id12 { width:164px;}
#topnav ul li.id13 { width:43px;}
#topnav ul li.id14 { width:49px;}
#topnav ul li.id15 { width:135px;}
#topnav ul li.id12 a { background:url(../img/butt_bhv.gif) no-repeat; width:164px;}
#topnav ul li.id13 a { background:url(../img/butt_kito.gif) no-repeat; width:43px;}
#topnav ul li.id14 a { background:url(../img/butt_kuba.gif) no-repeat; width:49px;}
#topnav ul li.id15 a { background:url(../img/butt_overbeck.gif) no-repeat; width:135px;}
#topnav ul li a:hover, #topnav ul li a.akt { background-position: 0 -23px;}


#head { width:907px; height:245px; overflow:hidden;}
.art1 #head { height:282px;}
#head span {position:absolute; top:115px; display:block; width:142px; height:10px; background:url(../img/colors.gif) no-repeat;}


#nav ul {margin:0;height:37px; font-size:1.3em;padding:0;overflow:hidden;}
#nav ul li {list-style:none;float:left; }
#nav ul li a {display:block;height:15px; text-transform:uppercase; padding:11px 14px 11px 13px; width:auto; color:#fff;}


#nav ul li a { text-indent:-999em; display:block;}
#nav ul li.id5 { width:106px;}
#nav ul li.id6 { width:96px;}
#nav ul li.id7 { width:311px;}
#nav ul li.id8 { width:95px;}
#nav ul li.id9 { width:112px;}
#nav ul li.id10 { width:113px;}
#nav ul li.id11 { width:74px;}
#nav ul li.id12 { width:164px;}
#nav ul li.id13 { width:43px; color:#300;}
#nav ul li.id14 { width:49px; color:#300;}
#nav ul li.id15 { width:135px; color:#300;}

#nav ul li.id5 a { background:url(../img/b_programm.gif) no-repeat;}
#nav ul li.id6 a { background:url(../img/b_ueber.gif) no-repeat;}
#nav ul li.id7 a { background:url(../img/b_orte.gif) no-repeat;}
#nav ul li.id8 a { background:url(../img/b_foerderer.gif) no-repeat;}
#nav ul li.id9 a { background:url(../img/b_vermietung.gif) no-repeat;}
#nav ul li.id10 a { background:url(../img/b_gaestebuch.gif) no-repeat;}
#nav ul li.id11 a { background:url(../img/b_info.gif) no-repeat;}
#nav ul li a:hover, #nav ul li a.akt { background-position: 0 -37px;}

/* CONTENT */
#content{ width:907px; min-height:600px;background-color:#fff; padding-bottom:75px; }
.art1 #content{ height:250px;min-height:0px; padding-bottom:0; }
#content .pic { float:right; margin:27px 20px 24px 0; width:242px;}
* html #content .pic {display:inline;}
#content .left {margin:24px 20px 24px 20px; float:left; width:605px; padding-bottom:0!important;}
* html #content .left {display:inline;}
#content .txt {margin:24px 20px 0 20px; float:left; width:605px;padding-bottom:0!important; padding:0;}
#content .down {margin:-24px 20px 24px 20px; float:left; width:605px;}
#content .down p {padding-left:15px;}
#content .down p  span{margin-left:-15px;}
#content .down a { text-decoration:underline;}
#content h2 {margin:0 0 17px 0; color:#ab0015; text-transform:uppercase;font-size:2.2em; line-height:1.1em; font-weight: normal; margin-top:0; }
#content h3 { margin:0 0 0 0;color:#ab0015; font-size:1.3em; line-height:1.3em; font-weight: normal;}
.art7 #content h3 { margin:0 0 1.1em 0;color:#ab0015; text-transform:uppercase;font-size:1.3em; line-height:1.3em; font-weight: normal;}
#content h4 { margin:2.2em 0 0 0; font-size:1.3em; line-height:1.3em; font-weight: normal;}
#content p {margin:0 0 1em 0; font-size:1.3em; color:#484848; line-height:17px;}
#content p.double {margin:2.2em 0 1em 0!important }
#content a.top { display:block; width:21px; height:16px; background:url(../img/top.gif) no-repeat; margin:0 27px 0 0; float:left; padding:0!important;}
/*#content a:hover.top { background-position: 0 -17px}*/
#content .trenner { width:907px; clear:both; height:2px; border-top:2px solid #CFC894; margin:0!important }
#content .clear { clear:both; }
#content .left ul { margin:0;}
#content .left ul li { margin:0 0 6px 0;}
#content .spmen { margin:24px 20px 18px 20px!important;}

#content .bott {margin:2.2em 0 0 0;height:16px;}

.art5 #content .left { margin:8px 20px 24px 20px; }
.art5 #content .top126 {height:126px!important; }
.art5 #content .left p {/* margin-bottom:22px;*/} 
.art5 #content .left ul li a { text-transform:uppercase; font-size:13px;}
.art5 #content p.wannwo {margin-top:13px;}
.art5 #content p.wannwo, .art5 #content p.wannwo a, .art5 #content p strong {color:#ab0015!important; font-weight:normal;}
.art5 #content p.wannwo span {padding: 0 8px 0 8px; margin:0; height:8px; }
.art5 #content p.wannwo span.sleft { padding-left:0;}
.art5 #pmen {margin-top:25px;}
.art5 #pmen form {width:280px; float:left; margin:0!important; padding:0!important;}
.art5 #pmen .form {width:280px; float:left; height:22px;}
.art5 #pmen form optgroup {margin-top:0.5em; padding:0; }
.art5 #pmen form optgroup select { padding:0!important; margin:0!important; text-indent:0;}
.art5 #pmen a {position:absolute; margin-left:348px;color:#484848; margin-top:4px;}
.art5 #sp select {width:280px; font-size:13px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#484848;}


.art5 #content h2 span.grey {color:#484848!important;}
ul.pmen { margin: 0 0 5px 0!important;}
ul.pmen li { display:inline; padding: 0 15px 0 15px; border-left:1px solid #484848; font-size:18px; line-height:20px;}
ul.pmen li.lileft { border-left:none; padding: 0 15px 0 0; }
ul.pmen li a { text-transform:uppercase; font-size:22px!important;}
ul.pmen li a.aktiv,ul.pmen li a:hover { color:#ab0015;}

/* CONTENT über uns */
/*.art6 #content .pic { float:right; margin:24px 20px 24px 0; width:242px;}*/
.art6 #content .left ul li { list-style:none;}
.art6 #content .left ul li a { text-transform:uppercase; font-size:13px;}
/* CONTENT veranstaltungsorte */
.art7 #content .map { float:right; margin:26px 20px 24px 0; width:437px;}
.art7 #content .mapleft {margin:22px 20px 24px 20px; width:375px; clear:both; float:left;}
.art7 #content .mapleft ul li { list-style:none;}
.art7 #content .mapleft ul li a { text-transform:uppercase; font-size:13px; line-height:23px}
.art7 #content .pic { width:392px;}
.art7 #content .left { width:425px}

body.art12 {background-color:#99B000;}
body.art13 {background-color:#5A98CD;}
body.art14 {background-color:#D57D1A;}
body.art15 {background-color:#6DADA2;}

.art12 #content .trenner { border-top:2px solid #C9D196; }
.art13 #content .trenner { border-top:2px solid #ACCADF; }
.art14 #content .trenner { border-top:2px solid #EABB9E; }
.art15 #content .trenner { border-top:2px solid #B7D3D0; }

.art12 #content a.top {background:url(../img/top_bhv.gif) no-repeat; }
.art13 #content a.top {background:url(../img/top_kito.gif) no-repeat; }
.art14 #content a.top {background:url(../img/top_kuba.gif) no-repeat; }
.art15 #content a.top {background:url(../img/top_overbeck.gif) no-repeat; }

#nav ul li span { text-indent:-999em; display:block;}
#nav li.kontakt span { width:98px;}
#nav ul li.einrichtung span, #nav li.kontakt span { height:37px; display:block;}
.art12 #nav ul li.einrichtung span { width:278px; background:url(../img/b_bhv.gif) 0 -37px; }
.art13 #nav ul li.einrichtung span { width:180px; background:url(../img/b_kito.gif) 0 -37px;}
.art14 #nav ul li.einrichtung span { width:220px; background:url(../img/b_kuba.gif) 0 -37px;}
.art15 #nav ul li.einrichtung span { width:189px; background:url(../img/b_overbeck.gif) 0 -37px;}
.art12 #nav ul li.kontakt span { background:url(../img/b_kontakt_bhv.gif) 0 0; }
.art13 #nav ul li.kontakt span { background:url(../img/b_kontakt_kito.gif) 0 0;}
.art14 #nav ul li.kontakt span { background:url(../img/b_kontakt_kuba.gif) 0 0;}
.art15 #nav ul li.kontakt span { background:url(../img/b_kontakt_overbeck.gif) 0 0;}

#nav ul li.zkp span a, #nav ul li.zkp span { width:121px;}
.art12 #nav ul li.zkp span a { background:url(../img/b_bhv_zkp.gif) no-repeat 0 0;  }
.art13 #nav ul li.zkp span a { background:url(../img/b_kito_zkp.gif) no-repeat 0 0; }
.art14 #nav ul li.zkp span a { background:url(../img/b_kuba_zkp.gif) no-repeat 0 0; }
.art15 #nav ul li.zkp span a { background:url(../img/b_overbeck_zkp.gif) no-repeat 0 0; }
#nav ul li.zkp span a:hover { background-position: 0 -37px; }

#kbbn42, .gform {clear:both;}
.formgen { width:605px;margin:0 20px 0 20px; }
.formgen label { display:block; font-size:13px; padding:5px 0 0 5px;width:200px; margin-bottom:3px;}
.formgen input.formtext, .formgen textarea.formtextfield { display:block; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#484848; width:585px; border: 1px solid #918109; }
.formgen input.formtext, .formgen textarea.formtextfield { background-color:transparent; padding:6px 0 6px 5px;width:580px;}
.formgen textarea.formtextfield { background-color:transparent; padding:5px 0 0 5px;width:580px;}
.formgen textarea.formtextfield { margin-bottom:0!important; }
.formgen input.formcheck { width:15px; height:15px; border: 1px solid #918109!important; }
.formgen .formsubmit, .fsubmit { border:none; text-align:left; padding-left:16px; background:url(../img/arrow.gif) #fff no-repeat 0 5px; text-transform:uppercase; color:#484848; margin-top:15px; }
.formgen .formsubmit:hover, .fsubmit:hover { background:url(../img/arrow.gif) #fff no-repeat 0 -13px; color:#ab0015; cursor:hand; cursor:pointer;  }
.formgen input.inl { float:left; width:15px; margin-right:15px;}
.formgen label.inl { float:left; width:520px; margin-top:0px;}
.formgen .formblock { margin:0 0 0 0;}
.formgen .mblock { display:none;}
.art10 .formgen .formblock { margin:0 0 10px 0;}
.forminfo { font-size:13px; color:#ab0015; line-height:16px; clear:both; margin:0 0 24px 24px;}
#form-module-thanks { clear:both; margin-left:20px; font-size:13px;}
.hidden {display:none;}
p.info {margin-top:-10px!important;}

#rex_375_multinewsletter {  display:block; clear:both; margin:24px 0 24px 20px; width:585px; }
#rex_375_multinewsletter li {  display:inline; }
#rex_375_multinewsletter form { margin-bottom:24px; }
#rex_375_subscribe, #rex_375_unsubscribe { border:none; text-align:left; padding-left:16px; background:url(../img/arrow.gif) #fff no-repeat 0 5px; text-transform:uppercase; color:#484848; margin-top:15px; width:290px; }
#rex_375_multinewsletter  label {display:block; font-size:13px; padding:5px 0 0 5px; width:200px;margin-bottom:3px;}
#rex_375_email { background-color:transparent; padding:6px 0 6px 5px;width:580px; border: 1px solid #918109; }

marquee { font-size:13px; padding:3px 0 0 0; margin:0 0 0 0; color:#000;}
.art1 #content a, .art1 #content a img {padding:0; margin:0; height:227px; display:block;}
.bott {margin:0 0 0 0!important; }
.bott .arrow {margin-right:20px;}

/*gästebuch*/
dl { margin-bottom:34px;}
dt, dd { font-size:13px; line-height:17px; }
dt {text-transform:uppercase;}
dt span {display:block; }
dd {margin-top:17px;}
#m_email {display:none;}



/* sponsoren */
.logos { margin: 14px 0 19px 20px;}
.logos .bhv {margin: 0 0 0 106px; }
.logos .kito {margin: 0 0 0 108px; }
.logos .kuba {margin: 0 0 0 113px; }
.logos .overbeck {margin: 0 0 0 67px; }
#content .sponsor h2 { font-size:12px; text-transform:uppercase; color:#484848;}
.sponsor a { margin-right:50px;}

ul.error {
	font-size:13px; line-height:20px; margin:0 0 20px 20px; color:#ab0015; clear:both;

}

#viewer {position:absolute; margin:24px 0 0 640px;}

.box div{
	position:absolute;
	background:#ab0015;
	width:242px;
	height:190px;
}
.box h3{
	padding:0 0 0 0;
}
.box img{
	position:static;
	float:left;
	width:242px;
	height:177px;
	margin:0;
}
.box div a{
	position:absolute;
	display:block;
	width:31px;
	height:23px;
	z-index:1000;
	right:5px;
	top:5px;
}
#viewer .box div p{
	position:absolute;
	display:block;
	width:242px;
	height:18px;
	z-index:900;
	top:168px;
	background-color:#ab0015;
	color:#fff;
	padding:3px 0 0 5px;
	font-size:13px;
}
.box img.ppup{
	width:31px;
	height:23px;
}
.mask{
	position:relative;
	width:242px;
	height:190px;
	overflow:hidden;
}
.mask img{
	position:absolute;
	display:block;
	border:none;
}
#viewer .buttons {  position:absolute; top:171px; z-index:1000; display:block; width:70px; right:0; }
#viewer .buttons span{ color:#fff; padding: 0 4px 0 4px; font-size:13px; font-weight:normal; margin-left:5px;}
#viewer .buttons span:hover{cursor:hand; cursor:pointer; }
#viewer .buttons span.active{ color:#ccc; }
.vermiet {min-height:190px;height:auto!important; height:190px; }