:root { /* will be overridden by JS */
    --size:  0.5;
    --width: 1;
}

@font-face { 
        font-family: 'humanst';
        src: url('../fonts/Humanist521BT_Light.ttf') format('truetype'); 
}
@font-face { 
        font-family: 'humanstbt';
        src: url('../fonts/Humanist521BT_Roman.ttf') format('truetype'); 
}

/*Globale Stile*/
html, body, #canvas {
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%; 
}
body {
	background: url("../layout/body_bg.gif") top left repeat-x white;	
}
fieldset {
	border : 1px solid #4e4b65;
	background: url("../layout/form_bg.gif") bottom right repeat-y transparent;
	color:#4e4b65;
	text-align: left;
	font-size: 0.8em;
	margin-left:31px;
	margin-right:15px;
	padding-left: 18px;
	padding-right: 18px;
}
form {
	margin: 0px;
	text-align: right;
}
h1, h2, h3, h4  {
	font-family: Humanst521 BT, Times New Roman, Times, times, serif
	/*text-align: center;  /* Zentrierung im Internet Explorer */
}
h5, h6, p, li, input, button, textarea, select, label, legend, div, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*text-align: center;  /* Zentrierung im Internet Explorer */
}
td {
    font-size: 1em;
}
label {
	font-size: 1em;
	color: gray;
	font-weight: bold;
}
input { 
	min-height: 1.1em;
    line-height: 1.1em;
    font-size: 0.8em;
}
input[type=text],
input[type=integer]  { /*fuer den Formulartester nextform() */
	border-color: silver;
}
input[type=file] { /*fuer den Formulartester nextform() */
	height: 1.5em;
	border-color: silver;
}
input[type=button] { /*fuer den Formulartester nextform() */
	height: 2.5em;
	border-color: silver;
}
select {
	height: 1.7em;
    font-size: 0.8em;
}
textarea { 
    line-height: 1.1em;
    padding:0.3em;
}
button {
    min-height: 1.5em;
    /*line-height: 1.5em;*/
	color: #4e4b65;
	margin: 5px;
	margin-right: 20px;
	font-size: 0.8em;
}
div  {
	font-family: Humanst521 BT, Times New Roman, Times, times, serif;
}
hr {
	color: silver; 
	background-color: silver; 
	height: 1px;
	border: 1px white;
	margin-left: 15px;
	margin-right: 15px;
}

a:link { 
	text-decoration:none; 
	font-weight:bold; 
	color:#888; 
}
a:visited { 
	text-decoration:none; 
	font-weight:bold; 
	color:#666; 
}
a:hover { 
	text-decoration:underline; 
	font-weight:bold; 
	color:#9d85d6; 
	background-color:#fff; 
}
a:active { 
	text-decoration:underline; 
	font-weight:bold; 
	color:#9d85d6; 
	background-color:#160877;
}
a:focus { 
	text-decoration:underline; 
	font-weight:bold; 
	color:#9d85d6; 
	background-color:#3f4aa4; 
}
.bar {  
	font-size: 0.5em;
	font-weight: bold;
	color: #f4f4ff;
	margin-left: 18px;
}

