*{
	margin:0;
	padding:0;
}
html{
	height:101%;
}
body{
	background: url("/videostreaming/images/back.jpg") fixed;
	font-family: verdana, arial, helvetica, san-serif;
	font-size:0.75em;
	padding-bottom:10px;
	text-align:center;
}
img{border:none;}
a img{border-style:none;}
a{color:#0000C0;text-decoration:none;font-weight:500;}
h1 a{color:#0000C0;text-decoration:none;font-weight:700;}

a:hover, a:focus{color:#c66;text-decoration:underline;}

.unsichtbar{ /* Quelle: http://www.webaim.org/techniques/articles/hiddentext */
	/* display:none */
	position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}
#main{
	width:61.6em;
	margin:2em auto;
	text-align:left;
	padding-bottom:0.5em;
}
#kopf{
	height:5.9em;
}
#kopf #feu{
	float:left;
	width:14.5em;
	height:5.8em;
}/*
#kopf #zfebild{
	width:46em;
	height:5.8em;
	float:right;
}*/
/*----zmi-logo-----*/
#kopf #zmibild{
	background: url("/videostreaming/images/zmi_hinten.jpg") repeat;
	width:74%;
	height:5.4em;
	float:right;
	font-size:1em;
	border: 2px solid #fff;
}
#kopf>#zmibild{
	width:45.7em;
}
#kopf #zmibild img{
	padding:0.5em 1em 0 0.3em;
	width:10em;
	height:5em;
	float:right;
	}
#kopf #zmibild #zmitext{
	margin:1.7em 0 0 0;
	font-size:0.93em;
	font-weight:normal;
	text-align:right;
	}
#kopf a{color:#009;text-decoration:none;}
/*----ende-zmi-logo---*/
#bild1{
	float:left;
	margin:0 0 0 1.75em;
	width:9.8em;
	height:4.54em;
}
#bild2{
	position:relative;
	z-index:6;
	float:left;
	margin:-1.45em 0 -2.9em 0;
	width:6.67em;
	height:8.83em;
}
#rubrik{
	width:/*37.55em*/66.8%;
	text-align:right;
	float:right;
	background-color:#ca4444;
	color:#ffffff;
	font-size:1.1em;
	padding:0.25em 1.5em 0.25em 0;
	margin:0.4em 0;
}
#main>#rubrik{
	width:67.6%;
}
#nav{
	display:block;
	height:2em;
	clear:right;
	text-align:right;
	font-size:0.9em;
	color:#000080;
}
#nav img{
	width:0.75em;
	height:1em;
}
/*--------------Inhalt------------*/
#inhalt{/*
	position:relative;*/
	width:100%;
	padding-bottom:10px;
	background-color:#fff;
	border:1px solid #000080;
}
#inhalt #ambild {
	margin-left:19em;
	padding:1em 1em 1.5em 1em;
	line-height:1.5em;
}
#inhalt #ambild span{
	font-size:0.9em;
	display:block;
	text-align:right;
	line-height:1.3em;
}
#inhalt #text{
	margin-left:15em;
	padding:0 2em 1em 0;
	line-height:1.5em;
	min-height:15em;
}
#inhalt>#text{
	height:auto;
}
#inhalt #text #illu{
	float:left;
	padding:0.2em 0.5em 0.5em 0;
}
#inhalt #text .illu{
	float:left;
	padding:0.2em 0.5em 0.5em 0;
}
p{
	margin:0.5em 0;
	line-height:1.5em;
}
h1{
	font-size:1.2em;
	color:#ca4444;
	padding-bottom:1em;
	line-height:1.2em;
}
#ambild h1{
	padding:0;
}
h2{
	font-size:1em;
	padding:0.75em 0 0 0;
}
h3{
	clear:left;
}
h3,h4,h5{
	font-size:1em;
	margin-bottom:5px;
}
#inhalt #text h1{
	padding-bottom:0.5em;
}
#inhalt #text #liste-ohne-style{
	list-style:none;
	margin-left:0;
	padding-top:0.5em;
}
#inhalt #text #liste-ohne-style li{
	background:none;
}
#inhalt #text #liste-ohne-style img{
	height:1.25em;
	weight:1.92em;
}
#inhalt #text ul{
	list-style:none;
	margin-left:10px;
	padding-top:0.5em;
}	
#inhalt #text li{
	background:url("images/minus.gif") no-repeat 0 0.25em;
	line-height:1.3em;
	padding:0 0 0.8em 15px;
}
#inhalt #text #veranstaltungen{
	list-style:none;
	margin-left:0;
}
#inhalt #text #veranstaltungen li{
	font-weight:bold;
	background:none;
	padding-bottom:0.5em;
}
#inhalt #text #veranstaltungen li ul{
	list-style:none;
	margin-left:10px;
	padding-top:0.5em;
}
#inhalt #text #veranstaltungen li ul li{
	background:url("images/minus.gif") no-repeat 0 0.25em;
	line-height:1.3em;
	padding:0 0 0.8em 15px;
	font-weight:normal;
}
#inhalt #text #video{

	list-style:none;
	margin-left:0;
	padding-top:0.5em;
}	
#inhalt #text .img{
    clear:both;
    text-align:left;
	margin-left:0;
	padding-top:0.5em;
}	
#inhalt #text img{
    text-align:left;
	padding-right:0.5em;
}	

