*:focus {outline: 0;}

body{
font-size:12px;
font-family:arial;
color:#686664;
/*#7a7774;*/
margin:0px;
padding:0px;
line-height:15px;
}

html, body{
  height:100%;
  /*width:1000px;*/
 margin:0px 0px 0px 0px;
  padding:0px;
}


/* Weil folgende Eigenschaften für beide Elemente identisch sind, 
werden diese gleich gemeinsam definiert. */ 
#spacer, #center{
  position:absolute;
  margin:0px 0px 0px 0px;
  padding:0px;

}

#spacer{
  /* sorgt dafür, dass wenn nötig Scrolleisten erscheinen */
  width:100%;        /* ganauso breit, wie der Anzeigebereich */
  height:100%;       /* ganauso hoch, wie der Anzeigebereich */

  /* jetzt werden die notwendigen oder gewünschten Mindestmaße definiert. */
  min-width:1000px;   /* Breite von #center (+ ein paar Pixel Rand) */ 
  min-height:400px;  /* Höhe von #center (+ ein paar Pixel Rand) */
}

* html #IEspacer {
  /* sorgt dafür, dass es im IE auch bei deaktiviertem Javascript funktioniert */ 
  width:1000px;          /* Breite von #center (+ ein paar Pixel Rand) */ 
  height:400px;         /* Höhe von #center (+ ein paar Pixel Rand) */
}

#center {
  /* ist das Element, welches zentriert werden soll */
  padding:0px 0px 0px 0px;       /* es sind auch andere Angaben möglich, die dann allerdings bei der Breite und Höhe mit berücksichtigt werden müssen. */ 
 

  /* Angaben zu Breite und Höhe, diese können auch in em angegeben werden. */
  width:1000px;      /* Breite insgesamt 450px (448px + 2 x 1px Border) */
  min-height:400px; /* Mindesthöhe insgesamt 300px (298px + 2 x 1px Border),bei genau dieser Höhe funktioniert die vertikale Zentrierung */
  
  /* jetzt wird die linke obere Ecke vertikal und horizontal zentriert */
  position:absolute;
  top:0px;                  
  left:50%;
  
  /* durch negative margins wird es jetzt um die Hälfte von Höhe und Breite nach oben und links verschoben */
  margin:0px 0 0 -500px; /* jeweils die Hälfte der Gesamthöhe und -breite */
}

/* min-height für den IE */
* html #center {
  height:400px;             /* das selbe Maß wie oben bei min-height */
}
/*Marker*/

#navioben{
position:absolute;
top:35px;
left:0px;
color:#7a7774;
height:auto;
width:1000px;
padding-left:0px;
}

#navi1{
float:left;
position:relative;
top:0px;
left:0px;
color:#7a7774;
height:auto;
width:auto;
text-transform:uppercase;

}

#sprache{
float:right;
position:relative;
top:0px;
left:0px;
color:#7a7774;
height:auto;
width:auto;
}

#logo{
position:absolute;
top:100px;
left:0px;
color:#7a7774;
height:auto;
width:1000px;
padding-left:0px;
z-index:1;
}
#logo1{
position:absolute;
top:100px;
left:0px;
color:#7a7774;
height:auto;
width:960px;
padding-left:0px;
z-index:1;

}
#logo2{
position:absolute;
top:125px;
left:0px;
color:#7a7774;
height:auto;
width:960px;
padding-left:0px;
z-index:1;
display:none;

}
#navi2{
position:absolute;
top:190px;
left:0px;
color:#7a7774;
height:auto;
width:1000px;
text-transform:uppercase;
padding-left:0px;
font-size:15px;
}

#content{
position:absolute;
top:340px;
left:0px;
color:#686664;
/*#7a7774;*/
height:auto;
width:960px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 25px 0px;

}

