@charset "UTF-8";
/* CSS Document */
body{font-family:"Arial Black", Arial, Helvetica, sans-serif; margin:0; background:url(images/body-background.gif) #FFFFFF;}
.bodytext {font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#teasercontainer4 .bodytext {font-family:"Courier New", Courier, monospace; word-spacing:-0.3em;}

	a {
text-decoration:none;
outline-color:invert;
outline-style:none;
outline-width:0pt;
}
.clearer{float:none; clear:both;}
/*aus classe raute gemacht*/
thebiest{
	width:55px;
	height:43px;
	margin:-59px 0 0 311px;
	position:absolute;
	background-image:url(images/theBiest.png);
	display: none;
}
#teasercontainer1:hover .thebiest, #teasercontainer2:hover .thebiest, #teasercontainer3:hover .thebiest, #teasercontainer4:hover .thebiest{display:block;}
#startpage{
	width:932px;
	margin-left:auto;
	margin-right:auto;
	
}
#startheader{
	height:59px;
}
#startlogo{float:left; width:221px; height:59px; background:url(images/biestlogo.gif) no-repeat; padding:0 30px 0 0;}
#startlanguage{float:left; width:120px; height:39px;padding-top:20px; background:url(images/language_bg.gif) no-repeat;font-family:Arial, Helvetica, sans-serif;}
#startlanguage a{width:30px; overflow:hidden;font-family:Arial, Helvetica, sans-serif;}

#startmetanavi{
	float:left;
	height:39px;
	display: block;
	width: 320px;
	text-align:right;
	padding:20px 0 0 0;
}
#startsocial{
	float:right;
	width:234px;
	height:39px;
	
	background:url(images/socialbookmarks_bg.gif) no-repeat;
	padding:0;
	padding-top:20px;
}

#startmetanavi a{color:#000000; float:right; text-transform:uppercase; font-size:10px; padding:0 10px 0 0; text-decoration:none;}
#startmetanavi a:hover{color:#C9001C;}


/*___________________TEASERCONTAINER_______________________________*/
#teasercontainer1,#teasercontainer2,  #teasercontainer3, #teasercontainer4{
height:180px;
	margin:0 0 7px 0;
	border:1px solid #d6d6d6;
	padding:8px 20px 0 0;
	font-size:11px;
	overflow:hid7en;
	font-family:Arial, Helvetica, sans-serif;
}

#teasercontainer2{
height:200px;
	margin:0 0 7px 0;
	border:1px solid #d6d6d6;
	padding:8px 20px 0 0;
	font-size:11px;
	overflow:hid7en;
	font-family:Arial, Helvetica, sans-serif;
}

#teasercontainer3{
height:210px;

}
#teasercontainer4{
height:200px;

}



#teasercontainer1:hover, #teasercontainer2:hover, #teasercontainer3:hover, #teasercontainer4:hover{ border:1px solid #000000;}
#teasercontainer1 h1, #teasercontainer2 h1, #teasercontainer3 h1, #teasercontainer4 h1{
	font-family:"Arial Black", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	margin:0 0 5px 0;
	line-height: 14px;
	padding: 0;
}

 #teasercontainer2 h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:14px;
	margin:0 0 5px 0;
	line-height: 14px;
	padding: 0;
	text-align:center;
	color:#3B5998;
	
}

 #teasercontainer2 .bodytext{
	
	text-align:center;
	
}

/*___________________PLAYBUTTON_______________________________*/

#teasercontainer1 .play, #teasercontainer2 .play, #teasercontainer3 .play, #teasercontainer4 .play{
	width:66px;
	height:66px;
	position:absolute;
	background:url(images/playTB_1.png) no-repeat;
	margin: 110px 0 0 897px;
}
* html #teasercontainer1 .play, *html #teasercontainer2 .play, * html #teasercontainer3 .play, * html #teasercontainer4 .play{
filter:progid: DXImageTransform.Microsoft.AlphaImageLoader(src='startseite/images/playTB_1.png', sizingMethod='scale');}

