/* CSS Document */


/* GLOBAL
-------------------------------------------------------------------*/
@charset "UTF-8";
/* CSS Document */
/* Minimal style */
/* import reset css */
@import "reset.css";
/* import fancybox css */
@import "fancybox/jquery.fancybox-1.3.1.css";


html, body {
margin: 0;
padding: 0;
}


html { font: normal 14px/1.5em Georgia, "Times New Roman", Times, serif; color: #474747; }

body {
	background: #000 url(images/bg.gif) repeat-x;
	font-family: "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial, Helvetica, sans-serif;
}



/* FRAMEWORK
========================================================================= */
/* based on a 960px 24 col structure */

.clear { clear: both; display: block; overflow: hidden; width: 0; height: 0; }
.hide { display: none; }
.left { float: left; }
.right { float: right; }
.align_center { text-align: center; }
.align_right { text-align: right; }
.left_col, .main_col, .small_col, .medium_col, .large_col, .f_medium_col, .f_large_col, .gutter { float: left; display: inline; position: relative; }

/* MARGIN & PADDING */

.padd { padding-top: 25px; padding-bottom: 25px; }
.paddtop { padding-top: 91px; }
.margin { margin: 0 5px; }
.m_top { margin-top: 0px; }
.m_bottom { margin-bottom: 25px; }
.p_bottom { padding-bottom: 25px; }

.leftspace { padding-left: 100px; }
.leftspace_navi { padding: 100px 0 0 100px; }
.small_col, .medium_col, .large_col, .f_medium_col, .f_large_col, .gutter, .c_small_col { margin-left: 5px; margin-right: 5px; }
.gutter { padding-left: 20px; }


p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { margin-bottom: 1em; }


/* Border */

/* vertical border */
.v_border { border-right: 1px solid #cccccc; padding-right: 20px; margin-right: 14px; }
.f_v_border { border-right: 1px solid #667077; padding-right: 25px; margin-right: 19px; }

/* TYPOGRAPHY
========================================================================= */
hr { display: none; }
.smallcaps { font-variant: small-caps; letter-spacing: 1px; }

h1 { font-size: 26px; }
h2 { font-size: 23px; }
h3 { font-size: 21px; }
h4 { font-size: 19px; }


.main_col h4 { letter-spacing: 1px; font-variant: small-caps; font-weight: bold; }


h5 { font-size: 17px; font-variant: small-caps; letter-spacing: 1px; }

h1, h2, h3, h4 { font-family: "Lucida Grande", sans-serif; }

p { font-size: 14px; clear: both; }

em { font-style: italic; }
del { text-decoration: line-through; }
acronym { border-bottom: 1px dotted black; cursor: help; }
blockquote { border-left: 2px solid black; padding-left: 10px; margin: 20px 20px 35px; }
q { font-style: italic;  }
cite { font-style: italic; }
	cite a { }
pre, code { font-size: 13px; line-height: 20px; font-family: mono-space,monospace; white-space: pre; overflow: auto; }
pre { padding: 10px 0; }
code { background: #f6f6f6 url(../img/code.png) repeat scroll 0 0; display: block; border: 1px solid #ddd; padding: 0 20px; border-bottom-style: none; margin: 10px 0; }
ins { background-color: #fdfe7c; margin: 0 2px; padding: 2px 5px; }


		
a { color: #dc5b2e; }
	a:hover { text-decoration: none; }
	a:active { position: relative; bottom: -1px; }
	


strong { font-weight: bold; color: #071012; }
ul li { list-style-position: inside; }

.main_col ul li { list-style-type: disc; }

ol li { list-style: decimal; list-style-position: inside; }
li { margin-bottom: .4em; }




/* LAYOUT
-------------------------------------------------------------------*/

#nav {
	position:absolute;
	top:60px;
	right:0px;
}

#subnav {
	position:absolute;
	top:162px;
	left:470px;
}







#wrapper {
	width: 960px;
	margin: 0px auto 0;
}


#main_view {

	width:669px;
	height: 418px;
	float: left;
	position: relative;
	background: #ccc;
}

#gnav {
	float: left;
	width:291px;
	margin-top: 0px;
}





/* IMAGE ROTATOR
-------------------------------------------------------------------*/

#window {
	background: #fff;
	min-height: 418px;
	width:669px;
	overflow: hidden;
	position: relative;
}

#image_reel {
	background: #fff;
	position: absolute;
	width:6030px;
	top: 0px;
	left: 0px;
}

#image_reel a {
	position: relative;
	float: left;
	cursor: pointer;
	background: #fff;
}

