body { margin:0px;padding:0px;width:100%;height:100%;background:#fff URL(grafik/grund.jpg) repeat-x top;}
div, img { margin:0px;padding:0px;border:none; }
/*
blaugrund: #5bc
Schriftblau: #078
*/
/* allgemein über alle Sonder*/
a, a:focus { color:#000;background:transparent URL(grafik/link.jpg) no-repeat scroll left bottom;padding-left: 20px;padding-top: 6px;line-height:24px;text-decoration:none; }
a:hover { color:#a32;background: transparent URL(grafik/link-h.jpg) no-repeat scroll left bottom;line-height:24px;text-decoration:none; }
a:active { color:#000;background:transparent URL(grafik/link.jpg) no-repeat scroll left bottom;padding-left: 20px;padding-top: 6px;line-height:24px;text-decoration:none; }

a.pur { color:#000;background:transparent;line-height:normal;padding:0px;margin:0px;text-decoration:none; }
a.pur:hover, div.grund a:hover{ color:#a32;background: transparent;line-height:normal;padding:0px;text-decoration:none; }

p.hoch { line-height:normal;padding:0px;margin:0px;text-align:right; }
p.hoch a { color:#000;background:transparent URL(grafik/nol.gif) no-repeat scroll left bottom;padding-left: 30px;padding-top: 6px;line-height:24px;text-decoration:none; }
p.hoch a:hover{ color:#a32;background:transparent URL(grafik/noh.gif) no-repeat scroll left bottom;padding-left: 30px;padding-top: 6px;line-height:24px;text-decoration:none; }

h1 { color:#078;font:24px Arial,Helvetica;font-weight:normal;line-height:30px;margin:0px 30px;text-align:center; }
h2 { color:#078;font:20px Arial,Helvetica;font-weight:normal;line-height:40px;margin:0px;text-align:center; }
h3 { color:#fff;font:18px Arial,Helvetica;font-weight:normal;line-height:normal;margin:0px;text-align:center; }
p, li , div.formular, div.liste div { color:#078;font:14px Arial,Helvetica;font-weight:normal;line-height:22px;text-align:left;margin:0px 0px 6px 0px; }

div.mittig p {text-align:center;}
div.block p { text-align:justify; }

/* Ende allgemein Sonder*/

/* speziell Kopf */
div.links { float:left;}
div.ues { line-height:150px;margin-top:0px;text-align:center;background:#56C0D0 url(grafik/titelgrund2.jpg) no-repeat center bottom }
div.ues h1 { color:#fff;font:24px Arial,Helvetica;font-weight:normal;line-height:30px;margin:0px;display:inline-block;vertical-align:middle; }
div.titel { min-height:150px;margin:0px 3% 0px 2%;background:#56C0D0; }
div.teil { display:block;margin:10px 0px;}
/* Ende Kopf */

/* nur Fuß */
div.grund { width:100%;min-height:100px;}
div.unten { background:#5bc;margin:0px 3% 0px 2%;padding:20px 0px; }
div.grund a { color:#fff;background:transparent;line-height:normal;padding:0px;margin:0px 12px;text-decoration:none; }
div.grund a:hover { color:#a32;background:transparent;line-height:normal;padding:0px;margin:0px 12px;text-decoration:none; }
div.grund h1 { color:#fff;font:24px Arial,Helvetica;font-weight:normal;line-height:30px;margin:0px 0px 10px 0px;text-align:center; }
div.grund p { color:#fff;text-align:center;margin-top:20px; }
span.daten { color:#fff;font:16px Arial,Helvetica;font-weight:normal;line-height:normal;margin:6px 1em;white-space:nowrap;text-align:left; }
img.grundlogo { border-right:1px solid #000;border-bottom:1px solid #000;margin:0.1em;max-width:90%; }

/* Ende nur Fuß */

/* allgemein auf allen Seiten */
div.feld { display:block;margin-left:auto;margin-right:auto;width:100%;max-width:1400px; }
div.feld>div { display:block; }
div.texte { margin:0px 3% 0px 2%;padding-top:20px;background:#fff;text-align:center;clear:both; }
/* Ende allgemein */

/* Navis */
div.navi { float:right;width:299px;}
div.navi p { color:#fff;font:14px Arial,Helvetica;font-weight:normal;line-height:22px;background:#5bc;width:200px;border:1px solid #fff;border-right:1px solid #000;border-bottom:1px solid #000;padding:2px 6px;margin:4px 0px 4px 99px;transition: all 0.5s ease;box-sizing:border-box;}
div.navi p.aktuell  { color:#a32;font:14px Arial,Helvetica;line-height:22px;background:#fff;border:1px solid #000;border-right:1px solid #fff;border-bottom:1px solid #fff;}
div.navi p:hover  { color:#a32;font:14px Arial,Helvetica;line-height:22px;}
div.navi p:active  { color:#078;font:14px Arial,Helvetica;line-height:22px;border:1px solid #000;border-right:1px solid #fff;border-bottom:1px solid #fff;}
/* Ende Navis */

/* speziell Index */
div.slider { position:relative;max-width:1400px;max-height:460px;clear:both;background:#fff;margin:0px 3% 0px 2%; }
div.slider  img { position:absolute;left:0px;top:0px;width:100%;max-width:1400px;vertical-align:bottom; }
div.slider  img#bildunten { position:static;width:100%;max-width:1400px;vertical-align:bottom; }

div.kachel { display:inline-block;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);width:220px;max-width:40%;height:220px;padding:0px;margin:1%;box-sizing:border-box;vertical-align:top;transition: all 0.5s ease;overflow:hidden;cursor:pointer; }
div.kachel>div { width:220px;max-width:100%;height:220px;padding:1%;margin:0px;box-sizing:border-box;vertical-align:top;overflow:hidden; }
div.kachel h2 { color:#078;font:24px Arial,Helvetica;font-weight:bold;line-height:40px;margin:10px;text-align:center; }

div.ktext { display:block;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);max-width:1400px;height:0px;margin:0px;vertical-align:top;transition: height 0.5s ease;box-sizing:border-box;overflow:hidden; }
div.ktext h2 { color:#078;font:20px Arial,Helvetica;font-weight:bold;line-height:26px;text-align:left; }
div.ktext>div { display:block;height:240px;padding:10px;padding-right:3%;margin:0px;box-sizing:border-box;vertical-align:top;overflow:auto; }
img.kachelbild { float:left;margin-right:3%;max-width:20%;}
/* Ende speziell Index */

/* Baugrund spezial */
div.plan { position:relative;width:100%;max-width:1100px;margin:auto;}
div.plan  img{ width:100%;max-width:1100px;}
area { cursor:default;}
div.liste { display:none;text-align:center;}
div.rahmen { display:inline-block;text-align:center;width:auto;padding:5%;box-sizing:border-box;border-top:1px solid #f8f8f8;border-right:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #f8f8f8;}
div.pzdaten { position:absolute;left:0px;top:100px;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);width:0px;max-width:100%;margin:0px;box-sizing:border-box;vertical-align:top;transition: all 0.5s ease;overflow:hidden; }
div.datentext { background:#fff;opacity:0.9;filter:alpha(opacity=92);padding:20px 20px 0px 20px;width:310px;max-width:90%; }
div.tab { display:block;color:#078;font:14px Arial,Helvetica;font-weight:normal;line-height:22px;text-align:left;margin:6px 0px; }
div.tab div { display:inline-block;text-align:left; }
div.tab div:first-child  { display:inline-block;width:200px;max-width:60%;text-align:left; }
div.vorschlag { background:#fff;padding:20px 20px 20px 20px;}
div.vorschlag img{ width:310px;max-width:100%;cursor:pointer;}
img.dgrund { position:absolute;left:0px;top:0px;display:none; }
img.bgrund { position:absolute;left:0px;top:0px;display:block; }
div.linkfeld { background:#fff;height:50px;width:350px; }

/* Ende Baugrund spezial */  

/* FAQ spezial */
div.faqrahmen { text-align:center;margin-bottom:20px; }
div.faqrahmen>div { margin:3%;box-sizing:border-box;border-top:1px solid #f8f8f8;border-right:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #f8f8f8;}
div.faques { background:#eee;}
div.faques h2{ background:#eee;line-height:normal;text-align:left;}
div.faqtext { padding:6px 12px;display:none; }

.faques  h2.aus { background:#eee url(grafik/auf.gif) no-repeat right center;padding:12px 46px 12px 12px;  }
.faques  h2.an { background:#eee url(grafik/zu.gif) no-repeat right center;padding:12px 46px 12px 12px;  }
/* Ende FAQ spezial */

/* Impressum + Kontakt spezial */
div.imptext { padding:6px 12px;margin:6px 3% 20px 3%;box-sizing:border-box;border-top:1px solid #f8f8f8;border-right:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #f8f8f8; }
/* Ende Impressum spezial */

/* Kontakt spezial */
div.formular { text-align:center;}
div.formular  div { display:inline-block;margin:12px;}
h1.telefon { display:none;line-height:80px; }
input, form select { margin:0px;padding:2px 6px;border:1px solid #888;box-sizing:border-box;line-height:150%;width:150px;}
input[type="radio"] { width:auto; }
input.button { color:#000;font:14px Arial,Helvetica;font-weight:normal;margin:6px 12px;padding:2px 6px;border:1px solid #888;box-sizing:border-box;line-height:150%;width:180px;cursor:pointer;background:#DDF6FF;  }  
input.button:hover { color:#a32;background:#5bc;  } 
label { cursor:pointer;white-space: nowrap; }
/* Ende Kontakt */

/* Backend */
form.dwahl { padding:3px 12px;display:none; }
form.dwahl input { text-align:center;width:100px; }
form.dwahl select { width:100px; }
div.baubild  { display:none; }
div.adminrahmen { text-align:center;margin-bottom:20px; }
div.adminrahmen>div { display:inline-block;margin:3%;box-sizing:border-box;border-top:1px solid #f8f8f8;border-right:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #f8f8f8; }
div.adminues { background:#fff }
div.adminues h2 { line-height:normal;background:#eee url(grafik/auf.gif) no-repeat right center;padding:12px 46px 12px 12px;text-align:left;white-space:nowrap; }
div.admintext { padding:6px 20px;text-align:left;display:none; }

.nurdesctop { display:block; }
.nurmobile { display:none; }
@media only screen and (max-width: 670px)
  {
    h1.telefon { display:block; }
  }
/* Ende Kontakt spezial */
@media only screen and (max-width: 670px)
  {
    span.daten { margin:6px 0px;text-align:center; }
  }

  @media only screen and (max-width: 1100px)
  {
    .nurmobile { display:block; }
    .nurdesctop { display:none; }
    div.pzdaten { background:#ddf6ff;}
    div.datentext { background:#ddf6ff;}
    div.vorschlag { background:#ddf6ff;}
    div.linkfeld { background:#ddf6ff;}
    div.liste { display:block;text-align:center; }
    div.liste div div { display:inline-block;line-height:30px; }
    div.liste div div.flaeche { display:inline-block;width:70px;text-align:right; }
  }

@media only screen and (max-width: 1100px)
  {
    div.links { display:block;float:none;text-align:center;}
    div.navi { display:block;float:none;margin:auto;width:200px;text-align:center;}
    div.navi p{ margin-left:0px;}
  }