@charset "UTF-8";

*{margin:0;padding:0;}

img{border:none;}

html{
  height:100%;
}

body{
  color:black;
  /*font:1em Arial,sans-serif;
  font:12pt Arial,sans-serif;
  font: 12pt 'Luxi Sans Regular',Arial,sans-serif;
  Fonts nun in separater CSS-Dartei */
  background-color:white;
}

a.backtotop {
    position:fixed;
    bottom:2px;
    right:4px;
}

/*----------------brotkruemelpfad-------------------*/

#menueleiste .EckeLO {
  position:absolute; left:0px; padding:0px;
  display: block !important;
}
#menueleiste .EckeRO {
  position:absolute; right:0px; padding:0px;
  display: block !important;
}

#menueleiste .menueleisteLogo {
  position:absolute; padding:0px; margin:2px 5px;
}

#menueleiste {
  position:fixed;
  top:0px;
  width:100%;
  height:40px;
  background-image:url(../images/menueleiste.png);
  background-repeat:repeat-x;
  margin:0px;
  z-index:4;
}

#menueleiste .breadcrumb {  
  padding:0 0 0 2em;
  color:#222;  
  /* Font in separater CSS-Datei */
}

#menueleiste ul{
  margin:0;
}

#menueleiste ul.home {
    list-style:none;
}

#menueleiste ul.bulleted {
  list-style-image:url(../images/pfeilrechts.png);
  list-style-position:inside;
}

#menueleiste ul li{
  float:left;
  /*padding-left:0.2em;*/
}

#menueleiste ul a{
  color:#005;
  font-weight:normal;
  /*padding-right:1.2em;*/
  padding-right:0.5em;
  /*border-right:1px solid #33C;*/
  margin-right:0em;
  text-decoration:none;
}
#menueleiste ul a:hover, #menueleiste ul a:focus{text-decoration:underline}

#menueleiste ul a.home {color: #E43425}

#menueleiste .styleswitcher {
  position:fixed;
  top:2px;
  right:5px;
  /*padding:2px 5px;*/
  font: normal 10pt/20px Arial,sans-serif;
}

/*----------------Seitenmenü und Boxen-------------------*/

#w3clogo {
  position:fixed; left:1em; bottom:1em; padding:0;
  z-index:1
}

.box {
    /* margin:25px 25px 0 0;  Rechts jetzt 25px Rand direkt im #inhalt-Block, daher Boxen nun 0px rechter Rand*/
    margin:25px 0 0 0;
    /*linksbündig kein Rand. 
      Unten kein Rand, da ein Footer typsicherweise eine 25px-Spiegelung-Grafik
       enthält, die den Rand bildet.
      Oben und rechts dagegen entsprechend 25px Rand, also soviel, wie die
       Footer-Grafik hoch ist.*/
    padding:0;
    position:relative; /*Warum auch immer, wenn das fehlt, hat der IE7 Probleme. */
    overflow:visible;
}

.boxarea {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.box .boxarea {
    background:#bbc url(../images/boxhg.png) repeat-x scroll left bottom;
}

#pagemenu {
    float:left;
    position:fixed;
    left:1em;
    width:12%;
    min-width:100px;
    top:55px;
    color:#fff;
    padding:0px;
    margin:0px;
    z-index:2
    /* Font in separater CSS-Datei */
}

#pagemenu .boxarea {background-color: #334; background-image:url(../images/menuhg.png); }

/*Falls im Menübereich Grafiken arrangiert werden, dürfen
  diese nicht breiter als der Menübereich selbst werden! 
  => Ggf. downscalen! 
  Besser als Overflow zu erlauben (Überlappung mit Text möglich!)
  Oder abzuschneiden. Sollte mit allen Browsern außer IE funktionieren.*/
#pagemenu div img {max-width: 100%}

.box p {
    margin: 0px 10px;
}

.box .header h6 {
    margin: 0px 10px;
    /* Font und Padding in separater CSS-Datei */
}

    
.box .footer, .box .preheader {
    color:black;
    margin:0;
    padding:0;
}

