/* =====================================================
   Glas am Bau, Bildschirmausgabe
   (c) 2006 mkt gmbh
===================================================== */

/* ===============================================
    Wurzelelemente
=============================================== */
* {
  margin: 0;
  padding: 0;
}

body {
  font: 70%/150% Verdana, Arial, Helvetica, sans-serif;
  color: #333;
  background: #fff url("../images/linien.png") repeat-x 0 40px;
}

/* ===============================================
    Links
=============================================== */
a {
  text-decoration: none;
  font-weight: bold;
}

a:link , a:visited           { color: #364773; background: #e1e4ea; }
a:hover , a:focus , a:active { color: #fff; background: #364773;    }
.gab a:link , .gab a:visited                { color: #06c; background: #d9e8f7; }
.gab a:hover , .gab a:focus , .gab a:active { color: #fff; background: #06c;    }
.waerme a:link , .waerme a:visited                   { color: #f90; background: #fff0d9; }
.waerme a:hover , .waerme a:focus , .waerme a:active { color: #fff; background: #f90;    }
.sicherheit a:link , .sicherheit a:visited                       { color: #9c3; background: #f0f7e1; }
.sicherheit a:hover , .sicherheit a:focus , .sicherheit a:active { color: #fff; background: #9c3;    }
.schall a:link , .schall a:visited                   { color: #906; background: #f0d9e8; }
.schall a:hover , .schall a:focus , .schall a:active { color: #fff; background: #906;    }
.sonne a:link , .sonne a:visited                  { color: #fc0; background: #fff7d9; }
.sonne a:hover , .sonne a:focus , .sonne a:active { color: #fff; background: #fc0;    }
.sicht a:link , .sicht a:visited                       { color: #099; background: #d9f0f0; }
.sicht a:hover , .sicht a:focus , .sicht a:active { color: #fff; background: #099;    }
.dekor a:link , .dekor a:visited                   { color: #663; background: #e8e8e1; }
.dekor a:hover , .dekor a:focus , .dekor a:active { color: #fff; background: #663;    }
.ausbau a:link , .ausbau a:visited                   { color: #c69; background: #f7e8f0; }
.ausbau a:hover , .ausbau a:focus , .ausbau a:active { color: #fff; background: #c69;    }

/* ===============================================
    Überschriften
=============================================== */
h1 {
  color: #364773;
  background: #e1e2e6;
  height: 135px;
  width: 100%;
}

h1 a {
  text-indent: -1000em;
  overflow: hidden;
  color: #364773 !important;
  background: #e1e2e6 url("../images/titel.png") no-repeat 10px 50% !important;
  height: 135px;
  width: 500px;
  float: left;
}

h2 {
  color: #111f39;
  background: #fff;
  font: normal 2.5em Delicious, Arial, Helvetica, sans-serif;
  margin: 0 0 .25em 0;
}

h3 {
  font: bold 1em Verdana, Arial, Helvetica, sans-serif;
  color: #111f39;
  background: #fff;
  margin: 0 0 1em 0;
}

/* ===============================================
    Absätze
=============================================== */
address {
  font-style: normal;
}

p {
  margin: 0 0 1em 0;
}

p.manufacturer {
  margin: 1em 0;
  padding: .5em;
  border: 3px double #b9c5d1;
  clear: both;
  color: #333;
  background: #f8f9fa;
}

p#infolayer {
  color: #fff;
  background: #364773;
  text-align: center;
  width: 460px;
  padding: .5em;
  position: absolute;
  left: 70px;
  top: 320px;
  font-size: 1.5em;
  opacity: .75;
}

/* ===============================================
    Container
=============================================== */
div#container {
  color: #333;
  background: #fff url("../images/hintergrund.png") repeat-y right;
  padding: 40px 0 20px 0;
  position: relative;
  min-height: 610px;
  
/* ++++++++++++ Skalierbarkeit START ++++++++++++ */
  min-width: 750px;
  max-width: 900px;
}
* html div#container { /* Diese Regel wird von allen IE-Versionen < 7.0 interpretiert */
  width: expression(document.body.clientWidth < 750 ? "750px" : (document.body.clientWidth > 900 ? "900px" : "auto"));
/* ++++++++++++ Skalierbarkeit ENDE +++++++++++++ */

  height: 660px;
}
div#stoerer{
  position: absolute;
  left: 550px;
  top: 70px;
  z-index: 10;
  height: 0px;
}
div#stoerer a{
  background: transparent;
}

/* ===============================================
    Inhalt
=============================================== */
div#content {
  padding: 30px 300px 0 40px;
}

.home div#content {
  padding: 10px 0 0 0;
}

/* ===============================================
    Werbung
=============================================== */
div#ads {
  position: absolute;
  top: 490px;
  right: 85px;
  width: 160px;
}

div#ads div {
  color: #8f9eb1;
  background: #b5c1ce;
  border: 1px solid #adbaca;
  width: 156px;
  height: 60px;
  margin: 0 0 5px 0;
}

div#ads p {
  margin: 0 0 5px 0;
  line-height: 7px;
  height: 7px;
}

div#ads a {
  color: #8f9eb1;
  background: transparent;
}

/* ===============================================
    Fußzeile
=============================================== */
p#footer {
  display: none;
}

/* ===============================================
    Bilder
=============================================== */
img {
  vertical-align: bottom;
  border: 0 none;
}

div#image {
  position: absolute;
  top: 0;
  right: 0;
  width: 270px;
  height: 175px;
}

/* ===============================================
    Linien
=============================================== */
hr {
  display: none;
}

/* ===============================================
    Sprunglinks
=============================================== */
ul#skiplinks {
  display: none;
}

/* ===============================================
    Navigation
=============================================== */
ul#navigation {
  list-style: none;
  position: absolute;
  top: 230px;
  right: 60px;
  font-size: 10px;
  font-weight: bold;
  line-height: normal;
}

ul#navigation li {
  display: inline;
}

ul#navigation a {
  display: block;
  width: 220px;
  height: 27px;
  margin: 0 0 3px 0;
  text-indent: -1000em;
  overflow: hidden;
}

ul#navigation li#nav-gab a:link , ul#navigation li#nav-gab a:visited {
  color: #364773;
  background: #e1e2e6 url("../images/bauen-mit-glas.png") no-repeat 0 0;
}