.abstand { 
	margin-top: 10px;
	margin-left: 18px; /* passend zu headline */
	margin-right: 18px;
}
.hell {
    background: #d4d0e2;
}
.dunkel {
    background: #9d85d6;
}
.grund {
    background: #4e4b65;
}
.button {
	background-image: url("../layout/button_0_r.gif"), url("../layout/button_0.gif");
    background-position: right, left;
    background-repeat: no-repeat;
    background-size: 0.6em, 15em;
    background-color: #6e5aa1;
	color: #4e4b65;
	margin: 5px;
	margin-right: 20px;	
    border: 1px solid #cecece;
    
    -moz-box-shadow:    2px 2px 5px 0 #b3b3b3;
	-webkit-box-shadow: 2px 2px 5px 0 #b3b3b3;
	box-shadow:         2px 2px 5px 0 #b3b3b3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    
    min-width: 3em;
    min-height: 2.5em;
    font-size:0.8em;
	font-style: Garamond, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.button:hover {
	background: url("../layout/button_1.gif") bottom left no-repeat #6e5aa1;
    background-size: cover;
	color: #6e6b85;
}
.button:before {
	--size: 0;
    content: '';
    position: absolute;
    left: var(--x);
    top: var(--y);
    width: var(--size);
    height: var(--size);
    background: radial-gradient(circle closest-side, white, transparent);
    opacity: 30%;
    transform: translate(-50%, -50%);
    transition: width 0.2s ease, height 0.2s ease;
}
.button:hover:before {
	--size: 50px;
}
.button:active {
	color: #000088;
    background-size: cover;
}

.comment {
	font-size: 0.7em;
	margin-bottom: 0.4em;
	text-align: left;
}

.box{
	color: #293041;
	width: 500px;
	margin: 0 auto 0 auto;
	padding: 10px 10px 10px 10px;
	border: 1px solid #cecece;

	-moz-box-shadow:    2px 2px 5px 0 #b3b3b3;
	-webkit-box-shadow: 2px 2px 5px 0 #b3b3b3;
	box-shadow:         2px 2px 5px 0 #b3b3b3;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	background:white;

	font: bold 10pt verdana, sans-serif;
	position: relative;
}

.vertragsart {
    display:none;
}

/* Noscript Notice */

.noscript { 
	position: absolute;
	top: 0;
	left: 0;
	z-index:10;
	border: 1px solid #ddd; 
	border-width: 0 0 1px; 
	background: #ffff90; 
	font-size: 12px; 
	line-height: 1.25; 
	text-align: center; 
	color: #2f2f2f; 
}
.noscript .noscript-inner { 
    text-align:center;
	width:1200px; 
	margin:0 auto; 
	padding:12px 0 12px; 
	background:url(../layout/alert.png) 200px 50% no-repeat; 
}
.noscript p { 
	margin:0; 
}

.price {
    background: url("../layout/price.png") center right no-repeat transparent;
    background-size: cover;
    width: 2.8em; 
    height: 1.0em;
    padding-top: 0.3em;
    padding-bottom: 0.2em;
    padding-right:0.4em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 2em;
	text-align: right;
	font-weight: bold;
    text-shadow: 1px 1px gray;
    color: black;    
}

#cookie-statement {
	position:fixed;
	z-index:50;
	width:100%;
	min-height:56px;
	top:0;
	background-color:rgba(90,90,190,0.8);
	color:#fff;	
	font-size: 0.7em;
	font-weight:bold;
	padding:10px;
	padding-top:25px;
	text-align:center;
}
#cookie-statement span {
	margin-right:4px;
}
#cookie-statement a {
	display: inline-block;
	background-color:#303090;
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	color:#fff;
	cursor:pointer;
	padding:4px 8px;
	margin-top:4px;
	text-align:right;
}
#menu a {
        /*nur in Zoom aktiv, hier als Auffanganzeige deklariert*/
	display: none;
	position: absolute;
	top: 25px;
	/*Abstand an fehlerhaft nicht geloeschtes Logo angepasst*/
	right: 200px;
	cursor: pointer;
	background-color:#303090;
	border:1px solid rgba(0,0,0,1);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#fff;
	cursor:pointer;
	padding:4px 8px;
	margin-top:4px;
	text-align:center;
}

/*Sonderseite*/

div#feld { 
    box-sizing: border-box;
    background-image: linear-gradient(to right, white 0%, #d4d4d4 50%);
    transition: background-color 0.5s ease;
    width: 80%;
    max-width: 300px;
    padding: 2em;
    border : 1px solid #4e4b65;
    border-radius: calc(var(--width) * 0.4em);
}

/*Begin of page*/

div#info { 
	display: none;
	min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
}


table#main {
	border: none;
	border-collapse: collapse;
	margin: 0;
	max-width: 1100px;
	padding: 0;
	width: 100%;
}
table#main td {
	padding: 0;
	text-align: left;
	vertical-align: middle;
}
table#bar {
	border: thin;
	margin-left: 20px;
	max-width: 120px;
	padding: 0;
	width: 75%;
}
table#content {
	border: none;
	border-collapse: collapse;
	margin: 0;
	max-width: 1100px;
	padding: 0;
	width: 100%;
}
table#pay {
	border: thin;
	margin-left: 20px;
	margin-top: 400px;
	max-width: 120px;
	padding: 0;
	width: 75%;
}
div {
	margin: 0;
	border: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
}

div#logo {
	display: none;
}


/*Content for short texts barrier free*/

div#content {
	clear: left;
	background-color: #160877;
	margin: -8px 0 0 0; 
	border: 0;
	padding: 0;
	text-align: left;    /* Seiteninhalt wieder links ausrichten */
	width: 100%;
	max-width: 1100px;
	height:100%;
	min-height: 1000px;
}

