@CHARSET "ISO-8859-1";
/* Allgemeines */
body {
	margin: 0px;
	padding: 0px;
	background: url(../images/bg_divider.gif) repeat-y 160px;	
	background-color: #e9f0ee;
	font-family: "Arial";
	font-size: 10px;		
}

body.dialog {
	margin: 0px;
	padding: 0px;
	background: url() repeat-y 160px;	
	background-color: #e9f0ee;
	font-family: "Arial";
	font-size: 14px;		
}

img {
	border: none;
}

img.verticalAlignImage {
	vertical-align: middle !important;
}

a:link, a:hover, a:visited {
	text-decoration: none;
}

input {
	border: 2px solid #b3d0e2;
	background-color: #ffffff;
}

input.chkBox {
	background-color: transparent;
	border: none;
}

.input {
	border: 2px solid #b3d0e2;
	background-color: #ffffff;
}

input.viewOnly
{
	border: none;	
	color: #b3d0e2;
	background-color: transparent;
}

/* Standarddesigns */
.blueLink {
	color: #b3d0e2;
}

.blueLink:hover {
	text-decoration: underline;
}

.darkblueLink {
	color: #064e8a;
}

.darkblueLink:hover {
	text-decoration: underline;
}

.darkblueText {
	color: #064e8a;
	font-weight: bold;	
}
	

/* Layout */
#top {
	position: relative;
	margin: 0px;
	padding: 2px;
	border: 0px;
	background-color: #064e8a;
	height: 68px;
}

#left {
	position: absolute;
	top: 108px;
	left: 0px;
	padding: 0px;
	width: 160px;
	z-index: 1000;
}

#content {
	position: absolute;
	top: 130px;
	left: 0px; /* 176px */	
	width: 82%; /* auto; */
	padding: 4px 2px 0px 180px;
	background: transparent;

	/*
	position: absolute;
	top: 124px;
	left: 170px; 	
	width: auto; 
	padding: 4px 2px 0px 10px;
	background: #e9f0ee;
	 */
}

/* Elemente im top */
/*******************/

div#top a:hover {
	text-decoration: underline;
}

img#logo {
	float: left;
}
img#bg {
	float: right;
}

ul#topNavi {
	position: relative;
	list-style: none;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	float: right;
	top: 52px;
}
	
ul#topNavi li {
	color: #ffffff;
	font-family: "Arial";
	font-size: 12px;
	float: left;
	padding-left: 10px;
}

ul#topNavi li#hilfe {
	padding-left: 20px;
}

#subTop {
	height: 32px;
	background: #b3d0e2;
	padding: 10px 0px 0px 0px;
}

#stLeft {
	height: 32px;
	width: 160px;
	background: #064e8a;
	float: left;
}

#stRight {
	position: absolute;
	height: 32px;
	background: #e9f0ee;
	left: 170px;
	border-bottom: 5px solid #b3d0e2;	
	width: 84%;	
}

ul#language {
	list-style: none;
	margin: 0px;
	padding: 6px 0px 0px 0px;
	float: left;
}
	
ul#language li {
	color: #ffffff;
	font-family: "Arial";
	font-size: 12px;
	float: left;
	padding-left: 10px;
}

#forms {
	height: 26px;
	padding: 4px 0px 0px 10px;
}

#forms select#selForms {
	width: auto;
}

#search {
	height: 26px;
	padding: 4px 2px 0px 0px;		
	float: right;
}

/* Elemente im left */
/********************/

ul#naviLev1 {
	list-style: none;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	background: #064e8a;	
}
	
ul#naviLev1 li.nl1 {
	color: #ffffff;
	font-family: "Arial";
	font-size: 16px;
	padding: 0px 0px 16px 0px;
}

ul#naviLev1 li.text {
	color: #ffffff;
	font-family: "Arial";
	font-size: 16px;
	padding: 0px 0px 0px 10px;
}

ul.naviLev2 {
	list-style: none;
	margin: 0px;
	padding: 4px 0px 0px 0px;
	background: #064e8a;	
}
	
ul.naviLev2 li a, ul.naviLev2 li a:visited {
	width: 140px;
	height: 20px;
	color: #ffffff;
	font-family: "Arial";
	font-size: 14px;
	padding: 0px 0px 6px 20px;
	text-decoration: none;
	display: block;
	background: url(../images/bg_navi_item.jpg) repeat-x;
}

ul.naviLev2 li a:hover{
	background: url(../images/bg_navi_item_hover.jpg) repeat-x;	
}

/* Highlighting */
ul.naviLev2 li#aktiv a {
	background:url(../images/bg_navi_item_hover.jpg) repeat-x;
}

ul.naviLev2 li#aktiv a:hover{
	background:url(../images/bg_navi_item_hover.jpg) repeat-x;
}

/* Elemente im content */
/***********************/

#content h1 {
	padding: 4px 0px 0px 2px;
}

