@charset "utf-8";

/* CSS Document */



html, body {

  height:100%;

  margin:0;

  padding:0;

  font-family: 'Muli', sans-serif; font-size:14px; color: #000000; line-height:25px;

  background-color:#ffffff;

}



#spacer, #center{

  position:absolute;

  margin:0;

  padding:0;

}



#spacer{

  /* sorgt dafr, dass wenn ntig Scrolleisten erscheinen */

  width:100%;        /* ganauso breit, wie der Anzeigebereich */

  height:100%;       /* ganauso hoch, wie der Anzeigebereich */



  /* jetzt werden die notwendigen oder gewnschten Mindestmae definiert. */

  min-width:720px;   /* Breite von #center (+ ein paar Pixel Rand) */ 

  min-height:400px;  /* Hhe von #center (+ ein paar Pixel Rand) */

}



#center {

  /* ist das Element, welches zentriert werden soll */

  padding:0;   

  border:0px; 

  width:720px;  

  min-height:400px; 

  position:absolute;

  top: 0px;

  left:50%;

  

  /* durch negative margins wird es jetzt um die Hlfte von Hhe und 

  Breite nach oben und links verschoben */

  margin:0 0 0 -360px; /* jeweils die Hlfte der Gesamthhe und -breite */

}



/* min-height fr den IE */

* html #center {

  height:400px;             /* das selbe Ma wie oben bei min-height */

}





.credit {

	font-family: 'Muli', sans-serif;

	font-size:13px;

	color: #666666;

}



.dick {font-family: 'Muli', sans-serif; font-size:16px;color: #333333;font-weight:bold;}

.dickhell {font-family: 'Muli', sans-serif; font-size:16px;color: #666666;font-weight:bold;}

.hometext {padding-left:20px; color:#fff; font-size:26px; line-height:34px;}



 

#logo { position:relative; top:35px; left:0px; width:754px} 

#hauptinhalt { position:relative; top:65px; left:0px; width:714px; border-style:solid; border-color:#666666; border-width:1px; padding:20px; background-color:#ffffff; }

#navi { position:relative; top:65px; left:0px; width:755px; padding-top:20px; padding-bottom:20px;}

#footer { position:relative; top:65px; left:0px; width:755px}



a {text-decoration:none; font-size:16px; font-family: 'Muli', sans-serif; }

a:visited {color:#333333}

a:link {color: #333333}

a:hover {color:#a0cfca}

a:active {color:#a0cfca}



a.facebook {text-decoration:none; font-size:12px; font-family: 'Muli', sans-serif; line-height:12px;}

a.facebook:visited {color:#333333}

a.facebook:link {color: #333333}

a.facebook:hover {color:#a0cfca}

a.facebook:active {color:#a0cfca}



a.green {text-decoration:none; font-size:16px; font-family: 'Muli', sans-serif; color:#a0cfca;}



a.normal {text-decoration:underline; font-size:14px; font-family: 'Muli', sans-serif; font-weight:normal}