/* Stylesheets von best. Modulen */
@import url(forum.css);
@import url(veranstaltungskalender.css);

* {
	font-family: Arial, Helvetica, sans serif;
}

body { 	
    color:#000000;
}


a:link { text-decoration:none; } 
a:visited { text-decoration:none; } 
a:hover { color:#000000; text-decoration:none; } 
a:active { color:#000000; text-decoration:none; } 
a:focus { color:#000000; text-decoration:none; } 


h1 {
	font-size: 18px;
	font-weight: bolder;
	color: #000000;
	text-decoration:none;
	margin-bottom:-15px;
}

h2 { 	
	font-size: 13px;
    color: #000000;
    font-weight:bold;
	margin-bottom:-15px;
}

h4 {
	font-size: 18px;
	font-weight: bolder;
	color: #000000;
	text-decoration:none;
	margin-top:-1px;
	margin-bottom:-15px;
}

h5 { 	
	font-size: 18px;
    color: #0068B4;
    font-weight:bold;
	margin-bottom:-15px;
}

h6 { 	
	font-size: 15px;
    color: #7F596D;
    font-weight:bold;
	margin-top:-2px;
	margin-bottom:-15px;
}

hr { 	
    color:#7F596D;
	background-color:#7F596D;
	size:bold;
	height:2px; 
	border:none;
}

.hrblau {
	color:#DFE6F4;
	background-color:#DFE6F4;
	size:bold;
	height:2px; 
}

.clear {
	clear:both;
	}
.floatbox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.floatbox {display: inline-table;}
/* Hides from IE-mac \*/
* html .floatbox {height: 1%;}
.floatbox {display: block;}
/* End hide from IE-mac */

.txt { 	
	font-size: 13px;
   	color: #333333;
}

.rottxt { 	
	font-size: 13px;
    color: red;
}

.btxt {
	font-size: 13px;
   	color: #000000;
    font-weight: bold;
}


.btxt2 { 	
	font-size: 13px;
   	color: #4F6FF0;
    font-weight:bold;
}

.buz  {  
	font-size: 12px; 
	color: #000000; 
}

.navitxt {	
	text-decoration:none;
    color: #FFFFFF;		
	font-size: 11px;
	font-weight: bold; 
}

.navitxtneu {	
	text-decoration:none;
    color: #FFFFFF;		
	font-size: 11px;
}

.navitxt2 {	
	font-size: 11px;
    color: #000000;
	text-decoration:none;
}

.navitxt3 {	
	font-size: 12px;
    color: #000000;
	text-decoration:none;
}

.stxt {
	font-size: 13px;
	color: #0092D0;
	font-style: normal;
}
.stxtsubmit {
	font-size: 13px;
	color: #0092D0;
	font-style: normal;
    border:0px;
	background:transparent;
	font-weight:bold;
	text-align:right;
	margin:0;
	padding:0	
}

.bodylike {	
    color: #000000;
}

.bigtxt {
	font-size: 18px;
	font-weight: bolder;
	color: #000000;
	text-decoration:none;
	letter-spacing:1pt;
}
.chinweis { 	
	font-size: 13px;
    color: #FF0000;
    font-weight:bold;
}

.lightbigtxt { 	
	font-size: 13px;
    color: #000000;
    font-weight: bold;
}

.lightbigtxt2 {	
	font-size: 13px;
	font-weight: bold;
    color: #FFFFFF;
}

.smallbigtxt {	
	font-size: 12px;
	font-weight: bold;
    color: #000000;
}

.small {		
	font-size: 13px;
    color: #000000;
}

.a1 { 		
	text-decoration:none;
}

.rahmen {		
	border-width:thin; 
	border-style:solid none solid none; 
	border-color:#000000; 
	padding:1px; 
	letter-spacing:2pt;
}

.anfang {
	font-size: 40px;
    color: #0068B4;
    font-weight:bold;
}
				
.form {
	border: 1px solid;
	background:#ffffff;
	color: #0092D0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}
				
.form2 {
	border: 1px solid;
	background:#ffffff;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}

.hinter {	
	background:#C4D9EE; 
	font-weight:bold;
}

.feld {
	background: #FFFFFF; 
	border: 1px solid #808080;
}

.button {
	border-color:#666666;
	font-size:13px;
    color:#666666;
	font-weight:bold;
	background:#ffffff;	
}

.button2 {
	border-color:#0092D0;
	font-size:13px;
    color:#0092D0;
	font-weight:bold;
	background:#ffffff;	
}
.moreres {
    font-size:11px;
	font-weight:bold;
}


table.wm_layout {
	border: 1px solid #10E41B;
    background:#ABFFB6;
	padding-bottom: 2px;
}

table.wm_layout tr td.lightbigtxt a.lightbigtxt,
table.wm_layout tr td.lightbigtxt {
	color: #fff;
}


.rahmen_blau {
	border: 0px solid #0092D0;
	padding: 10px;
	margin: 10px;
	float: left;
	background-color:#DFE6F4; 
}

.rahmen_schwarz {
	border: 1px solid #000000;
	padding: 10px;
	margin: 10px;
	float: left;
}

/* Blauer Rahmen um die Thumbs */
.Thumb {
	border: 1px solid #0092D0;
	padding: 1px;
	margin: 1px;
	float: left;
}
.abstand {
	margin-right: 3px;
	margin-bottom: 2px;
	}
.text_links {text-align:left;}
.text_right {text-align:righ;}

/******************** Video *****************/
a#player img { border:0; }
a#player img#playbutton {height: auto; width: auto;}
a#player {
  width: 500px;
  position: relative;
  display: block;  
  text-align: center;
  height: 380px;
}
a#player img#playbutton {
  position: absolute;
  top: 168px;
  left: 228px;
}
a#player.text_links {text-align:left}
/* Immobilien */
div.immo_detail {
	font-size: 0.8em;
	}	
	
div.immo_detail table {
	margin-bottom: 1em;
	border-collapse:collapse;
	border-spacing:0;	
	width: 483px;
	}
	
div.immo_detail table th {
	background: #0092D0;
	font-weight: normal;
	border-left: 1px solid #fff;
	}
div.immo_detail table td {
	text-align: center;
	background: #D8EDF7;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	padding: 0 0.5em;	
	}	
	
div.immo_detail div.anbieter table {
	width: 70%;
	}	
	
div.immo_detail div.anbieter table td { 
	background: #fff;
	text-align: left;
	}	
	
div.immo_detail div.bildbox {
	float: left;
	}	
/*04082008 div.immo_detail div.bildbox img {
	width: 300px;
	}	*/
	
div.immo_detail .wrap {
	float: left;
	margin-left: 1em;
	}	

div.immo_detail .wrap .option {
	margin-top: 1em;
	}	
	
div.immo_detail .wrap p {
	margin:0;
	color: #fff;
	font-weight: bold;
	padding: 0.4em 0.5em 0.1em 2em;
	}		
	
div.immo_detail .wrap p.termine {	
	background: url(http://www.tageblatt.de/images/veranstaltungskalender/terminehinter.gif) no-repeat #0092D0;
	}	
div.immo_detail .wrap p.foto {	
	background: url(http://www.tageblatt.de/images/veranstaltungskalender/fotoleiste2.gif) no-repeat #0092D0;
	}	
div.immo_detail .wrap p.video {	
	background: url(http://www.tageblatt.de/images/veranstaltungskalender/bg_video.jpg) no-repeat #0092D0;
	}	
div.immo_detail .wrap p.info {	
	background: url(http://www.tageblatt.de/images/veranstaltungskalender/vorverkaufhinter.gif) no-repeat #0092D0;
	}	
	
div.immo_detail .wrap a {
	font-weight: bold;
	color: #0092D0;
	}	
	
div.immo_detail table.text_left td,
div.immo_detail table.text_left th {
	text-align: left;
	padding: 0.3em;
	padding-left: 0.5em;
	font-weight: bold;
	}
 
/********************* CSS Gestaltung des Quiz ******************
*****************************************************************/

/********************* Grundlegendes Layout    ******************/

#quiz { 
  border: 2px solid #ACE9FE; 
  background: url(../images/online-logo_3.gif) no-repeat top center;
  width: 480px;
  margin: 0 auto;
  padding: 5px 0 5px 0;
  font-weight: bold;
  height: auto !important;
  height: 400px;
  min-height: 400px;
  font-size: 90%;
  }
  
*html #quiz { width: 485px; }
 
/********************* Linke Seite des Quiz  ******************/ 

#quiz #linke_box { 
  border: 3px solid #ACE9FE; 
  margin: 140px 10px 20px 10px;
  width: 200px;
  float: left;
  padding: 30px 5px 0px 5px;
/*  height: auto !important;
  height: 200px;
  min-height: 200px;*/
  line-height:1.5em;
  position: relative;
  }
  
/********************* Rechte Seite des Quiz **********************/ 

#quiz #rechte_box {
  margin: 140px 10px 5px 30px;
  border: 3px solid #ACE9FE; 
  float: left;
  width: 180px;
  padding: 30px 5px 0px 5px;
/*  height: auto !important;
  height: 200px;
  min-height: 200px;*/
  }
   
#quiz #rechte_box.quizantworten { 
  padding: 0px;
  border: 0;
  font-size: 0.9em;
  }
  
/********************* Quizelemente *****************************/ 

#anzahlfragen {
  font-size: 0.8em;
  color: #00B5EE;
  display: block;
  position: absolute;
    left: 10px;
    bottom: 5px;
  }
  
#joker5050, #jokerrichtig { 
  border: 0;
  height: 50px;
  width: 40px;
  float: left;
  margin-top: 120px;
  cursor: pointer;
  position: relative;
  }

#joker5050 {
  background: url(../images/joker_5050.gif) no-repeat top left; 
  margin-left: -170px;
  }
  
