body { 
	font-family: Verdana,Arial,Helvetica,Geneva,sans-serif; 
	font-size: 0.8em; 
	color: #555555; 
}

h1 h2 h3 h4 h5 h6 p img div span table th td ul ol li { margin:0; padding:0; }

a { color:#427d7e; text-decoration:none; }
a:hover { color:#000; text-decoration:underline; }

/* ----------------------- HEADER NAVIGATION ------------------- */
#header { width: 936px; height: 38px; margin: auto; margin-top: 0px; position: relative; z-index: 9998; border:0px solid #f33;}
#header #headernav { margin: 0; padding: 0; }
#header #headernav li { display: inline; }
#header #headernav li a { float: left; width: 117px; height: 0; padding-top: 38px; overflow: hidden; }
#header #headernav li a, #header { background-image: url(images/headernavbg.png); background-repeat: no-repeat; } 

/* BUTTONS */
#header #headernav li#hn-m0 a { background-position: 0 0; }
#header #headernav li#hn-m1 a { background-position: -117px 0; }
#header #headernav li#hn-m2 a { background-position: -234px 0; }
#header #headernav li#hn-m3 a { background-position: -351px 0; }
#header #headernav li#hn-m4 a { background-position: -468px 0; }
#header #headernav li#hn-m5 a { background-position: -585px 0; }
#header #headernav li#hn-m6 a { background-position: -702px 0; }
#header #headernav li#hn-m7 a { background-position: -819px 0; }

/* OVER STATES */
#header #headernav li#hn-m0 a:hover { background-position: 0 -38px; }
#header #headernav li#hn-m1 a:hover { background-position: -117px -0px; }
#header #headernav li#hn-m2 a:hover { background-position: -234px -38px; }
#header #headernav li#hn-m3 a:hover { background-position: -351px -38px; }
#header #headernav li#hn-m4 a:hover { background-position: -468px -0px; }
#header #headernav li#hn-m5 a:hover { background-position: -585px -0px; }
#header #headernav li#hn-m6 a:hover { background-position: -702px -38px; }
#header #headernav li#hn-m7 a:hover { background-position: -819px -0px; }

/* PRESSED STATES */
#header #headernav li#hn-m0 a:active { background-position: 0 -76px; }
#header #headernav li#hn-m1 a:active { background-position: -117px -0px; }
#header #headernav li#hn-m2 a:active { background-position: -234px -76px; }
#header #headernav li#hn-m3 a:active { background-position: -351px -76px; }
#header #headernav li#hn-m4 a:active { background-position: -468px -0px; }
#header #headernav li#hn-m5 a:active { background-position: -585px -0px; }
#header #headernav li#hn-m6 a:active { background-position: -702px -76px; }
#header #headernav li#hn-m7 a:active { background-position: -819px -0px; }

/* ON STATES */
#header.m0 #headernav li#hn-m0 a:hover { background-position: 0 0; cursor: default; }
#header.m1 #headernav li#hn-m1 a { background-position: -117px -114px !important; }
#header.m2 #headernav li#hn-m2 a { background-position: -234px -114px !important; }
#header.m3 #headernav li#hn-m3 a { background-position: -351px -114px !important; }
#header.m4 #headernav li#hn-m4 a { background-position: -468px -114px !important; }
#header.m5 #headernav li#hn-m5 a { background-position: -585px -114px !important; }
#header.m6 #headernav li#hn-m6 a { background-position: -702px -114px !important; }
#header.m7 #headernav li#hn-m7 a { background-position: -819px -114px !important; }

/* ----------------------- HEADER TOP -------------------------- */
#header_top {
	width: 926px; 
	margin: auto;
	text-align:right;
	padding-right:10px;
	padding-bottom:2px;
	font-size:0.8em;
	border:0px solid #f33;
}
/* ----------------------- HEADER SUB NAVIGATION --------------- */
#headernavsub {
	width: 926px;
	margin: auto;
	padding-top:1px;
	padding-bottom:4px;
	text-align:center;
	background: url(images/headernavsub.png) no-repeat bottom center; 
	background-color:#e5e5e5;
}
/* ----------------------- FOOTER ------------------------------ */
#footer { 
	width: 936px; 
	margin: 0 auto; 
	margin-top:20px;
	padding-top:10px;
	padding-left:10px;
	position: relative; 
	background: url(images/footerbg.png) no-repeat top center; 
	height:35px;
	color:#999999;
}
/* ----------------------- HAUPTBEREICH (Breite festlegen)------ */
#container { width: 936px; margin: 0 auto; margin-top:18px; position: relative; }