ul#navigation li#nav-gab a:hover , ul#navigation li#nav-gab a:focus , ul#navigation li#nav-gab a:active {
  color: #e1e2e6;
  background: #364773 url("../images/bauen-mit-glas.png") no-repeat 0 -27px;
}

.gab ul#navigation li#nav-gab a:link , .gab ul#navigation li#nav-gab a:visited ,
.gab ul#navigation li#nav-gab a:hover , .gab ul#navigation li#nav-gab a:focus , .gab ul#navigation li#nav-gab a:active {
  color: #e1e2e6;
  background: #364773 url("../images/bauen-mit-glas.png") no-repeat 0 -54px;
}

ul#navigation li#nav-waerme a:link , ul#navigation li#nav-waerme a:visited {
  color: #364773;
  background: #e1e2e6 url("../images/waermedaemmung.png") no-repeat 0 0;
}

ul#navigation li#nav-waerme a:hover , ul#navigation li#nav-waerme a:focus , ul#navigation li#nav-waerme a:active {
  color: #e1e2e6;
  background: #364773 url("../images/waermedaemmung.png") no-repeat 0 -27px;
}

.waerme ul#navigation li#nav-waerme a:link , .waerme ul#navigation li#nav-waerme a:visited ,
.waerme ul#navigation li#nav-waerme a:hover , .waerme ul#navigation li#nav-waerme a:focus , .waerme ul#navigation li#nav-waerme a:active {
  color: #e1e2e6;
  background: #364773 url("../images/waermedaemmung.png") no-repeat 0 -54px;
}

