body {
	text-align:left;
	vertical-align:middle;
	background-color:#F6F6F6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px; 
}

.body_system {
    margin:10px auto 10px auto;
    text-align:left;
    vertical-align:middle;
    background-color:#F6F6F6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.body_help {
    margin:0px;
    text-align:center;
    vertical-align:middle;
    color:#000;
    background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/*************************/
/* Absatz, Überschriften */
/*************************/

h1 {
    font-size:150%;
    color:#024992;
    margin-top:3px;
    margin-bottom:25px;
    line-height:130%;
    text-align:left;
}

h2 {
    font-size:135%;
    color:#024992;
    text-align:left;
    margin-top:24px;
    margin-bottom:20px;
    padding: 0px;
}

h3 {
    font-size:120%;
    color:#024992;
    margin-top:24px;
    margin-bottom:6px;
    text-align:left;
}

h4 {
    font-size:110%;
    color:black;
    margin: 10px 0 6px 0;
    text-align:left;
}

h5 {
    color: #024992;
}

h6 {
    font-size:120%;
    color:#105a9c;
    margin-top:24px;
    margin-bottom:6px;
    text-align:left;
}

input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}

p {
    margin:12px 0px 12px 0px;
    line-height:140%;
}

.gray {
    background-color:#ECECEC;
    font-size:90%;
}

.yellow {
	background-color:#FFFFD9;
}

.red {
    font-size:13px;
    font-weight:200;
    color:#990000;
}
.white {
    font-size:11px;
    font-weight:200;
    color:#FFFFFF;
}
.bright {
    font-size:11px;
    font-weight:bold;
    color:#F7F7F7;
    text-decoration:none;
}
.normal {
    font-size:13px;
    font-weight:200;
    color:#000000;
    line-height:110%;
}
.regular {
    font-size:12px;
    font-weight:200;
    color:#000000;
}
.author {
    font-size:11px;
    font-weight:bold;
    color:#000000;
}
.smaller {
    font-size:10px;
    font-weight:200;
    color:#000000;
}
.small {
    font-size:9px;
    font-weight:200;
    color:#000000;
}