/* ----------------------- SPALTEN ----------------------------- */
#leftbar, #rightbar {
	border:0px solid #36c;
	width:184px;
	padding:0;
	margin:0;
}
#leftbar ul , #rightbar ul {
	border:0px solid #f33;
	padding:0;
	padding-bottom:10px; 
	margin:0;
	background: url(images/sidebox_light_bg.gif) repeat-x bottom;
}
#leftbar li , #rightbar li {
	list-style-type: none;
	margin-left:8px;
	padding-top:8px;
	padding-right:1px;
	border:0px solid #f33;
}
#leftbar h3, #rightbar h3 {
	margin:0;
	padding:4px;
	padding-left:8px;
	color:#e5e5e5;
	font-size:0.9em;
	background-image: url(images/rightbar_titlebg.png); background-repeat: no-repeat;
}
#leftbar .boxbottom, #rightbar .boxbottom {
	background: url(images/box_184capbottom.png) no-repeat top center;
	border:0px solid #fc6;
}
/* ----------------------- LINKE SPALTE ------------------------ */
#leftbar {
	float:left;
	margin-left:2px;
	margin-right:16px;
}
/* ----------------------- RECHTE SPALTE ----------------------- */
#rightbar {
	float:left;
	margin-left:16px;
}

/* ----------------------- MAIN CONTENT (WIDE) ----------------- */
#widescreen_wrapper {
	float:left; 
	width:936px;
	margin:0;
	padding:0;
	border:0px solid #f0f0f0;
	background: url(images/widescreenbg.gif) repeat-y center; 
}
#widescreen_wrapper .top {
	background: url(images/widescreen_top.gif) no-repeat top center;
	height:6px;
}
#widescreen_wrapper .bottom {
	background: url(images/widescreen_bottom.gif) no-repeat top center;
	height:6px;
}
/* ----------------------- MAIN CONTENT (NARROW) --------------- */
#mainbox_wrapper {
	float:left;
	width:530px;
	margin:0;
	padding:0;
	border:0px solid #f0f0f0;
	background: url(images/mainboxbg.gif) repeat-y center; 
}
#mainbox_wrapper .top {
	background: url(images/mainbox_top.gif) no-repeat top center;
	height:6px;
}
#mainbox_wrapper .bottom {
	background: url(images/mainbox_bottom.gif) no-repeat top center;
	height:6px;
}
/* ----------------------- MAIN CONTENT ------------------------ */
#mainbox {
	margin:0;
	padding:0 10px 20px 10px;
	border:0px solid #336699;
}
#mainbox code {
	font-size:1.1em;
}
#mainbox h2 {
	margin:0px;
	padding:0px;
	color:#427d7e;
	font-size:1.4em;
}
#mainbox form {
    background: transparent;
    color: #333;
    padding: 15px 4px;
    width: auto;
}
#mainbox label {
    background: transparent;
    color: #555555;
    width: 160px;
    padding: 1px 4px 1px 1px;
    float: left;
    margin: 0 5px 5px 0;
}
#mainbox input, textarea, select {
    background-color: #f0f0f0;
    color: #333;
    border: 1px #e0e0e0 solid;
    float: left;
    margin: 0 5px 5px 0;
    width: auto;
}
#mainbox select {
    background-color: #ffffff;
}
#mainbox input.kurz { width: 50px; }
#mainbox input.kurz1 { width: 80px; background-color: #ffffff;}
#mainbox input.mittel { width: 143px; }
#mainbox input.normal { width: 200px; }
#mainbox input.senden, #rightbar input.senden { 
    background-color: #D8D7D6;
    width: auto;
    margin: 0;
    padding: 1px 3px;
    border-top: 1px solid #F3F3F3;
    border-right: 1px solid #9A9999;
    border-bottom: 1px solid #9A9999;
    border-left: 1px solid #F3F3F3;
}
#mainbox input.senden:hover, #rightbar input.senden:hover { 
    background-color: #cccccc;
    border-top: 1px solid #F3F3F3;
    border-right: 1px solid #9A9999;
    border-bottom: 1px solid #9A9999;
    border-left: 1px solid #F3F3F3;
}
#mainbox input.delete:hover { 
	background-color: #FF6347;
    border-top: 1px solid #FFA07A;
    border-right: 1px solid #990000;
    border-bottom: 1px solid #990000;
    border-left: 1px solid #FFA07A;
}