#inhalt #text #video li{
	background:url("images/videoicon.gif") no-repeat 0 0.2em;
	line-height:1.4em;
	padding:0 0 0.8em 25px;
}
#inhalt #text #video li li{
	background:url("images/videoicon.gif") no-repeat 0 0.2em;
	line-height:1.4em;
	padding:0 0 0.0em 25px;
}
#inhalt #text .video{
	list-style:none;
	margin-left:0;
	padding-top:0.5em;
}	
#inhalt #text .video li{
	background:url("images/videoicon.gif") no-repeat 0 0.2em;
	line-height:1.4em;
	padding:0 0 0.0em 25px;
}

table{
	clear:right;
	width:99%;
	font-size:1em;
	border-collapse:collapse;
	border:none;
}
thead{
	display:none;
}
caption{
	background-color:#DD8137;
	font-weight:bold;
	color:#ffffff;
	text-align:left;
	padding:0.25em;
}
td{
	vertical-align:top;
	padding:0.3em;
	line-height:1.3em;
}
.underline{
	border-bottom:1px solid #000000;
}
.kleiner{
	font-size:0.9em;
}
.rot{color:#cc6666;}
/*---------------Menü---------------------*/
#menu{
	position:relative;
	background:url("images/menu_ende.jpg") repeat-y right bottom;
	width:12.5em;
	font-family:arial,helvetica,san-serif;
	color:#000080;
	clear:both;
	float:left;
	padding-bottom:0.7em;
}
#menu h1{
	background-color:#d95f5f;
	font-size:1em;
	color:#fff;
	padding:0.3em 0.8em;
}
#menu ul{
	list-style:none;
	background-color:#e2aeae;
	padding:0.8em 0.5em;
}
#menu li{
	line-height:1.1em;
	padding:0 0 0.4em 5px;
}
#menu li a span{
	display:none;
}
#menu li a:hover span{
	display:inline;
	position:absolute;
	top:16em;
	left:0;
	width:12.5em;
    padding:0.8em;
    font:0.9em verdana,arial,helvetica,sans-serif;
    color:#000080;
}
/*-----------------footer--------------------*/
#footer span{
	text-align:left;
	float:left;
}
#footer{clear:both;
	font-size:0.9em;
	color:#666;
	margin:0.4em 2em;
	text-align:right;
}
#footer a{color:#666;}
/*-------------Print-----------------------*/
#print_head{
	display:none;
}
@media print {
	body{text-align:left;}
	#print_head{display:inline; font-size:90%;}
	#main{width:auto;}
	#kopf, #bild1, #bild2, #nav, #footer{display:none;}
	.underline{border-bottom:0;}
	#rubrik{
		width:100%;
		clear:both;
		color:#000000;
		text-align:left;
		padding:0; margin:10px 0px;
		}
	#inhalt #menu{display:none;}
	#inhalt{
		clear:both;
		width:auto;
		border:none;
		}
	#inhalt p{
		padding:0;
		}
	#inhalt #ambild{
		clear:both;
		margin:0;
		padding:0;
		}
	#inhalt #text{
		padding:0; margin:0;
		}
}