
* {	margin: 0; padding: 0; }
body {
	font-size: 14px;
	line-height: 20px;
	font-family: times, georgia, serif;
	overflow-x: hidden;
}

img { display:block;}
a img { border: none; }

a:link 		{ text-decoration: none; color:#333;}
a:active 	{ text-decoration: none; color:#333;}
a:visited 	{ text-decoration: none; color: #333; }
a:hover 	{ text-decoration: none; color: #ff0; }



#logo { padding:20px 0 0 80px; width:250px; z-index:99;}
#logo_frei { top:0px; left:0px; z-index:99; width:400px; height:100px;}

 
 
 
 
/* -------------------------------------------------------- CONTENT */
/* -------------------------------------------------------- CONTENT */

#content {
	float:left;
	position:relative;
	z-index:0;
	margin:20px 0 0 80px;
    padding:0 0 150px 0;
    width:500px;
}

/* -------------------------------------------------------- Startseite */

/* Rest steht separat in den anderen .js Datei */

#programm_quick {
	float:right;
	position:relative;
	margin:0 10px 0 0;
}
.programm_text_quick {
    padding:0 0 10px 0;
    width:300px;
    color:#fff;
    line-height:18px;
}
#hintergrund {
	z-index:0;
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
}
#hintergrund_film {
	position:relative; 
	top:150px;
	left:170px; 
	height:360px;
	width:480px;
	}