ul#navigation li#nav-sicherheit a:link , ul#navigation li#nav-sicherheit a:visited {
  color: #364773;
  background: #e1e2e6 url("../images/sicherheit.png") no-repeat 0 0;
}

ul#navigation li#nav-sicherheit a:hover , ul#navigation li#nav-sicherheit a:focus , ul#navigation li#nav-sicherheit a:active {
  color: #e1e2e6;
  background: #364773 url("../images/sicherheit.png") no-repeat 0 -27px;
}

.sicherheit ul#navigation li#nav-sicherheit a:link , .sicherheit ul#navigation li#nav-sicherheit a:visited ,
.sicherheit ul#navigation li#nav-sicherheit a:hover , .sicherheit ul#navigation li#nav-sicherheit a:focus , .sicherheit ul#navigation li#nav-sicherheit a:active {
  color: #e1e2e6;
  background: #364773 url("../images/sicherheit.png") no-repeat 0 -54px;
}

ul#navigation li#nav-schall a:link , ul#navigation li#nav-schall a:visited {
  color: #364773;
  background: #e1e2e6 url("../images/schallschutz.png") no-repeat 0 0;
}

ul#navigation li#nav-schall a:hover , ul#navigation li#nav-schall a:focus , ul#navigation li#nav-schall a:active {
  color: #e1e2e6;
  background: #364773 url("../images/schallschutz.png") no-repeat 0 -27px;
}

.schall ul#navigation li#nav-schall a:link , .schall ul#navigation li#nav-schall a:visited ,
.schall ul#navigation li#nav-schall a:hover , .schall ul#navigation li#nav-schall a:focus , .schall ul#navigation li#nav-schall a:active {
  color: #e1e2e6;
  background: #364773 url("../images/schallschutz.png") no-repeat 0 -54px;
}

ul#navigation li#nav-sonne a:link , ul#navigation li#nav-sonne a:visited {
  color: #364773;
  background: #e1e2e6 url("../images/sonnenschutz.png") no-repeat 0 0;
}

ul#navigation li#nav-sonne a:hover , ul#navigation li#nav-sonne a:focus , ul#navigation li#nav-sonne a:active {
  color: #e1e2e6;
  background: #364773 url("../images/sonnenschutz.png") no-repeat 0 -27px;
}

.sonne ul#navigation li#nav-sonne a:link , .sonne ul#navigation li#nav-sonne a:visited ,
.sonne ul#navigation li#nav-sonne a:hover , .sonne ul#navigation li#nav-sonne a:focus , .sonne ul#navigation li#nav-sonne a:active {
  color: #e1e2e6;
  background: #364773 url("../images/sonnenschutz.png") no-repeat 0 -54px;
}

ul#navigation li#nav-sicht a:link , ul#navigation li#nav-sicht a:visited {
  color: #364773;
  background: #e1e2e6 url("../images/sichtschutz.png") no-repeat 0 0;
}

ul#navigation li#nav-sicht a:hover , ul#navigation li#nav-sicht a:focus , ul#navigation li#nav-sicht a:active {
  color: #e1e2e6;
  background: #364773 url("../images/sichtschutz.png") no-repeat 0 -27px;
}

.sicht ul#navigation li#nav-sicht a:link , .sicht ul#navigation li#nav-sicht a:visited ,
.sicht ul#navigation li#nav-sicht a:hover , .sicht ul#navigation li#nav-sicht a:focus , .sicht ul#navigation li#nav-sicht a:active {
  color: #e1e2e6;
  background: #364773 url("../images/sichtschutz.png") no-repeat 0 -54px;
}

ul#navigation li#nav-dekor a:link , ul#navigation li#nav-dekor a:visited {
  color: #364773;
  background: #e1e2e6 url("../images/dekor.png") no-repeat 0 0;
}

ul#navigation li#nav-dekor a:hover , ul#navigation li#nav-dekor a:focus , ul#navigation li#nav-dekor a:active {
  color: #e1e2e6;
  background: #364773 url("../images/dekor.png") no-repeat 0 -27px;
}

