@charset "utf-8";
html {height:100%}

body {  font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 62.8%;
	margin: 0 0 0 0px;
	background-color:#ffffff;
	color: #333333;
	width:100%;
	height:100%;
}

#indexdiv {position:relative;margin:-200px auto;width:450px;height:400px;top:50%;}
img {border:none}
.imgcaption {font-size:0.9em}
h1 {font-size:1.3em;}
h2 {font-size:1.2em;}
h3 {font-size:1.1em;}
h4 {font-size:0.9em;}
h5 {font-size:0.9em;color:#336699}
.hlinie {line-height:1px;font-size:1px;background-color:#cccccc;margin:10px 0}
.center {text-align:center}
.home {text-align:center;margin-top:30px;padding-bottom:30px}
.bold {font-weight:bold}
.italic {font-style:italic;}
.bluefett {font-weight:bold;color:#336699}
.red {color:#CC0000}
.text {font-size:1.3em;line-height:1.5em}
.textb {font-size:1.3em;line-height:1.5em;color:#336699}
.floatright {float:right;}
.clear {clear:both;line-height:1px;font-size:1px}
#indexdiv a {font-size:1.3em;line-height:1.5em;color:#336699;text-decoration:none}
#indexdiv a:hover {font-size:1.3em;line-height:1.5em;color:#FE7E00}



#wowoko {font-size:1.2em;width:150px;float:right;position:absolute;top:100px;right:0px}
.newmarker {
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
	margin:-45px 0 0 -14px;
	font-size:0.9em;
	width:20px
}
.soonmarker {
		-moz-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
	position:absolute;z-index:20;
	margin:-65px 0 0 -30px;
	font-size:0.9em;
	width:80px
}
a {color:#336699;text-decoration:none}
a:hover {color:#FE7E00}
.important {font-weight:bold; color:#C80A0A}
.act {color:#FE7E00}
.lgrlightxs {  font-size: 0.9em;  line-height: 12px;  color: #999999}
a.pfeil {background-image:url(../imgs/pfeil_r.gif); background-repeat:no-repeat;height:12px;background-position:0 2px;width:20px;}
a:hover.pfeil {background-image:url(../imgs/pfeil_akt.gif); background-repeat:no-repeat;background-position:0 2px;width:20px;height:12px}
a.pfeil_li {background-image:url(../imgs/pfeil_l.gif); background-repeat:no-repeat;height:12px;background-position:0 2px;width:20px;}
a:hover.pfeil_li {background-image:url(../imgs/pfeil_l_akt.gif); background-repeat:no-repeat;background-position:0 2px;width:20px;height:12px}

#head {position:absolute;top:0;left:0;height:139px;width:900px;z-index:3}
#licorner {height:139px;width:50px;float:left;}
#imghead {height:139px;width:150px;float:left;border-left:1px solid #336699;}
	* html #imghead {width:151px;}
#logohead, #logoheadprog{height:139px;width:697px;float:right;background-color:#cccccc;margin-right:1px}
#logohead .logo {margin-top:45px;margin-left:165px;}
#logoheadprog .logo {margin-top:35px;margin-left:165px;}
#logoheadprog ul  {list-style-type:none;padding:0;margin:99px 0 0 10px}
#logoheadprog ul li {float:left;padding:0 0 0 10px;margin:0 0 0 0;width:100px;height:40px;border-left:1px solid #336699;font-size:1.1em;}
#head img {position:absolute;z-index:3}
#toplinie {position:absolute;top:139px;width:100%;height:1px; background-color: #336699;font-size:1px;line-height:1px;z-index:4;}

#container {position:relative;margin:0 auto;font-size:1.3em;line-height:1.5em;width:700px;padding:140px 0 0 205px;background-image:url(../imgs/menue_bg.gif);background-repeat:repeat-y;background-color:#ffffff;min-height:100%}
	* html #container {height:100%;width:900px}
#content,#videocontent {padding:30px;width:632px;text-align:justify}
#content ul {list-style-image:url(../imgs/box_bl.gif);}
#content li {margin-bottom:3px}
#medienecho {font-size:0.9em;background-image:url(../imgs/bg_presse.jpg);background-repeat:repeat;padding:30px;width:632px}
#medienecho .headline {font-weight:bold;text-align:right;margin-top:25px}	
#medienecho .body {text-align:justify}	
.biobild {position:absolute;top:210px;left:700px;z-index:5}
.spalteblau {float:left;color:#336699;width:100px}
.spalte {float:left;width:350px}

#monate {margin-bottom:1em; font-size: 11px; color: #336699;width:600px;text-align:center}
#monate a {margin-left:10px}	
	/* Tabelle Termine*/
#termintbl { text-align:left;font-size: 12px;width:600px;border:0px;border-collapse:collapse; border-spacing:0px;padding:0px; font-size: 13px;  line-height: 15px;  color: #333333} 
	#termintbl .htr {background-color:#CCCCCC; font-weight:600; line-height:20px}
	#termintbl td {vertical-align:top}
.alignright {text-align:right}
.margin6 {margin:6px}

#video {margin-left:100px;}
#videocontent ul  {list-style-type:none;padding:0;margin:0 0 80px 100px;width:400px;background-color:#eeeeee}
#videocontent .margin {margin-bottom:1px;}
#videocontent ul img {float:left;cursor:pointer}
#videocontent .bezeichnung {float:left;width:150px;margin:22px 10px 0 10px;color:#336699;cursor:pointer}
#videocontent .length {float:right;width:80px;text-align:right;margin:22px 5px 0 0}


#premiere {position: absolute; width: 149px;top:150px; height:100px;text-align:center; left: 52px;  z-index:2;visibility: visible;overflow:hidden}
#menuebox {position: absolute; width: 149px;top:170px; left: 52px;height:450px;z-index:1;}
	* html #menuebox {width: 152px;}
#menue1 {position: absolute; width: 129px; height:50px; left: 0px; top: 0px;}
#menue2 {position: absolute; width: 129px; height:50px; left: 0px; top: 50px; z-index:1;visibility: visible}
#menue3 {position: absolute; width: 129px; height:50px; left: 0px; top: 100px; z-index:1;visibility: visible}
#menue4 {position: absolute; width: 129px; height:50px; left: 0px; top: 150px; z-index:1;visibility: visible}
#menue5 {position: absolute; width: 129px; height:50px; left: 0px; top: 200px; z-index:1;visibility: visible}
#menue6 {position: absolute; width: 129px; height:50px; left: 0px; top: 250px; z-index:1;visibility: visible}


#menue7 {position: absolute; width: 129px; height:50px; left: 0px; top: 300px; z-index:1;visibility: visible}
#menue8 {position: absolute; width: 129px; height:50px; left: 0px; top: 300px; z-index:1;visibility: visible}
#menue9 {position: absolute; width: 129px; height:50px; left: 0px; top: 350px; z-index:1;visibility: visible}
/*
#menue7 {position: absolute; width: 129px; height:50px; left: 0px; top: 300px; z-index:1;visibility: visible}
#menue8 {position: absolute; width: 129px; height:50px; left: 0px; top: 350px; z-index:1;visibility: visible}
#menue9 {position: absolute; width: 129px; height:50px; left: 0px; top: 400px; z-index:1;visibility: visible}
*/
#datum {position: absolute; width: 129px; height:50px; left: 0px; bottom: 0px; z-index:1;visibility: hidden}

#box1 {position: absolute; width: 10px; height:10px; left: 4px; top: 20px;line-height:1px;background-color:#FE7E00; z-index:2;visibility: visible}
#box1b {position: absolute; width: 10px; height:10px; left: 4px; top: 20px;line-height:1px;background-color:#FE7E00; z-index:4;visibility: hidden}
#box2 {position: absolute; width: 10px; height:10px; left: 4px; top: 20px;line-height:1px;background-color:#FE7E00; z-index:2;visibility: visible}
#box2b {position: absolute; width: 10px; height:10px; left: 4px; top: 20px;line-height:1px;background-color:#FE7E00; z-index:4;visibility: hidden}
#box3 {position: absolute; width: 10px; height:10px; left: 4px; top: 20px;line-height:1px;background-color:#FE7E00; z-index:2;visibility: visible}
#box3b {position: absolute; width: 10px; height:10px; left: 4px; top: 20px;line-height:1px;background-color:#FE7E00; z-index:4;visibility: hidden}
#box4 {position: absolute; width: 10px; height:10px; left: 4px; top: 20px;line-height:1px;background-color:#FE7E00; z-index:2;visibility: visible}
#box4b {position: absolute; width: 10px; height:10px; left: 4px; top: 20px;line-height:1px;background-color:#FE7E00; z-index:4;visibility: hidden}
#box5 {position: absolute; width: 10px; height:10px; left: 4px; top: 20px;line-height:1px;background-color:#FE7E00; z-index:2;visibility: visible}
#box5b {position: absolute; width: 10px; height:10px; left: 4px; top: 20px;line-height:1px;background-color:#FE7E00; z-index:4;visibility: hidden}
#box6 {position: absolute; width: 10px; height:10px; left: 4px; top: 20px;line-height:1px;background-color:#FE7E00; z-index:2;visibility: visible}
#box6b {position: absolute; width: 10px; height:10px; left: 4px; top: 20px;line-height:1px;background-color:#FE7E00; z-index:4;visibility: hidden}
#box7 {position: absolute; width: 10px; height:10px; left: 4px; top: 20px;line-height:1px;background-color:#FE7E00; z-index:2;visibility: visible}
#box7b {position: absolute; width: 10px; height:10px; left: 4px; top: 20px;line-height:1px;background-color:#FE7E00; z-index:4;visibility: hidden}
#box8 {position: absolute; width: 10px; height:10px; left: 4px; top: 20px;line-height:1px;background-color:#FE7E00; z-index:2;visibility: visible}
#box8b {position: absolute; width: 10px; height:10px; left: 4px; top: 20px;line-height:1px;background-color:#FE7E00; z-index:4;visibility: hidden}
#box9 {position: absolute; width: 10px; height:10px; left: 4px; top: 20px;line-height:1px;background-color:#FE7E00; z-index:2;visibility: visible}
#box9b {position: absolute; width: 10px; height:10px; left: 4px; top: 20px;line-height:1px;background-color:#FE7E00; z-index:4;visibility: hidden}