#vordergrund {
	z-index:10;
	position:relative;
	background: url(/images/spacer.gif) repeat;
	height:100%;
	width:100%;
}
/* nonindividual */	h4 {  font-size: 14px; padding:0px 0 0px 30px; display:block; } 					
/* Datum_quick */	p.datum_quick { color:#000; font-weight:bold; font-size: 20px; padding:0px 20px 0 0; float:left; display:block; letter-spacing:0.0em; } 
/* Sektionsname */	p.sektionsname_quick { color:#333; font-size: 13px; padding:1px 0px 0 0; font-weight:normal; letter-spacing:0.1em;} 
/* heute, morgen */	p.heute_morgen_quick { font-size:10px; padding:0 20px 0 0; float:left; color:#06f; text-transform:uppercase; letter-spacing:0.1em; } 



/* -------------------------------------------------------- Programm */

.programm_text p { padding:1px 0 10px 50px; }
.article_thumbnail { float:right; margin:-10px 0 10px 30px; }
.article_thumbnail img { float:right; }
#player,#player2,#player3 { margin:20px 0 0 30px; }
#player_ex,#player_ex2,#player_ex3 { margin:20px 0 0 30px; }





/* -------------------------------------------------------- Typo */

/* sticky */		h1 { font-size: 20px; line-height:28px; padding:10px 0 2px 0px; text-align:center; font-style:italic; color: #ffa800; letter-spacing:0.2em;}	
/* individual */	h2 { font-size: 20px; line-height:25px; padding:10px 0 0 20px;} 							
					a.h2_link:link, a.h1_link:active, a.h1_link:visited { color:#5d095d; }
					a.h2_link:hover 									{ color:#d0b; }
					p.uhrzeit_eintritt_article { padding:1px 0 0px 50px; color:#555; font-size:13px;}
					p.ticket { font-size:13px; }
/* Zwischentitel */	h5 { font-size:12px; padding: 10px 0 5px 70px; text-transform:uppercase;}
/* Zwischentitel */	.zwischentitel { font-weight:bold; display:block; font-size:12px; margin: 10px 0 5px 20px; text-transform:uppercase;}
/* nonindividual */	h3 {font-size: 16px; padding:20px 0px 0 100px; } 					
					a.permlink_title_excerpt:visited,a.permlink_title_excerpt:link,a.permlink_title_excerpt:active 	{ color:#5d095d; }
					a.permlink_title_excerpt:hover 																	{ color:#ff9c00; }
/* Datum */			p.datum { font-size: 16px; padding:0px 20px 0 0; float:left; display:block; letter-spacing:0.4em; } 
/* Sektionsname */	p.sektionsname { color:#333; font-size: 12px; padding:1px 10px 0 0; float:left; display:inline; font-weight:normal; letter-spacing:0.1em;} 
					a.sektionslink:visited,a.sektionslink:link,a.sektionslink:active 	{ color:#999; }
					a.sektionslink:hover 												{ color:#ff0; }
/* heute, morgen */	p.heute_morgen { font-size:10px; padding:20px 0 0 8px; float:left; color:#06f; text-transform:uppercase; letter-spacing:0.1em; } 

/*kapitŠlchen*/		.kapitaelchen { font-size:12px; text-transform:uppercase; display:inline; font-weight:normal; clear:both;}


#bildunterschrift_exzerpt {			/* verwendet in sticky-articles */
	position:relative;
	margin: 20px 0 0 70px;
	color:#666;
}
#bildunterschrift_exzerpt a:active,
#bildunterschrift_exzerpt a:link,
#bildunterschrift_exzerpt a:visited { color:#999; }
#bildunterschrift_exzerpt a:hover { color:#444; }
#bildunterschrift_exzerpt p { margin:0px; padding:1px 0 5px 0; }

p a:link, p a:active, p a:visited { font-style:italic; }





/* ------------------------------------------------------- Slideshow */

#slideshow {
	position: relative;
	margin: 10px 0 0 0;
	min-height: 600px;
	clear: both;
}

#slideshow .slide {
	position: absolute;
	display: none;
}

#slideshow a {
	position: absolute;
	width: 100px;
	height: 100px;
	cursor: pointer;
	z-index: 9999;
}

#slideshow a.prev {	left: 30px; background: url(/images/gallery-prev-norm.gif) left top no-repeat; }
#slideshow a.prev:hover { background-image: url(/images/gallery-prev-over.gif); }
#slideshow a.next {	left: 100px; background: url(/images/gallery-next-norm.gif) left top no-repeat; }
#slideshow a.next:hover { background-image: url(/images/gallery-next-over.gif); }

#slideshow span {display:block; padding: 5px 0 0 40px;  }




/* -------------------------------------------------------- MENU */
/* -------------------------------------------------------- MENU */
#menu {
    z-index:100;
	margin:80px 0 0 20px;
	float:left;
	width:150px;
}

/* -------------------------------------------------------- Hauptmenu */
#hauptmenu  {
	list-style:none;
	display:block;
	font-size:13px;
	line-height:24px;
	/*font-family:helvetica, arial, sans-serif;*/
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.1em;
}
#hauptmenu li  {
	position: relative;
	display:block; /* inline = kein Umbruch */
}
#hauptmenu li.hauptmenu_li_aktiv {
	margin:5px 0 20px 0; 
}

#hauptmenu li a {
	color:#00d2ff;
	padding-bottom:2px;
	border-bottom: 2px solid #00d2ff;
	margin-left:20px; }
#hauptmenu li a:hover {	border-bottom: 4px solid #00d2ff; }

#hauptmenu li a.hauptmenu_aktiv {
	border-bottom: 1px solid #00d2ff;
	margin-left:0px;
	font-weight:normal; }
#hauptmenu li a.hauptmenu_aktiv:hover {	border-bottom: 0px; }


/* -------------------------------------------------------- Submenu */

#hauptmenu li ul { display:none; } 
#hauptmenu li.hauptmenu_li_aktiv ul { 
	display:block; 
	font-family:times;
	font-size:15px;
	margin-left:0px;
	margin-top:5px;
	font-weight:normal;
	text-transform:lowercase;
	letter-spacing:0em;
}
#hauptmenu li li.hauptmenu_li_aktiv {
	margin:0px 0 0px 0; 
}

#hauptmenu li li a { color: #ff00b4; border-bottom: 0px solid #ff00b4; margin-left:20px; }
#hauptmenu li li a:hover { border-bottom: 1px solid #ff00b4; }

#hauptmenu li li a.hauptmenu_aktiv { font-style:italic; border-bottom:0px; margin-left:0px;} 
#hauptmenu li li a.hauptmenu_aktiv:hover { border-bottom: 1px solid #ff00b4; }