/*Content left Bar*/

div#bars {
	background: url("../layout/bar.gif") top left repeat-y #a2a9d8;
	float: left; 
	margin: 0 0 0 23px; 
	border: 0;
	padding: 0;
	width: 160px;
	height: 100%;
}

/*Content Text*/

div#text {
	background-color: #fff;
	margin: 0 180px 0 183px;
	padding: 8px 0 18px 0;
	height: 100%;	
}
div#text #headline {
	text-shadow: black 3px 2px 4px;
	text-decoration: none; 
	font-weight: normal;
	font-size: 2.4em;
	color: #4e4b65;
	margin-top: 8px;
	margin-left: 31px;
}
div#text #subline {
	text-decoration: none; 
	font-weight: normal;
	font-size: 0.9em;
	color: #4e4b65;
	margin-top: 8px;
	margin-left: 35px;
}
div#text #error {
	text-shadow: black 3px 2px 4px;
	text-decoration: none; 
	font-weight: normal;
	font-size: 2.4em;
	color: #ee0000;
	margin-top: 0px;
	margin-left: 31px;
}
div#text #head_bg {
	background: url("../layout/teaser_bg.jpg") top left repeat-x #4e4b65;
	margin: 8px 14px 0px 14px;
	padding-left: 17px;
	text-shadow: black 3px 2px 4px;
	text-decoration: none; 
	font-weight: normal;
	font-size: 2.4em;
	color: white;
}
div#text #intro {
	text-align: left;
	text-decoration: none; 
	font-weight: normal;
	font-size: 0.7em;
	color: #4e4b65;
	line-height: 1.1em;
	margin: 1.0em 25px 1.0em 310px;
}
div#text #chapter {
	text-align: left;
	text-decoration: none; 
	font-weight: bold;
	font-size: 1.0em;
	color: #4e4b65;
	background: #d4d0e2;
	line-height: 1em;
	margin: 1.8em 23px 0.7em 23px;
	padding: 0.5em
}
div#text p {
	text-align: left;
	text-decoration: none; 
	font-weight: normal;
	font-size: 0.8em;
	color: #000000;
	line-height: 1.1em;
	margin: 1.0em 23px 0.9em 25px;
}
div#text li {
	text-align: left;
	text-decoration: none; 
	font-weight: none;
	font-size: 0.8em;
	color: #000000;
	line-height: 1.1em;
	margin: 0 23px 0 25px;
}
div#text th {
    background: #d4d0e2;
	text-decoration: none; 
	font-weight: normal;
	font-size: 0.8em;
	color: #000000;
}
div#text td#case {
    background-color: #d4d0e2;
	font-weight: normal;
	font-size: 0.8em;
}
div#text form {
}
div#text select {
	background: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-arrow-color: black;
	scrollbar-base-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #fff;
	padding: 2px;
	border-style: ridge;
	border-width: thin;
	border-color: silver;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align:left;
}
div#text input {
	padding: 2px;
	border-style: ridge;
	border-width: thin;
	border-color: silver;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align:left;
}
div#text textarea {
	padding: 2px;
	border-style: ridge;
	border-width: thin;
	border-color: silver;
	text-align:left;
	font-size:0.8em;
}

div#text #bgrechner table {
	border-style:solid;
	border-width:1px;
	border-color:#999;
	background-color:#EEE;
}
div#text #bgrechner td#head {
	background: url("../layout/bg.jpg") top left repeat-x #d4d0e1;
	font-weight: bold;
	padding-left: 30px;
	text-align: left;
	font-size: 17px;
	color: white;
}
div#text #bgrechner td {
	padding: 2px;
	text-align:left;
	font-size:0.9em;
	color: black;
}	


/*Additional Frame Table for shorter and longer texts*/


/*Mainbar 1st line inlay*/
table#bar td {
	background: url("../layout/buttonblue.gif") bottom right no-repeat red;
	padding: 0;
	text-align: left;
	vertical-align: top; /**/
}
table#bar td#barfield  {
	background: url("../layout/transparent.gif") bottom left repeat-x transparent;
	filter:Alpha(opacity=90, finishopacity=60);
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	/*vertical-align: middle;*/
}
table#bar td#barfield input {
	font-size: 8px;
	background: #f4f4ff;
	padding: 0.4px;
	border-style: ridge;
	border-width: thin;
	border-color: blue;
}
table#bar td#barfield button {
	background: #160877;
    height:1.8em;
    width:25px;
	font-size: 8px;
	color: silver;
	padding-left: 4px;
}

