@import url(reset.css);

html {
  height: 100.1%;
  font-size: 16px;
}

body {
  font-size: 0.81em;
  font-family: "DejaVu Sans", verdana, arial, sans-serif;
  color: #000000;
  background: #b7bfc1;
  line-height: 160%;
  padding: 30px 0
}

strong, 
.bold {
  font-weight: bold
}

em {
  font-style: italic
}

small {
  font-size: 0.85em
}

h2 {
  margin: 0 0 1em 0;
  color: #8A715B;
  font-size: 1.6em
}

h3 {
  margin: 0 0 1em 0;
  color: #8A715B;
  font-size: 1.4em
}

h4 {
  margin: 0 0 0.5em 0;
  color: #8A715B;
  font-size: 1.2em
}

h5, h6 {
  margin: 0 0 0.5em 0;
  color: #8A715B
}

p {
  margin: 0 0 1em 0
}

#accessability {
  display: none;
  height: 0;
  text-indent: -3000em
}

/**************
*
* Blockelemente
*
***************/

#blockMain {
  margin: 0 auto;
  width: 970px;
  background: #FFFFFF url(img/auswahl.png) no-repeat right 320px
}

#blockTop {
  position: relative;
  height: 240px;
  background: #FFFFFF url(img/header.jpg) no-repeat 0 0;
}

#blockNav {
  display: inline;
  float: left;
  margin: 0 0 0 35px;
  width: 200px
}

#blockContent {
  display: inline;
  float: right;
  margin: 5px 150px 0 0;
  width: 540px
}

#blockBottom {
  clear: both;
	padding: 20px 50px
/*   height: 50px */
}

/**************
*
* Elemente oben
*
***************/

h1 {
  padding: 10px 0 0 21px;
  width: 313px;
  height: 65px;
}

h1 a {
  display: block;
  height: 100%;
  background: transparent url(img/logo_central-prodent.jpg) no-repeat 0 0;
  text-indent: -3000em
}

#meta {
  float: right;
  margin: 140px 35px 0 0;
  color: #888888;
  text-decoration: none
}

#meta:hover {
  text-decoration: underline
}

#zusatz {
  position: absolute;
  top: 23px;
  left: 350px;
  color: #836E5D
}

/***********
*
* Navigation
*
************/

#blockNav li {
  margin-bottom: 5px;
  line-height: 30px
}

#blockNav a {
  display: block;
  padding-left: 50px;
  height: 100%;
  background: transparent url(img/nav.png) no-repeat 0 0;
  color: #FFFFFF;
  text-decoration: none
}

#blockNav a#active,
#blockNav a:hover {
  background-position: 0 -30px;
  color: #000000;
}

#telefon {
  padding: 5px 10px 5px 50px;
  background: #9DDCF9;
  color: #000000;
  font-weight: bold
}

/***************
*
* Inhaltsbereich
*
****************/

#blockContent ol#faq {
  margin: 0 0 1em 2.2em
}

#blockContent ol#faq li {
  margin: 0 0 0.2em 0
}

#blockContent table#beispiel {
/*   margin: 0 0 1em 0 */
}

#blockContent table#beispiel td,
#blockContent table#beispiel th {
  padding: 5px;
  width: 25%;
  font-size: 0.85em;
  line-height: 130%;
  font-weight: bold
}

#blockContent table#beispiel th {
  background: #9DDCF9;
  color: #000000;
  font-weight: bold;
  text-align: center
}

#blockContent table#beispiel th.headLeft {
  background: #FFFFFF;
  text-align: left
}

#blockContent table#beispiel td {
  text-align: center
}

#blockContent table#beispiel .central td,
#blockContent table#beispiel .central th {
  background: #F26520;
  color: #FFFFFF
}

#blockContent a {
  color: #F26520;
  border-bottom: 1px solid #F26520;
  text-decoration: none
}

#blockContent a:visited,
#blockContent a:hover {
  color: #000000;
  border-bottom: 1px dotted #000000
}

#blockContent a:active,
#blockContent a:focus {
  position: relative;
  top: 1px;
  color: #000000;
  border: 1px dotted #000000
}

#blockContent a.button {
  float: right;
  margin: 0.5em 0 0.5em 0.5em;
  border: none
}

