@charset "UTF-8";

@charset "UTF-8";

* { 
	padding : 0; 
	margin : 0; 
} 

body {
	overflow-y:scroll;
	background-color : #fff; 
	font-size : 12px;
	font-family:Arial, Helvetica, sans-serif;
	} 

.container { 
	height:101%;
	width : 980px; 
	margin : 0; 
	padding : 0; 
	color : #333; 
	text-align : left; 
	font-family : arial, verdana, serif; 
	background : #EBEBEB; 
}
 
div.header, div.header_index { 
    position:relative;
	background-repeat : no-repeat; 
	margin-left : 0; 
	padding : 0;
	
}

div.header {
	background-image : url(images/bf_header.jpg); 
	height:100px;
	}
div.header_index {
	height : 321px; 
	
}


#logo{
	position:absolute;
    top:0px;
    left: 570px;
	width:182px;
	height:486px;
	z-index:1;	
}

#indexGallery {cursor:pointer;}

#galleryToggle {
	display:none;
	width:44px;
	height:29px;
	background:url(images/nav/expander.png) no-repeat;
        position:relative;
        top:-27px;
        left:63px;
}

.nav_container { 
	clear : right; 
	background : url(images/mv_back_nav.jpg) no-repeat; 
	height : 55px; 
	display:block;
} 
.nav { 
	margin:10px auto 20px 111px; 
	font-size : 27px; 
	color : #f69; 
	text-decoration : none; 
	font-weight : normal; 
	
} 
.nav {
	height : 25px; 
	float:left;
	}


.nav_bottom, .nav_bottom_index { 
        border-top:1px dotted #ccc;
	padding : 6px 0 6px 111px;  
	background:#fff;
	} 
.nav ul, .nav_bottom ul {
	clear:both;
	padding-bottom:20px;
	}
.nav ul li, .nav_bottom ul li { 
	float : left; 
	list-style-type : none; 
	} 
.nav_container ul li, .nav_bottom ul li { 
	margin : 0; 
	padding : 0; 
	list-style : none; 
	display : inline; 
} 
.nav_bottom ul li {
         padding-right:10px;
}
.nav a, .nav_bottom a, link { 
         border : none; 
         color : #369; 
         text-decoration : none; 
} 
.nav a:active, .nav_bottom a:active { 
         text-decoration : none; 
} 
.nav a:hover, .nav_bottom a:hover { 
         text-decoration : none;
         color: #6AA6CA; 
} 





.startseite a { 
background : url(images/nav/nav_startseite.png) no-repeat;
} 
.startseite a:hover, .nav ul li.startseite.current_page_item a { 
background : url(images/nav/nav_startseite_a.png) no-repeat; 
} 
.aktuelles a { 
background : url(images/nav/nav_aktuelles.png) no-repeat;
} 
.aktuelles a:hover, .nav ul li.aktuelles.current_page_item a { 
background : url(images/nav/nav_aktuelles_a.png) no-repeat; 
} 
.programm a { 
background : url(images/nav/nav_programm.png) no-repeat;
} 
.programm a:hover, .nav ul li.programm.current_page_item a { 
background : url(images/nav/nav_programm_a.png) no-repeat; 
} 
.chronik a { 
background : url(images/nav/nav_chronik.png) no-repeat;
} 
.chronik a:hover, .nav ul li.chronik.current_page_item a { 
background : url(images/nav/nav_chronik_a.png) no-repeat; 
} 





.pages { 
	clear:left;	
	background: url(images/content_bottom.png) #fff;
    background-repeat:no-repeat;
    background-position:bottom;
    min-height:350px;
	line-height : 160%; 
	font-weight : normal; 
	margin: 20px 10px 10px 111px;
	width:758px;
    padding-bottom:20px;
} 


#index_page { 
	clear:left;	
	/*background : #fff;*/
	height : auto;
	line-height : 160%; 
	font-weight : normal; 
	margin: 0;
	width:576px;
	position:relative;
} 

#intro_wrapper {
	position:relative;
    min-height:300px;
	width:576px;
	}

/************************** TEASER *****************************/

.teaser {
    position:relative;
    height:auto;
    width: 182px;
    margin:0 10px 0 0;
    float:left;
    background: url(images/teaser_bottom.png) #f3f3f3;
    background-repeat:no-repeat;
    background-position:bottom;
    padding:0 0 10px 0;
} 

