/* CSS Document */

body {
	margin:0px; padding:0px;
	background-color:#fff;
	background-image:url(bilder/hgg10.gif);
	}
	
.hgs {z-index:2;
	position:absolute; left:0px; top:50px; width:100%; height:599px;
	margin-right:-20px; padding:5px;
	background-image:url(bilder/hgs6.gif);
	border-top:1px solid #dec;
	border-bottom:1px solid #666;
	}
	
.seite {z-index:3;
	position:absolute; left:50%; margin-left:-400px; top:0px; margin-top:0px; width:800px; height:600px;
	}	

.logo {z-index:100; position:absolute; top:30px; left:5px;}

.navi {z-index:100;
	position:absolute; left:5px; top:140px;
	margin:0px; padding:0px;
	width:110px; height:130px;
	background-color:#fff;
	display:block;
	}

.navi1 {
	position:absolute; left:5px; top:1px; width:100px; 
	background-color:#fff;
	}
.navi1 a {
	text-decoration:none; 
	display:block;
	}
.navi1 a:hover {
	display:block;
	margin-left:-15px; padding-left: 15px; background-image:url(bilder/link_rot.gif); background-repeat:no-repeat;
	}
.navi1 a p{
	padding-left: 3px; 
	font-family:verdana, sans-serif;
	font-size:12px; font-weight:normal;
	letter-spacing:0.5px; 
	line-height:19px;
	color:#999; 
	border-bottom: 1px solid #ccc;
	display:block;
	}
.navi1 a:hover p {
	color:#f00; 
	}
	
.navi1 .da a {
	/*margin-left:-15px; padding-left: 15px; background-image:url(bilder/link_gruen.gif); background-repeat:no-repeat;*/
	display:block;
	}
.navi1 .da a:hover {
	margin-left:-15px; padding-left: 15px; background-image:url(bilder/link_rot.gif); background-repeat:no-repeat;
	}
.navi1 .da a p {
	letter-spacing:0px;
	font-weight:bold;
	color:#9c6;
	}
.navi1 .da a:hover p {
	color:#f00;
	}
	
.navi1 .navi2 {
	width:100px; 
	margin-top:-1px; margin-bottom:0px;
	padding:0px;
	background:#fff;
	border-top: 1px solid #ccc; margin-top:-1px; padding-top:4px;
	border-bottom: 1px solid #ccc;
	}

.navi1 .navi2 a p {
	padding:0px;
	padding-left: 3px; 
	font-family:verdana, sans-serif;
	font-size:10px; font-weight:normal; text-decoration:none; 
	color:#999; 
	padding-left: 10px;
	line-height:10px; 
	display:block; 
	border-bottom: none;
	margin-bottom:5px;
	}

.navi1 .navi2 a:hover {
	margin-left:-5px; padding-left: 5px; background-image:url(bilder/link_rot1.gif); background-repeat:no-repeat;
	}
			
.navi1 .navi2 a:hover p{
	color:#f00; 
	display:block;
	}
	
.navi1 .navi2 .da a {
	padding:0px;
	margin-left:-5px; padding-left: 8px; background-image:url(bilder/link_gruen1.gif); background-repeat:no-repeat;
	display:block;
	}
.navi1 .navi2 .da a p {
	padding:0px;
	font-weight:bold;
	color:#9c6;
	padding-left: 7px;
	}
.navi1 .navi2 .da a:hover {
	margin-left:-5px; padding-left: 8px; background-image:url(bilder/link_rot1.gif); background-repeat:no-repeat;
	}
.navi1 .navi2 .da a:hover p {
	color:#f00;
	}

.kopf {z-index:50;
	position:absolute; left:126px; top:55px; width:600px; height:60px;
	background-color:none;
	}
.eei {position:absolute; top:5px; left:130px;}
.experimente {
	margin:0px; padding:0px; 
	position:absolute; top:45px; left:130px; height:40px;
	background:#fff; float:left;
	}
.streifen {z-index:60;
	position:absolute; left:125px; top:30px; width:600px; height:10px;
	}
	
.monitor1 {
	position:absolute; left:120px; top:119px; width:612px; height:462px; 
	padding:0px;
	text-align:center; vertical-align:center;
	}
.monitorbild {
	border-left: 6px solid #ab9; border-top: 6px solid #9a8; border-right: 6px solid #cdb; border-bottom: 6px solid #dec;
	background-color:#fff;
	}
.monitortext {
	border-left: 6px solid #ab9; border-top: 6px solid #9a8; border-right: 6px solid #cdb; border-bottom: 6px solid #dec;
	position:absolute; left:0px; top:0px; width:600px; height:450px; background-color:#fff; 
	text-align:left;
	}
.monitortext h1 {margin-left:20px; margin-top:15px;margin-bottom:10px;}
.monitortext p { margin-left:20px; margin-top:0px; margin-right:10px; margin-bottom:10px;}
	