/*Überschriften*/
h3{
color:#000;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

h3.schwarzabstand{
color:#000;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
}

h3.grau{
color:#686664;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
h3.grauabstand{
color:#686664;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
}
h3.graunormal{
color:#686664;
font-size:12px;
text-transform:none;
font-weight:normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


/*Datum über Überschrift*/
.csc-header-date{
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
}

/*Trenner*/
hr{
margin:30px 0px 30px 0px;
width:600px;
height:0px;
padding: 0px;
border:0px;
border-top: solid 1px #777;
border-bottom: transparent;
}

/*Text mit Bild*/
.csc-textpic-imagewrap{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.csc-textpic-text{
width:450px;
margin: -2px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}
.csc-textpic-imagecolumn{
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

/*.csc-default{
margin:30px 0px 30px 0px;
width:600px;
}*/

 a:link {height:auto;padding:0px 0px 0px 0px;font-family:arial,verdana,sans-serif;font-size:12px;color:#686664;text-decoration: none;}
 a:visited {height:auto;padding:0px 0px 0px 0px;font-family:arial,verdana,sans-serif;font-size:12px;color:#686664;text-decoration: none;}
a:hover {height:auto;padding:0px 0px 0px 0px;font-family:arial,verdana,sans-serif;font-size:12px;color:#000;text-decoration: none;}
a:active {height:auto;padding:0px 0px 0px 0px;font-family:arial,verdana,sans-serif;font-size:12px;color:#000;text-decoration: none;}

#navi1 a.navi1_no:link {height:auto;padding:0px 10px 0px 0px;font-family:arial,verdana,sans-serif;font-size:12px;color:#686664;text-decoration: none;}
#navi1 a.navi1_no:visited {height:auto;padding:0px 10px 0px 0px;font-family:arial,verdana,sans-serif;font-size:12px;color:#686664;text-decoration: none;}
#navi1 a.navi1_no:hover {height:auto;padding:0px 10px 0px 0px;font-family:arial,verdana,sans-serif;font-size:12px;color:#000;text-decoration: none;}
#navi1 a.navi1_no:active {height:auto;padding:0px 10px 0px 0px;font-family:arial,verdana,sans-serif;font-size:12px;color:#000;text-decoration: none;}

#navi1 a.navi1_act:link {height:auto;padding:0px 10px 0px 0px;font-family:arial,verdana,sans-serif;font-size:12px;color:#000;text-decoration: none;}
#navi1 a.navi1_act:visited {height:auto;padding:0px 10px 0px 0px;font-family:arial,verdana,sans-serif;font-size:12px;color:#000;text-decoration: none;}
#navi1 a.navi1_act:hover {height:auto;padding:0px 10px 0px 0px;font-family:arial,verdana,sans-serif;font-size:12px;color:#000;text-decoration: none;}
#navi1 a.navi1_act:active {height:auto;padding:0px 10px 0px 0px;font-family:arial,verdana,sans-serif;font-size:12px;color:#000;text-decoration: none;}


#navi2 a.navi2_no:link {height:auto;padding:0px 15px 0px 0px;font-family:arial,verdana,sans-serif;font-size:15px;color:#686664;text-decoration: none;}
#navi2 a.navi2_no:visited {height:auto;padding:0px 15px 0px 0px;font-family:arial,verdana,sans-serif;font-size:15px;color:#686664;text-decoration: none;}
#navi2 a.navi2_no:hover {height:auto;padding:0px 15px 0px 0px;font-family:arial,verdana,sans-serif;font-size:15px;color:#000;text-decoration: none;}
#navi2 a.navi2_no:active {height:auto;padding:0px 15px 0px 0px;font-family:arial,verdana,sans-serif;font-size:15px;color:#000;text-decoration: none;}

#navi2 a.navi2_act:link {height:auto;padding:0px 15px 0px 0px;font-family:arial,verdana,sans-serif;font-size:15px;color:#000;text-decoration: none;}
#navi2 a.navi2_act:visited {height:auto;padding:0px 15px 0px 0px;font-family:arial,verdana,sans-serif;font-size:15px;color:#00;text-decoration: none;}
#navi2 a.navi2_act:hover {height:auto;padding:0px 15px 0px 0px;font-family:arial,verdana,sans-serif;font-size:15px;color:#000;text-decoration: none;}
#navi2 a.navi2_act:active {height:auto;padding:0px 15px 0px 0px;font-family:arial,verdana,sans-serif;font-size:15px;color:#000;text-decoration: none;}


a.gross:link {height:auto;padding:0px 0px 0px 0px;font-family:arial,verdana,sans-serif;font-size:12px;color:#686664;text-decoration: none;text-transform:uppercase;}
a.gross:visited {height:auto;padding:0px 0px 0px 0px;font-family:arial,verdana,sans-serif;font-size:12px;color:#686664;text-decoration: none;text-transform:uppercase;}
a.gross:hover {height:auto;padding:0px 0px 0px 0px;font-family:arial,verdana,sans-serif;font-size:12px;color:#000;text-decoration: none;text-transform:uppercase;}
a.gross:active {height:auto;padding:0px 0px 0px 0px;font-family:arial,verdana,sans-serif;font-size:12px;color:#000;text-decoration: none;text-transform:uppercase;}

#titlelink{
font-size:12px;
text-transform:uppercase;
}

a.external-link-new-window:link {height:auto;padding:0px 0px 0px 0px;font-family:arial,verdana,sans-serif;font-size:12px;color:#686664;text-decoration: underline;}
a.external-link-new-window:visited {height:auto;padding:0px 0px 0px 0px;font-family:arial,verdana,sans-serif;font-size:12px;color:#686664;text-decoration: underline;}
a.external-link-new-window:hover {height:auto;padding:0px 0px 0px 0px;font-family:arial,verdana,sans-serif;font-size:12px;color:#000;text-decoration: none;}
a.external-link-new-window:active {height:auto;padding:0px 0px 0px 0px;font-family:arial,verdana,sans-serif;font-size:12px;color:#000;text-decoration: none;}