div#breadcrumb {
	font-size: 12px;
	font-weight: bold;
	position: relative;
	top: -4px;
	left: -10px;
	padding: 10px 0px 4px 10px;
}

/* Haupttabelle */
span.pagebanner {
	float: right;
	font-size: 12px;
}

span.pagelinks {
	font-size: 12px;
}
	
table.fmxTable {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-collapse: collapse;
	border-bottom: 1px solid #064E8A;
}

table.fmxTable thead th {
	height: 30px;
	font-family: "Arial";
	font-size: 12px;
	text-align: left;
	border: solid #064E8A;
	border-width: 1px 0px 1px 0px;
}

table.fmxTable tbody tr {
	height: 30px;
}
 
table.fmxTable tbody tr.odd {
	background-color: #f5f6f6;
}

table.fmxTable tbody tr.even {
	background-color: #dbe7e7;
}

table.fmxTable tbody td {
	font-family: "Arial";
	font-size: 12px;
}
/* 
table.fmxTable tr.odd:hover {
	font-family: "Arial";
	font-size: 12px;
	background-color: #c8c9c9;
}
table.fmxTable tr.event:hover {
	font-family: "Arial";
	font-size: 12px;
	background-color: #c8c9c9;
}*/


table.fmxTable tfoot th {
	height: 30px;
	font-family: "Arial";
	font-size: 12px;
	text-align: left;
	border-top: 1px solid #000000;
}

table.stationDataTable {
	width: 100%;
	margin: 0px;
	padding: 2px;
	border: 0px;
	border-collapse: collapse;	
}
table.stationDataTable thead th {
	height: 16px;
	font-family: "Arial";
	font-size: 12px;
	text-align: left;
	border: solid #064E8A;
	border-width: 1px 0px 1px 0px;
}
table.stationDataTable tbody tr {
	height: 30px;
}

table.meteoDataTable {
	width: 100%;
	margin: 0px;
	padding: 2px;
	border: 0px;
	border-collapse: collapse;	
}
table.meteoDataTable thead th {
	height: 16px;
	font-family: "Arial";
	font-size: 12px;
	text-align: left;
	border: solid #064E8A;
	border-width: 1px 0px 1px 0px;
}
table.meteoDataTable tbody tr {
	height: 30px;
}

/* Funktionszeile unter der Tabelle */ 
div#tFooterExt {
	background-color: #e9f0ee;
	padding: 8px 0px 0px 1px;
	font-size: 12px;
	
}

div#tFooterExt label {
	position: relative;
	top: -2px;
	padding: 0px 10px 0px 4px;	
}

/* Funktionszeile über der Tabelle */ 
div#tHeaderExt {
	background-color: #e9f0ee;
	padding: 0px 0px 10px 1px;
	font-size: 12px;
}

div#tHeaderExt input.chkBox {
	position: relative;
	top: 3px;
}

/* put boxes in line with labels */ 
div#tHeaderExt label {
	position: relative;
	padding: 0px 10px 0px 4px;
	font-size: 12px;
}

/*** MessageBox ***/
/******************/
div.messageBox {
	border: 2px solid #064e8a;
	padding: 10px;
	font-size: 12px;
	position: relative;
	left: 6px;
}

/*** Protokoll ***/
/*****************/
table#protocol {
	border: solid #064E8A;
	border-width: 0px 1px 1px 1px;	
}

table#protocol tr.main td{
	border: solid #064E8A;
	border-width: 1px 0px 0px 0px;	
}

tr.protocolRowHidden {
	border: solid #064E8A;
	border-width: 0px 1px 1px 1px;
	display: none;
}

tr.protocolRow {
	border: solid #064E8A;
	border-width: 0px 1px 1px 1px;
}

div.protocol {
	height: auto;
}

div.protocol table {
	width: 100%;
	border-collapse: collapse;	
}

div.protocol table th{
	border: 1px dotted #064E8A;
	border-width: 1px 0px 0px 0px;;
}

div.protocol table td{
	border: 1px dotted #064E8A;
	border-width: 1px 0px 0px 0px;
}

.addressLeft1, .addressLeft2 {
	float:left;
}


.addressLeft2 {
	width: 600px;
	margin-left: 20px;
}


div.addressLeft2 input, div.addressLeft2 textarea {
	width: 470px !important;
}

span.version {
	color: #efefef;
	text-align: right;
	width: 41%;
	position: absolute;
}

.createUser .title{
	font-size:16px;
	}

.createUser table tr {
	font-size:12px;
	}

.createUser #content{
	position:absolute;
	top:10px;
	padding:0;
	padding-left:10px;
	}

.createUser table{
	position:absolute;
	left:10px;
}

.createUser input, .createUser select{
	width:300px;
	}
.createUser .submit{
	width:130;
	margin:7px;
	font-weight:bold;
	}
	
.createUser .abort{
	width:130;
	margin:7px;
	}
	
a.deactivated, a.activated{
	padding-left:10px;
	}