/*--------------------------------- Elemente -------------------------------------*/
body
{
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
}

h2, .row-header
{
    color: #000000;
    font: normal 1.3em Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    margin-left: 3px;
    padding: 15px 0 5px 0;
    border: 0;
    border-bottom: 1px dotted #aaaaaa;
}

h3
{
    color: #3C7FEB;
    background: transparent;
    font: bold 100%/1.4em 'Trebuchet MS', Arial, Helvetica, sans-serif;
    margin: 0;
    margin-left: 5px;
    margin-bottom: 5px;
    padding: 8px 0 3px 0;
}

h4
{
    color: #000000;
    background: transparent;
    font: bold 86%/1.2em 'Trebuchet MS', Arial, Helvetica, sans-serif;
    margin: 0;
    margin-left: 7px;
    margin-bottom: 5px;
    padding: 5px 0 1px 0;
}

input
{
}

input.text
{
  margin: 2px 5px 2px 2px;
  padding: 2px;
  background-color: #ECF2F9;
  border-top: 1px solid #3C79C0;
  border-right: 1px solid #AFC9E9;
  border-bottom: 1px solid #AFC9E9;
  border-left: 1px solid #3C79C0;
}

input.checkbox
{
  margin: 1px 7px 1px 3px;
}

input.radio
{
  margin: 4px 7px 0px 3px;
}

input.submit
{
}

table
{
padding: 3px;
}

th, td
{
  vertical-align: top;
}

ul
{
  margin-left: 0;
  padding: 10px;
  text-align: left;
}

table ul li {
  margin-bottom: 15px;
}