/*Mainbar 1st line*/
table#main td#mainborder {
	min-width: 23px;
	height: 94px;
	max-height: 94px;
}
table#main td#barparagraf {
	background: url("../layout/barparagraf.gif") bottom left no-repeat #160877;
	min-width: 160px;
	height: 94px;
}
table#main td#maincenter {
	background: url("../layout/main_bg.gif") bottom left repeat-x #3f4aa4;
	height: 94px;
}
table#main td#maincenter #mainleft {
	background: url("../layout/mainleft.gif") 0 0 no-repeat #3f4aa4;
	left: 183px;
	top: 0;
	position: absolute;
	min-width: 193px;
	height: 85px;
}
table#main td#logo {
	background: url("../layout/iustus_bw.png") top right no-repeat #d4d0e1;
	width: 180px;
	height: 183px;	
	padding: 0;
	margin: 0;
	vertical-align: top;
	text-align: right;
}
table#main td#logo img {
	border-style: collapse;
	border: none;
	margin-top: 0;
	vertical-align: top;
	text-align: right;
}

/*Mainbar 2nd line*/
table#main td#mainbottomleft {
	background: #160877;
	width: 23px;
}
table#main td#bar {
	background: url("../layout/bar.gif") top left repeat-y #a2a9d8;
	width: 160px;
}
table#main td#bar #barchest {
	background: url("../layout/barchest.gif") top left no-repeat #a2a9d8;
	left: 23px;
	top: 93px;
	width: 160px;
	height: 87px;
	position: absolute;
}
table#main td#teaser {
	background: url("../layout/teaser_main.png") top left repeat-x white;
	position: relative;
	height: 90px;
}



/*Content Table for longer texts*/


table#content td#borderleft {
	background: #160877;
	width: 21px;
}
table#content td#bars {
	background: url("../layout/bar.gif") top left repeat-y #a2a9d8;
	width: 158px;	
	text-align: left;
	vertical-align: top;

}
table#content td#logoclear {
	height: 0;
}
table#content td#text table {
	text-align: left;    /* Seiteninhalt wieder links ausrichten */
}
table#content td#text #headline {
	text-shadow: black 3px 2px 4px;
	text-decoration: none; 
	font-weight: normal;
	font-size: 2.4em;
	color: #4e4b65;
	margin-top: 0px;
	margin-left: 31px;
}
table#content td#text #subline {
	text-decoration: none; 
	font-weight: normal;
	font-size: 0.9em;
	color: #4e4b65;
	margin-top: 8px;
	margin-left: 35px;
}
table#content td#text #error {
	text-shadow: black 3px 2px 4px;
	text-decoration: none; 
	font-weight: normal;
	font-size: 2.4em;
	color: #ee0000;
	margin-top: 0px;
	margin-left: 18px;
}
table#content td#text #intro {
	text-decoration: none; 
	font-weight: normal;
	font-size: 0.7em;
	color: #4e4b65;
	line-height: 1.1em;
	margin-top: 1.0em;
	margin-left: 310px;
	margin-right: 25px;
	margin-bottom: 1.0em;
}
table#content td#text #chapter {
	text-decoration: none; 
	font-weight: bold;
	font-size: 1.0em;
	color: #4e4b65;
	background: #d4d0e2;
	line-height: 1.2em;
	margin-top: 1.8em;
	margin-left: 20px;
	margin-right: 23px;
	margin-bottom: 0.7em;
	padding: 0.5em
}
table#content td#text p {
	text-decoration: none; 
	font-weight: normal;
	font-size: 0.8em;
	color: #000000;
	line-height: 1.1em;
	margin-top: 1.0em;
	margin-left: 23px;
	margin-right: 25px;
	margin-bottom: 0.9em;
}
table#content td#text li {
	text-decoration: none; 
	font-weight: normal;
	font-size: 0.8em;
	color: #000000;
	line-height: 1.1em;
	margin-left: 23px;
	margin-right: 25px;
}
table#content td#text th {
    background: #d4d0e2;
	text-decoration: none; 
	font-weight: normal;
	font-size: 0.8em;
	color: #000000;
}
table#content td#text td#case {
    background-color: #d4d0e2;
	font-weight: normal;
	font-size: 0.8em;
}
table#content form {
}
table#content select {
	background: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-arrow-color: black;
	scrollbar-base-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #fff;
	padding: 2px;
	border-style: ridge;
	border-width: thin;
	border-color: silver;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align:left;
}
table#content input {
	padding: 2px;
	border-style: ridge;
	border-width: thin;
	border-color: silver;
	margin-top: 2px;
	margin-bottom: 2px;
}
table#content textarea {
	padding: 2px;
	border-style: ridge;
	border-width: thin;
	border-color: silver;
	font-size:0.8em;
}


