/*
 Colors: #f6bb0a yellow
*/

body {padding: 0; margin: 0; text-align: center; background: transparent url(../images/Background.gif); font-family: Arial, Helvetica, Sans-Serif; font-size: 0.75em; line-height: 135%;}
#page {width: 1000px; margin: 0 auto 0 auto; background: transparent url(../images/BackgroundPage.png) repeat-y 0 0; position: relative;}
.contentwrapper {width: 950px; margin: 0 auto 0 auto; text-align: left;}

/* Header */
#header {position:relative; z-index: 80;}
#header .top {background: transparent url(../images/backgroundHeader.png) repeat-y 0 0; width: 970px; padding: 0 5px 0 5px; margin: 0 auto 0 auto; text-align:left;}
#header .logo {width:121px; height:95px; padding: 20px 20px 20px 30px; display: block; }
#header .bottom {background: transparent url(../images/backgroundHeaderBottom.png) no-repeat 0 bottom; width: 950px; padding: 0 15px 15px 15px; margin: 0 auto 0 auto; text-align:left;}

/* Facebook Link*/
#facebook {position: absolute; right: 100px; top: 10px;}

/* Header Searchbox */
#topSearchbox {position: absolute; right: 40px; bottom: 50px; width: 305px;}
#topSearchbox ul li {float:left;}
#topSearchbox ul li a {color: #000; display: block; padding: 0 5px 0 5px; border-right: 1px solid black;}
#topSearchbox ul li.last a {border-right: none;}
#headerSearchform {float:right; background: transparent url("../images/BackgroundSearch.gif") no-repeat scroll left 0; padding: 2px 0 2px 25px; margin: -3px 0 0;}
#headerSearchformsword {float:left; background: #f6bb0a; border: none; width: 115px; color: #FFF; padding: 1px 1px 1px 1px; margin: 0 5px 0 0; height: 14px;}
#headerSearchformsubmit {vertical-align:middle; float: right; margin: -2px 0 0 0;}

/* Language Switcher */
#languageswitcher {position: absolute; right: 40px; top: 18px;}
#languageswitcher li {float: left; margin: 0 0 0 5px;}
#languageswitcher li a span {display: none;}
#languageswitcher li.de a {background: transparent url("../images/language_de.gif") no-repeat 0 0; width:14px; height:9px; display: block;}
#languageswitcher li.en a {background: transparent url("../images/language_en.gif") no-repeat 0 0; width:14px; height:9px; display: block;}

/* Rootline */
#rootline {clear: both;  margin: 5px auto 10px auto; width: 950px; color:#F6BB0A;}
#rootline a {color: #000;}

/* Content 
#content {border: 1px solid #999; height: 350px; background: #fff; overflow: auto;}
*/
#content {border: 1px solid #999; background: #fff; width: 950px; overflow: auto;}

.mapview #content {border: 1px solid #999; background: #fff; overflow: auto;}

#contentNavigation li {float: left; background: #F6BB0A;}
#contentNavigation li a {display: block; color: #fff; min-width: 50px; text-align: center; border-right: 1px solid #999; padding: 4px; border-bottom: 1px solid #999;}
#contentNavigation a:link, #contentNavigation a:visited {color: #fff;	background: #f6bb0a;} 
#contentNavigation a:focus, #contentNavigation a:hover, #contentNavigation a:active {color: #fff; background: #000;}

.csc-default {margin: 0 0 10px 0;}

.contentbackground {float: left; width: 615px; margin: 35px 0 20px 20px; padding: 20px 20px 10px 20px; background: transparent url(../images/BackgroundContent80.png); position: relative;}
.margin {width: 200px;}

.mapview .contentbackground {width: 570px; margin: 35px 0 20px 20px; padding: 20px 10px 10px 10px; background: transparent url(../images/BackgroundContent80.png);}