#textarea { margin-left:170px; }
#mainbox textarea.normal { width:200px; }

#mainbox table.tabelle {
	clear:both; border:0px solid #ccc; width:100%;
	background: #fff url(images/tableheadwide.gif) no-repeat top left; 
}
#mainbox table.tabelle th {
	height:25px;
	border-right:1px solid #ffffff;
	/* background: #fff url(images/th.png) repeat-x 0px -2px; */
	/* background: #fff url(images/tableheadwide.gif) no-repeat top right; */
	text-align:center;
	padding-left:3px;
}
#mainbox table.tabelle tr .ende {
	height:25px;
	background: #fff url(images/tableheadwide.gif) no-repeat top right; 
}
#mainbox table.tabelle td {
	border-right:1px solid #ffffff;
	padding-left:3px;
	background: #fafafa url(images/fade-entry.png) repeat-x 0px -12px;
}
#mainbox ul li {
	border:0px solid #f33;
	/* list-style-type: none; */
	margin-bottom:10px;
}
#mainbox .navigation { 
	border:1px solid #f33;
	padding: 2px 5px 0 5px;
	/* background-image: url(images/mainsubnavbg.gif);  */
	/* background-image: url(images/tableheadbg.gif);  XXX */
	/* height:19px; */
	text-align:center; 
}
#mainbox .mainboxform {
	background: url(images/mainboxbg.gif) repeat-y center; 
	height:6px;
}
#graph_wrapper {
	border:0px solid #ff3;
	background:#ccc;
}
div#graphnavigation {
	background: #acacac url(images/tableheadbg.gif) no-repeat top left; 
	text-align:center;
	color:#999999;
	border:0px solid #f33;
	padding:5px;
}
#graphnavigation form {
	margin-left:40px;
}
/* #graphnavigation2 input.date {
	width:100px;
} */
#graphnavigation a { color:#555555; }
#graphnavigation a:hover { color:#000000; }
.reiter { 
	color:#427d7e;
}
.reiter_active { 
	color:#427d7e;
	font-weight:bold;
}
.source_icon a, .view_icon a {
	padding-right:1px;
	background-color:#dddddd;
	background-image:none;
}
.source_icon_public a, .view_icon_public a {
	padding-right:1px;
	background-color:#cccc99;
	background-image:none;
}
.view_icon, .view_icon_public { width:284px; }
/* ------------------------------------------------------------- */
.highcrit { border-left: 4px solid #ff4500; }
.high     { border-left: 4px solid #ff9966; }
.norm     { border-left: 4px solid transparent; }
.low      { border-left: 4px solid #e0e0ff; }
.lowcrit  { border-left: 4px solid #6699ff; }
/* ------------------------------------------------------------- */
table.kalender {
    border:1px solid #f0f0f0;
    font-size: 0.8em;
    background-color: #ffffff;
    }
table.kalender tbody {
    background-color: #efefef;
    }
table.kalender th {
    text-align:center;
    border:1px solid #ffffff;
	background-color: #427d7e;
	color:#ffffff;
	font-weight:bold;
	padding:1px 3px 1px 3px;
	}
table.kalender th a {
	color:#ffffff;
	text-decoration:none;
	}
table.kalender td {
    width:2em;
    }
table.kalender td.day {
    text-align:center;
    border:1px solid #f0f0f0;
    background-color: #ffffff;
    }
table.kalender td.day:hover {
    background-color: #EBE4C0;
    }
table.kalender td.today {
    text-align:center;
    border:1px solid #f0f0f0;
    background-color:#EBC2C0;
    }
table.kalender td.current {
	border:1px solid #427d7e;
	}
table.kalender td a {
    color:#333333;
    text-decoration:none;
    display:block;
    }
table.kalender td a:hover {
    color:#000000;
	}
/* ------------------------------------------------------------- */