/*Content Links for shorter texts barrier free*/

div#text a#linkout:hover {
	background: url("../layout/link_out.gif") center left no-repeat transparent;
	padding-left: 10px;
}
div#text a#linkin:hover {
	background: url("../layout/link_in.gif") center left no-repeat transparent;
	padding-left: 10px;
}


/*Content Links for longer texts*/

table#content td#text a#linkout:hover {
	background: url("../layout/link_out.gif") center left no-repeat transparent;
	padding-left: 10px;
	text-decoration: underline; 
}
table#content td#text a#linkin:hover {
	background: url("../layout/link_in.gif") center left no-repeat transparent;
	padding-left: 10px;
	text-decoration: underline; 
}


/*Content Functions for short and longer texts*/


li#zoom {
	float: right; 
	width: 8em;
}
li#zoom a {
	background: url("../layout/ico_zoom_0.gif") center left no-repeat transparent;
}
li#zoom a:hover {
	background: url("../layout/ico_zoom_1.gif") center left no-repeat transparent;
}
li#home {
	float: right; 
	width: 8em;
}
li#home a {
	background: url("../layout/ico_home_0.gif") center left no-repeat transparent;
}
li#home a:hover {
	background: url("../layout/ico_home_1.gif") center left no-repeat transparent;
}
li#print {
	float: left; 
	width: 10em;
}
li#print a {
	background: url("../layout/ico_print_0.gif") center left no-repeat transparent;
}
li#print a:hover {
	background: url("../layout/ico_print_1.gif") center left no-repeat transparent;
}
div#navigation ul li:active {
	padding: 2px 1px 2px 10px;
	border: 1px dashed silver;
	background-color: #fff;
	color: silver; 
	text-align: left;
}
div#navigation ul li:focus {
	padding: 2px 1px 2px 10px;
	border: 1px dashed silver;
	background-color: #fff;
	color: #9d85d6; 
	text-align: left;
}
li#envelope {
	float: left; 
	width: 15em;
}
li#envelope a {
	background: url("../layout/ico_envelope_0.gif") center left no-repeat transparent;
}
li#envelope a:hover {
	background: url("../layout/ico_envelope_1.gif") center left no-repeat transparent;
}
li#feedback {
	float: left; 
	width: 10em;
}
li#feedback a {
	background: url("../layout/ico_feedback_0.gif") center left no-repeat transparent;
}
li#feedback a:hover {
	background: url("../layout/ico_feedback_1.gif") center left no-repeat transparent;
}
li#top {
	float: right; 
	width: 8em;
}
li#top a {
	background: url("../layout/ico_arrow_up_0.gif") center left no-repeat transparent;
}
li#top a:hover {
	background: url("../layout/ico_arrow_up_1.gif") center left no-repeat transparent;
}

ul div {
	clear: both;
}


/*Content Functions for short texts barrier free*/

div#text #functions ul li {
	list-style: none;
	display: inline;
	font-size: 0.5em;
	margin: 0; padding:0;
}
div#text #functions ul li a {
	padding-left: 15px;
	color: gray;
  }
div#text #functions ul li a:hover {
	padding-left: 15px;
	color: silver; 
}
div#text #functions ul li a:active {
	padding-left: 15px;
	color: steelblue;
}


/*Content Functions for longer texts*/

table#content td#text #functions ul li {
	list-style: none;
	display: inline;
	font-size: 0.5em;
	margin: 0; padding:0;
}
table#content td#text #functions ul li a {
	padding-left: 15px;
	color: gray;
  }
table#content td#text #functions ul li a:hover {
	padding-left: 15px;
	color: silver; 
}
table#content td#text #functions ul li a:active {
	padding-left: 15px;
	color: steelblue;
}


