@charset "utf-8";
html, body { width:100%; height:100%; margin:0; padding:0; }
body { font-family:arial, helvetica, sans-serif; font-size:76.5%; background:#fff; color:#000; }
h1, h2, h3, h4, h5, h6, h7, p, ul, li { margin:0; padding:0; font-size:1em; color:#000; }
table, table caption, table th, table tr, table td, table tr th, table tr td { font-size:1em; } /* w3 IE55 hack */
p, input, select, textarea, li, dd, dt { font-size:1em; font-family:arial, helvetica, sans-serif; } /* textarea zieht die font definitionen aus dem body nicht */
form { display:inline }
img { border:0px }
table td, table th { border:0; padding:0px; }
hr { display:none; }
h1 { margin-top:8px; font-weight:normal; font-size:22px; color:#666; }
h2 { margin-top:6px; margin-bottom:0px; font-weight:normal; font-size:18px; color:#666; }
p { line-height:1.4em }
a, a:link, a:visited { color:#c40000; text-decoration:none; }
a:hover, a:active { color:#c40000; text-decoration:underline; }
/* clearfix for floating elements */
.cf { _height:1%; _position:relative; display:inline-block; }
/* Hide from IE Mac \*/
.cf { display:block; }
/* End hide from IE Mac */
.cf:after { content:"."; visibility:hidden; display:block; height:0; line-height:0px; clear:both; }
/* hidden elements for accessibility */
.hide { position:absolute; top:0px; left:-5000px }
.hide-tr { visibility:hidden; height:0px; font-size:0px }
.hideme { font-size:0; height:0; line-height:0; overflow:hidden } /* use for target ankers only, IEbug */
.hideme/**/ { float:left } /* hide for IE50 */
#container {text-align: left; padding-bottom:40px;}
#header { height:80px; border-bottom:0px solid #f0f0f0; margin:0 00px; }
#header .logo { margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */ padding: 20px 0 0 0; float:left; }
.funcnav { text-align:right; padding-top:7px; }
.funcnav img { vertical-align:bottom; }
/* Left navi */
#sidebar1 { float: left; width: 180px; margin: 24px 0 0 20px; _margin-left:10px;  }
#sidebar1 ul {list-style:none; margin:0;}
#sidebar1 li a {height:1%; margin:0px; display:block; padding:4px 10px 5px 10px; border-bottom:1px solid #f0f0f0;}
#sidebar1 li a:hover {background-color:#fff;}
#sidebar1 li li a {position:relative; height:1%; margin: 0; padding-left:10px;}
#sidebar1 li li li a {position:relative; height:1%; margin:0; padding-left:20px;}
#sidebar1 .act a {font-weight:bold;}
#sidebar1 .Accordion { overflow: hidden; }
#sidebar1 .AccordionPanel { margin: 0; padding: 0; }
/*#sidebar1 .AccordionPanelTab {border-bottom: solid 1px #fff;margin: 0; margin-top:20px; padding: 5px 10px 5px 10px; -moz-user-select: none; -khtml-user-select: none; color:#000; background:#f0f0f0;}*/
#sidebar1 .AccordionPanelTab {border-bottom: solid 1px #fff;margin: 0; margin-top:20px; padding: 5px 10px 5px 10px; -moz-user-select: none; -khtml-user-select: none; color:#000; background:#FFFFF;}
#sidebar1 .AccordionPanelContent { overflow: hidden; margin: 0; padding: 0; height: auto;}
#sidebar1 .AccordionPanelOpen .AccordionPanelTab { color:#000;background:#f0f0f0 url(i-down.gif) no-repeat 10px 7px;}
#sidebar1 .AccordionPanelTabHover { text-decoration:underline; }
#sidebar1 .AccordionPanelOpen .AccordionPanelTabHover { text-decoration:underline; background:#f0f0f0 url(i-down.gif) no-repeat 10px 7px; }
#sidebar1 .AccordionFocused .AccordionPanelTab { background-color: #f0f0f0; }
#sidebar1 .AccordionFocused .AccordionPanelOpen .AccordionPanelTab { }

#login {
	margin-left:200px;
	position: relative;
}

/*mainContent*/
#mainContent { margin: 0 20px 0 220px; _margin-left: 217px;}
#mainContent p {width:650px; padding-top:5px;}
#mainContent .intro_text {width:600px;margin-bottom:15px;}

/* Table */
#mainContent table {margin-top:0px;background-color:#fff;}
#mainContent th {background-color:#999; font-weight:normal; color:#fff;padding:5px 10px;}
#mainContent td {padding:5px 10px; text-align:left; vertical-align:top;}
#mainContent table.formular td {padding:3px 10px 3px 0; vertical-align:middle;}
#mainContent table.formular td.td-top {vertical-align:text-top;}
#mainContent tr.odd td {background-color:#f0f0f0;}
#mainContent table a.sort {padding-right:18px; background:url(i-sort.gif) no-repeat right 1px; color:#fff;}
#mainContent table a.sort-down {padding-right:18px; background:url(i-sort-down.gif) no-repeat right 1px; color:#fff;}
#mainContent table a.sort-top {padding-right:18px; background:url(i-sort-top.gif) no-repeat right 1px; color:#fff;}
#mainContent table.table-c {background-color:#999;}
#mainContent table.table-c td.bord {padding:0;}
#mainContent .table-c td {height:20px;}
#mainContent .table-c tr.tit1 td {background-color:#999; color:#fff;}
#mainContent .table-c tr.tit2 td {background-color:#CFD6DB;}
#mainContent .zebra td {padding:2px 6px;}

/*printContent*/
#printContent { margin: 0 20px 0 103px; _margin-left: 100px;}
#printContent p {width:650px; padding-top:5px;}

/* Table printContent*/
#printContent table {margin-top:0px;background-color:#fff;}
#printContent th {background-color:#fff; font-weight:normal; color:#fff;padding:5px 10px;}
#printContent td {padding:5px 10px; text-align:left; vertical-align:top;}
#printContent table.formular td {padding:3px 10px 3px 0; vertical-align:middle;}
#printContent table.formular td.td-top {vertical-align:text-top;}
#printContent tr.odd td {background-color:#fff;}
#printContent table a.sort {padding-right:18px; background:url(i-sort.gif) no-repeat right 1px; color:#fff;}
#printContent table a.sort-down {padding-right:18px; background:url(i-sort-down.gif) no-repeat right 1px; color:#fff;}
#printContent table a.sort-top {padding-right:18px; background:url(i-sort-top.gif) no-repeat right 1px; color:#fff;}
#printContent table.table-c {background-color:#fff;}
#printContent table.table-c td.bord {padding:0;border:1px solid #000;}
#printContent .table-c td {height:20px;}
#printContent .table-c tr.tit1 td {background-color:#fff;border:1px solid #000;}
#printContent .table-c tr.tit2 td {background-color:#fff;}
#printContent .zebra td {padding:2px 6px;}


/*Tooltip*/
#mainContent a.tt {position: relative; z-index:24; text-decoration:none;}
#mainContent a.tt span {display: none;}
#mainContent a.tt:hover span {display:block; position:absolute; top:30px; left:5px; background-color:#999; color:#000; text-align:left; padding: 3px 10px; color:#fff;z-index:2004; }
#mainContent .help { vertical-align:bottom;  }

/* Button */
a.btn, a.btn:link, a.btn:visited {background-color:#c40000; color:#fff; padding:2px 9px 3px 9px; text-decoration:none; position:relative; _top:-1px; }
a.btn:hover {background-color:#999;}
a.btn-sec, a.btn-sec:link, a.btn-sec:visited {background-color:#fff; border:1px solid #c40000; color:#c40000; padding:1px 9px 2px 9px;  text-decoration:none; position:relative; _top:-1px;} 
a.btn-sec:hover {border:1px solid #999; color:#999; }
p.btn {margin:16px 10px 0 0;}

.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */ float: right; margin-left: 8px; }
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */ float: left; margin-right: 8px; }
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */ clear:both; height:0; font-size: 1px; line-height: 0px; }


/* form error */
#mainContent .form-error {background-color:#FF0000; font-weight:bold; padding:2px 10px 10px 15px; color:#fff;}
#mainContent .form-error-label {font-weight:bold; color:#FF0000; border: solid medium;}