@charset "utf-8";
/* CSS Document */

html, body {
  height:100%;
  margin:0;
  padding:0;
  font-family: 'Open Sans', arial narrow, sans serif; font-weight:400; font-size:15px; color: #000; line-height:22px;
 background-color: #ffdd00;
 line-height:24px;
}


#spacer, #center{
  position:absolute;
  margin:0;
  padding:0;
}

#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:900px;   /* Breite von #center (+ ein paar Pixel Rand) */ 
  min-height:500px;  /* Höhe von #center (+ ein paar Pixel Rand) */
}

#center {
	/* ist das Element, welches zentriert werden soll */
  padding:0;
	border:0px;
	width:900px;
	min-height:500px;
	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:0 0 0 -450px; /* jeweils die Hälfte der Gesamthöhe und -breite */
	
}

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



#navi {
	position: absolute;
	width:950px;
	left:0px;
	border:0;
	top: 145px;
	text-align: left;

}

#content {
	position:relative;
	width: 860px;
	left: 0px;
	top: 40px;
	background-color:#ffffff;
	border: 1px solid #CCC;
	padding:20px;
	font-family: "Open Sans", "arial narrow", "sans serif";
	}
	


#facebook {
	position: absolute;
	text-align: right;
	width:400px;
	left:500px;
	top: 70px;
}


#news {
	position: relative; 
	width:900px;
	left:0px;
	top: 50px;
}


.headline {font-family: 'Open Sans', arial narrow, sans serif; font-size:16px; color: #000; line-height:20px;}
.socialmedia {padding-left:20px;}
.socialmediacontact {padding-left:10px; padding-right:10px;padding-top:5px;}
.credit {font-family: 'Open Sans', arial narrow, sans serif; font-size:12px; color: #000; line-height:18px;}
.line {color: #999;}
	
a {text-decoration:underline; font-size:15px; font-family: 'Open Sans', arial narrow, sans serif; line-height:23px;}
a:visited {color: #000; }
a:link {color: #000; }
a:hover {color: #999; }
a:active {color: #999; }

a.navi {text-decoration:none; font-size:15px; font-family: 'Open Sans', arial narrow, sans serif; padding-right:70px;}
a.navi:visited {color: #000; }
a.navi:link {color: #000; }
a.navi:hover {color: #fff; }
a.navi:active {color: #fff; }

a.navidark {text-decoration:none; font-size:15px; font-family: 'Open Sans', arial narrow, sans serif; padding-right:70px;}
a.navidark:visited {color: #fff; }
a.navidark:link {color: #fff; }
a.navidark:hover {color: #fff; }
a.navidark:active {color: #fff; }

a.naviklein {text-decoration:none; font-size:15px; font-family: 'Open Sans', arial narrow, sans serif; padding-right:70px;}
a.navkleini:visited {color: #000; }
a.naviklein:link {color: #000; }
a.naviklein:hover {color: #e3c70d; }
a.naviklein:active {color: #e3c70d; }

a.navikleindark {text-decoration:none; font-size:15px; font-family: 'Open Sans', arial narrow, sans serif; padding-right:70px;}
a.navikleindark:visited {color: #e3c70d; }
a.navikleindark:link {color: #e3c70d; }
a.navikleindark:hover {color: #e3c70d; }
a.navikleindark:active {color: #e3c70d; }

form { font-size:17px; color: #000000; font-family: 'Open Sans', arial narrow, sans serif;}
input, textarea, button {border:0px; font-size:17px; font-family: 'Open Sans', arial narrow, sans serif; padding:5px; background-color:#c6c9d2;}
textarea {border:0px; font-size:14px; }
.button { background-color:#c6c9d2; color:#ffffff; font-weight:bold;}