*{
    font-family:Arial,Helvetica,sans-serif;
    font-size:10pt;
    color:#333;
}

a.TextLink{
    color:#999999;
    text-decoration:none;
}
a.TextLink:hover{
    color:#333333;
}

table.mainnav{
    background-color:#fff;
}
.contentTable, .contentTable th, .contentTable td{
	  border: 1px solid #dedede;
	}
.contentTable th{
text-align:left;
	}
.contentTable td{
	padding: 0.5rem;
	width: auto;
	white-space: nowrap;
	}

td{
    color:#333;
    font-size:10pt;
	
}

td.chapter{
    color:#666;
    font-size:12pt;
    font-weight: bold;
    font-style: normal;
    height:20px;
}

td.subnavtitle{
    color:#666666;
    font-size:10pt;
    font-weight: bold;
    height:20px;
}


td.mainnav:hover{
    background-color:#efefef;
}

td.footer{
    background-color:#efefef;
}

td.subnavtitle {
    font-size: 8pt;
    font-weight: bold;
    color: #999999;
}

td.heading1{
    font-size:11pt;
    font-weight:bold;
    color:#666;
}

td.heading2{
    font-size:9pt;
    font-weight:bold;
    color:#666;
}
td.ImageText{
    font-size:8pt;
    color:#666;
}

a.footer {
    color:#666666;
    font-size:8pt;
    text-decoration:none;
}

a.footer:hover {
    color:#000000;
    font-size:8pt;
    text-decoration:none;
}

a.morelink {
    color:#666666;
    font-size:8pt;
    text-decoration:none;
}
a.morelink:hover {
    color:#333333;
    font-weight:bold;
    text-decoration: none;
}

a.text{
    text-decoration:none;
    color:#666;
}
a.text:hover{
    color:#333;
}


span.ContentHead{
    font-size:10pt;
    font-weight:bold;
    color:#666;
}

span.ContentHead2{
    font-size:9pt;
    font-weight:bold;
    color:#666;
}

span.BookTitle{
    font-weight:bold;
}

span.isbn{
    font-weight:normal;
    font-size:8pt;
}

h2{
    font-size:1rem;
}
h2.ContentHead{
    margin-top: 1rem;
}

h3.heading1{
    font-size:11pt;
    font-weight:bold;
    color:#666;
}
h3.ContentHead{
    font-size:11pt;
    font-weight:bold;
    color:#666;
}


h4.heading2{
    font-size:9pt;
    font-weight:bold;
    color:#666;
}

h4.ContentHead2{
    font-size:9pt;
    font-weight:bold;
    color:#666;
}

img{
    border:0;
}
td img {
    max-width: 100%;
    height: auto;
    margin: 1em 0 0.5em;
    padding:0;
}
.content td img{
    display: block;
}
/* Erweiterungen
* Ludger Müller, bureau artbeit 2012 */
h1{
    color:#666;
    font-size:12pt;
}

/* Newsletteranmeldung */
.formular fieldset{
    padding: 1em 0.5em;
    border: 1px solid #eeeeee;
    margin: 0 0  1em 0;
    max-width: 100%;

}
.formular p{
    clear: left;
    color: #000000;
}
.formular p:hover{
    background-color: #eeeeee;
}
.formular legend{
    color: #000000;
    padding: 0 0.2em;
    font-size: 0.8em;
    font-weight: bold;
}

.formular label {
    color: #000000;
    margin-right: 1em;
    display: block;
    width: 8em;
    padding-top: 0em;
    float: left;
    text-align: right;
}
.formular input.text {
    display: block;
    font-size: 1em;
    margin-bottom: 0.5em;
    border: 1px solid #eeeeee;
    padding: 0.1em;
    width: 60%;

}
.formular input.box{
    display: block;
    font-size: 1em;
    margin-bottom: 0em;
    border: 1px solid #eeeeee;
    padding: 0.1em;
    float:left;
    width: 8em;
    text-align: right;
    border: none;
}
.formular label.umgekehrt{
    color: #000000;
    margin-left: 1em;
    display: block;
    width: 60%;
    padding-top: 0em;
    text-align: left;
}
.formular .button{
    background-color: #eeeeee;
    color: #002e60;
    font-size: 0.8em;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #eeeeee;
    margin-right: 1em;

}
.formular input.button:hover{
    background-color: #aaaaaa;
    color: #e3e9f9;
    font-size: 0.8em;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #eeeeee;
}
/* Erweiterungen
* Ludger Müller, bureau artbeit 2016
* Ziel: entfernen des Tabellenlayouts

* Hauptnavigation: Bereichsfarben zuerst
*/
.color1 {
    border-bottom-color:   #333333;

}
.color2{
    border-bottom-color:  #336699;

}
.color3  {
    border-bottom-color:  #6699cc;

}
.color4 {
    border-bottom-color:  #99ccff;
}
.color5 {
    border-bottom-color:  #66cc99;

}
.color6 {
    border-bottom-color:  #339966;

}
.color7 {
    border-bottom-color: #336666;

}
.hnav{
    border-bottom-style: solid;
    border-bottom-width: 2px;
}
.hnav ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display:table;
    width:100%;
}
.hnav li{
    display:table-cell;
    table-layout: fixed;
    border-spacing: 5px;
    text-align:center;
    padding-bottom:0.3em;
    border-bottom-style: solid;
    border-bottom-width: 0;
}
.hnav li.current{
    border-bottom-width: 6px;
}
.hnav .startnav{
    border-bottom-width: 6px;
}

.hnav a {
    color:#666666;
    font-size:0.9em;
    text-decoration:none;
    font-weight:bold;

}

.hnav a:hover, .hnav a.current {
    color:#000000;
    text-decoration: none
}
/*submenu  */
.submenu{
    list-style-type: none;
    margin: 0 0 0 1em;
    padding: 0;
}
.submenu li{
    padding: 0.5em 0;
    border-bottom: 1px solid #666666;
}
.submenu a, .subnav {
    color:#666666;
    font-size:8pt;
    text-decoration:none;
}

.submenu a:hover, .submenu a.current, .subnav:hover {
    color:#000;
    text-decoration: none;
    font-weight: normal
}
.contentDownloadReadMore:link{
    color: #256c49;
    text-decoration: underline;
}
.contentDownloadReadMore:hover, .contentDownloadReadMore:active{
    color:  #000;
    text-decoration: none;
}
/* Klassen */
.ImageText{
    font-size:8pt;
    color:#666;
}
.BildLinks{
    float:left;
    margin: 0 0.5em 0.5em 0;
}
.einstellungsBlock{
    background-color: #efefef;
    border: 1px solid #cccccc;
    margin: 1em 0;
}
.switch{
    cursor:pointer;
}
.switch::after{
    content: "\0025BC";
    padding-left: 1rem;
}