@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 auto; 
	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: 687px;
	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: 20px 10px 10px 111px;
	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 30px 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;
	}
#content3 {
	left:-384px;
	}

.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 : url(images/bf_footer.png) no-repeat; 
	clear : both; 
} 

.index_footer { 
	height : auto; 
	background : url(images/bf_footer.png) no-repeat; 
} 

.footer ul li { 
	float : left; 
} 

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

.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 : 390px; 
    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%;
}


/* ************************ KontaktSlider ************************ */

#kontaktSlider {
        position:relative;
        top:-150px;
		display:none;
        height: auto;
        width: 182px;
		}

#error_msg {
          padding: 6px 0 0 10px;
		  height:auto;
          z-index:5;
		  font-weight:700;
		  color:#C33;
          background:white;
		  }

#contactToggle {
	cursor:pointer;
	}



/* 
// Mail Formular
*/


form {
position:absolute;
left:0px;
background:#fff;
width: 182px
}


form dl, dl.labels {
		margin:0em;
		font-size:100%;
		margin-top:0.5em
	}

	form dt, dl.labels dt {
                
		/*float:left;*/
                margin-left:5px;
		width:182px;
		margin-bottom:0.1em;
		color:#333;
		text-align:left;
		font-weight:400;
		position:relative /*IEWin hack*/
	}

	form dd, dl.labels dd {
                margin-left:5px;
		margin-bottom:0.2em;
		font-size:100%;
		font-style:normal;
		text-align:left;
		padding-left:0;
	}
	
	form dd.submit, dl.labels dd.submit  {
		margin-top:2em;
	}
	
	#error_msg {
          height:auto;
          z-index:5;
		  font-weight:700;
		  color:#C33;
          padding-left:10px;
          background:white;
	}
	
	.pxs_css_spamcheck {
		display: none !important;
	}


form label {color:#369;}
form dd input {display:block;}

/* 
// Textfelder Mail Formular
*/

.y_name,
.y_email,
 #your_subject,
.y_msg {
    padding:2px 4px;
    color:#2C5B88;
    background:#D1E3F4;
    border:0;
	width:164px;
}

.y_msg {
    height:125px;
    width:156x;
    padding:2px 4px;
    color:#2C5B88;
    font-family:Arial;
    font-size:97%;
}
form dd {color:#2C5B88;
}
form dt {font-size:95%;color:#2C5B88;
}


.formKopieContainer {
        margin-top:-25px;
        float:left;
}

.formKopieBox {
        margin-top:2px;
        float:left;
}

.formKopieText {
        padding:6px;
}

#btnSubmit {
        width:172px;
        margin:0 6px 6px 0;
        background:#369;
        border:none;
        color:#fff;
        padding:3px;
}
#btnSubmit:hover {
        background:#6AA6CA;
}


.ccme {
        position:absolute;
        bottom:-30px;
        }

.contactForm, .more {padding-left:10px;
list-style:none;
}

.contactForm li, .more li {
    vertical-align:top;
    float:left;
}