/* <Elemente> */
/* Schriftgröße zentral in Prozent definiert, hier Möglichkeit auf
   Schriftbild des gesamten Webauftritts Einfluß zu nehmen */
body  {
  font: 95% Verdana, Geneva, Arial, Helvetica, sans-serif;
  background-color: #FFFFFF;
}
/* Schriftgröße aller Basiselemente relativ und zentral definiert,
   Liste muss bei Bedarf erweitert werden */
a, p, ul, ol, dl, blockquote, address, input, th, td, label, cite, legend  {
  font-size: 0.85em;
  line-height: 1.35;
}
fieldset  {
  padding: 0.5em;
}
legend  {
  padding: 0 0.5em 0 0.5em;
}
code  {
  font-size: 1.15em;
  letter-spacing: -0.05em;
  word-spacing: -0.4em;
  line-height: 1.35;
}
acronym, abbr, a acronym, a abbr  {
  border-bottom: 1px dotted;
}
.big  {
  font-size: 1.15em;
}
.small, small  {
  font-size: 0.85em;
  line-height: 1.25;
}
.smaller  {
  font-size: 0.7em;
  line-height: 1.1;
}
small  {
  display: block;
}
p.small  {
  font-size: 0.7em;
}
.upper  {
  text-transform: uppercase;
}
td td, h2 a, cite a, li a, p a, h3 a, blockquote p, div li, li h3, li p, td a, td p, td h2, td h3, td h4, td h5, td label, td input  {
  font-size: 100%;
}

a  {
  color:           #00589C;
  text-decoration: none;
}
a:hover, #title a:hover  {
  background-color: #00589C;
}
a:hover  {
  color: white;
}
#title a:hover  {
  color:            #E36800;
  background-color: transparent;
}
a span.linkimage, a:hover span.hoverimage, a small {
  display: inline;
}
a:hover span.linkimage, a span.hoverimage  {
  display: none;
}
a:hover.hoveroff  {
  bcolor: #00589c !important;
  background-color: transparent !important;
}
img  {
  border: 0 none;
}
/* Textstrukturierende Elemente */
h1  {
  font-size:        2em;
  font-weight:      normal;
  color:            white;
  background-color: transparent;
}
h2  {
  font-size: 1em;
  color:     #00589C;
}
#column h2  {
  color:            #3f3f3f;
  border-top:       dotted #8d8d8d 0.1em;
  background-color: #dfdfdf;
  font-size:        0.85em;
  padding:          0.15em 0.2em 0.2em 0.2em;
  text-align:       center;
}
h3  {
  font-size: 0.8em;
  color:      #4f4f4f;
  padding-top: 1.5em;
}
h3.highlightcolor {
  font-size:           70%;
  color:               #f78e21;
  background-image:    url(/export/data/global/101_eyecatcher.png);
  background-position: 0 0.3em;
  background-repeat:   no-repeat;
  padding:             0 0 0 1em;
}
h4 {
  font-size: 0.7em;
  color: #00589C;
  padding-top: 1em;
}
h5  {
  font-size: 0.6em;
  color: #4f4f4f;
  padding-top: 0.75em;
}
h6  {
  font-size: 0.5em;
  color: #4f4f4f;
}
ul  {
  list-style-type: square;
}

p, ul, ol, dl, address  {
  color: #333333;
  padding-top: 1em;
}
address  {
  font-style: normal;
}
li, h6  {
  padding-top: 0.3em;
}
li, dd, blockquote  {  /* Einzüge wieder einschalten (ganz oben für alle aus, hier aber benötigt) */
  margin-left: 2.5em;
}
hr  {
  display: none;  /* Bitte Klasse hr benutzen! */
}
sub  {
  font-size: 0.75em;
  line-height: 1;
}
/* Textstrukturierende Elemente-Ende */

/* Tabellen */
th, td  {
  padding: 0.2em;
}
th  {
  color: White;
  background: #00589c;
}
td  {
  border: solid #003e6e 1px;
}
/* Tabellen-Ende */

