* {
	padding: 0px;
	margin: 0px;
	font-family: arial;
	font-size: 12px;
	border: 0px;
}

a {
	text-decoration:none;
	color: #1f6c9a;
}

html, body {
	height: 100%;
	background: url(../../images/bg_line.jpg) repeat-y;
}
/* ***************************  GRUNDLAYOUT  ********************** */
#wrap {
	width: 981px;
	height: 100%;
	background: url(../../images/bg_line.jpg) repeat-y;
}

#top {
	width: 981px;
	height: 100px;
	background: url(../../images/top.jpg);
}

#staun {
	position:absolute;
	top: 41px;
	left: 46px;
}

#space {
	width: 981px;
	height: 1px;
	background-color: #3988b0;
	line-height: 0px;
	font-size: 0px;
}

#navi {
	position: relative;
	width: 981px;
	height: 39px;
	background-color: #d8e8ef;
	overflow: visible;
}

#logo {
	position: relative;
	float: left;
	width: 329px;
	height: 35px;
	margin-left: 46px;
	margin-top: 4px;
	background: url(../../images/messen_nord.jpg) no-repeat;
	
}

#navi-c {
	position: relative;
	margin-right: 50px;
}

#submenu {
	position: absolute;
	top: 135px;
	left: 546px;
/*	width: 230px;*/
	border: 1px solid #f3f7fa;
	background: #d8e8ef;
	z-index: 40;
	overflow: visible;
}

#submenu-c {
	margin: 5px 10px;
}

#submenu ul {
	display: inline;
	list-style-type: none;
	color: #1f6c9a;
	line-height: 160%;
}

#submenu li {
	border-bottom: 1px solid #f3f7fa;
	list-style-position: outside;
	margin-top:3px;
	vertical-align: middle;
}

#submenu li.last {
	border-bottom: 0px;
}

#submenu a {
	color: #1f6c9a;
	text-decoration: none;
}

#space2 {
	width: 981px;
	height: 4px;
	background: url(../../images/backtop.jpg) no-repeat;
	line-height: 0px;
	font-size: 0px;
}

#main {
	width: 981px;
}

#main-c {
	width: 908px;
	border: 0px solid #6c8cb4;
	margin-left: 37px;
}

#content-c {
	margin: 30px 30px;
}

h1 {
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 20px;
}

h2 {
	font-size: 12px;
	font-weight:bold;
	margin-bottom: 12px;
}
/* ************************************************************************** */

#karte {
	position: relative;
	background: url(../../images/karte.jpg) no-repeat;
	width: 865px;
	height: 481px;
	margin: 21px 21px;
}

#messabschnitt1 {
	position: absolute;
	top: 189px;
	left: 44px;
	width: 83px;
	height: 97px;
	z-index: 30;
	cursor: pointer;
}

#messabschnitt2 {
	position: absolute;
	top: 92px;
	left: 222px;
	width: 83px;
	height: 97px;
	z-index: 30;
	cursor: pointer;
}

#messabschnitt3 {
	position: absolute;
	top: 5px;
	left: 430px;
	width: 83px;
	height: 97px;
	z-index: 30;
	cursor: pointer;
}

#messabschnitt4 {
	position: absolute;
	top: 62px;
	left: 569px;
	width: 83px;
	height: 97px;
	z-index: 30;
	cursor: pointer;
}

#messabschnitt5{
	position: absolute;
	top: 34px;
	left: 734px;
	width: 83px;
	height: 97px;
	z-index: 30;
	cursor: pointer;
}

#messabschnitt6 {
	position: absolute;
	top: 153px;
	left: 773px;
	width: 83px;
	height: 97px;
	z-index: 30;
	cursor: pointer;
}

.messgif {
	width: 83px;
	height: 97px;
	cursor: pointer;
	border: 0px;
}

#m1 {
	position: absolute;
	top: 231px;
	left: 14px;
	width: 222px;
	height: 149px;
	z-index: 20;
	cursor: pointer;
}