#teasercontainer4 .play.play4{background:url(images/playTB_4.png) no-repeat;}
#teasercontainer1 .play a img, #teasercontainer2 .play a img, #teasercontainer3 .play a img, #teasercontainer4 .play a img{border:none;}
#teasercontainer1 .play a, #teasercontainer2 .play a, #teasercontainer3 .play a, #teasercontainer4 .play a{ background-image:none; display:block; width:66px; height:66px;}

#teasercontainer1 .play a:hover, #teasercontainer2 .play a:hover, #teasercontainer3 .play a:hover, #teasercontainer4 .play a:hover{ background-image: url(images/playTB_1_hover.gif); background-position:top;}
#teasercontainer4 .play.play4 a:hover{background-image:url(images/playTB_4_hover.gif)}


/*___________________TEASERCONTAINER_______________________________*/

/*teaser Headline*/
 .teaserheadline{color:#000000; font-weight:bold; margin-left:20px;  width:150px; position:absolute; text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;}
 #teasercontainer3 .teaserheadline {color:#ffffff;}
 #teasercontainer2 .teaserheadline {color:#000000;}
  
  
#teasercontainer1{
	background-color:#FFFFCF;
	/*
	background-color:#fffef5;
	background-image:url(images/cont1_bg.gif);*/
	}
	
#teasercontainer2{
color:#FFFFFF;
	background-color:#7e7e7e;
	background-color:#ffffff;
	color:#000000;

	/*background-color:#6f6f6f;*/
	/*background-image:url(images/cont2_bg.gif);*/
	}
#teasercontainer3{
	background-color:#c0002d; color:#FFFFFF;
	/*background-image:url(images/cont3_bg.gif);*/
	}
#teasercontainer4{
	background-color:#ECE8E2;
	/*background-image:url(images/cont4_bg.gif);*/
	font-family:"Courier New", Courier, monospace;
	}
.teasernavi{
	padding:0 0 0 25px;
	width:170px;
	float:left;
	font-size:12px;
}
/*___________________TEASERNAVI_______________________________*/
.teasernavi a{
	font-family:"Arial Black", Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	font-size:11px;
	display:block;
	line-height:10px;
	width:150px;
	padding:0 0 4px 0;
}
.teasernavi a:hover{color:#C9001C;}
.teasernavi a.first{
	text-transform:uppercase;
	font-size:12px;
	line-height:12px;
	padding:0 0 10px 0;
}

/*___________________TEASERCONTENT_______________________________*/	
.teasercontent{
	display:block;
	height:120px;
	width:690px;
	float:left;
}	
/*____________________FOOTER_____________________________________*/
#footer{
	height:20px;
	margin:0 0 10px 0;
	padding:0;
	font-size:12px;
}	
#footer a{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; float:left; color:#000000; font-size:10px; text-decoration:none; padding:0 10px 0 0;}
#footer a:hover{color:#C9001C;}
	
	
/*TabContaiiner auf der Startseite*/
/***************************
*  Default styles for the
*        EXT rgtabs
* by Ringer Georg (just2b)
***************************/  

/* wraps the hole tab */
.rgtabs-wrapper {
  overflow:hidden;
}

/* add a loading icon */
.rgtabs-wrapper .rgtabs-ajax-loading {
  padding: 100px 0;
  background:	url(spinner2.gif) no-repeat center;
}

/* Tab-Menu ul */
.rgtabs-menu  {
	float:left;
  margin: 0;
  height: 26px;
  width: 165px;
  list-style:none;
  margin-left:20px;
  margin-top:40px;
}
* html .rgtabs-menu  {margin-left:10px;}
/* Tab-Menu li */
.rgtabs-menu  li, #left .rgtabs-menu  li {
  list-style-type: none;
  list-style:none;
  cursor: pointer;
}	