.smallAnker {
	font-size:9px;
	font-weight:200;
	color:#0033CC;
}
.smallAnker a:link {text-decoration:none; color:#0033CC; }
.smallAnker a:visited {text-decoration:none; color:#0033CC; }
.smallAnker a:active {text-decoration:none; color:#0033CC; }
.smallAnker a:hover {text-decoration:underline; color:#0033CC; }

.unicode {
	font-family:Arial Unicode MS;
	font-weight:bold;
	color:#CCCCCC;
	font-size:100%;
}

.unicodeAnker {
	font-family:Arial Unicode MS;
	font-weight:bold;
	color:#0033CC;
	font-size:100%;
}
.unicodeAnker a:link {text-decoration:none; color:#0033CC; }
.unicodeAnker a:visited {text-decoration:none; color:#0033CC; }
.unicodeAnker a:active {text-decoration:none; color:#0033CC; }
.unicodeAnker a:hover {text-decoration:underline; color:#0033CC; }

/*****************/
/* Miscellaneous */
/*****************/

#system {
	background:#FFFFFF;
	border:1px solid #024992;
	color:#333;
	position:absolute;
	width:420px;
	top:50%;
	left:50%;
	margin-top:-100px;
	margin-left:-210px;
	padding:15px;
}

/**********************************/
/* Linkvorgaben, allgemein gültig */
/**********************************/

a:link {text-decoration:none; color:#0033CC; }
a:visited {text-decoration:none; color:#0033CC; }
a:active {text-decoration:none; color:#0033CC; }
a:hover {text-decoration:underline; color:#0033CC; }

/*************************************************/
/* Linkvorgaben, "activer" Link ist andersfarbig */
/*************************************************/

a.activeAfterBack:link {text-decoration:none; color:#0033CC; }
a.activeAfterBack:visited {text-decoration:none; color:#0033CC; }
a.activeAfterBack:focus {text-decoration:none; color:#0033CC; }
a.activeAfterBack:hover {text-decoration:underline; color:#0033CC; }
a.activeAfterBack:active {text-decoration:none; color:#0033CC; }

/********************/
/* Kästchen-Leisten */
/********************/

p.rot {font-weight:bold; letter-spacing:0.1em; font-variant:small-caps; border-bottom:solid 2px #800000; margin:25px 0px 0px 1px; font-size:12px; line-height:120%; color:#000; margin-bottom:10px;}
p.blau {font-weight:bold; letter-spacing:0.1em; font-variant:small-caps; border-bottom:solid 2px #105A9C; margin:25px 0px 0px 1px; font-size:12px; line-height:120%; color:#000; margin-bottom:10px;}
p.orange {font-weight:bold; letter-spacing:0.1em; font-variant:small-caps; border-bottom:solid 2px #ff9e00;margin:25px 0px 0px 1px; font-size:12px; line-height:120%; color:#000; margin-bottom:10px;}

p.strich {
    font-weight:bold;
    letter-spacing:0.1em;
    font-variant:small-caps;
    border-bottom:dotted 2px #9cce63;
    margin:-35px 2px 40px 35px;
    font-size:12px;
    line-height:120%;
    color:#000;
}
p.gruen {
    font-weight:bold;
    letter-spacing:0.1em;
    font-variant:small-caps;
    border-bottom:solid 2px #9CCE63;
    margin:40px 0px 0px 1px;
    font-size:1em;
    line-height:120%;
    color:#000;
}



/************************/
/* Tabellenbegrenzungen */
/************************/

#tableframe {
overflow:auto;


}


/************************/
/* dreht die x-scrollbar der Tabelle nach oben */
/************************/


.switchcontainer {
	direction: rtl;
	transform: rotate(180deg);
}

.switchcontainer table {
  direction: ltr;
  display: inline-block;
  transform: rotate(-180deg);
}




/************/
/* Tabellen */
/************/

table {border-collapse:collapse; font-size:100%; width: 100%;}
table.DB tr td {border: solid 1px #808080; padding:6px; vertical-align:top; line-height:150%;}
table.DB2 tr td {border: solid 1px #808080; padding:6px; vertical-align:top; line-height:100%;}
table.form tr td {padding:6px; vertical-align:top; line-height:150%; }
table.mailform tr td {border: solid 1px #808080; padding:6px; table-layout:fixed;}

/*****************/



table.tabNormal th {
    border:1px solid #9D9D9D;
    background-color:#ECECEC;
    text-align:center;
    vertical-align:middle;
    font-size:12px;
    font-weight:bold;
    color:#000000;
    line-height:110%;
    overflow:visible;
}

table.tabNormal td {
    border:none;
    text-align:left;
    vertical-align:middle;
    font-size:12px;
    font-weight:100;
    color:#000000;
    line-height:110%;
    overflow:visible;
    padding-left:10px;
}

table.tabNormal td.tabNormalHeader {
    background-color:#ECECEC;
    border:none;
    font-size:12px;
    font-weight:200;
    color:#222222;
    text-align:right;
}

table.tabNormal td.tabNormalHeaderOptional {
    background-color:#ECECEC;
    border:none;
    font-size:12px;
    font-weight:200;
    color:#888888;
    text-align:right;
    /*vertical-align:top;*/
}

/*****************/

table.tabAdminOverview {
	table-layout: auto;

}

table.tabAdminOverview th {
	transition: top 0.5s ease-in-out 0s;
	position: sticky;
	white-space: normal;
	overflow: hidden ;
    background-color:#105A9C;
    border:1px solid #9D9D9D;
    text-align:center;
    font-size:11px;
    font-weight:200;
    line-height:160%;
    color:#FFFFFF;
}



table.tabAdminOverview th.tabAdminOverviewActive {
    background-color:#408DD2;
    border:1px solid #9D9D9D;
    text-align:center;
    font-size:11px;
    font-weight:200;
    line-height:160%;
    color:#FFFFFF;
}

table.tabAdminOverview td {
	white-space: normal;
    border:1px solid #9D9D9D;
    text-align:left;
    font-size:11px;
    font-weight:200;
    color:#000000;
    overflow:hidden;
	max-width: 250px;
	
}




table.tabAdminOverview td.createdlastmodified {
    font-size:7px;
    font-weight:200;
    font-style:normal;
    line-height:8px;
    color:#AAAAAA;
}

table.tabAdminEdit td.createdlastmodified  {
    font-size:8px;
    font-weight:200;
    font-style:normal;
    color:#000000;
}


table.tabAdminEdit {
    table-layout: fixed;
    border-collapse:collapse;
    width: 100%;
}

table.tabAdminEdit td {
    border:1px solid #9D9D9D;
    white-space:nowrap;
    overflow:hidden;
    font-size:11px;
    font-weight:200;
    color:#000000;
}

table.tabAdminEdit td.tabAdminEditHeader {
    background-color:#105A9C;
    border:1px solid #9D9D9D;
    font-size:11px;
    font-weight:200;
    color:#FFFFFF;
    width: 200px;
    /*vertical-align:top;*/
}

table.tabAdminEdit td.tabAdminEditDeactive {
    border:1px solid #9D9D9D;
    font-size:11px;
    font-weight:200;
    color:#9D9D9D;
}

table.tabAdminEdit td.tabAdminEditManual {
    background-color:#408DD2;
    border:1px solid #9D9D9D;
    font-size:11px;
    font-weight:200;
    color:#FFFFFF;
}

table.tabAdminEdit td.tabAdminEditFDWM {
    background-color:#FFFFD9;
    border:1px solid #9D9D9D;
    font-size:11px;
    font-weight:200;
    color:#024992;
}

table.tabAdminEdit td.tabAdminEditHeaderSmaller {
    background-color:#0D4A80;
    border:1px solid #9D9D9D;
    font-size:9px;
    font-weight:200;
    color:#FFFFFF;
}

table.tabAdminEdit td.tabAdminEditButtons {	
	padding-top:20px;
    border:none;
    white-space:nowrap;
    overflow:hidden;
    font-size:11px;
    font-weight:200;
    color:#000000;
}


table.tabAdminEditChange {
    table-layout:auto;
    border-collapse:collapse;
    width:100%;        
}

table.tabAdminEditChange td.tabAdminEditChange {
	padding-top:0px;
    border:none;
    white-space:nowrap;
    overflow:hidden;
    font-size:11px;
    font-weight:200;
    color:#000000;
}


table.tabAdminEditButtons {
    table-layout:auto;
    border-collapse:collapse;
    width:100%;        
}

table.tabAdminEditButtons td.tabAdminEditButtons {
	padding-top:0px;
    border:none;
    white-space:nowrap;
    overflow:hidden;
    font-size:11px;
    font-weight:200;
    color:#000000;
}


/***********************************/
/* Listen mit Dreieck, linksbündig */
/***********************************/

.liste {margin:0; text-align:left; line-height:140%;}
.liste ul {margin:0; padding:0; list-style-type:none;}
.liste ul li{ margin:0 0 10px 20px; padding:0; color:#000; list-style-image:url('/img/pin.gif');}
.liste ol li{ margin:0 0 10px 5px; padding:0;}

/*******************************************************************/
/* Listen, linksbündig, tiefer eingerückt, ohne Aufzählungszeichen */
/*******************************************************************/

.liste2 {margin:0; text-align:left; line-height:150%;}
.liste2 ul {margin:0; padding:0; list-style-type:disc;}
.liste2 ul li{ margin:0 0 5px 35px; padding:0; list-style-image: none;}
.liste2 ol li{ margin:0 0 5px 5px; padding:0;}


/***********************************/
/* Listen mit Dreieck, gruen */
/***********************************/

.liste_gruen {margin:0; text-align:left; line-height:140%;}
.liste_gruen ul {margin:0; padding:0; list-style-type:none;}
.liste_gruen ul li{ margin:0 0 10px 20px; padding:0; color:#000; list-style-image:url('/img/pin_gruen.gif');}
.liste_gruen ol li{ margin:0 0 10px 5px; padding:0;}



/**************/
/* Navigation */
/**************/

#navcontainer {width:181px;}

#navcontainer p {margin:0px 0px 0px 0px; padding-left:0; list-style-type:none; font-family:Arial, san-serif; font-size:90%; font-weight:bold;}

#navcontainer h1 {
    font-size:130%;
    color:#B6C0DA;
    margin-top:3px;
    margin-bottom:15px;
    line-height:130%;
    text-align:left;
    text-transform:uppercase;
}

#navcontainer h2 {
    font-size:110%;
    color:#B6C0DA;
    margin-top:3px;
    margin-bottom:15px;
    line-height:130%;
    text-align:left;
}

#navcontainer a {display:block; padding:4px; width:172px; border-bottom:1px solid #152B64; color:#FFFFFF;}
#navcontainer a:link {text-decoration:none;}


#navcontainerSubmenu a {display:block; padding:4px 4px 4px 14px; width:162px; border-bottom:1px solid #152B64; color:#CAD9FF;}
#navcontainerSubmenu a:link {text-decoration:none;}

#navcontainerHeadline p {display:block; padding:4px 4px 4px 14px; width:180px; border-bottom:1px solid #152B64; color:#CCCCCC;}

#navcontainerBright a:link {background-color:#408DD2; color:#B4F077; text-decoration:none;}
#navcontainerBright a:visited {background-color:#408DD2; color:#B4F077; text-decoration:none;}
#navcontainerBright a:hover {background-color:#FFFFD9; color:#105A9C; text-decoration:none;}
#navcontainerBright a:active {background-color:#FFFFD9; color:#105A9C; text-decoration:none;}

#navcontainerRed a {display:block; padding:4px; width:150px; border-bottom:2px solid #ff9933;}
#navcontainerRed a:link {color:#F7F7F7; text-decoration:none;}
#navcontainerRed a:visited {color:#F7F7F7; text-decoration:none;}
#navcontainerRed a:hover {background-color:#FFFFD9; color:#105A9C; text-decoration:none;}
#navcontainerRed a:active {background-color:#FFFFD9; color:#105A9C; text-decoration:none;}


#navcontainerTopmenu {padding: 0px 20px 0px 0px; float:left;}
#navcontainerTopmenu a {margin:0px 0px 0px 0px; padding-left:0; list-style-type:none; color:#024992; font-family:Arial, san-serif; font-size:100%; font-weight:bold;}
#navcontainerTopmenu a:link {text-decoration:none;}
#navcontainerTopmenu a:hover {text-decoration:none; color:#5185D8;}

#part1nav {color:black; background-color:#FFFFD9; border:1px solid black;}
#part2nav {color:black; background-color:white;}
#part3nav {color:black; background-color:white;}
#part4nav {color:black; background-color:white;}
#part5nav {color:black; background-color:white;}
#part6nav {color:black; background-color:white;}

#part1 {display:inline;}
#part2 {display:none;}
#part3 {display:none;}
#part4 {display:none;}
#part5 {display:none;}
#part6 {display:none;}

#dateDiv {position: absolute; top: 110px; left: 300px; visibility: hidden; background-color: transparent; /*background-color:rgb(156,206,99);*/}

/*****************/
/* Miscellaneous */
/*****************/

.unicode {
	font-family:Arial Unicode MS;
	font-weight:bold;
	color:#CCCCCC;
	font-size:100%;
}

.borderFull {
	border:1px solid #E4E4E4;
}
.borderRight {
	border-right:1px solid #E4E4E4;
}
.borderLeft {
	border-left:1px solid #E4E4E4;
}
.borderTop {
	border-top:1px solid #E4E4E4;
}
.borderBottom {
	border-bottom:1px solid #E4E4E4;
}
.borderRightThick {
	border-right:2px solid #000000;
}
.borderTopThick {
	border-top:2px solid #000000;
}

.copyright {
	font-size:10px;
	font-weight:normal;
	color:#444444;
}

/**********/
/* Button */
/**********/



.button {
    background-color:#F2F2F2;
    color:#666666;
    font-size:12px;
    font-family:Arial;
    font-weight:bold;
    padding:3px 12px 3px 12px;
    margin:1px;
    border:1px solid #CCCCCC;
    height:30px;
    border-radius:4px;
	cursor: pointer;
}


.buttondisabled {
    background-image:url('/images/button.png');
    background-color:#FFFFFF;
    color:#CCCCCC;
    font-size:12px;
    font-family:Arial;
    font-weight:bold;
    padding:3px 12px 3px 12px;
    margin:1px;
    border:1px solid #105A9C;
    height:30px;
    border-radius:4px;
}





#spacer5 {height:5px; line-height:5px;}
#spacer10 {height:10px}
#spacer20 {height:20px}
#spacer50 {height:50px}
#spacer100 {height:100px}
#spacer200 {height:200px}




.blueButton{

		font-weight: bold;	
		background-color : #105A9C;
		color: white;
		border: none;
		cursor: pointer;
		
		min-width: 214px;
		min-height: 36px;
		margin-right: 5px;
		margin-top: 5px;	
		margin-bottom: 5px;			
	}