@media print {
	#header {
	  display: none;
	} 
	#opennav {
	  display: none;
	} 
	#footer {
	  display: none;
	}
	.button {
	  display: none;
	}
	.button-gray {
	  display: none;
	}
	.btn {
	  display: none;
	}
	.no-print {
	  display: none;
	}
	#single { 
		padding: 2px 36px 40px 16px !important; 
		font-size: 20px !important;
	}
	#single td { 
		border-bottom: 1px solid #dddddd;
	}
	#single input { 
	  display: none;
	}
}

body {
	margin: 0;
	padding: 0;
	font-family:arial, helvetica, sans-serif;
	font-size:14px;
	color: #505367;
}

hr {
	border-bottom: 0px solid #000;
}

a:link { 
	color: #000; 
    text-decoration: none;
}
a:visited { 
	color: #000; 
    text-decoration: none;
}

a:hover, a:active {
	color: #fff;
}

input, select {
	height: 1.8rem;
	padding: 0.1rem;
	font-size: 14px;
	border: 1px solid #555555;
	border-radius: 2px;
}

input[type=text] {
 	padding: 0px 4px; 
}

input[type=submit] {
 	padding: 2px 12px; 
}

/*
	margin: 2px;

	display: inline-block;
	margin: 0px;
	padding: 0px 0px; 
	padding: 0.2rem;
	font-size: 14px;

#single input[type=text] {
	text-align: left;
	height: 20px;
}
*/
/*
select {
	margin: 0px;
	padding: 0px 0px;
	display: inline-block;
	border: 1px solid #555555;
	border-radius: 2px;
}
*/
.error { 
	width: 100%;
	text-align: center;
	color: #f00;
}

.clear { 
	clear: both;
	height: 0;
	font-size: 0; 
}

.unterstrich {text-decoration: underline;}
.ueberstrich {text-decoration: overline;}
.durchstrich {text-decoration: line-through;}
.blinken {text-decoration: blink;}

.table-gray { 
	color: #000000;
	background-color: #cccccc; 
}

.table-nav {
	border-collapse: collapse;
	width: 100%;
	color: #000;
	border: 1px solid #fff;
	height: 36px;
}

.table-nav td { 
	padding: 1px !important;
	background-color: #dedeee !important;
}

.table-nav input[type=submit] {
 	width: 100px !important;
}

.navline {
	text-align: right;
    padding: 1px 1px;
	border: 1px solid #fff;
    background-color: #dedeee;
}

.button {
	padding: 6px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 1px 1px;
	color: #000;
	background-color: #eee;
	border: 1px solid #555555;
	border-radius: 2px;
}

a.button:hover, a.button:active {
	color: #000;
	background-color: #fff;
}

.button-gray { 
	float: left;
	height: 16px;
	width: 76px;
    padding: 6px 2px;
	margin-left: 2px;
    text-align: center;
    background-color: #ddd;
    color: #000;
	border: 1px solid #777777;
}

.footnote {
    margin-top: 20px;
}

#container {
	margin: 1em auto;
	width: 1200px;
	text-align: left;
	background-color: #eee;
	/* border: 1px solid black; */
}

#header {
	height: 28px;
	/* background-image: url(/img/head.gif); */
	background-repeat: repeat;
	background-position: 0 0;
	border-bottom: 1px solid #fff;
	position: relative;
	padding-top: 12px;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 16px;
	color: #fff;
}

/*
** rechte Seite
*/

#menu {
	float: right;
	width: 380px;
	border-left: 1px solid #ffffff;
	padding-left: 12px;
	padding-right: 12px;
}
#menu h3 { 
	line-height: 100%;
}
#menu ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	line-height: 150%;
	font-size: 16px;
}

/*
** Einfach
*/

#single { 
	padding: 2px 16px 40px 16px; 
	font-size: 14px;
}

#single .headline { 
	background-color: #cccccc;
	height:24px;
}

#single .showline { 
	background-color: #cccccc;
	width:20%;
	height:24px;
}

#single td { 
	padding: 4px 4px 4px 4px; 
	background-color: #ffffff;
}

#single select, 
#single input {
	width: 250px;
}

/*
** 
*/

#contents { 
	margin: 0 410px 40px 20px; 
}

#contents .spacer { 
	height:60px; 
}

#contents td {
	height: 1.8rem;
	font-size: 14px;
	margin-top: 6px;
	padding-left: 0.2rem;
}

#contents td .table-gray {
	color: #000000;
	background-color: #cccccc; 
}

#contents textarea { 
	font-family: arial, helvetica, sans-serif;  
	font-size: 14px;
	margin-top: 6px;
	padding-left: 0.2rem;
	width: 300px;
}

#contents select, 
#contents input[type=submit], 
#contents input[type=text] {
	font: arial, helvetica, sans-serif;
	height: 1.8rem;
	width: 300px;
	font-size: 14px;
	margin-top: 6px;
	padding-left: 0.2rem;
}

#contents select {
	width: 308px;
}
#contents input[type=text] {
	height: 1.5rem;
}

#contents input[type=checkbox] {
	width:16px; 
	height:16px;
}

#contents input[type=submit] {
	text-align: center;
}

/*
td
#contents p { line-height: 165%; }
#contents h1 { font-size: 140%; }
#contents input { height: 24px; width:180px; }
#contents input checkbox { height: 12px; width:180px; }
#contents select { height: 24px; width:180px; }
*/

/*
**
*/

#topnav { 
    background-color: #eee;
}

#topnav td {
    background-color: #eee;
}

/*
**
*/

#opennav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #bbbbbb;
}

#opennav .username {
    float: right;
    color: white;
    text-align: center;
    padding: 14px 16px;
}

#opennav li {
    float: left;
}

#opennav li a, 
#opennav .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

#opennav li a:hover, 
#opennav .dropdown:hover .dropbtn {
    background-color: #888888;
}

#opennav li.dropdown {
    display: inline-block;
}

#opennav .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

#opennav .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

#opennav .dropdown-content a:hover {background-color: #f1f1f1}

#opennav .dropdown:hover .dropdown-content {
    display: block;
}

/*
**
*/

#mainnav {
	background-color: #bbbbbb;
	color: #272900;
	height: 20px;
	padding: 2px 0;
	margin-bottom: 22px;
}

#mainnav ul {
	margin: 0 0 0 10px;
	padding: 2;
	list-style-type: none;
	border-left: 1px solid #eeeeee;
}

#mainnav li {
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #eeeeee;
}

#mainnav li a {
	text-decoration: none;
	color: #272900;
}

#mainnav li a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #666666;
}

/*
**
*/

#login { 
	font: 85% arial, helvetica, sans-serif;
/*	font: 85% century gothic, arial;*/
}

#login .table-header { 
	height: 35px; 
	border: 1px solid #000;
	color: #fff;
	background-color: #23388a; 
	font-size: 18px;
}

#login .table-gray { 
	color: #000;
	background-color: #eeeeee; 
}

#login td { 
	font-size: 14px;
	padding: 4px 4px 4px 4px;
}

#login input {
	height: 1.8rem;
	width: 200px;
	font-size: 14px;
	margin-top: 6px;
	padding-left: 0.2rem;
}

#footer	
{
	clear: both;
	height: 20px;
	padding: 4px 0;
	text-align: center;
	color: #ffffff;
	background-color: #bbbbbb;
}