#teaser4 {
    position:absolute;
    left:686px;
    top:460px;
	line-height: 160%;
    padding:20px 0 20px 0;
   /* background: url(images/teaser_bottom.png) bottom no-repeat #fff;*/
}

#teaser4 a {position:relative;}


.teaserContent, .teaser h1, #teaser4 {
	cursor:pointer;
	}

.teaser:hover {
	background: url(images/teaser_bottom.png) no-repeat bottom #fff;
}


.teaserImg {
    position:relative;
    left:-10px;
    padding:10px 0 0 0;
}

.pfeil {float:right;margin-right:20px;}

/************************** CONTENT *****************************/
#content1, #content2, #content3 {
	display:none;
}

#content1 ul {
    padding:0 30px 0 35px;
}
#content1 ul li {
    padding-top:1em;
}


#content2 {
	left:-192px;
	}


.content {
    position:absolute;
    padding-bottom:25px;
    padding-top:25px;
    top:60px;
    width:566px;
	min-height:300px;
	z-index:10;
    background: url(images/content_bottom.png) no-repeat #fff;
	background-position:bottom;
} 

.content p {padding:20px;}

.uhrzeit {width:20%;
}

.contentPage {
    top:60px;
    width:566px;
	min-height:400px;
	z-index:10;
    background: url(images/content_bottom.png)bottom no-repeat #fff;
}

.displayBlock {
	display:block;
	}

.displayNone {
	display:none;
	}

div.white {
	background: url(images/teaser_bottom.png) bottom no-repeat #fff;
    overflow:visible;}

/************************** TEXTFORMATIERUNG **************************/

a {
    font-weight:bold;
    text-decoration:none;
    color:#369;
}

a:hover {
    color:#6AA6CA;
}

a img { 
    border : none; 
    margin : 0; 
    padding : 0; 
} 


h1 {font-size:12px;color:#369;}
h1 {font-size:20px;color:#6AA6CA;font-weight:normal;}
h3 {font-size:12px;color:#666;font-weight:normal;}
h6 {font-size:10px;color:#666;font-weight:normal;}

p, 
h1, 
h3,
table {
	padding:10px 10px 0 10px;
}

table{width:100%;}

.spalte1{
vertical-align:top;
width:80px;
}

/*table.TabBuecherfest {background:#D8E6F1;}*/
.odd {background:#D8E6F1;}
.even {background:#FFF;}
td {padding:10px 10px;}


/* TEXTFORMATIERUNG ENDE */


/* LAYOUT FOOTER */

.footer, .index_footer { 
	position : relative; 
	padding-top:35px;
	background : none; 
	clear : both; 
} 

.footer ul li { 
	float : left; 
} 

.credits {
    height:80px;
    background:#fff;
    padding-left:10px;
}

.credits ul li {
    float:left;
    list-style-type:none;
}

.credits a {color:#369;}


.bvp_logo img{
margin:-30px auto auto 10px;
}

/*h1, h2, h3, h4, h5, h6, form, fieldset { 
margin : 0; 
padding : 0; 
}*/

.clear { 
    clear : both; 
} 

.left {
    float : left;
    position:relative;
    top:10px;
    width : 200px; 
    display : inline; 
	font-weight:normal;
} 
.right { 
    float : right; 
    position:relative;
    top:10px;
    display : inline; 
	
} 
.left a, .right a, .marginal a {font-weight:normal;} 

.marginal {
	clear:both;
    margin-right:0;
    font-size:90%;
    font-weight:normal;
	} 

#teaser4 .marginal {
    color:#999;
    padding-left:10px;
    line-height:120%;
}



body,
.container {
    background:#fff;
}

#indexGallery,
div.schatten,
#stripTransmitter0 {
    display:none;
}
#header_index {height:10px;}


				.teaserContent {
					display:none;
					}
					
				.teaser {
					width:566px;
					background: none #FFF;
					clear:left;
					}
					
				.teaser:hover {
					background: none #FFF;
					}
				#teaser4 {
					display:none;
					width: 182px;
					top:0;}
					
				#content1, #content2, #content3 {
					top:15px;
					display:block;
				    position:relative;
					left:0;
				}
				#teaser1, #teaser3, #content1, #content3 {
	                 display:none;
	            }
				.content {
					
					background-image:none;
					border-bottom: 1px solid #ccc;}