/* Grundeinstellungen
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

body {
  color: #000;
  background: #a7c389;
  font-family: verdana,arial,sans-serif;
  font-size: 100.01%;
  font-weight: normal;
  text-align: center;  
  padding: 0;
  margin: 0;
}

img {
  border: 0;
}

p {
  padding: 0;
  margin: 0;
}

span {
  padding: 0;
  margin: 0;
}

/* Globale Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.invisible {
 display: block;
 position: absolute;
 top: -6000px;
 left: -6000px;
 height: 1px;
 width: 1px;
 }

.stopFloat {
 display: block;
 float: none;
 clear: both;
 height: 1px;
 font-size: 0px;
 line-height: 0px;
 }

.abstand{
 margin-bottom: 2.2em; 
}

#main .img_right {
  float: right;
  width: 360px;
  margin-right: 20px;
  margin-left: 30px;
  margin-top: 3px;
}

#main .img_right p {
  color: #666;
  font-size: .7em;
  font-weight: bold;
  line-height: 1.3em;
  margin-top: 3px;
  margin-bottom: 10px;
  padding-left: 0;
}

#main .img_right_comp {
  float: right;
  width: 213px;
  margin-right: 20px;
  margin-left: 30px;
  margin-top: 3px;
}

#main .img_right_comp p {
  color: #666;
  font-size: .7em;
  font-weight: bold;
  line-height: 1.3em;
  margin-top: 3px;
  margin-bottom: 10px;
  padding-left: 0;
}

#main .img_right_start {
 float: right;
 width: 106px;
 margin-right: 20px;
 margin-left: 30px;
 margin-top: 3px;
 margin-bottom: 10px;
}

#main .img_right_start p {
 color: #666;
 font-size: .7em;
 font-weight: bold;
 line-height: 1.3em;
 margin-top: 3px;
 margin-bottom: 10px;
 padding-left: 0;
}

#main .img_left {
 float: left;
 width: 344px;
 margin-left: 1.2em !important;
 margin-left: 0.8em;
 margin-right: 1.2em !important;
 margin-right: 0.8em;
 margin-top: 3px;
}

#main .img_left_e {
 float: left;
 margin: 0.5em 1.2em 1em 0em;
 padding: 4px;
 border: 1px solid #CCCCCC;
}

#main .img_left p {
 color: #666;
 font-size: .7em;
 font-weight: bold;
 line-height: 1.3em;
 margin-top: 3px;
 margin-bottom: 10px;
 padding-left: 0;
}

.img_border {
  padding: 4px;
  border: 1px solid #CCCCCC;
}

.unterstrich {
  text-decoration:underline;
}

/* Formular
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.beschriftung {
  float: left;
  width: 12em;
  text-align: right;
}

.eingabefeld {
  float: left;
  width: 20em;
  max-width: 450px;
}

.senden {
  float: left;
  margin-left: 12em;
  width: 20em;
  max-width: 450px;
}

form p {
  font-size: 1em;
  margin: 14px 0;
}

label {
  display: block; 
  font-size: 90%;
  font-weight: bold;
  margin-right: 10px;
}

input,
textarea {
  width: 100%;
  background: #F7F7F7;
  font-family: verdana,arial,sans-serif;
  font-size: 100%;
  border: 1px solid #CCC;
}

input:hover,
textarea:hover {
  background: #FCFCFC;
  border: 1px solid #999;
}

input:focus,
textarea:focus {
  background: #FFF;
  border: 1px solid #CC0000;
}

.erfolg{
  font-size: 90%;
  font-weight: bold;
  color:#009900;
}

.fehler{
  font-size: 90%;
  font-weight: bold;
  color: #CC0000;
}

/* Allgemeine Formatierungen
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#head {
  background: #FFF url(../images/bg_top.gif) repeat-x;
  height: 178px;
}

#topbox{
  text-align: center; 
  margin: 0px auto;
  width: 952px;
}

#logo{
 height: 101px;
 width: 507px;
 float: left;
 margin-top: 20px;
 margin-bottom: 4px;
}

#world{
  height: 115px;
  width: 312px;
  float: left;
  margin-left: 122px;
  text-align: right;
  margin-top: 16px;
}

#flag{
 float: left;
 height: 22px;
 width: 312px;
 text-align: right;
}

span.dreh{ 
	unicode-bidi: bidi-override; 
	direction: rtl; 
}

/* Language navigation
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#flag ul{
 margin: 0; 
 padding: 0; 
 list-style: none; 
}
 
#flag li{
 float: left;
 height: 22px;
 width: 40px;
}

#flag li.en a{
 display: block;
 background: url(../images/flagge_en_over.gif) no-repeat;
}

#flag li.en a:focus,
#flag li.en a:active,
#flag li.en a:hover{
 background: url(../images/flagge_en.gif) no-repeat;
}

#flag #en{
 display: block;
 background: url(../images/flagge_en.gif) no-repeat;
}


#flag li.de a{
 display: block;
 background: url(../images/flagge_de_over.gif) no-repeat;
}

#flag li.de a:focus,
#flag li.de a:active,
#flag li.de a:hover{
 background: url(../images/flagge_de.gif) no-repeat;
}

#flag #de{
 display: block;
 background: url(../images/flagge_de.gif) no-repeat;
}

#flag li.es a{
 display: block;
 background: url(../images/flagge_es_over.gif) no-repeat;
}

#flag li.es a:focus,
#flag li.es a:active,
#flag li.es a:hover{
 background: url(../images/flagge_es.gif) no-repeat;
}

#flag #es{
 display: block;
 background: url(../images/flagge_es.gif) no-repeat;
}

/* Main
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#language{
  float: left;
  width: 160px;
  text-align: right;
  font-size: 100%;
  font-family:"Times New Roman", Times, serif;
  letter-spacing: 0.1em;
  font-weight: bold;
  color: #023c59;
  margin-right: 10px;
}

#main{
  background: #FFF;
  margin: 40px auto;
  width: 952px;
  text-align: left;
}

#main h1{
  font-size: 140%;
  font-family:"Times New Roman", Times, serif;
  letter-spacing: 0.1em;
  color: #023c59;
  padding-left: 2%;
}

#main h2{
  font-size: 110%;
  font-family:"Times New Roman", Times, serif;
  letter-spacing: 0.1em;
  color: #023c59;
  padding-left: 2%;
}

#main h3{
  font-size: 80%;
  text-decoration: underline;
  color: #023c59;
  padding-left: 2%;
}

#main li{
  font-size: 80%;
  line-height: 160%;
  padding: 0 2% 1% 2%;
}

#main p{
  font-size: 80%;
  line-height: 160%;
  padding: 0 2% 1% 2%;
}

#main a:link{ 
 color: #35570F;
 text-decoration: underline; 
 text-transform: none;
}

#main a:visited {
 color: #528917;
 text-decoration: underline;
 text-transform: none;
}

#main a:hover {
 color: #a7c389;
 text-decoration: underline;
}

#main a:focus, a:active {
 color: #a7c389;
 text-decoration: underline;
 text-transform: none;
}

#main p.to_top {
  color: #023c59;
  font-size: 100%;
  text-align: right;
  margin-right: 2%;
}

#main p.to_top a.top:link,
#main p.to_top a.top:visited {
  color: #023c59;
  background/**/: url(../images/arrow_top.gif) 0 .2em no-repeat; 
  padding-left/**/: 18px; 
  text-decoration: none;
}