/* Formularelemente */
input  {
  cursor: inherit;  /* bei Ajax-Requests Cursor aus dem Body (gesetzt per JS) erben */
}
*+html textarea  {
  overflow: auto;
}
#column input, #column textarea  {
  width: 97.5%;
}
* h\tml #column input, * h\tml #column textarea  {
  width: 96%;
}
/* Formularelemente-Ende */

/* .Klassen */
/* Elementersatz */
.hr  {
  height: 1px;
  background: url(/export/data/global/102_line.gif) repeat-x;
}
/* Elementersatz-Ende */

.leftline  {
  border-left: solid 0.08em;
  padding: 0 0 0 0.4em;
}
#titlenav .leftline  {
  border-color: white;
}
#title .titlenav-highlight {
	background-color: #87BD40;
	padding: 0.1em 0.5em;
}
#title .titlenav-highlight:hover {
	background-color: #87BD40;
	color: #00589C;
}
#languages a:hover {
  background-color: transparent;
}
#footer .leftline  {
  border-color: Gray;
}

.level1 li  {
  border-top: 1px solid Gray;
}
.level2 li  {
  border-top: 0 none;
}
.level2  {
  margin-left: 1em;
}
.level3  {
  font-size: 90%;
  margin-left: 1.3em;
}
.level4  {
  font-size: 90%;
  margin-left: 1.6em;
}
.level5  {
  font-size: 100%;
  margin-left: 1.9em;
}
.linklist  {
  padding-left: 1.5em;
  text-indent: -1.5em;
  list-style-type: none;
}
#column .linklist li  {
  margin: 0;
}
.columnbox  {
  padding: 0.4em;
  border-top:    0.1em dotted #8d8d8d;
  border-bottom: 0.1em dotted #8d8d8d;
  border-right:  none;
  border-left:   none;
  background:    #f4f4f4;
  opacity:       1;
}
.highlightcolor  {
  color: #e36800;
}
.bghighlight  {
  color:      black;
  background-color: #e36800;
}
.optionbox {
  width: 100%;
  padding: 0.1em;
  font: small verdana, sans-serif;
  border: 1px solid #808080;
}
/* zur Verbesserung der Anzeige des Auftritts ohne CSS werden
 * fieldsets verwendet, die mit CSS nicht sichtbar sind */
.fieldsetoff  {
  margin: 0;
  padding: 0;
  border: 0 none;
}
.legendoff  {
  display: none;
}
.dottedborder {
  border: 1px dotted #8D8D8D;
  padding: 0.4em;
}
.dottedgraytiled  {
  background: url(/export/data/global/103_line.gif) repeat-y 50%;
}

/* #IDs */
#wrapper  {  /* Container für alles */
  background: url(data:image/gif;base64,R0lGODdhAQACAIAAAABYnQAAACwAAAAAAQACAAACAgwKADs=) 80% 0 repeat-y;
  background-attachment: scroll; 
}
#main  {  /* Container für title, topnav, submenu, content & column */
  background: url(data:image/gif;base64,R0lGODdhkAYCAJEAAP///wAAAABYnQAAACwAAAAAkAYCAAACV4SPqcvtD6OctNqLs948hw+G4kiW5omm6sq27gvH8kzX9o3n+s73/g8MCofEovGITCqXzKbzCfV1ptSq9YrNardTliAKDovH5LL5jE6r1+y2+w2Py+fGAgA7) 20% 0 repeat-y;
  background-attachment: scroll; 
}
#main, #footer  {
  border-left:  1px solid #b1b7b9;
  border-right: 1px solid #b1b7b9;
}

/* +++ title-Start +++ */
#title  {
  color:               white;
  background-color:    #00589C;
  background-image:    url(/export/data/global/32719_mocca_title_background.png);
  background-repeat:   repeat;
  background-position: top left;
}
#title h1  {
  color:       white;
  font-style:  normal;
  font-weight: normal;
  padding-top: 1.2em;
  text-align:  center;
  white-space: nowrap;
}
#title a  {
  color:           white;
  text-decoration: none;
}
#titleline  {
  color:            white;
  background-color: #003E6E;
}
#logowrapper  {
  color: white;
  background: #00589c;
}
colwhit, #colblue, #colopac  {
   display: block;
}
#colwhit  {
  border-top-color: white;
  border-top-width: 0.528em;
  border-top-style: solid;
  background-color: white;
}
#colblue {
  background-color: #CEDEF9;
  opacity:          1;
}
#colopac {
  background-color: #00589C;
  opacity:          0.5;
}
/* +++ title-Ende +++ */

