@charset "UTF-8";
/* CSS Document */
/* css reset rule*/
html{
	color:#000;
	background-color: #F0B004;
	background-image: url(../pics/bg-kachel_rz_01.jpg);
}body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}

ul {
	margin-top: 0px;
	margin-bottom: 0px;
	/*list-style-position: inside;*/
}
/* für den Absatz am Text-Ende*/
p {
	padding-bottom: 0.8em;
	white-space:normal
}

body {
	width:100%;
	height:12000px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#background {
	/*position:absolute; 
	z-index:1; 
	width:400%; 
	height:400%;*/
	}
	
#logo {
	position:fixed;
	z-index:15;
	left: 600px;
	top: 5px;
	text-decoration: none;
	}
	
#logo_sub {
	position:fixed;
	z-index:10;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 72px;
	padding-right: 2px;
	padding-bottom: 8px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	/*background-color:#FEF49A;*/	background-color:#F2B702;
	opacity:0.7;
	filter:alpha(opacity=70);
	width: 100%;
	float: left;
	border-bottom-width: medium;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	left: 210px;
	}
	
#home {
	position:fixed;
	width:200px;
	background-color:#000000;
	opacity:0.8;
	filter:alpha(opacity=80);
	z-index: 32;
	top: 5px;
	}

#img_teaser {
	position:absolute;
	z-index:3;
	left: 210px;
	/*top: 190px;*/
	top: 100px;
	text-decoration: none;
	width: 500px;
	height: 520px;
	/*background-image: url(../pics/schatten_01u.png);
	background-repeat: repeat-x;
	background-position: bottom;*/
	}

#rahmen {
	position:absolute;
	z-index:2;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

/*#alt_navi_2 {
	display:none;
	}*/

/*#teaser {
}*/

#tester {
	background-color: #30F;
	/*width: 700px;*/
}

#content {
	width: 500px;	/*padding: 5px;	/*overflow: hidden; /*schneidet den Kalender ab*/
}

#content h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #C60;
	background-color: #FFF;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#content h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666;
	background-color: #FFF;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 8px;
}

#content h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999;
	background-color: #FFF;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 8px;
}
	
#content ul li{
	color: #000;
	padding: 2px;
	width: 480px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-type: square;
	}
	
#content a{
	font-weight: bold;
	color: #C30;
	text-decoration: none;
}
#content a:hover{
	font-weight: bold;
	color: #FC0;
	text-decoration: none;
}

 .inhalt {
	width:500px;
	white-space:normal;
	/*background-color: #9FF;*/
	/*display:none;	*/
}

.inhalt:first-child {
	float: left;
	position: relative;
	/*background-color: #9CC;*/
}

/*font size 20 em*/


#navi {
	position:absolute;
	white-space:nowrap;
	left:210px;
	top:100px;
	width: 15000px;
	z-index: 10;
}

.navi_wrapper {
	float:left;
	position:relative;
	min-width:500px;
	white-space: nowrap;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
}
/*min width hack für IE*/
.navi_wrapper{
	width:expression(document.body.clientWidth> 500? "500px": "auto")
	}
		
* html .navi_wrapper{  /* Korrekturen fuer IE 5.x */
	width: 500px;
    w\idth: 500px;
}


#navi li{
	list-style-type: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	white-space: nowrap;
	width: 100%;
	position: relative;
	float: left;
	padding-bottom: 1.6em;
	padding-top: 0.6px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}
/*Schaten an den Flächen*/
#border {
	position:absolute;
	left:210px;
	top:100px;
	z-index: 10;
	min-width: 500px;
}

#border_or{
	position: relative;
	background-image: url(../pics/schatten_01or.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#border_r{
	position: relative;
	background-image: url(../pics/schatten_01r.png);
	background-repeat: repeat-y;
	background-position: right 25px;
}

.nav {
	text-decoration:none;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:4em;
	cursor:pointer;
	padding-right: 20px;
}