.dekor ul#navigation li#nav-dekor a:link , .dekor ul#navigation li#nav-dekor a:visited ,
.dekor ul#navigation li#nav-dekor a:hover , .dekor ul#navigation li#nav-dekor a:focus , .dekor ul#navigation li#nav-dekor a:active {
  color: #e1e2e6;
  background: #364773 url("../images/dekor.png") no-repeat 0 -54px;
}

ul#navigation li#nav-ausbau a:link , ul#navigation li#nav-ausbau a:visited {
  color: #364773;
  background: #e1e2e6 url("../images/ausbau.png") no-repeat 0 0;
}

ul#navigation li#nav-ausbau a:hover , ul#navigation li#nav-ausbau a:focus , ul#navigation li#nav-ausbau a:active {
  color: #e1e2e6;
  background: #364773 url("../images/ausbau.png") no-repeat 0 -27px;
}

.ausbau ul#navigation li#nav-ausbau a:link , .ausbau ul#navigation li#nav-ausbau a:visited ,
.ausbau ul#navigation li#nav-ausbau a:hover , .ausbau ul#navigation li#nav-ausbau a:focus , .ausbau ul#navigation li#nav-ausbau a:active {
  color: #e1e2e6;
  background: #364773 url("../images/ausbau.png") no-repeat 0 -54px;
}

/* ===============================================
    Navigation im Header
=============================================== */
ul#navigation-head {
  list-style: none;
  position: absolute;
  top: 15px;
  left: 40px;
  font-size: 10px;
  line-height: normal;
}

ul#navigation-head li {
  display: inline;
}

ul#navigation-head li a {
  float: left;
  margin: 0 10px 0 0;
  height: 8px;
  text-indent: -1000em;
  overflow: hidden;
}

ul#navigation-head li#nav-print a:link , ul#navigation-head li#nav-print a:visited {
  color: #b9c5d1;
  background: #fff url("../images/drucken.png") no-repeat 0 0;
  width: 76px;
}

ul#navigation-head li#nav-print a:hover , ul#navigation-head li#nav-print a:focus , ul#navigation-head li#nav-print a:active {
  color: #b9c5d1;
  background: #fff url("../images/drucken.png") no-repeat 0 -8px;
  width: 76px;
}

ul#navigation-head li#nav-contact a:link , ul#navigation-head li#nav-contact a:visited {
  color: #b9c5d1;
  background: #fff url("../images/kontakt.png") no-repeat 0 0;
  width: 48px;
}

ul#navigation-head li#nav-contact a:hover , ul#navigation-head li#nav-contact a:focus , ul#navigation-head li#nav-contact a:active {
  color: #b9c5d1;
  background: #fff url("../images/kontakt.png") no-repeat 0 -8px;
  width: 48px;
}

ul#navigation-head li#nav-imprint a:link , ul#navigation-head li#nav-imprint a:visited {
  color: #b9c5d1;
  background: #fff url("../images/impressum.png") no-repeat 0 0;
  width: 62px;
}

ul#navigation-head li#nav-imprint a:hover , ul#navigation-head li#nav-imprint a:focus , ul#navigation-head li#nav-imprint a:active {
  color: #b9c5d1;
  background: #fff url("../images/impressum.png") no-repeat 0 -8px;
  width: 62px;
}

/* ===============================================
    Klassen
=============================================== */
.right {
  float: right;
  margin: 0 0 .25em .5em;
}

.right img {
  border: 1px solid #b9c5d1;
  padding: 2px;
}
.img {
  margin: 0 0 .25em .1em;
}
.img img {
  border: 1px solid #b9c5d1;
  padding: 2px;
}
.no-border {
  border: 0 none !important;
  padding: 0;
}

/* ===============================================
    sIFR (http://www.mikeindustries.com/sifr/)
=============================================== */
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
}

.sIFR-replaced {
  visibility: visible !important;
}

span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h2 {
  visibility: hidden;
  letter-spacing: -4px;
  font-size: 25px;
  width: 400px;
}