#blockContent a.button:active {
  position: relative;
  top: 1px
}

#blockContent ul {
  margin: 0 0 1em 1.2em;
  list-style: circle
}

#blockContent ol {
  margin: 0 0 1em 0;
  list-style: decimal
}

.center {
  text-align: center
}

/****************
*
* Kontaktformular
*
*****************/

form table {
  width: 100%;
  margin-bottom: 1em
}

form table td {
  width: 20%;
  text-align: right
}

form table .endbetrag th,
form table .endbetrag td {
  padding: 0.5em 0;
  border-top: 2px solid #000000;
  border-bottom: 2px solid #000000;
  font-weight: bold
}

form table th.right {
  text-align: right
}

form #abschluss input {
  margin-top: 5px;
  width: auto;
  float: left
}

form #abschluss label {
  width: 90%;
  margin-left: 0.5em;
  text-align: left
}

form {
  margin: 0 0 2em 0
}

form fieldset {
  margin: 0 0 1em 0;
  padding: 1em;
  border: 1px solid #8A715B
}

form legend {
  padding: 0 0.5em;
  font-size: 1.2em;
  color: #8A715B
}

form input {
  display: none
}

form p {
  clear: both;
  padding: 0;
  margin: 0;
  line-height: 100%
}

form p.info {
  line-height: 160%;
  margin: 0 0 1em 0
}

form p:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden
}

form label {
  width: 17em;
  float:  left;
  margin: 2px 5px 2px 0;
  padding: 2px;
  text-align: right;
  line-height: 130%
}

form label span {
  font-size: 0.80em
}

form .required label {
  font-weight: bold
}

form p input {
  display: block;
  float: left;
  width: 19em;
  margin: 2px 5px;
  padding: 2px;
  border: 1px solid #000000
}

form p.geburt input {
  width: 6em
}

form p.geburt span {
  margin: 2px 5px 2px 0;
  line-height: 180%
}

form .center {
  text-align: center
}

form .status input {
  width: auto
}

form p select {
  display: block;
  float: left;
  width: auto;
  margin: 2px 5px;
  padding: 2px;
  border: 1px solid #000000
}

form input:focus {
  border: 1px solid #F26520;
  background: #FFFFFF;
  color: #000000
}

form textarea {
  float: left;
  width: 21em;
  height: 12em;
  margin: 2px 5px;
  padding: 2px;
  border: 1px solid #000000
}

form textarea:focus {
  border: 1px solid #F26520
}

form#kontakt textarea {
  float: left;
  width: 19em;
  height: 12em;
  margin: 2px 5px;
  padding: 2px;
  border: 1px solid #000000
}

form input.weiter {
  clear: left;
  float: right;
  width: auto;
  background: #F26520;
  color: #FFFFFF;
  border: 3px double #FFFFFF
}

form #anschrift input.weiter {
  width: auto;
  margin-left: 10em
}

form#kontakt input.weiter {
  float: none;
  margin-left: 18em
}

form input.weiter:focus,
form input.weiter:hover {
  background: #9EDBFA;
  color: #000000;
  border: 3px double #000000
}

form .small {
  padding: 0.2em 0 0 18.5em;
  font-size: 0.87em
}

/* Beitragrechner */

#rechner .weiter {
  float: none;
  margin-left: 18em
}

.ergebnis label {
  width: 17em;
  float:  left;
  margin: 2px 5px 2px 0;
  padding: 2px;
  text-align: right;
  line-height: 130%;
  font-weight: bold
}

.ergebnis input {
  display: block;
  float: left;
  width: 6em;
  margin: 2px 5px;
  padding: 2px;
  border: none;
  border-bottom: 3px double #000000;
  background: #FFFFFF;
  outline: none;
  font-size: 1.2em;
  font-weight: bold;
  color: #F26520;
  text-align: center
}

.ergebnis span {
  display: block;
  clear: both;
  padding-top: 0.5em;
  font-size: 0.80em
}

.error {
  border: 1px dashed #F26520;
  color: #F26520;
  font-weight: bold;
  text-align: center
}

/**************
*
* Elemente unten
*
***************/

#blockBottom {
  color: #777777;
	line-height: 140%;
  font-size: 0.80em
}

#blockBottom a {
  color: #777777;
  text-decoration: none
}