@charset "utf-8";

html,body {
	background-color: #CCCCCC;
	overflow: hidden;
	margin: 0 auto;
}
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: none;
}
a:active {
	color: #666666;
	text-decoration: none;
}
body,td,th,div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
}
#hintergrund {
	z-index: 1;
	position: fixed;
}
#pfeil {
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	height: 30px;
	width: 30px;
	position: fixed;
	top: 50px;
	left: 50px;
	opacity:.8;
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	z-index: 5;
}
#pfeil_o {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
}
#pfeil_u {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: visible;
}
#all {
	height: 300px;
	width: 600px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -300px;
	margin-top: -150px;
	z-index: 3;
	overflow: visible;
}
#content {
	height: 300px;
	width: 600px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 4;
	background-color: #FFFFFF;
	opacity:0;
	visibility: hidden;
	border: 1px groove #999999;
}
.close {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}
.hl_0 {
	font-size: 28px;
	color: #aaaaaa;
	margin-top:0;
	margin-bottom:0;
}
.hl_1 {
	font-size: 24px;
	font-weight: normal;
	margin-top:0;
	margin-bottom:0;
}
.hl_2 {
	font-size: 20px;
	font-weight: normal;
	margin-top:0;
	margin-bottom:0;
}
.hl_3 {
	font-size: 16px;
	font-weight: normal;
	margin-top:0;
	margin-bottom:0;
}
.hl_4 {
	font-size: 12px;
	margin-top:0;
	margin-bottom:10px;
}
.tag {
	height: auto;
	width: auto;
	position: absolute;
	cursor: pointer;
}
.panel {
	height: auto;
	width: 300px;
	position: absolute;
	visibility: hidden;
	padding: 5px;
	border: 1px groove #999999;
	background-color:#FFFFFF;
	opacity:0;
}
#neu_panel {
	height: auto;
	width: 181px;
	position: fixed;
	right: 10px;
	top: 10px;
	z-index: 2;
	padding: 5px;
	border: 1px groove #999999;
	background-color: #FFFFFF;
}
#io_tag {
	left: 350px;
	top: 50px;
	z-index: 21;
}
#io_panel {
	left: 345px;
	top: 46px;
	z-index: 40;
}
#nd_tag {
	left: 303px;
	top: 85px;
	z-index: 21;
}
#nd_panel {
	left: 299px;
	top: 82px;
	z-index: 40;
}
#ich_tag {
	left: 200px;
	top: 139px;
	z-index: 22;
}
#ich_panel {
	left: 197px;
	top: 138px;
	z-index: 41;
}
#raeder_tag {
	left: 150px;
	top: 190px;
	z-index: 23;
}
#raeder_panel {
	left: 146px;
	top: 188px;
	z-index: 40;
}
#berlin_tag {
	left: 200px;
	top: 90px;
	z-index: 24;
}
#berlin_panel {
	left: 196px;
	top: 87px;
	z-index: 40;
}
#hamburg_tag {
	left: 160px;
	top: 40px;
	z-index: 24;
}
#hamburg_panel {
	left: 155px;
	top: 36px;
	z-index: 40;
}
#pdm_tag {
	left: 85px;
	top: 105px;
	z-index: 25;
}
#pdm_panel {
	left: 81px;
	top: 102px;
	z-index: 40;
}
#muc_tag {
	left: 70px;
	top: 70px;
	z-index: 25;
}
#muc_panel {
	left: 66px;
	top: 67px;
	z-index: 40;
}
#radio_tag {
	left: 345px;
	top: 200px;
	z-index: 26;
}
#radio_panel {
	left: 341px;
	top: 199px;
	z-index: 40;
}
#konzept_tag {
	left: 435px;
	top: 150px;
	z-index: 27;
}
#konzept_panel {
	left: 431px;
	top: 147px;
	z-index: 40;
}
#musik_tag {
	left: 80px;
	top: 150px;
	z-index: 28;
}
#musik_panel {
	left: 76px;
	top: 147px;
	z-index: 40;
}
#sonne_tag {
	left: 55px;
	top: 220px;
	z-index: 28;
}
#sonne_panel {
	left: 50px;
	top: 216px;
	z-index: 40;
}
#italien_tag {
	left: 185px;
	top: 240px;
	z-index: 28;
}
#italien_panel {
	left: 180px;
	top: 236px;
	z-index: 40;
}
#kran_tag {
	left: 45px;
	top: 30px;
	z-index: 29;
}
#kran_panel {
	left: 40px;
	top: 26px;
	z-index: 40;
}
#kabel_tag {
	left: 270px;
	top: 15px;
	z-index: 30;
}
#kabel_panel {
	left: 265px;
	top: 11px;
	z-index: 40;
}
#kunden_tag {
	left: 465px;
	top: 44px;
	z-index: 31;
}
#kunden_panel {
	left: 460px;
	top: 40px;
	z-index: 40;
}
#award_tag {
	left: 490px;
	top: 100px;
	z-index: 32;
}
#award_panel {
	left: 486px;
	top: 97px;
	z-index: 40;
}
#uni_tag {
	left: 455px;
	top: 215px;
	z-index: 33;
}
#uni_panel {
	left: 450px;
	top: 211px;
	z-index: 40;
}

/* example_5 css */
#news {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 190px; /* important */
	height: 161px; /* important */
	margin-left: -5px;
}

#news_content {
	position: absolute;
	margin-top: 0px;
	left: 0;
}

.news_item {
	padding: 5px;
	height: 160px;
	background: #FFF;
	text-align: left;
}