* {
  margin: 0;
  padding: 0;
}

body {
  font-size: 62.5%;
  line-height: 1.5em;
  font-family: 'Arial', Verdana, Helvetica, sans-serif;
  text-align: left;
}

#main {
  height: 1%; /* Buggy IE needs this */
  margin: 0px auto;
  /*max-width: 894px;
  min-width: 770px;
  width: auto !important;*/
  width: 894px;
  font-size: 1.3em;
  color: #8C8572;
}

/******** header ********/

#logo {
  height: 75px;
  background: #F1F3F6 url('../images/logo.gif') no-repeat;
}

#top_line {
  height: 20px;
  width: 100%;
  background: #fff url('../images/top_line.gif');
  overflow: hidden;
}

#header {
  height: 135px;
  width: 100%;
  background: #fff url('../images/header_bg.gif');
  font-size: 0%;
}

/******** links ********/

#links {
  float:left;
  width: 184px;
  border-left: 1px solid #ccc;
  overflow: hidden;
}

#links .innenDiv {
  padding: .5em;
}

table.angebote {
  width: 100%;
  margin: 0 0 8px 0;
}

td.td1, td.td2, th.region {
  background-color: #F1F3F6;
  padding: 3px;
  margin-left: 5px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #fff;
}

th.region {
  background-color: #fff;
  color: #4A5F7F;
}

td.td1 {
  color: #8C8572;
  font-weight: bold;
  font-size: 115%;
  text-align: right;
  text-indent: 0px;
}

table.angebote a {
  color: #CC3300;
  font-size: 90%;
  text-decoration: none;
}

table.angebote a:hover {
  text-decoration: underline;
}

.angebote_txt {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  color: #4A5F7F;
  margin-bottom: 8px;
}

#links p.news {
  margin-bottom: 15px;
}

/******** rechts ********/

#rechts {
  position: relative;
  float: left;
  width: 180px;
  overflow: hidden;
}

#rechts ul {
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
  width: 180px;
  background-color: #C4C3C3;
}

#rechts li {
  white-space: nowrap;
}

/******** mitte ********/

#mitte {
  position: relative;
  float: left;
  width: 509px;
  padding: 0 10px 0 10px;
}

#pfad {
  padding: 3px 0 3px 0;
}

#mitte .innenDiv {
  /* padding: 0 10px 10px 10px; */
}

#mitte .karte{
  text-align: center;
  margin-bottom: 10px;
}

.liste {
  /* margin: 20px 0; */
}

.listeheader {
  background: transparent url('../images/listeheader.gif') repeat-x;
  height: 21px;
  line-height: 21px;
  padding-left: 15px;
  margin-top: 5px;
  font-weight: bold;
  color: #8C8572;
}

.listetable {
  width: 100%;
  padding: 10px;
  font-size: 95%;
}

tr.angebot {
  background-color: #ffeaea;
}

td.thumb {
  text-align: center;
  vertical-align: middle;
}

td.middle {
  vertical-align: middle;
  padding-bottom: 15px;
}

.minithumb img {
  padding: 0 10px;
  width: 40px;
  height: 27px;
}

.detailtable {
  font-size: 90%;
width: 100%;
}

.detailinnertable {
  margin: 10px 0 20px 0;
}

.detailheader {
  background-color: #91A5CD;
  height: 27px;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  font-size: 110%;
  padding: 0 10px;
}

.detailimg {
  text-align: center;
  padding: 10px 0 10px 0;
  width: 375px;
  border: dashed #ccc 1px;
}

.detailimg img {
  width: 350px;
}

td.td3, td.td4 {
  vertical-align: top;
  padding: 5px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #fff;
}

td.td3 {
  color: #8C8572;
  text-align: right;
}


/******** unten ********/

#unten {
  text-align: center;
  font-size: 90%;
  margin: 10px 0 10px 0;
  clear: both;
}

#unten ul {
  text-align: center;
}

#unten li, #unten li.top {
  list-style: none;
  display: inline;
  background: transparent url('../images/more.gif') no-repeat left 4px;
}

#unten li.top {
  background: transparent url('../images/top.gif') no-repeat right 2px;
}

/******** container ********/

.head-blue, .head-red, .head-yellow  {
  background-color: #4C6183;
  font-size: 95%;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  padding: 3px 0 4px 8px;
  border-bottom: solid 1px #fff;
}

.head-red {
  background-color: #CC3300;
}

.head-yellow {
  background-color: #f28c34;
}

/***** formular area **********************************************************/

.formbox {
  width: 98%;
  background-color: #fff;
  margin-top: 10px;
  padding: 10px 0;
}

.reihe {
  padding: 5px;
}


.label {
  text-align: left;
  margin-left: 5px;
  margin-bottom: 5px;
}

.feld {
  text-align: left;
  margin-bottom: 5px;
}

.formline {
  border-top: 1px solid #fff;
}

.senden {
  width: 80px;
  font-size: 95%;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  padding: 0px 10px;
  background-color: #4C6183;
  border: 1px solid #000;
  text-align: center;
  margin: 10px 0 0 10px;
}