#image_reel img {
	float: left;
	border:none;
}

#image_reel a span {
	width:670px;
	height: 418px;
	float: left;
	position: absolute;
	z-index: 10;
	top:0;
	left: 0;
}


/* GNAV
-------------------------------------------------------------------*/

#gnav ul {
	background: url(images/Bixal-Sprite.png) 0px 0px no-repeat;
	width:291px;
	height: 418px;
	position: relative;
	margin:0;
	padding:0;
	list-style:none;
	}
	
#gnav li {
margin: 0;
padding: 0;

	}

#gnav li, #gnav a {
padding: 10px 0 0 10px;
color: #333;
text-decoration: none;
display: block;
font-size: 14px;
width:291px;
height: 29px;
}


	
/* Hover
-------------------------------------------------------------------*/

#gnav a:hover {
color: #ff6600;
	}



	

/* MASTHEAD
-------------------------------------------------------------------*/

#planet {
	background: transparent;
	height: 130px;
	position: relative;
	}
	
#logo {
	position: absolute;
	top:15px;
	left: 0px;
	}
	
#logo a {
	background: url(images/logo.png) 0px 0px no-repeat;
	text-indent: -9999px;
	display: block;
	width:348px;
	height: 97px;
	}
	
#logo a:hover {
	background: url(images/logo.png) 0px 0px no-repeat;
}


/* SECONDARY NAV
-------------------------------------------------------------------*/

#nav_secondary {
	position: absolute;
	top:0px;
	right: 10px;
	-moz-border-radius: 5px;
}

#nav_secondary ul {
	float: right;
	-moz-border-radius: 5px;
	}

#nav_secondary li {
	background: #fff;
	color:#BDC498;
	float: left;
	padding: 2px 15px;
	font-size: 11px;
	}
	
#nav_secondary li a {
	background: #fff;
	font-weight:normal;
	display: block;
	color: #a53017;
	text-decoration: none;
}
	
#nav_secondary a:hover {
	background:#fff;
	color: #999;
	}
	

	
/* LOCAL NAV
-------------------------------------------------------------------*/

#nav_local {
	font-size:11px;
	padding-top: 15px;
	margin-bottom: 20px;
	color:#999;
	}
	
#nav_local a {
/* 	padding-left: 15px; */
	}
	
#nav_local strong {
	font-weight: bold;
	color: #a09057;
	margin-right: 10px;
	}
	
#nav_local ul {
	list-style: none;
	}
	
#nav_local li {
	background: none !important;
	list-style: none;
	float: left;
	margin-left: 10px;
	font-size: 11px;
}
	
#content #nav_local ul li.lead {
	padding-left: 0px !important;
	font-weight: bold;
	color: #a09057;
	margin-left: 0px;
	}
	
#content_termine {
	padding-left: 0px !important;
	font-weight: bold;
	color: #a09057;
	margin-left: 0px;
	height:418px;
	}

/* UTILITY
-------------------------------------------------------------------*/

.clearfix {
	clear: both;
	}
	










/* HEADER
========================================================================= */	
#header {color:#ccc;}
#header p { font-size: 12px; line-height: 1.5em; }
#header_border { background: url() repeat-x; }
#header .wrapper { padding-top: 20px; padding-bottom: 0px;width:960px;margin:0 auto;text-align:right;}


















/* FOOTER
========================================================================= */	

#footer_wrap { width:100%;
position:absolute;
top:550px;
}

#footer { width:960px;
margin:0 auto;
padding-top:20px;
}
#footer p { font-size: 12px; line-height: 1.0em; }



.leftspace_footer { padding-left: 410px;padding-top: 10px;  }

.wrapper_footer { padding-top: 5px; padding-bottom: 0px; margin:0 auto;
width:980px;}

#footer h3 { font-size: 12px; color: #667077; letter-spacing: 1px; text-transform: uppercase; }