#m2 {
	position: absolute;
	top: 93px;
	left: 234px;
	width: 184px;
	height: 194px;
	z-index: 20;
	cursor: pointer;
}

#m3 {
	position: absolute;
	top: 35px;
	left: 417px;
	width: 162px;
	height: 114px;
	z-index: 20;
	cursor: pointer;
}

#m4 {
	position: absolute;
	top: 0px;
	left: 560px;
	width: 150px;
	height: 81px;
	z-index: 20;
	cursor: pointer;
}

#m5 {
	position: absolute;
	top: 81px;
	left: 678px;
	width: 59px;
	height: 119px;
	z-index: 20;
	cursor: pointer;
}

#m6 {
	position: absolute;
	top: 228px;
	left: 720px;
	width: 142px;
	height: 131px;
	z-index: 20;
	cursor: pointer;
}


#wasserstand_1 {
	top: 27px;
	right: 24px;
}

#wellenhoehe_1 {
	top: 51px;
	right: 24px;
}

#wassertemperatur_1 {
	top: 75px;
	right: 24px;
}

#wasserstand_2 {
	top: 27px;
	right: 24px;
}

#wellenhoehe_2 {
	top: 51px;
	right: 24px;
}

#wassertemperatur_2 {
	top: 75px;
	right: 24px;
}

#wasserstand_3 {
	top: 27px;
	right: 24px;
}

#wellenhoehe_3 {
	top: 51px;
	right: 24px;
}

#wassertemperatur_3 {
	top: 75px;
	right: 24px;
}

#wasserstand_4 {
	top: 27px;
	right: 24px;
}

#wellenhoehe_4{
	top: 51px;
	right: 24px;
}

#wassertemperatur_4 {
	top: 75px;
	right: 24px;
}

#wasserstand_5{
	top: 27px;
	right: 24px;
}

#wellenhoehe_5 {
	top: 51px;
	right: 24px;
}

#wassertemperatur_5 {
	top: 75px;
	right: 24px;
}

#wasserstand_6 {
	top: 27px;
	right: 24px;
}

#wellenhoehe_6 {
	top: 51px;
	right: 24px;
}

#wassertemperatur_6 {
	top: 75px;
	right: 24px;
}

#detail {
	position: absolute;
	top: 306px;
	left: 167px;
	background: url(../../images/messabschnitt.jpg) no-repeat;
	width: 631px;
	height: 174px;
	z-index: 50;
	color: #3b6a89;
}

#telefon {
	position: absolute;
	top: 29px;
	left: 500px;
	width: 100px;
	height: 20px;
	z-index: 40;
	font-weight: bold;
}

#messnumber {
	position: absolute;
	top: 3px;
	left: 110px;
	width: 20px;
	height: 20px;
	z-index: 40;
}

#abschnittname {
	position: absolute;
	top: 7px;
	left: 135px;
	width: 230px;
	height: 20px;
	z-index: 40;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

#datetime {
	position: absolute;
	top: 7px;
	right: 45px;
	width: 200px;
	height: 20px;
	z-index: 40;
	font-size: 11px;
	font-weight: bold;
	text-align:right;
	color: #FFFFFF;
}

#close {
	position: absolute;
	top: 3px;
	left: 602px;
	background: url(../../images/close.jpg) no-repeat;
	width: 21px;
	height: 21px;
	z-index: 41;
	cursor: pointer;
}

#close2 {
	position: absolute;
	top: 3px;
	left: 360px;
	background: url(../../images/close.jpg) no-repeat;
	width: 21px;
	height: 21px;
	z-index: 41;
	cursor: pointer;
}

#detail2 {
	position: absolute;
	top: 312px;
	left: 300px;
	background: url(../../images/messabschnitt_4x.jpg) no-repeat;
	width: 385px;
	height: 168px;
	z-index: 50;
	color: #3b6a89;
}
/* ***************************  Werte ***************************** */