/* Tab-Menu li.a */
.rgtabs-menu  li a, #left .rgtabs-menu  li a { 
font-family:"Arial Black", Arial, Helvetica, sans-serif;
font-weight:normal;
	color:#000000;
	text-decoration:none;
	font-size:11px;
	display:block;
	line-height:11px;
	width:150px;
	padding:0 0 6px 0;
}


#teasercontainer2 .rgtabs-menu  li a,#teasercontainer2 #left .rgtabs-menu  li a { 
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
	color:#000000;
	text-decoration:none;
	font-size:11px;
	display:block;
	line-height:11px;
	width:150px;
	padding:0 0 6px 0;
	font-weight:bold;
	color:#3B5998;
}
ul, li{ margin:0; padding:0; list-style:none; list-style-image:none;}
#teasercontainer1 .rgtabs-menu  li a{color:#C9001C;}
#teasercontainer1 .rgtabs-menu  li a:hover{color:#666666; background-color:transparent;}
#teasercontainer2 .rgtabs-menu  li a{color:#3B5998; background-color:transparent;}
#teasercontainer2 .rgtabs-menu  li a:hover{ background-color:transparent;}

/*#teasercontainer2 .rgtabs-menu  li a:hover{color:#eaee59; background-color:transparent;}*/
#teasercontainer3 .rgtabs-menu  li a{color:#ffffff; background-color:transparent;}
#teasercontainer3 .rgtabs-menu  li a:hover{color:#eaee59; background-color:transparent;}
#teasercontainer4 .rgtabs-menu  li a{color:#000000;}
#teasercontainer4 .rgtabs-menu  li a:hover{color:#eaee59; background-color:transparent;}
#teasercontainer4 .rgtabs-menu  li a:hover{color:#DB3306; background-color:transparent;}


#teasercontainer1 .bodytext a{color:#C9001C; text-decoration:none; font-weight:bold;}
#teasercontainer1 .bodytext a:hover{background-color:#000000; color:#FFFFFF;}

#teasercontainer2 .bodytext a{color:#000000; text-decoration:none; font-weight:bold; text-decoration:underline; font-size:9px;}
#teasercontainer2 .bodytext a:hover{background-color:#ffffff; color:#000000;}

#teasercontainer3 .bodytext a{color:#ffffff; text-decoration:none; font-weight:bold;}
#teasercontainer3 .bodytext a:hover{background-color:#ffffff; color:#000000;}
#teasercontainer4 .bodytext a{color:#000000; text-decoration:none; font-weight:bold; font-family:"Courier New", Courier, monospace;}
#teasercontainer4 .bodytext a:hover{background-color:#DB3306; color:#ffffff;font-family:"Courier New", Courier, monospace;}
#teasercontainer4 .twrss_table a{background-color:#000000; color:#ffffff; text-decoration:none; font-weight:normal; padding:0px 3px 1px 3px;font-family:"Courier New", Courier, monospace;}
#teasercontainer4 .twrss_table a:hover{color:#9cbeeb;}
#teasercontainer4 h1 {font-family:"Courier New", Courier, monospace; font-weight:bold; font-size:16px; color:#DB3306;}
.twrss_bodytext{margin:0 0 5px 0;}
#teasercontainer1 .rgtabs-menu li a.sel, #teasercontainer2 .rgtabs-menu li a.sel, #teasercontainer3 .rgtabs-menu li a.sel, #teasercontainer4 .rgtabs-menu li a.sel{color:#eaee59; background-color:transparent;}


 #teasercontainer4 .rgtabs-menu li a.sel{color:#DB3306; background-color:transparent;}

 #teasercontainer1 .rgtabs-menu li a.sel{color:#666666; background-color:transparent;}
  #teasercontainer2 .rgtabs-menu li a.sel{ background-color:transparent; color:#3B5998;}



/* Selected Tab */
#left .rgtabs-menu  li.rgtabs-selected, .rgtabs-menu  li.rgtabs-selected {
}	

#left .rgtabs-menu  li.rgtabs-selected a, .rgtabs-menu  li.rgtabs-selected a {
  color: #333;
}


/*teaser 3er Box */


