/* ++++++++++++++++++++++++++++++++++++++++++++++

   Stylesheet: earn 
   Author: Oliver Gliss | © Agentur Mediamanix
   Date: 12.12.2007

++++++++++++++++++++++++++++++++++++++++++++++ */



html { 
margin: 0px;
padding: 0px;
height: 100%;
}



body {
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 height: 100%;
 background: #797dbc;
 color: #000;
 text-align:left;
 height: 100%;
 font-family: Verdana,Arial,Helvetica, sans-serif;
 font-size: 9pt;
}



h1 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #000000;
 margin-top:20px;
 margin-bottom:0px;
}

h2 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 11pt;
 color: #000000;
 margin-top:10px;
 margin-bottom:0px;
}

h3 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt;
}

h4 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt;
}

h5 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
}

h6 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 7pt;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++
   Pseudo-Formatierungen / allgemein
++++++++++++++++++++++++++++++++++++++++++++++ */

a:link, a:visited {
 font-family:Verdana,Arial,sans-serif;
 font-size:8pt;
 font-weight: regular;
 color: #000;
 text-decoration: underline;
}


a:hover, a:focus {
 font-family:Verdana,Arial,sans-serif;
 font-size:8pt;
 font-weight: regular;
 color: #000;
 text-decoration: underline;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++
   Bild-Formatierungen 
++++++++++++++++++++++++++++++++++++++++++++++ */

.unsichtbar {
 display:none;
}

.textfluss_rechts {
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
}

.textfluss_links {
  float: right;
  margin-left: 15px;
  margin-bottom: 10px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++
   Span-Formatierungen 
++++++++++++++++++++++++++++++++++++++++++++++ */

span.highlight {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++
   Zentralcontainer Website 
++++++++++++++++++++++++++++++++++++++++++++++ */

#zentralcontainer { 
  position: relative;
  width: 799px; 
  overflow: auto;
  margin: 0px auto;
  padding: 0px 0px 0px 0px; 
  border: 0px; 
  text-align:left;
  background: #ffffff;

}

/* ++++++++++++++++++++++++++++++++++++++++++++++
   Header-Container Website 
++++++++++++++++++++++++++++++++++++++++++++++ */

#header[id] {
  float: left;
  clear: both;
  width: 791px;
  height:94px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  background: #ffffff;
}

#header {
  float: left;
  clear: both;
  width: 791px;
  height:94px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  background: #ffffff;
}

#header_image[id] {
  float: left;

  width: 500px;
  height:94px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  background: #ffffff;
}

#header_image {
  float: left;
  width: 500px;
  height:94px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  background: #ffffff;
}

#header_logo[id] {
  float: right;
  width: 200px;
  height:94px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: right;
  background: #ffffff;
}

#header_logo {
  float: right;
  width: 200px;
  height:94px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: right;
  background: #ffffff;
}

#header_form {
  float: right;
  width: 300px;
  height:94px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  color: #000000;
  background: #ffffff;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++
   Content-Container Website 
++++++++++++++++++++++++++++++++++++++++++++++ */

#container_content[id] {
  float: left;
  clear: both;
  width: 791px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-weight: normal;
  text-align: left;
}

#container_content {
  float: left;
  clear: both;
  width: 791px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  font-weight: normal;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++
   Footer-Container Website 
++++++++++++++++++++++++++++++++++++++++++++++ */

#container_footer {
  float: left;
  clear: both;
  width: 791px;
  height: 40px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family:Verdana,Arial,sans-serif;
  font-size:10px;
  font-weight: normal;
  text-align: right;
}

#container_footer[id] {
  float: left;
  clear: both;
  width: 791px;
  height: 40px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family:Verdana,Arial,sans-serif;
  font-size:8pt;
  font-weight: normal;
  text-align: right;
}

#container_footer a:visited, #container_footer a:link {
  font-family:Verdana,Arial,sans-serif;
  font-size:8pt;
  font-weight: normal;
  color: #000;
  text-decoration: none;
}