/* +++ topnav-Start +++ */
#topnav  {
  color:      #00589C;
  background: white;
}
#mainmenu  {
  color: #00589c;
  background: transparent;
  padding: 0.5em;
}
#mainmenu li, #submenu li, #mainmenu a:hover {
  color:      #e36800;
  background: transparent;
}
#mainmenu li, #submenu li  {
  color :      #e36800;
  font-weight: bold;
}
#mainmenu a, #submenu a  {
  text-decoration: none;
}
#mainmenu a {
  color:      #00589C;
  background: transparent;
}
#mainmenu li  {
  margin: 0 1em 0 0;
  color:  #e36800;
}
#mainmenu .activ {
  color: #e36800;
}
#topline  {
  color:            Black;
  background-color: #F78E21;
}
#searchline  {
  color: black;
  background-color: white;
}
#searchbox  {
  color:      white;
  background: #CEDEF9;
}
#searchbox input  {
  width: 9.4em;
  vertical-align: middle;
}
#searchbox input.submit  {
  width: 6.4em;
  margin-left: 0.3em;
}
#searchbox a  {
  color: #00589c;
  background: transparent;
  font: bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
}
#searchbox a:hover  {
  color: white;
}
#breadcrumb, #breadcrumb ul, #breadcrumb a  {
  color: gray;
  background-color: transparent !important;
}
#breadcrumb li  {
  font-size: 85%;
}
#breadcrumb a  {
  text-decoration: none;
}
/* +++ topnav-Ende +++ */

/* +++ 3 Spalten & Fusszeile +++ */
#directaccsess  {
  display: none;
  margin-bottom: 0.9em;
}
#submenu ul {
  list-style: none;
  padding: 0;
}
#submenu li  {
  padding: 0.25em 0 0.25em 0;
  line-height: 1.1em;
  margin-left: 0;
}
#submenu a, #submenu a:focus, #submenu a:active, #submenu a:hover  {
  border-left: 0.4em solid;
}
#submenu a:focus, #submenu a:active, #submenu a:hover  {
  color:            #e36800;
  background-color: #00589C;
  border-color:     #E36800;
}
#submenu a  {
  display: block;
  text-decoration: none;
  padding-left: 0.4em;
  color:        #0067A3;
  background:   transparent;
  border-color: white;
}
#submenu .activ {
  display:      block;
  border-left:  0.4em solid;
  border-color: #e36800;  /* Farbe wird auf Hintergrundfarbe gesetzt, Rahmen wird somit unsichtbar (nur Platzhalter) */
  padding-left: 0.4em;
  line-height:  1.3;
  color:        #e36800; 
}
#open li a  {  /* geöffnete submenu-Struktur wird mit der id open markiert */
  color: gray;
}
#content, #column  {
  color: Black;
  background: transparent;
}
#column  {
  margin-right: 1%;
}
#column a {
  text-decoration: none;
}

#footer, #footer ul, #footer a  {
  color: Gray;
  background: transparent;
}
#footer  {
  font-size: 85%;
}
#footer a  {
  text-decoration: none;
}
/* +++ 3 Spalten & Fusszeile-Ende +++ */

/* +++ Create PDF +++ */
#createpdf  {
  position: fixed;
  top: 0;
  left: 0;
  width: 180px;
  height: 30px;
  border: 1px solid gray;
  background: #dedede;
  padding: 15px;
  text-align: left;
}
#createpdf p  {
  position: relative;
  top: -8px;
  font: 12px Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
#indtext  {
  margin: 2px 0 0 0;
  font-size: 9px !important;
  line-height: 1;
}
#indicon  {
  margin: 0 5px 0 0;
}
#closecross  {
  position: absolute;
  top: 0;
  right: 0;
  float: right;
}
/* +++ Create PDF-Ende +++ */