.dreispaltenteaser .left {
	width:220px;
	float:left;
	}
	
.dreispaltenteaser .middle {
	width:220px;
	float:left;	}

.dreispaltenteaser .right {
	width:220px;
	float:left;
	}
.dreispaltenteaser .fuenf {
	width:24px;
	float:left;
	}





/*containerboxen im content*/

.single-center {text-align:center;}


/*zweier Box mit Rahmen symetrisch*/
.zweierbox-rahmen{

margin-left:-15px; 
margin-right:-15px;
margin-top:20px;
background-image:url(zweispalten_mit_rahmen_background.jpg); 
background-repeat:repeat-y;
}

.zweierleft-rahmen
{
text-align:center;
float:left; 
width:258px; 
}

.zweierbox-rahmen .zweierright{
padding-left:1px; 
padding-right:0px;
}
.zweierleft-rahmen p.bodytext, .zweierbox-rahmen .zweierright p.bodytext
{

padding-left:5px;
padding-right:5px;
}
.content .zweierbox-rahmen h2{
text-align:center;
}

/*zweierbox mit rahmen symetrisch ende */
/*zweierbox normal */
.zweierbox{ margin-right:-15px;margin-top:20px;}
.zweierleft{
text-align:center;
float:left; 
width:249px; 
padding-left:5px;
padding-right:5px;
}
.zweierright{
text-align:center;
float:left; 
width:249px; 
padding-left:5px;
padding-right:5px;
}	
/*Zweierbox normal ende*/
/*zweier box links breiter content*/
.zweierleftbreit{
float:left; 
width:300px; 
padding-left:5px;
padding-right:5px;
}
.zweierrightschmal{
float:left; 
width:193px; 
padding-left:5px;
padding-right:10px;
padding-bottom:0px;
}		
/*zweier box links breiter content ende*/

/*zweier box rechts breiter content*/
.zweierleftschmal{
float:left; 
width:188px; 
padding-left:15px;
padding-right:5px;
}

.zweierrightbreit{
float:left; 
width:300px; 
padding-left:5px;
padding-right:5px;
}		
/*zweier box rechts breiter content ende*/

/*dreier box*/
.content .dreierbox h2{
text-align:center;
}
.dreierbox{
margin-left:-15px; 
margin-right:-15px;
margin-top:10px; 
margin-bottom:10px;
}
.dreierleft{ 
height:200px; 
float:left; 
width:162px; 


text-align:center; 
padding: 5px;
}
.dreiermiddle{
text-align:center; 
height:200px; 
float:left; 
width:162px;padding:5px;  

}
.dreierright{text-align:center; 
height:200px; 
float:left; 
width:162px; 
padding:5px; 

}
/*dreier box*/


/*headlines*/

h1 {
	font-size:14px;
	
	
}

h2 {
	font-size:12px;	
	
}

.content a {
 	font-size:10px;
	text-decoration:none;
	color:black;
	font-weight:normal;
	line-height:13px;
	font-family:Arial, Helvetica, sans-serif;
	
}


.zweierbox{ margin-right:-15px; margin-top:0;}


 .zweierbox .zweierleftschmal{
float:left; 
width:220px; 
padding-left:15px;
padding-right:5px;
}


.zweierbox .zweierrightbreit{
float:left; 
width:440px; 
padding-left:5px;
padding-right:5px;
}	



/*skeptikernavi*/
#nav li {
	border: 1px solid #666;
	

	margin-bottom:10px;
	padding-left:10px;
	font-size:13px;
	}

#nav a{
		color:#000000;
		display:block;
	
}
#nav li.lvl-zwei {
	margin-bottom:3px;
	border:none;
	font-size:10px;
	
}
li.first {
	
}

#nav li.second {
background-color:#7e7e7e;	
	
}
#nav li.second a {
	color:#ffffff;	
	
}

li.third {
background-color:#c0002d;	
	
}
#nav li.third a{
color:#ffffff;	
	
}


/*zweierbox headlines*/