#jokerrichtig { 
  background: url(../images/joker_richtige_antwort.gif) no-repeat top left; 
  margin-left: -220px;
  }

#quizjoker, #quizzeit { 
  float: left;
  margin-top: 100px;
  margin-left: -195px;
  color: #00B5EE;
  }
  
#quizzeit { margin-left: -40px; }
  
#quizuntertitel {
  width: 485px;
  margin: 0 auto;
  font-size: 0.8em;
  text-align: left;
  }
  
#time_anzeige, #quiztime_anzeige { 
  background: url(../images/zeit_neu.gif) no-repeat top left; 
  width: 45px;
  height: 40px;
  float: left;
  padding: 14px 3px 0 3px;
  margin-top: 120px;
  margin-left: -50px;
  text-align: center;
  position: relative;
  }

#quiztime_anzeige { background: url(../images/zeit2.gif) no-repeat top left;  }
  
/********************* Quizantworten  ************************/

#quizantwort1, 
#quizantwort2, 
#quizantwort3, 
#quizantwort4, 
#quizantwort5, 
#quizantwort6 { 
  border: 3px solid #ACE9FE;  
  padding: 7px 5px 8px 35px;
  width: 150px;
  text-align: left;
  margin-bottom: 8px;
  cursor: pointer;
  height: 18px;
  min-height: 18px;
  height: auto !important;
  }