.defbreite {
  width: 350px;
}

.error, .success {
  margin: 10px auto;
  color: red;
}

.error {
  color: #E8322B;
}

.success {
  color: #5EAC12;
}

/******** hyplinks ********/

#rechts li a {
  background: url('../images/hg_nav.gif') no-repeat top left;
  text-indent: 16px;
  font-weight: bold;
  font-size: 90%;
  display: block;
  color: #fff;
  width: 180px;
  padding: 2px 0 2px 0;
  text-decoration: none;
}

#rechts li a.aktiv {
  background: url('../images/xg_nav.gif') no-repeat top left;
}

#rechts li a:hover {
  background: url('../images/xg_nav.gif') no-repeat top left;
}

a.news_title, a.listetable-header  {
  color: #CC3300;
  font-weight: bold;
  text-decoration: none;
}

a, a.news_more, a.listetable-more, .detailinnertable a {
  color: #CC3300;
  font-size: 95%;
  font-weight: normal;

}

 .detailinnertable a {
  font-size: 100%;
}

a.news_more:hover {
  text-decoration: none;
}

.listetable a:hover {
  text-decoration: underline;
}

a.unten {
  color: #CC3300;
  font-size: 95%;
  text-decoration: none;
  margin: 0 10px 0 10px;
}

a.ref_blae_active, a.ref_blae {
  color: #CC3300;
  font-size: 90%;
  text-decoration: none;  
}

a.ref_blae {
  color: #8C8572;
}

/******** typo ********/

h1, h2, h3, h4 {
  font-family: 'Helvetica', Arial, Verdana, sans-serif;
  color: #4A5F7F;
}

h2 {
  font-size: 140%;
  font-weight: bold;
  margin-top: 5px;
}

p.start {
  margin-bottom: 15px;
}

p {
  margin: 0.5em 0 
}

p.blaettern {
  margin: 0;
  text-align: right;
}

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

form.ekmform fieldset,
form.searchform fieldset { 
  margin-bottom: 0.833em;
  font-size: 90%;
  background: #fcfcfc;
  border: solid 0.083em #bbb;
  padding: 0.833em;
}
 
fieldset.center {
background-color: red;
text-align: center;
}

form.ekmform legend,
form.ekmform legend {
  padding: 0.166em;
  font-weight: bold;
  margin: 0 0.5em;
}
  
form.ekmform label,
form.ekmform label.comments,
form.ekmform label.klr,
form.searchform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  margin-left: 1.2em;
  width: 48%;
}

form.searchform label {
  width: 28%;
}
form.ekmform label.klr {
  width: 44%;
}

form.ekmform label.comments {
  width: 90%;
}

form.ekmform fieldset ol,
form.searchform fieldset ol {
  margin: 0;
  padding: 0.666em 0;
}
  
form.ekmform fieldset li,
form.searchform fieldset li {
  list-style: none;
  padding: 0.666em 0;
  margin: 0;
  border-bottom: solid 0.083em #f5f5f5;
  background: transparent;
}
  
form.ekmform em,
form.searchform em {
  font-weight: bold;
  font-style: normal;
  color: #ee2630;
}

form.ekmform input,
form.searchform input {
  width: 43%;
  font-size: 110%;
}

form.ekmform input.radio,
form.searchform input.radio {
  width: 5%;
  font-size: 110%;
  vertical-align: middle;
  border: 0;
}

form.ekmform input.checkbox,
form.searchform input.checkbox {
  width: 12%;
  font-size: 110%;
  vertical-align: middle;
  border: 0;
}

form.searchform select {
  width: 45%;
  font-size: 110%;
  padding: 0;
}

.required {
  background-color: #FAEBE7;
  border: 0.083em dashed #ee2630;
}

form.ekmform textarea {
  width: 92%;
  height: 9em;
  margin: 0.333em 0 0 1em;
  color: #000;
  font-size: 150%;
}

form.ekmform input.submit,
form.searchform input.submit {
  width: 12em;
  font-size: 110%;
  margin-left: 1.2em;
}

form.ekmform .ekmformtext {
 background-color: #f5f5f5;
 padding: 1.166em;
}

.result {
  color: #333;
  padding: 0 .5em;
  background-color: #ffcc00;
}

.searchnr {
  font-family: Georgia, Arial, Tahoma; 
  font-size: 200%;
  font-weight: normal;
  line-height: 120%;
  color: #bbb;
}

.errormessage,
.success,
.error {
  background-color: #ee2630;
  color: #fff;
  margin: 0.833em 0;
  padding: 0.833em;
  text-align: center;
}

.success {
  background-color: #5EAC12;
}

.errormessage p {
  margin-bottom: 0;
}


/******** MISC ********/

img {
  border: 0;
}

hr, .hidden, .hide {
  display: none;
}

.rules-top, .rules-bottom {
  width: 100%;
  margin: 2px 0;
  line-height: 0px;
}

.rules-top {
  border-top: 1px solid #8C8572;
}

.rules-bottom {
  border-top: 1px solid #8C8572;
}