/* Body */
html {
	font-size: 100%;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(bg.png);
	background-repeat: repeat-x;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
}
td {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
}
th {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
	text-align: left;
}
a {
	color: Blue;
	text-decoration: underline;
}
a:visited {
	color: #5759FF;
	text-decoration: underline;
}
a:hover
{
	color: Red;
	text-decoration: none;
}
h1 {
	color: black;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 120%;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
}

h4 {
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
}
/* Design */
div.header {
	width: 100%;
	height: 100px;
	background-color: #3FD9FF;
	color: White;
	text-align: center;
	background-image: url(headerbg.png);
	background-repeat: repeat-x;
}
div.news{
	text-align: left;
	width: 50%;
	margin: 0 auto;
}
div.machmit{
	text-align: left;
	width: 50%;
	margin: auto 0;
}
.newsbetreff
{
	margin-bottom: 0px;
}

div.newstext {

	border: 1px dashed blue;
	background-color: #E6E6E6;
	margin-left: 20px;
	padding: 5px;
}
div.content
{
	margin: 3px;
}
/* Menü */
#navibereich li {
  display: inline; /* Listenelemente nebeneinander */
  list-style-type: none; /* Aufzählungszeichen entfernen */
  color: #000000;
}
#navibereich {
	background-color: #ffffff; /* Hintergrundfarbe für die Navigation */
	padding: 4px 0; /* Innenabstand: oben/unten 4px, li/re 0 */
	border-top: 3px solid #3FD9FF; /* Rahmenlinie oben */
	border-bottom: 3px solid #3FD9FF; /* Rahmenlinie unten */
	margin: 0; /* Keinen Außenabstand */
}
#navibereich a {
  color: #000000;                  /* Schriftfarbe schwarz */ 
  text-decoration: none;         /* Unterstreichung entfernen */ 
  padding: 4px 8px;              /* oben/unten 4px, re/li 8px */
}
#navibereich a:hover {
  background-color: #0092DB;
}
/* mach mit Formular */
input.pflicht {
	background-color: Red;
	color: White;
	border: solid 1px black;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}
input.optimal {
	background-color: green;
	color: White;
	border: solid 1px black;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}
textarea.pflicht {
	background-color: Red;
	color: White;
	border: solid 1px black;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}
textarea.optimal {
	background-color: green;
	color: White;
	border: solid 1px black;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}