#container_footer a:hover, #container_footer a:focus {
  font-family:Verdana,Arial,sans-serif;
  font-size:8pt;
  font-weight: normal;
  color: #000;
  text-decoration: underline;
}

.text_footer {
  float: right;
  width: 589px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family:Verdana,Arial,sans-serif;
  font-size:8pt;
  color: #000000;
  font-weight: normal;
  text-align: left;

}


/* ++++++++++++++++++++++++++++++++++++++++++++++
   Header-Container Website 
++++++++++++++++++++++++++++++++++++++++++++++ */

#container_unternavigation[id] {
  width: 200px;
  height: 391px;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family:Verdana,Arial,sans-serif;
  font-size:8pt;
  font-weight: normal;
  background-image:url(mainimages/back_left.gif); 
  background-position:left;
}

#container_unternavigation {
  width: 200px;
  height: 391px;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family:Verdana,Arial,sans-serif;
  font-size:8pt;
  font-weight: normal;
  background-image:url(mainimages/back_left.gif); 
  background-position:left;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++
   Inhalt-Container Website 
++++++++++++++++++++++++++++++++++++++++++++++ */

#container_inhalt[id] {
  width: 588x;
  float: left;
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: Verdana,Arial,sans-serif;
  font-size: 8pt;
  font-weight: normal;
  background-image:url(mainimages/back_center.gif); 
  background-position:left;
}

#container_inhalt {
  width: 588px;
  float: left;
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family:Verdana,Arial,sans-serif;
  font-size:10px;
  font-weight: normal;
  background-image:url(mainimages/back_center.gif); 
  background-position:left;
}

#container_inhalt hr {
  color: #797dbc; 
  background-color: #797dbc; 
  height: 1px; 
}

#container_text[id] {
  width: 560px;
  float: left;
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;

}

#container_text {
  width: 560px;
  float: left;
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;

}


/* ++++++++++++++++++++++++++++++++++++++++++++++
   Formatierungen Website 
++++++++++++++++++++++++++++++++++++++++++++++ */

#description {
  color: #000000;
  font-family:Verdana,Arial,sans-serif;
  font-size:10px;
  font-weight: normal;
}

#description a:link, #description a:visited {
  color: #000000;
  font-family:Verdana,Arial,sans-serif;
  font-size:10px;
  font-weight: normal;
}

#description a:hover, #description a:focus {
  color: #000000;
  font-family:Verdana,Arial,sans-serif;
  font-size:10px;
  font-weight: normal;
  font-style: underline;
}


#pflichtfelder {
  color: #d40d0d;
  font-family:Verdana,Arial,sans-serif;
  font-size:9px;
  font-weight: normal;
}

#formtable {
  float: left;
  text-align: left;
  font-size:11px;
  font-weight: normal;
  color: #000000;

}

#tab_dotted_line {
BORDER-BOTTOM: #fff 1px dotted; 
BORDER-LEFT: #fff 1px dotted; 
BORDER-RIGHT: #fff 1px dotted; 
BORDER-TOP: #fff 1px dotted; 
background: #efefef;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++
   Formatierungen-Formularfelder 
++++++++++++++++++++++++++++++++++++++++++++++ */

.pulldown_felder {
	background-color:#ffffff;
	color:#27225A;
  width:200px;
	border:1px solid #797dbc;
  font-family: arial;
	font-size: 9pt;
}

.input_felder {
	background-color:#ffffff;
	color:#27225A;
  width:350px;
	border:1px solid #797dbc;
  font-family: arial;
	font-size: 9pt;
}

.input_felder_short {
	background-color:#ffffff;
	color:#27225A;
  width:150px;
	border:1px solid #797dbc;
  font-family: arial;
	font-size: 9pt;
}

.textarea_felder {
	background-color:#ffffff;
	color:#27225A;
  width:350px;
  height: 80px;
	border:1px solid #797dbc; 
  overflow:auto;
  font-family: arial;
	font-size: 9pt;
}

.input_absenden {
	background-color:#797dbc;
	color:#ffffff;
  width:150px;
	border:1px solid #606295;
  font-family: arial;
	font-size: 10pt;
}