#quiz .noclick {cursor: auto;}

#quizantwort1 { background: #FFF url(../images/auswahl_a.gif) no-repeat 5px 4px; } 
  
#quizantwort2 { background: #FFF url(../images/auswahl_b.gif) no-repeat 5px 4px; }

#quizantwort3 {  background: #FFF url(../images/auswahl_c.gif) no-repeat 5px 4px; }

#quizantwort4 {  background: #FFF url(../images/auswahl_d.gif) no-repeat 5px 4px; }

#quizrichtigeantwort, #quizfalscheantwort {
  padding-left: 25px;
  margin: 10px;
  }
  
#quizrichtigeantwort { background: url(../images/haken.gif) no-repeat center left; }

#quizfalscheantwort { background: url(../images/kreuz.gif) no-repeat center left; }  
  
/************************** Quizbuttons **********************************/

#quizbutton, #highscoreform #quizbutton {
  border: 3px solid #ACE9FE;
  background: url(../images/auswahl_weiter.gif) no-repeat 5px center;
  padding: 5px 5px 5px 32px;
  margin: 10px 10px 10px 10px;
  width: 160px;
  text-align: left;
  font-weight: bold;
  }
  
/*********************** Highscoreeintrag **************************/

#highscoreform input { 
  border: 1px solid #ACE9FE; 
  margin-left: 10px;
  width: 150px;
  }
  
#highscoreform label { margin-left: 10px; }

/************************** Ruhmeshalle *****************************/

#quiz table {
  border: 3px solid #ACE9FE; 
  margin: 100px 10px 10px 10px;
  padding: 10px 10px 40px 10px;
  width: 456px;
  }

#quiz table caption { 
  color: #00B5EE;
  float: left;
  }
  
#quiz table tr th { text-align: left; }

#quiz table tr td { font-weight: normal; }

/*************************** Wetterkontor **************************/

div#wetterkontor { width : 500px; float: left; }

div#wetterkontor div#w_ueberregional { width: 500px; }

div#wetterkontor div#w_ueberregional a {  
  padding: 4px 5px;
  display: block;
  float: left;
  background: #C6EFF7;
  color: #000;
  font-weight: bold;
  font-size: 13px;
  }
* html div#wetterkontor div#w_ueberregional a {display: inline;}

div#wetterkontor div#w_ueberregional a { text-align:center; }
  
div#wetterkontor div#w_ueberregional a.w_margin { margin-right: 5px; margin-left: 5px; }

div#wetterkontor div#w_ueberregional a#link_stade { width: 180px; }
div#wetterkontor div#w_ueberregional a#link_deutschland { width: 140px; }
div#wetterkontor div#w_ueberregional a#link_europa { width: 140px; }
  
div#wetterkontor div#w_regional { margin: 3px 0 3px 0; background: #E3E3E3; padding-left: 10px; padding-bottom: 2px;}

div#wetterkontor div#w_regional a { padding: 3px 12px 2px 12px;  color: #000; font-size: 13px; }

div#wetterkontor div#w_ueberregional a.auswahl_aktiv { background: #0092D0; color: #FFF; }
div#wetterkontor div#w_regional a.auswahl_aktiv { background: #808080; color: #FFF; }

div#wetterkontor_tv { width: 280px; float: left; margin-left: 20px; }

/*********************** Wetterkontordetail **************************/

#w_ueberschrift { font-size: 140%; }

table#wetterkontordetail { margin-top: 20px; width: 500px; text-align: center; font-size: 13px; float: left; }

table#wetterkontordetail th, table#wetterkontordetail tr td.w_hintergrund { background: #C6EFF7; }
table#wetterkontordetail th { padding: 3px 0 3px 0; }

table#wetterkontordetail tr td { background-color: #E3E3E3; padding: 2px;}