.nav:link{
	color:#333;
	cursor:pointer
	
}
.nav:visited{
	color:#999;
}
.nav:focus {
	color:#F00;
}
.nav:hover {
	color:#F00;
	cursor:pointer;
}
.nav:active{
	color:#FF0;
}

#alt_navi {
	position:fixed;
	width:200px;
	background-color:#000000;
	opacity:0.8;
	filter:alpha(opacity=80);
	z-index: 12;
	top: 40px;
}

.alt_navi {
	list-style-position: inside;
	cursor:pointer;
	color: #FEF043;
	font-weight: bold;
}

.alt_navi:link{
	color:#FFF;
}
.alt_navi:visited{
	color:#999;
}
.alt_navi:focus {
	color:#F00;
}
.alt_navi:hover {
	color:#F00;
	cursor:pointer;
}
.alt_navi:active{
	color:#FF0;
}

  #alt_navi ul {
	margin: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #FFF;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
  }
  * html #alt_navi ul{  /* Korrekturen fuer IE 5.x */
   /* width: 100%;
    w\idth: 100%;*/
    padding-left: 1.8em;
    padd\ing-left: 1.8em;
  }
  #alt_navi li {
	margin: 0.1em;
	padding: 0;
	text-indent: 1em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	display:none;
  }

  #alt_navi a {
	padding: 0.2em;
	text-decoration: none;
	font-weight: bold;
	color: maroon;
  }
  * html #alt_navi a {  /* Breitenangaben nur fuer IE */
    width: 100%;
    w\idth: 8.8em;
  }
  #alt_navi a:hover {
	border-left-color: black;
	color: white;
  }



.alt_navi_2 {
	margin:2px;
	text-decoration:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height: 10px;
	list-style-position: inside;
	cursor:pointer;
}

.alt_navi_2 li{
	text-decoration:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height: 14px;
	cursor:pointer;
}


.alt_navi_2:link{
	color:#333;
}
.alt_navi_2:visited{
	color:#999;
}
.alt_navi_2:focus {
	color:#F00;
}
.alt_navi_2:hover {
	color:#F00;
	cursor:pointer;
}
.alt_navi_2:active{
	color:#FF0;
}

#footer {
	position:fixed;
	height:50px;
	width:100%;
	bottom:0px;
	background-color:#FFF;
	color:#FFFFFF;
	opacity:0.8;
	filter:alpha(opacity=80);
	z-index:20;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000;
}

#sponsor {
	z-index:25;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	padding: 5px;
	float: right;
	position: relative;
	top: -3px;
}

#sponsor a{
	margin-right: 35px;
}

#language {
	position:relative;
	float: left;
	width: 170px;	
	top:13px;
	padding-left: 30px;
}

#language a {
	color:#000000;
	top:20px;
	margin-right:15px;
	text-decoration:none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#language a:hover {
	color:#999;
}

#language a:hover {
	color:#999;
}

/* csc styles überschreiben */
/* Weitere Definitionen sind im traum_cal.css*/

.csc-header {
	z-index:15;
	line-height:18px;
	font-size: 16px;
	color: #FFF;
	/*top: 10px;*/
	background-color: #333;
	padding-right: 5px;
	padding-left: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	float: left;
	width: 98%;
	position: relative;
	padding-top: 3px;
	padding-bottom: 3px;
}

.csc-firstHeader {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-top: 5px;
	/*padding-bottom: 5px;*/
	position: relative;
	float: left;
	color: #FFF;
}

.bodytext {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	background-color: #FFF;
	padding-left: 5px;
	padding-right: 3px;
	color: #000;
	padding-top: 5px;
	padding-bottom: 8px;
}

* html .bodytext, 
		.csc-textpic, 
		.csc-textpic-text, 
		.csc-textpic-intext-left, 
		.bodytext p
		{  /* Korrekturen fuer IE 5.x */
    width: 500px;!important;
    w\idth: 500px;!important;
	white-space: normal;!important;
  }