.monitor2 {position:absolute; left:800px; top:50px; width:600px; height:450px; border: 1px solid #fff; padding:5px; background-color:#ccc;}
	
.kamera {
	z-index:11; position:absolute; top:415px; left:20px; height:18px;
	text-align:left; font-family:verdana, sans-serif; font-size:12px; letter-spacing:0.5px; color:#999; line-height:18px;
	background:none; padding-right:5px;
	}	
.kamera a {
	text-decoration:none;
	color:#999;
	height:18px;
	}
.kamera a:hover {
	color:#f00;
	margin-left:-15px; padding-left: 15px; background-image:url(bilder/link_rot.gif); background-repeat:no-repeat;
	}
.kamera .an a {
	color:#f00; font-weight:bold;
	}
	
.zeit {
	z-index:11; position:absolute; top:430px; left:50%; margin-left:-150px; width:300px; height:20px; 
	text-align:center; font-family:verdana, sans-serif; font-size:12px; letter-spacing:0.5px; color:#fff; line-height:20px;
	background:#none; padding-right:5px;
	}
.diode {z-index:12; position:absolute; top:415px; left:555px; height:20px; width:20px;}

.quelle {
	z-index:100; position:absolute; top:10px; left:500px; height:20px; width:95px;
	text-align:right; font-family:verdana, sans-serif; font-size:14px; font-weight:bold; letter-spacing:0.5px; color:#fff; line-height:20px;
	background:none; 
	}

.bedienfeld {
	z-index:11; position:absolute; left:95px; top:462px; width:500px; height:70px;
	background-image:url(bilder/bedienfeld420_cdb.gif); background-repeat:no-repeat;
	margin:0px; padding:0px; vertical-align:center; float:left;
	text-align:left; font-family:verdana, sans-serif; font-size:9px; letter-spacing:0.5px; color:#999; line-height:10px;
	}
#hilfe {
	visibility:hidden;
	z-index:500; position:absolute; left:95px; top:267px; width:450px; height:240px;
	}
.bedienhilfe {
	display:block; position:relative; left:0px; top:0px; width:450px; height:240px;
	background-image:url(bilder/bedienhilfe420_dec.gif); background-repeat:no-repeat;
	margin:0px; padding:0px; vertical-align:center; float:left;
	text-align:left; font-family:verdana, sans-serif; font-size:9px; letter-spacing:0px; color:#333; line-height:10px;
	}
	

.live {font-family:courier new, courier, verdana, monospace; font-size:15px; font-weight:bold; color:#f00; line-height:20px;}
	
.titel {
	position:absolute; top:-20px; left:5px; height:20px;
	font-family:verdana, sans-serif; font-size:12px; letter-spacing:0.5px; color:#999; line-height:20px;
	background:#fff; padding-right:5px;
	}

.text {
	z-index:5;
	position:absolute; left:125px; top:119px; width:600px;
	margin:0px; padding:0px;
	padding-left:20px;
	background-color:#fff;
	border-left:1px solid #999; border-top:1px solid #999;
	padding-bottom:15px;
	}
.text h1 {margin-top:15px;margin-bottom:10px;}
.text h2 {margin-top:15px;margin-bottom:5px;}
.text h3 {margin-top:15px;margin-bottom:5px;}
.text p {margin-top:0px; margin-right:10px; margin-bottom:10px;}
.text ul {margin-top:0px; margin-right:10px; margin-bottom:10px;}
.text ul li {margin-top:0px; margin-right:10px; margin-bottom:0px;}
h1 {margin:0px; padding:0px;
	font-family:courier, verdana, monospace; font-size:18px; font-weight:bold; color:#06c; line-height:20px;}
h1 .artikel {margin:0px; padding:0px;
	font-family:Arial,Helvetica,sans-serif; font-size:24px; font-weight:bold; color:#000; line-height:28px;}
h2 .artikel {margin:0px; padding:0px;
	font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; color:#000; line-height:14px;}
h2 {margin:0px; padding:0px;
	font-family:verdana, sans-serif; font-size:15px; font-weight:bold; color:#06c; line-height:20px;}
h3 {margin:0px; padding:0px;
	font-family:verdana, sans-serif; font-size:12px; font-weight:bold; color:#06c; line-height:16px;}
h3 a {color:#06c; text-decoration:none;}
h3 a:hover {color:#f00; text-decoration:underline;}
p {margin:0px; padding:0px; font-family:verdana, sans-serif; font-size:12px; font-weight:normal; color:#000; line-height:16px; float:bottom;}
p a {font-family:verdana, sans-serif; font-size:13px; font-weight:normal; color:#06c; line-height:18px; text-decoration:none; padding-left:10px; background-image:url(bilder/link_blau2.gif); background-repeat:no-repeat;}
p a:hover {color:#f00; text-decoration:underline; background-image:url(bilder/link_rot2.gif); background-repeat:no-repeat;}
p .zurueck a {padding-left:12px; background-image:url(bilder/link_blau2z.gif); background-repeat:no-repeat;}
p .zurueck a:hover {padding-left:12px;background-image:url(bilder/link_rot2z.gif); background-repeat:no-repeat;}

ul {list-style: square outside none;}
ul li {margin:0px; padding:0px; font-family:verdana, sans-serif; font-size:12px; font-weight:normal; color:#000; line-height:16px;}
.klein {padding-top:5px; margin-bottom:0px; font-family:verdana, sans-serif; font-size:9px; font-weight:normal; color:#000; line-height:12px; letter-spacing:0.5px;}


.textbox {
	z-index:5;
	background-color:#cdb;
	border-right:1px solid #999; border-bottom:1px solid #999;
	margin:10px;
	float:right;
	}	
.textbox h1 {margin-left:15px; margin-top:5px;margin-bottom:10px; margin-right:10px;}
.textbox h2 {margin-left:15px; margin-top:5px;margin-bottom:10px; margin-right:10px;}
.textbox h3 {margin-left:15px; margin-top:5px;margin-bottom:7px; margin-right:15px; border-bottom:1px solid #fff; padding-bottom:3px; font-size:11px; }
.textbox p {margin-left:15px; margin-top:0px; margin-right:5px; margin-bottom:10px; margin-right:15px; font-size:11px;}
.textbox p a {background-image:url(bilder/link_blau3.gif); font-size:11px;}
.textbox p a:hover {background-image:url(bilder/link_rot3.gif);}