/*Navigation for short texts barrier free*/

div#navigation {
	/*ohne Abstandhalter wie bei Zoom*/
	background: url("../layout/mainsettings.gif") top left repeat-y #d4d0e1;
	float: right; 
	width: 180px;
	height: 100%;
}
div#navigation #datum {
	text-align: center;
	font-size: 0.8em;
	background: #d4d0e2;
	color: gray;
	filter:DropShadow(color=#C0C0C0, offx=1px, offy=1px);
	width:171px;
}
div#navigation #fontsize {
	text-align: center;
	margin-top:10px;
	width:171px;
	color: gray;
}
div#navigation ul {
	/*background: #dedaec;*/
	padding-left: 1px;
	list-style-type:square;/*list-style: none;*/
	font-size: 0.8em;
}
div#navigation ul li {
	padding: 3px 2px 3px 10px;
	font-weight: bold; 
	text-decoration: none; 	
	text-align: left;
	color: white;
}
div#navigation ul li:hover  {
	background-color: #dfdbed;
	text-decoration: none; 	
	text-align: left;
	color: red;
	cursor: pointer;
}
div#navigation ul li:active {
	padding: 2px 1px 2px 10px;
	border: 1px dashed silver;
	background-color: #fff;
	color: silver; 
	text-align: left;
}
div#navigation ul li:focus {
	padding: 2px 1px 2px 10px;
	border: 1px dashed silver;
	background-color: #fff;
	color: #9d85d6; 
	text-align: left;
}
div#navigation ul li a {
	text-decoration: none;
	text-align: left;
}
div#navigation ul li a:active {
	background-color: #dfdbed;
	color: silver; 
	text-align: left;
}
div#navigation ul li a:hover {
	background-color: #dfdbed;
	text-align: left;
}
div#navigation ul li a:focus {
	background-color:#fff;
	text-align: left;
}
div#navigation ul li a:visited {
	text-align: left;
}
div#navigation ul#themes {
	width:169px;
}
div#navigation ul#themes li {
	width:157px;
}
div#navigation ul#themes li:active {
	background-color: #dfdbed;
}
div#navigation ul#themes li ul {
	width:157px;
}
div#navigation ul#themes li ul li {
	color: #dfdbed;
	width:145px;
}
div#navigation ul#themes li ul li:hover  {
	background-color: #efebfd;
}
div#navigation ul#themes li ul li:active {
	background-color: #fff;
}
div#navigation ul#themes li ul li a:hover {
	background-color: #efebfd;
	text-align: left;
}
div#navigation ul#themes li ul li a:active {
	background-color: #fff;
}

div#navigation #printbutton {
	display: none;
}


/*Navigation for longer texts*/

table#content td#navigation {
	background: url("../layout/mainsettings.gif") top left repeat-y #d4d0e1;
	width: 178px;
	vertical-align: top;
}
table#content td#navigation #datum {
        /*ohne Abstandhalter wie bei Zoom*/
	text-align: center;
	font-size: 0.8em;
	color: gray;
	filter:DropShadow(color=#C0C0C0, offx=1px, offy=1px);
	width:171px;
}
table#content td#navigation #fontsize {
	text-align: center;
	margin-top:10px;
	color: gray;
	width:171px;
}
table#content td#navigation  ul {
	/*background: #dedaec;*/
	padding-left: 1px;
	list-style-type:square;/*list-style: none;*/
	font-size: 0.8em;
}
table#content td#navigation  ul li {
	padding: 3px 2px 3px 10px;
	font-weight: bold; 
	text-decoration: none; 	
	text-align: left;
	color: white;
}
table#content td#navigation  ul li:hover  {
	background-color: #dfdbed;
	text-decoration: none; 	
	text-align: left;
	color: red;
	cursor: pointer;
}
table#content td#navigation  ul li:active {
	padding: 2px 1px 2px 10px;
	border: 1px dashed silver;
	background-color: #fff;
	color: silver; 
	text-align: left;
}
table#content td#navigation  ul li:focus {
	padding: 2px 1px 2px 10px;
	border: 1px dashed silver;
	background-color: #fff;
	color: #9d85d6; 
	text-align: left;
}
table#content td#navigation  ul li a {
	text-decoration: none;
	text-align: left;
}
table#content td#navigation  ul li a:active {
	background-color: #dfdbed;
	color: silver; 
	text-align: left;
}
table#content td#navigation  ul li a:hover {
	background-color: #dfdbed;
	text-align: left;
}
table#content td#navigation  ul li a:focus {
	background-color:#fff;
	text-align: left;
}
table#content td#navigation  ul li a:visited {
	text-align: left;
}
table#content td#navigation  ul#themes {
	width:169px;
}
table#content td#navigation  ul#themes li {
	width:157px;
}
table#content td#navigation  ul#themes li:active {
	background-color: #dfdbed;
}
table#content td#navigation  ul#themes li ul {
	width:157px;
}
table#content td#navigation  ul#themes li ul li {
	color: #dfdbed;
	width:145px;
}
table#content td#navigation  ul#themes li ul li:hover  {
	background-color: #efebfd;
}
table#content td#navigation  ul#themes li ul li:active {
	background-color: #fff;
}
table#content td#navigation  ul#themes li ul li a:hover {
	background-color: #efebfd;
	text-align: left;
}
table#content td#navigation  ul#themes li ul li a:active {
	background-color: #fff;
}