table ul li {
  list-style-type: none;
  background-image: url(https://res.makler-bund.de/h1/_images/application_form16.png);
  background-repeat: no-repeat;
  padding-left: 23px;
}
table ul li.printer {
  background-image: url(https://res.makler-bund.de/h1/_images/printer16.png);
}

/*--------------------------------- ID's ----------------------------------------*/
#Rahmen
{
  margin: 5px auto;
  /*padding: 12px;*/
  /*width: 96%;*/
  /*border: solid 1px #000000;*/
}

#Kasten
{
  position: absolute;
  top: 0px;
  right:0px;
  padding: 0px;
  margin: 0px;
}

#Kasten_innerDiv
{
  padding: 0px;
  border-width: 2px;
  border-style: solid;
  border-left-color: #eeeeee;
  border-top-color: #eeeeee;
  border-right-color: #aaaaaa;
  border-bottom-color: #aaaaaa;
  margin: 0px 5px;
  background-color: #dddddd;
}

#Homepage h5
{
  margin: 0px;
  margin-left: 16px;
  color: #ff0000;
}

#Homepage table
{
  width: 100%;
  border: 0;
  border-bottom: 1px dotted #aaaaaa;
  margin-bottom: 12px;
}

#Homepage td
{
vertical-align: middle;
}

#Homepage img, ul
{
margin-left: 6px;
}

#Navigation
{
  padding: 7px;
  background-color: #ECF2F9;
  border-top: 1px solid #3C79C0;
  border-right: 1px solid #AFC9E9;
  border-bottom: 1px solid #AFC9E9;
  border-left: 1px solid #3C79C0;
}

#Navigation a
{
  color: #3C7FEB;
  font-weight: bold;
  text-decoration: none;
  padding: 4px;
}

#Navigation a:hover
{
  text-decoration: underline;
  color: #0060FF;
}

#Navigation_Rechner
{
  margin: 23px auto auto 12px;
  width: 260px;
  float: left;
  font-size: 1.01em;
  border-top: 1px dashed #3C7FEB;
}

#Navigation_Rechner a
{
  padding-left: 12px;
  padding-top: 2px;
  text-decoration: none;
  color: #000;
  background: url(Images/pfeil_b.gif) top left no-repeat;

}

#Navigation_Rechner a:hover
{
  color: #0040FF;
  background: url(Images/pfeil_a.gif) top left no-repeat;
}

#Nutzerformular
{
  margin: auto;
}

#Nutzerformular input.text
{
  width: 100%;
  margin: 0px;
}

#Nutzerformular th
{
  padding-top: 8px;
}

#Produkte .thumbnail
{
vertical-align: middle;
}
#Produkte table
{
  margin: auto;
}

#Rechner
{
  margin: 0px auto;
  text-align:left;
}

#Rechner table, #Rechner a
{
  margin: 12px;
}

#Umfrage
{
  padding: 20px;
  margin-left: 15px;
  margin-right: 10px;
  text-align: justify;
}

#Vertrag div
{
  padding: 1px 0 5px 0;
  margin-left: 15px;
  margin-right: 10px;
  text-align: justify;
}

#Vertrag h3
{
  margin-top: 12px;
  margin-left: 3px;
  font: normal 1.3em Arial, Helvetica, sans-serif;
  color: #000080;
  font-weight: bold;
}

#Vertrag h4
{
  margin-left: 7px;
  font: normal 1.0em Arial, Helvetica, sans-serif;
  color: #000080;
  font-weight: bold;
}

#Vertrag h5
{
  margin-top: 0px;
  margin-left: 12px;
  padding: 2px 0 1px 0;
}

#Verwaltung table
{
  width: 100%;
  border: 0;
  border-bottom: 1px dotted #aaaaaa;
  margin-bottom: 12px;
}

#Verwaltung td
{
  vertical-align: middle;
}

#Verwaltung img, #Verwaltung ul
{
  margin-left: 36px;
}

/*--------------------------------- Klassen -------------------------------------*/

.hidden
 {
  display: none;
 }

.shown
 {
  visibility: visible;
 }

.Anmeldung
{
  margin-left: 32px;
  margin-right: 20px;
  text-align:left;
}

th.Anmeldung
{
  height: 42px;
  text-align: center;
  border-bottom: dotted 2px #aaaaaa;
}

.Bild
{
 border:0px solid #000;
 margin: 7px;
 margin-left: 23px;
 }

.emphasise
{
  font-weight: bold;
}

.Eurobetraege
{
  margin-left: 20px;
  margin-right: 20px;
  text-align: right;
}

.Eurobetraege th, .Eurobetraege td
{
  padding-left: 8px;
  padding-right: 8px;
  text-align: right;
}

.FAQ
{
  margin: 23px 20px 32px 32px ;
}

.FAQ ul
{
  margin-left: 12px;
  margin-right: 42px;
  text-align: justify;
}

.FAQ div div
{
  margin: 12px 23px;
  text-align: justify;
}

.FAQ .innerlink
{
  font-size: 0.86em;
}

.Kosten
{
  margin-left: 32px;
  margin-right: 20px;
}

.Link
{
  padding: 3px;
  border-bottom: 1px dashed #3C7FEB;
}

.Link:hover
{
  background-color: #ECF2F9;
}

.navilike
{
  padding: 3px;
  background-color: #ECF2F9;
  /*border-top: 1px solid #3C79C0;
  border-right: 1px solid #AFC9E9;
  border-bottom: 1px solid #AFC9E9;
  border-left: 1px solid #3C79C0;*/
}

.Slogan
{
  padding: 12px 0 4px 0;
  font-weight: bold;
  color: #FF0000;
  text-align: center
}

.Wahl_eigen
{
  padding: 5px;
  background-color: #3C79C0;
}

.Wahl_fremd
{
  padding: 5px;
  background-color: #AFC9E9;
}

.Footer
{
  padding-bottom: 23px;
  text-align: center;
  font-size: 0.9em;
  color: #999999;
}

/* ----------------------------------------- Produktseite - automatische Berechnung ----------------------------*/

.Kasten_Anmeldung
{
  Text-align: center;
  vertical-align: middle;
  font-size: 12px;
  font-weight: bold;
  border: solid 1px #ff6600;
  background-color: #ffffcc;
  padding: 2px;
}

.Kasten_grau
{
  border: solid 1px #cccccc;
  background-color: #eeeeee;
  color: #999999;
  font-size: 9px;
  font-weight: normal;
  text-align: left;
  padding: 5px 7px;
}

#btn_anmelden { letter-spacing:1px; padding:6px 8px; margin-bottom:6px; font-weight:bold; cursor:pointer; background-color:#cc0000; color:#fff; border:1px solid #000; box-shadow:2px 2px 2px #999; border-radius:3px; text-shadow: 0px -1px 0px #374683; }
#btn_anmelden:hover { text-decoration:underline; background-color:#ffffe1!important; color:#cc0000!important; text-shadow: 0px 1px 0px #e5e5ee;}

@media only screen and (max-width: 600px) {
  table ul {
    margin-left: 0;
    padding: 0;
  }
  table ul li {
    margin-left: 0;
  }
}

#vvergleich {
  width: 600px;
  margin: 20px auto;
}

#vvergleich ul {
  margin-left: 20px;
}
#vvergleich ul li {
  margin-top: 5px;
  margin-bottom: 5px;
}