.csc-textpic-intext-left {
	/*background-color: #0F0;*/
	float: left;
	background-color: #FFF;
	padding-top: 5px;
}

/*.csc-textpic{
	width: 500px;
}
*/
.csc-textpic-intext-left img{
	/*background-color: #0F0;*/
	float: left;
	padding-right: 8px;
	padding-bottom: 2px;
}

.csc-textpic-above {
	padding-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCC;
	padding-left: 5px;
	font-size: 10px;
	margin-left: 5px;
}

.csc-searchform, .csc-mailform{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 115%;
	background-color: #FFF;
	color: #000;
	position: relative;
	float: left;
}
.csc-searchform tbody{
	position: relative;
	float: left;
	padding: 10px;
	width: 100%;
}
/* tbody ist noch nicht richtig formatiert 16/2/10*/
.csc-mailform tbody{
	position: relative;
	float: left;
	padding: 10px;
	width: 97%;
}

.csc-mailform-field {
	position: relative;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #E7D7DC;
}
.csc-mailform-field input{
	width: 100%;
	position: relative;
}

.csc-mailform-field, label{
	position: relative;
	padding-right: 5px;
	padding-left: 5px;
	width: 480px;
}

.contenttable {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	position: relative;
	float: left;
	color: #000;
	}
	
/* ------- */

#DOMWindow {
	border-width:1px;
	border-color:#999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
}

#DOMWindow h1 {
	font-size: 1.5em;
}

/* erste version - am 23-3-10 gegen pir ausgetauscht
.font-replaced {
	background-repeat:no-repeat; 
	overflow: hidden;
	padding:0px;
	}*/

.sitemap {
	color:#F90;
	text-decoration:none;
	}
/* styles für den zugeladenen #insideLineUp*/
#insideLineUp{
	background-color: #FFF;
	background-image: url(../pics/schttn_grss_03.png);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}

#insideLineUp #content{
	width: 480px;
}

#insideLineUp #content .bodytext{
	background-color: transparent;
	/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 11px;!important;
	line-height: 120%;
	padding-left: 5px;
	padding-right: 8px;
	color: #000;
	padding-top: 5px;
	padding-bottom: 8px;
}

#insideLineUp #content .csc-header{
	background-color: transparent;
}

#insideLineUp #content .csc-firstHeader{
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#content h4{
	padding-bottom: 10px;
	line-height: 18px;
}
	/*start entscheidungsseite*/	
	
#content_intro {
	border:0px;
	position: absolute;
	z-index: 999;
	left: -80px;
	}
	
#content_intro a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	}
	
/*-Programmübersicht*/

#insideLineUp .close{
	/*background-color: #F4BC00;*/
	position: relative;
	left: 390px;
	top: 15px;
	z-index: 200;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
#program{float: left;}	
#program.freitag{background-image: url(../pics/prog_htgr-1.jpg);}
#program.samstag{background-image: url(../pics/prog_htgr-2.jpg);}
#program.sonntag{background-image: url(../pics/prog_htgr-3.jpg);}

.beat{
	background-image: url(../pics/schatten_03u.png);
	background-color: #AB3642;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-repeat: repeat-x;
}

#program tr{
	/*background-image: url(../pics/schatten_03u.png);*/
	background-repeat: repeat-x;
	white-space: nowrap;
}

#program.sonntag td, #program.samstag td, #program.freitag td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	padding: 3px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
}

.uhrzeit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

.uhrzeitSA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CCC;
}



#popup_black {
	position:absolute;
	left:0px;
	top:0px;
	width:1px;
	height:1px;
	/*background-color:#000;*/
	background-image:url(bilder/x.png);
	z-index:513;
	display:none;
}
.popup_box {
	
	position:absolute;
	left:0px;
	top:0px;
	z-index:514;
	display:none;
	background-color:#fff;
	overflow:hidden;
	padding:2px;
}
.popup_box-inner {
	/*padding:15px 20px;*/
	position:relative;
}