table#content td#navigation #printbutton {
	display: none;
}


/* Proceedings for short and long texts */

td#verlaufproaktiv {
    background: no-repeat top right/38px url("../layout/verlaufproaktiv.svg");
    background-color: #4e4b65;
    font-size: 11px;
    color: white;
}
td#verlaufaktiv {
    background: no-repeat top right/38px url("../layout/verlaufaktiv.svg");
    background-color: #9d85d6;
    font-size: 11px;
    color: white;
}
td#verlaufpassiv {
    background: no-repeat top right/38px url("../layout/verlaufpassiv.svg");
    background-color: #4e4b65;
    font-size: 11px;
    color: white;
}
td#verlaufsendepassiv {
    background: no-repeat top right/38px url("../layout/verlaufsendepassiv.svg");
    background-color: #4e4b65;
    font-size: 11px;
    color: white;
}
td#verlaufsendeaktiv {
    background: no-repeat top right/38px url("../layout/verlaufsendeaktiv.svg");
    background-color: #9d85d6;
    font-size: 11px;
    color: white;
}

/* Recommend Functions for short and long texts */

div#recommend {
    margin-bottom: 200px;
}
div#recommend a{
	height: 1.6em; /*35px;*/
 	width: 4.5em; /*102px;*/
	margin-left: 31px;
    padding-left:2.4em;
    padding-top:0.5em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: lighter;
    font-size: 0.8em;
    color: white;
}
div#recommend a#facebook {
	display:inline-block;
        background: url("../layout/social-facebook.png") 0.3em center no-repeat scroll #1877f2;
        background-size:1.9em;
	float:left;
}
div#recommend a#twitter {
	display:inline-block;
        background: url("../layout/social-twitter.png") 0.3em center no-repeat scroll #1da1f2; 
        background-size:1.9em;
	float:left;
	}
div#recommend a#linkedin {
	display:inline-block;
        background: url("../layout/social-linkedin.png") 0.3em center no-repeat scroll #006599; 
        background-size:1.9em;
	float:left;
	}
div#recommend a#whatsapp {
	display:inline-block;
        background: url("../layout/social-whatsapp.png") 0.3em center no-repeat scroll #455a64; 
        background-size:1.9em;
	float:left;
	}
div#recommend a#mail {
 	display:inline-block;
        background: url("../layout/social-mail.png") 0.3em center no-repeat scroll #a7251b; 
        background-size:1.9em;
	float:left;
	}


/*Bottom Line for shorter and longer text barrier free*/

div#bottom {
	clear: both;
	margin: -18px 0 0 0;
	max-width: 1100px;
	border-bottom: 3px groove #3d3e5c;
}
span#bottomtext {
	color:#4e4b65;
	font-size: 0.8em;
}
div#impressum {
	background: url("../layout/bottom_left.gif") top left no-repeat #b8a3e7;
	float: left;
	padding: 10px 0 7px 0;
	width: 183px;
	text-align: right;
	vertical-align: bottom;
}
div#legal {
	background: url("../layout/bottom_center.gif") top left repeat-x #b8a3e7;
	margin: 0 180px 0 183px; 
	border: 0;
	padding: 10px 0 7px 0;
}
div#copyright {
	background: url("../layout/bottom_right.gif") top right no-repeat #b8a3e7;
	float: right;
	padding: 10px 0 7px 0;
	width: 180px;
	text-align: center;
}