.contentbackground h2 {color: #000000; font-size: 2em; font-weight: bold; line-height: 110%; margin: 0 0 20px 0;}
.contentbackground h3 {color: #000000; font-size: 1.2em; font-weight: bold; line-height: 110%; margin: 0 0 10px 0;}
.contentbackground h2 span {background: #F6BB0A; color: #000000; font-weight: bold; line-height: 110%; padding: 4px;}

.contentbackground h3 a:link, .contentbackground h3 a:visited {font-size: 0.75em; color: #fff;	background: #f6bb0a; padding: 2px;} 
.contentbackground h3 a:focus, .contentbackground h3 a:hover, .contentbackground h3 a:active {color: #fff; background: #000;}


/* Teaser */
#teaser {margin-top: 20px; width: 960px;}
.teaser {background: transparent url(../images/backgroundTeaser.png) no-repeat 0 0;  float: left; width: 240px; height: 150px;}
.teaser h3 {color: #F6BB0A; font-weight:bold;  border-bottom: 1px solid #F6BB0A; margin: 15px 5px 5px 20px; font-size: 1.1em; padding: 0 0 5px 0;}
.teaser h3 a {color: #F6BB0A;}
.teasertext {margin: 0 0 0 20px; width: 215px;}
.teasertext img {float: right;}

/* Banner */
#banner  {margin-top: 20px; width: 960px;}
#banner .left {float: left;}
#banner .middle {float: left; margin: 0 45px 0 45px;}
#banner .right {float: right;}
.banner {background: transparent url(../images/backgroundBanner.png) no-repeat 0 0;  float: left; width: 290px; height: 50px;}
.bannerInner {width: 276px; margin: 5px; padding: 2px; text-align: center;}

/* Footer */
#footer {background: transparent url(../images/backgroundFooter.png) no-repeat 0 0; margin: 20px auto 0 auto; padding: 15px; height: 15px;}
#footer p {padding: 3px 8px 3px 8px; color: #fff;}

#footernavigation {text-align: center; color: #999; font-size: 0.9em;}
#footernavigation ul {display: inline-block; margin: 0; padding: 0;}
#footernavigation li {float: left; padding: 0 5px 0 5px; border-right: 1px solid #999;}
#footernavigation li.last {border-right: none; float: left; padding: 0 5px;}
#footernavigation li a {display: block; color: #999;}

/* Sitemap */
#footer-sitemap {margin: 5px auto 10px auto; width: 900px; background:  #F6BB0A; min-height: 10px; margin: 20px auto -20px auto; padding: 0 25px;}
#footer-sitemap .box160 {width: 130px; float: left; text-align: left; padding: 10px;}
#footer-sitemap a {color:#fff;}
#footer-sitemap a.first {font-weight: bold;}



/* Contact */
.csc-mailform-field {margin: 0 0 0.5em 0; width:415px;}
.csc-mailform-field .label, .csc-mailform-field label {display:block; float:left; width: 150px; font-weight: bold;}
.csc-mailform-field label.rightlabel {display:block; float:right; width:380px; font-weight: bold;}
.csc-mailform-field .value {display:block; float:left; width: 250px; font-weight:bold;}
.csc-mailform-field input {color:#FFFFFF; padding: 4px 5px 4px 5px; display:block; float:left; width: 250px; border: none; background: transparent url(../images/BackgroundInput.png) no-repeat 0 0;}
.csc-mailform-field input.csc-mailform-check {float: left; width: auto;}
.csc-mailform-field textarea {padding: 4px 5px 4px 5px; display:block; float:left; width: 250px; height: 192px; border: none; font-family: Arial, Helvetica, sans-serif; background: transparent url(../images/BackgroundTextarea.png) no-repeat 0 0;}
.csc-mailform-field .csc-mailform-submit {width: auto; margin: 0 0 0 150px; background: #f6bb0a;}
.csc-mailform-field .csc-mailform-submit-right {width: auto; margin: 0 0 0 0; float:right;}
.csc-mailform-field .csc-mailform-submit-left {width: auto; margin: 0 0 0 0; float:left;}
.csc-mailform-field .error { color: red; margin: 0 0 -1em 150px;}
.csc-mailform-info {width:405px; margin: 0 0 1em 0;}
.border-bottom {border-bottom: 1px solid #8F8F8F; padding: 0 0 15px 0;} 

/* Foldout Menü */
#nav {border-top: 1px solid #999; width: 950px; position:relative;}


#nav a:link, #nav a:visited {line-height:30px; display:block; padding: 0 10px 0 10px; border-right: 1px solid #fff; min-width: 110px; text-align: center; font-size: 1.15em; color: #FFFFFF;}
#nav a:focus, #nav a:hover, #nav a:active {background: #FFFFFF url(../images/BackgroundNavigationACT.gif) repeat-x 0 0; color:#FFFFFF;}
#nav a.active:link, #nav a.active:visited, #nav a.active:focus, #nav a.active:hover, #nav a.active:active {background: #FFFFFF url(../images/BackgroundNavigationACT.gif) repeat-x 0 0; color:#FFFFFF;}

#nav li {float:left; position:relative;}
#nav ul {position:absolute; left: -5px; width:140px; top:30px; display:none;}
#nav li ul li {background: transparent url(../images/BackgroundSubnavigationMiddle.png) repeat-y 0 0; padding: 0 5px 0 5px;}
#nav li ul li.first {background: transparent url(../images/BackgroundSubnavigation.png) no-repeat 0 0;}
#nav li ul li.last {background: transparent url(../images/BackgroundSubnavigationBottom.png) no-repeat 0 bottom;}
#nav li ul a:link, #nav li ul a:visited {line-height:120%; font-size: 0.8em; display:block; padding: 5px 10px 5px 10px; border-right: none; min-width: 110px; text-align: left; font-size: 1.15em; color: #FFFFFF;}
#nav li ul a:focus, #nav li ul a:hover, #nav li ul a:active {background:none; background-color:transparent; color:#000000;}
#nav li ul a.active:link, #nav li ul a.active:visited, #nav li ul a.active:focus, #nav li ul a.active:hover, #nav li ul a.active:active {background:none; background-color:transparent; color:#000000;}

#nav li ul li.last a {margin: 0 0 10px 0;}
#nav li:hover ul ul, #nav li:hover ul ul ul,#nav li:hover ul ul ul ul {display:none;}
#nav li:hover ul, #nav li li:hover ul, 
#nav li li li:hover ul,#nav li li li li:hover ul {display:block;}

#innerNavigation {position: absolute; z-index: 70; left: 24px; top: 0; background: #FFFFFF;}
#innerNavigation ul {}
#innerNavigation ul li {float: left; margin: 0 -6px 0 0; border-right: 1px solid #999999;}
#innerNavigation ul li a {display:block; padding: 3px 15px 3px 15px; color: #FFFFFF; border-bottom: 1px solid #999999;}
#innerNavigation ul li a:link, #innerNavigation ul li a:visited {color: #FFFFFF; background: transparent url("../images/BackgroundTabNO.png") no-repeat 0 0;}
#innerNavigation ul li a:focus, #innerNavigation ul li a:hover, #innerNavigation ul li a:active {color: #FFFFFF; background: transparent url("../images/BackgroundTabRO.png") no-repeat 0 0;}
#innerNavigation ul li a.active:link, #innerNavigation ul li a.active:visited, #innerNavigation ul li a.active:focus, #innerNavigation ul li a.active:hover, #innerNavigation ul li a.active:active {color: #FFFFFF; background: transparent url("../images/BackgroundTabRO.png") no-repeat 0 0;}

/* Frames */
.csc-frame-rulerAfter {border-bottom: 1px solid #000000; margin: 0 0 10px 0; padding: 0 0 10px 0; width: 100%;}

.csc-textpicHeader {}
.csc-header-date {border-right: 1px solid black; float: left; font-weight: bold; margin: 5px 10px 10px 0; padding: 0 10px 0 0;}
.csc-sitemap a {color: #000;}
.csc-sitemap ul {margin: 5px 0 5px 10px;}

#programm .csc-textpicHeader {float: left; width: 100%;}
#programm .csc-textpicHeader h2 {float:left;}
#programm .csc-header-date {border-right: none; float: left; font-weight: bold; margin: 5px 0px 10px 10px; padding: 0 10px 0 0;}

#content .csc-textpic-imagecolumn ul {margin: 0 0 0 0;}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {font-weight: bold; margin: 0 0 0 0; padding: 5px 0 0 0;}

.bodytext {margin: 5px 0 5px 0; line-height: 150%;}
.bodytext a {background: #FFFFFF; color: #F6BB0A; font-weight: bold; padding: 2px 5px;}
.bodytext a:link, .bodytext a:visited {color: #FFFFFF; background: #f6bb0a;}
.bodytext a:focus, .bodytext a:hover, .bodytext a:active {color: #000000; background: #FFFFFF;}
b {font-weight: bold;}

#content ul {list-style: disc; margin: 0 0 10px 30px;}
#content ul li {margin: 0 0 5px 0;}

.csc-searchResultInfo {margin: 0 0 10px 0;}
.csc-searchResultRange {font-weight:bold;}
.csc-searchResultHeader {}
.csc-searchResultHeader a {background: #FFFFFF; color: #F6BB0A; font-weight: bold; padding: 2px 5px;}
.csc-searchResultHeader a:link, .csc-searchResultHeader a:visited {color: #FFFFFF; background: #f6bb0a;}
.csc-searchResultHeader a:focus, .csc-searchResultHeader a:hover, .csc-searchResultHeader a:active {color: #000000; background: #FFFFFF;}
.csc-searchResult {margin: 5px 0 10px 0;}

#mailform {border-top: 1px solid black; margin: 10px 0 0; padding: 10px 0 0;}


/* FAQ */
.tx-irfaq-pi1 a:link, .tx-irfaq-pi1 a:visited {color: #000000; font-weight: bold;}
.tx-irfaq-pi1 a:focus, .tx-irfaq-pi1 a:hover, .tx-irfaq-pi1 a:active {color: #000000;}
.tx-irfaq-pi1 .additional-info {
    border-top: none;
    margin-bottom: 10px;
}

.slide .contentbackground h2 {background: none; color: #000000; display: block; font-size: 2em; font-weight: bold; line-height: 110%; margin: 0 0 20px; padding: 0;}
.nextArticle {float: right}
.nextArticle a {background: #FFFFFF; color: #F6BB0A; font-weight: bold; padding: 2px 5px;}
.nextArticle a:link, .nextArticle a:visited {color: #FFFFFF; background: #f6bb0a;}
.nextArticle a:focus, .nextArticle a:hover, .nextArticle a:active {color: #000000; background: #FFFFFF;}

.printVersion {position: absolute; right: 20px;}
.printVersion a {display: block; color: #999;}

.csc-textpic-imagewrap ul {margin: 0 0 0 0 !important;}
.csc-textpic-imagewrap ul li.csc-textpic-image {margin: 5px !important;}


/* Event Slider */
#eventslider {
	position: relative;
	width: 950px;
	height: 230px;
	padding: 0 5px;
	margin: 0 0 0.8em 0;
	background: transparent url("../images/event-slider-background.png") no-repeat 50% 0;
}
.eventscrollable {
	position:relative;
	overflow:hidden;
	width: 840px;
	height: 220px;
	margin: 0 55px;
}
.eventscrollable .items {
  width:20000em;
  position:absolute;
}
.eventslider-items-wrap {
	 width: 840px;
	 float:left;
}
.eventslider-item {
	float:left;
	text-align:center;
	width: 210px;
	height: 200px;
	padding: 10px 0 0 0;
}
.eventslider-event {
	position:relative;
	width: 175px;
	margin: 0 auto;
	text-align: left;
}
.eventslider-event h2 {
	position: absolute;
	bottom: 20px;
}
.eventslider-event h2 span{
	background: #f6bb0a;
	display: inline-block;
	padding: 2px 5px;
}
.event-title {
	font-size: 1.3em;
	font-weight: bold;
}
.event-title a {
	color: black;
	text-decoration: none;
}

#eventslider .browse {
	cursor: pointer;
	position: absolute;
	display: block;
	width: 30px;
	height: 40px;
	margin-top: -30px;
	background: transparent url("../images/BackgroundSliderNavigation.png") no-repeat 0 0;
}
#eventslider .browse.left {
	left: 15px;
	top: 50%;
	background-position: 0 0;
}
#eventslider .browse.left:hover {
	background-position: -30px 0;
}
#eventslider .browse.right {
	right: 15px;
	top: 50%;
	background-position: 0 -40px;
}
#eventslider .browse.right:hover {
	background-position: -30px -40px;
}