.box .preheader {
    padding:0 0 0.3em 0;
    text-align:center;
}

.box .header {
    position:relative;
    height:40px;
    background-image:url(../images/menueleiste.png);
    background-repeat:repeat-x;
    margin:0;
    /* Offenbar muss der Border-Radius der Box explizit auch auf den Header-Hintergrund uebertragen werden...
    1px kleiner wg. sonst staerker sichtbaren Anti-Aliasing-Rings der dunkleren Box-Background-Color*/
    -moz-border-radius:9px;
    -webkit-border-radius: 9px;
    -khtml-border-radius:9px;
    border-radius:9px;
}

.box .headernotext {
    position:relative;
    /*height:40px;*/
	padding-bottom:10px;
    margin:0;
}

.box .prefooter {
    position:relative;
    bottom:0; /*Auch das braucht nur der IE7*/
    padding-top:10px;
}

.box .footer {
    position:relative;
    background-image:url(../images/boxSpiegelung.png);
    height:25px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topleft:10px;
    -khtml-border-radius-top-left:10px;
    border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-topright:10px;
    -khtml-border-radius-top-right:10px;
    border-top-right-radius:10px;
}

#pagemenu .footer {
    background-image:url(../images/sidemenuSpiegelung.png);
    height:25px;
}

#pagemenu p {
    color:#333;
    padding:0.3em 0;
    text-align:center;
}

#pagemenu .header p {
    font-size:1.1em;
    color:black;
    padding:0.3em 0;
    text-align:center;
}

.box .EckeLO {
    position:absolute;
    left:0px; top:0px; padding:0px;
	display: block !important;
}
.box .EckeRO {
    position:absolute; 
    right:0px; top:0px; padding:0px;
	display: block !important;
}

.box .EckeLU {
    position:absolute;
    left:0px; padding:0px; bottom:0px;
	display: block !important;
}
.box .EckeRU {
    position:absolute; 
    right:0px; padding:0px; bottom:0px;
	display: block !important;
}

.boxmiticon {
    margin-left:25px;
}

.boxfloatingleft {
    margin-right: 1em;
    margin-left:0;
    float:left;
}

.boxfloatingright {
    margin-left: 1em;
    margin-right:0;
    float:right;
}

img.boxicon {
    margin-left:-25px;
    margin-top:-25px;
    float:left;
}

img.boxiconsmall {
    margin-left:-18px;
    margin-top:-18px;
    float:left;
}

.box a.infoicon {
    float:right;
    margin:3px 10px 0 0;
}

.box hr {
    border:1px dotted #ccc ;
    margin:0.4em 0;
}


#pagemenu ul{
  list-style:none;
  padding:0.2em;
  padding-top:0;
  margin-top:-8px; /*Wegen des großen Schattens des Headers, der gerne überlappt werden darf.*/
}

#pagemenu ul li {
  padding:0.2em;
}

#pagemenu ul a{
  text-decoration:underline;
  font-weight:normal;
  color:#fff;
}
#pagemenu ul a:visited { color:#bbb }
#pagemenu ul a:hover, #pagemenu ul a:focus{
    color:#99f;
    text-shadow:black 1px 1px 4px;    
}

#pagemenu .selecteditem {
    font-weight:bold;
    /*color:#bbd;*/
    color:#66f;
    text-shadow:black 1px 1px 4px;
}

#pagemenu .language {
    text-align:center;
    margin-top:0.5em;
}

.language a {
    color:#334; /* identisch Box-Farbe */
    text-decoration:none;
}


/*---------- Link-Listen, mit hideable Sublisten */

.linklist {
    font-size:10pt;
}

.linklist ul {margin: 0.2em 0; }

.linklist li {
    list-style-image:none;
    list-style-type:none;
    padding:0.2em 0;    
}
.linklist li.showing {list-style-image:url(../images/linklist_showing.png);}
.linklist li.hidden {list-style-image:url(../images/linklist_collapsed.png);}
.linklist li.download {list-style-image:url(../images/disk10x10.png);}
.linklist li.info {list-style-image:url(../images/info10x10.png);}
.linklist li.bullet {list-style-type:disc }