.copy { font-variant: small-caps; letter-spacing: 1px; color: #656565; }

.kontakt1 { float: left; width: 330px;padding-left:180px;
}
.kontakt2 { float: left; width: 300px;padding-left:40px;
}

.kontakt1 h5 { font-size: 12px; line-height: 1.0em;font-variant: small-caps; letter-spacing: 1px; color: #667077; margin-bottom: 8px; padding-bottom: 2px; }
.kontakt2 h5 { font-size: 12px; line-height: 1.0em;font-variant: small-caps; letter-spacing: 1px; color: #667077; margin-bottom: 8px; padding-bottom: 2px; }


.postdate { vertical-align: bottom; color: #5f5f5f; font-size: 12px; }

.postcontent { color: #5f5f5f; margin:0; padding:0; }




#bg,#bg div,#bg img{-moz-user-select:-moz-none;-webkit-user-select:none}
#bg{width:100%;height:100%;overflow:hidden;position:absolute;left:0;bottom:0}
#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%;display:table}
#bg div div{left:0;top:50%;width:100%;display:block;height:auto}
#bg div > div{display:table-cell;vertical-align:middle;height:100%;position:static;top:0}
#bg img{margin:0 auto;display:block;width:50%}
#bg img.hide{position:absolute;top:-99999px;left:-99999px;visibility:hidden;display:none}
*+html #bg div div{position:absolute;top:50%;height:auto}
*+html #bg img{position:relative;top:-50%}
* html #bg img{height:50%;position:relative;top:-50%}
* html #menu h1 a{background-image:url(logo.gif)}



#top-bar{
 position : fixed;
top : 0px;
 left : 0px;
 width : 100%;
 z-index : 7 !important;
 background-color:#000;
 }


#footer_adress{
 position : fixed;
 bottom : 0px;
 left : 0px;
 width : 100%;
 z-index : 7 !important;
 background-color:#000;
 }
 
 


.footer_text{
 text-align:center;
 padding-top:10px;
 }

#footer_bottom{
 position : absolute;
 bottom : 0px;
 left : 0px;
 width : 100%;
 height:124px;
 background-image:url(images/footer_bg.gif);
 background-repeat:repeat-x;
 background-color:#000;
  z-index : 0 !important;
 }


.movie{position:relative;overflow:hidden;background:#fff;
width:590px;  
height:418px;

float:left;}

.container_text{position:relative;overflow:hidden;background:#fff;
width:330px;float:left;padding:20px;font-family:Arial, Helvetica, sans-serif;
height:378px;
text-align:left;
font-size:.9em;
line-height:1.5em;
}


.pics { height: 418px; width: 590px; padding:0; margin:0; overflow: hidden; float:left;}
.pics img { height: 418px; width: 590px; padding: 0px; top:0; left:0 }

#slideshow-container{ width:590px; height:418px; position:relative;
background-color:#000;
float:left; }
#slideshow-container img { width:590px; height:418px; display:block; position:absolute; top:0; left:0; z-index:1; }



.aktuell_text{
    
	float:left;
    padding-right:10px;
	color:#000;
}


.aktuell_beginn{
    
    padding-right:0px;
	color:#000;
}

.aktuell_title{
	float:left;
	
    padding-right:10px;
	color:#fff;
}


.datum{
    width:100px;
	float:left;
    padding-right:10px;
	color:#000;
}


.tag{
font-size:11px;
 	width:20px;
	float:left;
    padding-right:3px;
	color:#fff;
	font-weight:normal;
}


.time{
font-size:10px;
color:#ff6600;
font-weight:normal;
padding:0;
margin:0;
line-height:10px;
}



.title{
font-size:11px;
color:#fff;
font-weight:normal;
font-variant:small-caps;
padding:0;
margin:0;
}


.termine1{
	width:190px;
	height:418px;
	background:#2a2a2a;
	float:left;
	border-right:1px solid #555;

}

#termine2{
	width:190px;
	height:418px;
	background:#2a2a2a;
	float:left;

}

#termine3{
	width:190px;
	height:418px;
	background:#2a2a2a;
	float:left;

}

#termine4{
	width:190px;
	height:418px;
	background:#2a2a2a;
	float:left;

}


#termine5{
	width:190px;
	height:418px;
	background:#2a2a2a;
	float:left;

}



#basic-accordian{
  
	border:0px solid #EEE;
	padding-left:0px;
	padding-top:0px;
	width:960px;

}



.accordion_headings_aktive{

margin-top:10px;
	padding:5px;
	background:#c0204a;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
}



.accordion_headings{

margin-top:0px;
	padding:4px 5px 5px 15px;
	background:#2a2a2a;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	height:25px;
	border-bottom:1px solid #666666;
}



.accordion_headings:hover{
	background:#3a3a3a;
	color:#fff;
}

.accordion_child{
  
  padding-top:10px;
  padding-bottom:10px;
  padding-right:10px;
  padding-left:10px;
  background:#000;
}

.accordion_child {
color:#ccc;
font-weight:normal;
font-size:11px;
line-height:14px;
}


.accordion_child_left{

	padding:15px;
  background:#000;
}

.header_highlight{
	background:#333;
}