#main p.to_top a.top:hover,
#main p.to_top a.top:focus,
#main p.to_top a.top:active {
  color: #023c59;
  text-decoration: underline;
}


#second_nav{
 clear: both;
 float: right;
 width: 14em;
 margin: 2em;
 padding:0;
 border: 1px #023c59 solid;
}

.secound_ue{
 display:block;
 background-color:#023c59;
 padding-left: 0.8em;
 line-height: 2em;
 color:#FFFFFF;
 font-size: 1em;
 font-weight: bold;
}

#second_nav ul.menu{
 margin: 0; 
 padding: 0; 
 list-style: none; 
}

#second_nav ul.menu li{
 margin: 0; 
 padding: 0; 
 height: 2em;
 border: none;
}

#second_nav ul.menu li a,#second_nav ul.menu li a:link,#second_nav ul.menu li a:visited{
 line-height: 2em;
 display: block;
 color: #20293d;
 text-decoration:none;
 padding-left: 0.2em;
}

#second_nav ul.menu li a:hover{
 color: #FFFFFF;
 background-color:#528917;
 text-decoration: underline;
}

#second_nav ul.menu li.active a:link,#second_nav ul.menu li.active a:visited{
 color: #FFFFFF;
 background-color:#528917;
 text-decoration: underline;
}

#second_nav ul.menu li#ac a,#second_nav ul.menu li#ac a:hover,#second_nav ul.menu li#ac a:active,#second_nav ul.menu li#ac a:focus{ 
 color: #FFFFFF;
 text-decoration: underline;
 background-color:#528917;
}

#umwelt {
text-align:right;
  padding-top: 20px;
}

#fuss{
  width: 952px;
  text-align: right;
  color:#FFFFFF;
  padding-top: 20px;
}

#mainend{
  background: url(../images/main_bottom.gif) center no-repeat;
  height: 22px;
  text-align: right;
}

#mainend span{

  padding-right: 60px;
}

#mainend a:link,
#mainend a:visited{
 font-size: 0.8em; 
 letter-spacing:0.08em;
 font-weight: normal;
 color: #023c59;
 text-decoration: none;
 text-transform: uppercase;
}

#mainend a:hover{
 text-decoration: underline;
}

#mainend a:focus,
#mainend a:active{ 
 color: #023c59;
}

#copy{
  background:#a7c389;
  margin: 0 auto;
  width: 952px;
  text-align: left;
}

#copy p{
  padding-left: 10px;
  font-size: 70%;
}

.top {
  font-size: 70%;
  color: #666666;
}

/* Haupt-Navigation
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
#nav{
 float: left;
 height: 32px;
 margin-top: 6px;
 padding: 0;
 text-align: center;
 width: 950px;
}

#nav ul{
 margin: 0; 
 padding: 0; 
 list-style: none; 
 }
 
#nav li{ 
 float: left;
 height: 32px;
 background: url(../images/nav.jpg) no-repeat right top;
}

#nav a:link,
#nav a:visited{
 font-size: 0.75em; 
 letter-spacing:0.08em;
 font-weight: normal;
 color: #FFF;
 text-decoration: none;
 text-transform: none;
 display: block;
 margin: 8px 20px 10px 20px;
}

#nav a:hover{
 text-decoration: underline;
}

#nav a:focus,
#nav a:active{ 
 color: #FFF;
}

#nav #current{
 display: block;
 text-decoration: none;
 text-transform: none;
 background-image: url(../images/nav_over.jpg);
}

#nav #current a{
 font-weight: bold;
 text-decoration: underline;
}