/*----------------------------------------------------------------*/
/* CSS by K4SYSTEMS */
/*----------------------------------------------------------------*/


/*----------------------------------------------------------------*/
/* Allgemeines */
/*----------------------------------------------------------------*/
* {
  padding: 0;
  margin: 0;
}

html {
  height: 100%;
}

body {
  font-size: 82.5%;
  background: #D0D0D0 url('../bilder/body_back.jpg') top left repeat-x;
}

body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, input, textarea, select {
  font-family: Arial,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
  color: #000;
  text-align: left;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

img, a img {
  border: 0;
}

form {
  display: inline;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted;
}


/*----------------------------------------------------------------*/
/* h1 und co */
/*----------------------------------------------------------------*/
p {
  line-height: 1.4em;
  margin: 0 0 1.0em 0;
}

a {
  color: #1F317E;
}

h1 {
  padding-bottom: 6px;
  border-bottom: 2px solid #F79400;
  margin-bottom: 20px;
  color: #1F317E;
  font-size: 1.2em;
  background: transparent url(../bilder/back_h1.gif) right 3px no-repeat;
}

h2 {
  color: #1F317E;
  border-bottom: 1px solid #1F317E;
  font-size: 1.0em;
  background: transparent url(../bilder/back_h2.gif) right top no-repeat;
  padding-bottom: 2px;
  margin-bottom: 6px;
  margin-top: 1.0em;
}

/*----------------------------------------------------------------*/
/* pseudoklassen */
/*----------------------------------------------------------------*/
.clear {
  clear: both;
}

.versteckt, .no_screen {
  display: none;
}

/*----------------------------------------------------------------*/
/* wrap */
/*----------------------------------------------------------------*/
#wrap {
  background: #9C9C9C url('../bilder/wrap_back.jpg') top left repeat-x;
  margin: 0 auto;
  margin-top: 25px;
  width: 855px;
  border: 1px solid #000;
  padding: 20px 20px 0 20px;
}

/*----------------------------------------------------------------*/
/* header */
/*----------------------------------------------------------------*/
#header {
  border: 1px solid #000;
  background: #E9E9E9 url('../bilder/back_header.jpg') left bottom repeat-y;
  height: 132px;
}

#header img {
  float: right;
  margin-bottom: 3px;
}

#iconnavi {
  clear: both;
  margin-bottom: 23px;
}

#iconnavi li {
 padding: 4px 22px;
 padding-right: 24px;
 float: left;
 display: inline;
 border-left: 1px solid #C5C5C5;
}

#iconnavi li.sprache {
  float: left;
  width: 120px;
}

#iconnavi li.en {
  background: transparent url(../bilder/flag_en.gif) 12px center no-repeat;
  padding-left: 32px;
}

#iconnavi li.de {
  background: transparent url(../bilder/flag_de.gif) 12px center no-repeat;
  padding-left: 32px;
}

#iconnavi li .first {
 border: 0;
}

#iconnavi li a {
 text-decoration: none;
 font-weight: bold;
 font-size: 0.9em;
 color: #000;
}

#iconnavi li a:hover {
 color: #F79400;
}

/*----------------------------------------------------------------*/
/* inhalt */
/*----------------------------------------------------------------*/
#inhalt_wrap {
  margin-top: 15px;
  background: #E8E8E8 url('../bilder/back_inhalt.gif') top left repeat-y;
  border: 1px solid #000;
  border-bottom: 0;
  clear: both;
}


/*----------------------------------------------------------------*/
/* topnavi */
/*----------------------------------------------------------------*/
#topnavi {
  float: left;
  margin-top: 13px;
  margin-bottom: 18px;
  width: 177px;
}

#topnavi ul {
  margin-bottom: 1.0em;
}

#topnavi li {
  margin-bottom: 5px;
}

#topnavi li a {
  color: #000;
  text-decoration: none;
  width: 165px;
  display: block;
  background: #F8F8F8 url('../bilder/topnavi_back.jpg') top left repeat-x;
  border-top: 1px solid #A1A1A1;
  border-bottom: 1px solid #A1A1A1;
  padding: 3px 0 3px 12px;
}

#topnavi li a:hover, #topnavi li.selected a {
  color: #F79400;
  background: #F8F8F8;
}

#topnavi li ul {
  margin: 4px 0;
}

#topnavi li ul li a, #topnavi li.selected ul li a {
  color: #000;
  display: inline;
  border: 0;
  width: auto;
  padding-left: 25px;
  font-size: 0.8em;
  font-weight: bold;
  background: transparent url(../bilder/back_topnavi_a.gif) 15px 7px no-repeat;
}

#topnavi li.selected ul li.selected a, #topnavi li.selected ul li a:hover {
  color: #F79400;
  background: transparent url(../bilder/back_topnavi_a_selected.gif) 15px 7px no-repeat;
}


/*----------------------------------------------------------------*/
/* inhalt */
/*----------------------------------------------------------------*/
#inhalt {
  float: right;
  display: inline;
  width: 634px;
  margin-right: 21px;
  padding-top: 20px;
  font-size: 0.9em;
}

#startseite #inhalt {
  float: right;
  display: inline;
  width: 634px;
  margin-right: 21px;
  padding-top: 20px;
  font-size: 0.9em;
  background: transparent url(../bilder/startseite_back.jpg) top left no-repeat;
}



.spalte0 {
  float: left;
  display: inline;
  width: 310px;
}

.spalte0 ul {
  margin-bottom: 1.0em;
}

.spalte0 ul li, inhalt ul li {
  list-style: disc;
  margin-left: 30px;
  padding-left: 5px;
}

#startseite .spalte0 {
  float: none;
  width: auto;
  height: 370px;
  display: block;
  margin-left: 264px;
  margin-top: 40px;
}

#startseite h1 {
  border: 0;
  background: transparent;
  color: #1F317E;
  margin-bottom: 0;
  font-size: 1.6em;
}

.spalte1 img {
  border: 1px solid #1F317E;
}

.spalte1 {
  float: right;
  display: inline;
  width: 302px;
  font-size: 0.9em;
}

.spalte1, .spalte1 p {
  color: #1F317E;
}

.spalte1 p {
  margin-bottom: 2.0em;
}


#map {
  height: 302px;
  background: #eee url(../bilder/loading_big.gif) center center no-repeat;
  border: 1px solid #1F317E;
  margin-bottom: 1.0em;
}


/*----------------------------------------------------------------*/
/* kontakt */
/*----------------------------------------------------------------*/
.kontaktformular {
  margin-bottom: 15px;
}

.kontaktformular .spalte-1 {
  width: 100px;
  height: 30px;
}

.kontaktformular .check_spalte {
  width: 25px;
}

#anfrage {
  width: 250px;
}

.kontaktformular .kontakt_button {
  text-align: center;
}