.werte2 {
	position: absolute;
/*	width: 35px;*/
	height: 20px;
	z-index: 50;
	font-size: 15px;
	font-weight: bold;
	color: #3b6a89;
	text-align: right;
	text-decoration: none;
}

.werte2 a {
	font-size: 15px;
}

.messwert_zahl {
	position: absolute;
	top: 22px;
	right: 32px;
	width: 50px;
	height: 20px;
	z-index: 50;
	font-size: 15px;
	font-weight: bold;
	color: #3b6a89;
	text-align: right;
}
.werte2 a:visited{
	color: #3b6a89;
}
.messwerte {
	position: absolute;
	width: 89px;
	height: 60px;
}

.tag {
	position: absolute;
	top: 42px;
	left: 3px;
}

.monat {
	position: absolute;
	top: 42px;
	left: 29px;
}

.jahr {
	position: absolute;
	top: 42px;
	left: 62px;
}

#wasserstand {
	top: 51px;
	left: 1px;
}

#wassertemperatur {
	top: 51px;
	left: 91px;
}

#mittlererwind {
	top: 51px;
	left: 181px;
}

#maxwind {
	top: 51px;
	left: 271px;
}

#windstaerke {
	top: 51px;
	left: 361px;
}

#windrichtung {
	top: 51px;
	left: 451px;
}

#luftdruck {
	top: 51px;
	left: 541px;
}

#lufttemperatur {
	top: 112px;
	left: 1px;
}

#wellenhoehe {
	top: 112px;
	left: 91px;
}

#maxwelle {
	top: 112px;
	left: 181px;
}

#wellenperiode {
	top: 112px;
	left: 271px;
}

#wellenanlauf {
	top: 112px;
	left: 361px;
}

#stroemungx{
	top: 112px;
	left: 451px;
}

#stroemungy {
	top: 112px;
	left: 541px;
}

/***** Werte_4x ****/

#saal {
	position: absolute;
	top: 28px;
	left: 1px;
	width: 373px;
	height: 34px;
}

#bart {
	position: absolute;
	top: 63px;
	left: 1px;
	width: 373px;
	height: 34px;
}

#grei {
	position: absolute;
	top: 98px;
	left: 1px;
	width: 373px;
	height: 34px;
}

#oder {
	position: absolute;
	top: 133px;
	left: 1px;
	width: 373px;
	height: 34px;
}

.tag2 {
	position: absolute;
	top: 16px;
	left: 6px;
}

.monat2 {
	position: absolute;
	top: 16px;
	left: 32px;
}

.jahr2 {
	position: absolute;
	top: 16px;
	left: 65px;
}

.telefon2 {
	position: absolute;
	top: 17px;
	left: 98px;
	width: 100px;
	height: 20px;
	z-index: 40;
	font-size: 11px;
	font-weight:bold;
	text-align:left;
	color: #3b6a89;
}

.datetime2 {
	position: absolute;
	top: 3px;
	left: 203px;
	width: 78px;
	height: 28px;
	z-index: 40;
	font-size: 11px;
	font-weight: bold;
	text-align:left;
	color: #3b6a89;
}

.wert2 {
	position: absolute;
	top: 8px;
	left: 315px;
	width: 40px;
	height: 20px;
	text-align: right;
	font-weight: bold;
	font-size: 13px;
}
/* ***************************  REST  ***************************** */

#ulnavi {
	margin-top: 18px;
	float:right;
	background: url(../../images/menukl.jpg) no-repeat 20px 1px;
}

#ulnavi li {
	display: inline;
	margin-left: 30px;
	color: #1f6c9a;
}

#ulnavi a {
	color: #1f6c9a;
	text-decoration:none;
}

#ulnavi ul {
	display: none;
	text-align:center;
}

#ulnavi li:hover ul { 
	display:block; 
	list-style-type: none;
}

.t_erl {
	border: 1px solid #1f6c9a;
	border-collapse: collapse;
}

.t_erl td, .t_erl th {
	border: 1px solid #1f6c9a;
	padding: 2px 5px;
}