/*----------------Haupt-Inhalt-------------------*/

#inhalt {
  float:right;
  position:absolute;
  right:0px;
  width:83.5%;
  /*margin-top:45px;*/
  z-index:3;
}

#main { /* Inhalt-Block, aber ohne die Heading-Kopfzeile, die wegen der durchgehenden
            Linie (border-bottom) 0px rechten Rand hat */
    margin-right:25px;
    /* Rechter Rand mit 25px identisch mit rechtem Rand der Boxen */
}

#inhalt p { /* Beliebige Absätze im Inhalt, auch innerhalb von Boxen */
    padding:0.2em 0px 0.5em 0em;
    font-size:10pt;
    text-align:justify;
}

#inhalt p.kurz {
    font-size:11pt;
    text-align:left;
}

#inhalt p.center {
    text-align:center;
}


#inhalt p.footer {
    color:#00a;
    text-align:center;
    padding:2em 0 0.5em 0;
    /* Font in separater CSS-Datei */
}

#inhalt .heading {
    font-weight:bold;
    color:#444;
    margin-top:45px;
    margin-bottom:0.5em;
    border-bottom:1px solid #aaa;
    position:relative;
    vertical-align:baseline;
}

#inhalt h1 {    
    font-size:2em;
}

#inhalt h2  {
    font-size:1em; 
    position:absolute;
    right:25px;
    top:0;
    margin:1em 0 0 0;
    /* 1em Rand nach oben, da die Schriftgröße halb so groß wie die der h1 ist
       und durch diesen Rand praktisch dieselbe Höhe bekommt. */
}
/* h1 und h2 ggf. in separater CSS-Datei ergänzt */

#inhalt .content h3 {
    color:#00a;
    margin:1em 0  0.5em 0;
}

#inhalt .content h4 {
    margin: 1em 0 0.3em 0;
}

#inhalt ul, #inhalt ol {
    margin-left:1.5em;
}

#inhalt .box ul {
	margin-left:2em;
}
/* Rand für ul/ol in Content so, dass das Bullet praktisch linksbündig steht,
   in Boxen etwas mehr, da das sonst zu eng an den Rand gedrängt aussah. */

.center { text-align:center; }

#inhalt p.kleiner { font-size:8pt; }

#inhalt a:link { color:#00d; }
#inhalt a:visited { color:#008; }
#inhalt a:hover, #inhalt a:focus { color:#00f; }
#inhalt a:active { color:#d00; }

a.showOrHideLink, #inhalt a.showOrHideLink {
    color:black;    
}

/* ------- Tabellen ------- */

#inhalt table {
    empty-cells:show;
    border-collapse:collapse;
    border:2px outset #bbc;
    font-size:10pt;
}

#inhalt table th, #inhalt table td {
    padding:0.3em;
}

#inhalt table th {
    background-color:#bbc; /* Wie Boxen */
}

#inhalt table td {
    border-left:1px solid #bbc;
    border-top:1px solid #bbc;    
}

#inhalt table th.links { text-align:left }
#inhalt table td.center { text-align:center; }
#inhalt table td.shade { background-color: #eef; }

/* ----- diverse, seitenspezifische Vorlagen ----- */

.problem {
 font-weight: bold;
 font-style: italic;
 color: #0000A0;
}

/* ----- IE ----- */

.iewarning {
	background-color:#fff8c4;
	font-size:10pt;
}

/*  ----- Druck-Vorlagen ---- */

@page{
   margin:1cm; 
}

@media print{

    body {margin: 1cm}

    #menueleiste, #w3clogo, #pagemenu, .backtotop {
        display:none;
    }
    #inhalt {
        width:95%;
        right:0;
    }
	#inhalt .heading {
		margin-top:0
	}
	a {
		color:black;
		text-decoration:none;
	}
    
    p {
      orphans:2;
      widows:2;
    }
    
    h1, h2, h3, h4 {
      page-break-after:avoid;
    }
}