@import "startseite.css";
@import "funktionsweise.css";
@import "preiseundbestellung.css";
@import "content.css";
@import "niceforms.css";

html, body { height: 100%; }

body
{
  color: #333;
  background-color: #eee;

  background-image: url( ../img/bg.jpg );
  background-repeat: repeat-x;
  
  
  margin: 0;
  padding: 0;
  
  font-family: Tahoma, sans-serif;
  font-size: 12px;
}

a
{
  color: #ee7f01;
  background-color: transparent;
  text-decoration: none;
}

a:hover
{
  color: #ee7f01;
  text-decoration:none;
}

img
{
  margin: 0;
  padding: 0;
  border: 0;
}

p
{
  margin: 0 0 20px 0;
  padding: 0;
}

.clear
{
  display: block;
  padding:0;
  margin:0;
  height:1px;
  font-size: 0px;
  clear: both;
}

/* Preloader */
#preloader
{
  position: absolute;
  top:-9999px;
  left: -9999px;
}
/* Preloader */

/* PAGE */
#page
{
  min-height:100%;
  width:920px;
  margin:0 auto;  
}
/* PAGE */

/* Header */
#header
{
  width:920px;
  height:130px;
}

#header a.logo
{
  display:block;
  width:360px;
  height:130px;
  background-image: url( ../img/logo.jpg );
  float:left;
}

#header div.quicknavi
{
  float:left;
  width:370px;
  height:30px;
  padding:100px 10px 0 180px;
  font-size:11px;
}

#header div.quicknavi a
{
  color: #888;
  float:left;
  display:block;
}

#header div.quicknavi a:hover
{
  color: #ee7f01;
  text-decoration:none;
}


#header div.quicknavi span.trenner
{
  color:#888;
  display:block;
  float:left;
  padding:0 10px 0 10px;
}
/* Header */

/* Menu */
#menu
{
  height:50px;
  width:895px;
  padding: 0 0 0 25px;
}

#menu a
{
  display:block;
  float:left;
  margin: 0 29px 0 0;
  height:50px;
}

#menu a span
{
  display:none;
}

#menu a.index { width:93px; background-image: url( ../img/menu/startseite_off.jpg ); }
#menu a.index:hover { width:93px; background-image: url( ../img/menu/startseite_over.jpg ); }
#menu a.indexon { width:93px; background-image: url( ../img/menu/startseite_on.jpg ); }

#menu a.funktionsweise { width:145px; background-image: url( ../img/menu/funktionsweise_off.jpg ); }
#menu a.funktionsweise:hover { width:145px; background-image: url( ../img/menu/funktionsweise_over.jpg ); }
#menu a.funktionsweiseon { width:145px; background-image: url( ../img/menu/funktionsweise_on.jpg ); }

#menu a.preise-und-bestellung { width:195px; background-image: url( ../img/menu/preisebestellen_off.jpg ); }
#menu a.preise-und-bestellung:hover { width:195px; background-image: url( ../img/menu/preisebestellen_over.jpg ); }
#menu a.preise-und-bestellungon { width:195px; background-image: url( ../img/menu/preisebestellen_on.jpg ); }

#menu a.kostenlos-testen { width:155px; background-image: url( ../img/menu/kostenlostesten_off.jpg ); }
#menu a.kostenlos-testen:hover { width:155px; background-image: url( ../img/menu/kostenlostesten_over.jpg ); }
#menu a.kostenlos-testenon { width:155px; background-image: url( ../img/menu/kostenlostesten_on.jpg ); }
/* Menu */

/* Content */
div.contentbereich
{
  display:block;
  width:920px;
}

#clear
{
  clear:both;
  height:50px;
  width:920px;
}
/* Content */

/* Video */
#video
{
  width:540px;
  height:300px;
  padding: 10px 10px 20px 10px;
  display:block;
  background-image: url( ../img/video.png );
}
/* Video */

/* Footer */
#footer
{
  margin: -40px 0 0 0;
  height:40px;
  background-image: url( ../img/footer.jpg );
  font-size:11px;
  color:#888;
}
#footer div.inner
{
  width: 920px;
  margin:0 auto;
  height:40px;
  padding:0;
}
#footer div.left
{
  padding: 14px 0 0 0;
  float:left;
}
#footer div.right
{
  padding: 19px 0 0 0;
  float:right;
}
#footer a
{
  display:block;
  float:left;
  padding: 0 9px 0 10px;
  color:#888;
}
#footer a:hover
{
  color: #ee7f01;
}
#footer a.ddv
{
  background-image: url( ../img/ddv.jpg );
  background-repeat:no-repeat;
  padding: 4px 0 0 30px;
  height:20px;
  display:block;
}
#footer a.tuev
{
  background-image: url( ../img/tuev.gif );
  background-repeat:no-repeat;
  margin: 0 0 0 20px;
  padding: 4px 0 0 30px;
  height:20px;
  display:block;
}
/* Footer */

/* ddv-tip */
div.ddvtip { width:284px; margin:18px 0 0 -35px; }
div.ddvtip div.tip-top { width:284px; height:15px; background-image: url( ../img/tip/header.png ); }
div.ddvtip div.tip { width:284px; background-image: url( ../img/tip/bg.png ); }
div.ddvtip div.tip div.tip-title { display:none; }
div.ddvtip div.tip div.tip-text { padding: 5px 20px 5px 20px; color:#777; font-family: Helvetica, sans-serif; }
div.ddvtip div.tip-bottom { width:284px; height:20px; background-image: url( ../img/tip/footer.png ); }
/* ddv-tip */

/* Schritte */
div.schritte
{
  display:block;
  width:320px;
  height:265px;
}
div.schritte div.schritt { display:block; width:320px;height:220px; background-repeat:no-repeat; }
div.schritte div.test1 { background-image: url( ../img/schritte/testen_schritte_1.png ); }
div.schritte div.test2 { background-image: url( ../img/schritte/testen_schritte_2.png ); }
div.schritte div.bestellen1 { background-image: url( ../img/schritte/bestellen_schritt_1.png ); }
div.schritte div.bestellen2 { background-image: url( ../img/schritte/bestellen_schritt_2.png ); }
div.schritte div.bestellen3 { background-image: url( ../img/schritte/bestellen_schritt_3.png ); }
div.schritte div.bestellen4 { background-image: url( ../img/schritte/bestellen_schritt_4.png ); }
/* Schritte */

/* TÜV */
div.tuev
{
  background-repeat:no-repeat;
  background-image: url( ../img/tuev.jpg );
  height:170px;
  padding: 0 0 0 0;
  width:300px;
}
div.tuev span.prospector
{
  font-size:15px;
}
div.tuev span.prospector span.orange
{
  color:#ee7f01;
}
div.tuev a.link
{
  float:left;
  height:90px;
  width:80px;
  display:block;
}
/* TÜV */

/* Content Überschriften */
div.content h1
{
  font-weight:normal;
  font-size:20px;
  padding:20px 30px 0 30px;
  margin:0;
}
div.content h2
{
  font-weight:normal;
  font-size:14px;
  padding:10px 30px 10px 30px;
  margin:0;
  background-image: url( ../img/funktionsweise/content_headline.png );
  background-repeat:no-repeat;
  background-position: left bottom;
}

* html div.content h1, *html div.content h2 { width:480px; }

/* Content Überschriften */

/* Content Trenner */
div.contenttrenner
{
  width:540px;
  height:1px;
  background-image: url( ../img/funktionsweise/content_headline.png );
  background-repeat:no-repeat;

}
/* Content Trenner */

/* Sitemap */
ul
{
  margin-left:0.7em;
  padding-left:0.7em;
  list-style-position:outside;
}

ul li
{
}

.sitemap ul
{
  list-style:none;
}

.sitemap ul li
{
  padding:0;
  margin:0;
}

.sitemap ul ul
{
  padding:0 0 0 20px;
  margin:0;
}
/* Sitemap */

/* Formular */
fieldset {clear:both;width:500px;background-image:url( ../img/formular/bg.jpg ); border:0;margin:0 0 10px 0;padding:0;display:block;}
fieldset div.header { width:500px;height:5px;background-image:url( ../img/formular/header.jpg ); margin: 0 0 10px 0;font-size:0;}
fieldset div.footer { clear:both;width:500px;height:5px;background-image:url( ../img/formular/footer.jpg );font-size:0;}
fieldset div.kostenlostesten { width:500px;height:57px;background-image:url( ../img/formular/kostenlostesten.jpg ); margin: 0 0 10px 0; }
fieldset div.kostenlostesten2 { width:500px;height:57px;background-image:url( ../img/formular/kostenlostesten2.jpg ); margin: 0 0 10px 0; }
input, select {font-size:12px; font-family: Arial, Helvetica, sans-serif; padding:0;margin:0;}
fieldset.action {background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;}
.legend {display:block;padding:11px 20px 0 20px;margin: 0 0 10px 0;width:460px;height:25px;background-image:url( ../img/formular/legend.jpg );color:#f19125;font-size:12px;font-weight:bold;}
label { font-weight:bold; color:#777;}
label span.required { color:#ee7f01;}
label.opt {font-weight:normal;width:400px;height:50px;float:left;}
span.opt {clear:both;padding:0 0 0 10px;width:50px;float:left;height:50px;}
dl {clear:both; float:left;clear:none;padding:0;margin:0;}
dt { display:block; text-align:left; margin:0 0 0 20px;padding:0;height:auto;}
p.textblock { margin: 0 20px 10px 20px; }
dd { display:block; height:auto; margin:0 0 0 15px;}
dd.two { float:left; display:block; margin:0 0 0 15px; padding:0; width:485px; height:auto;}
dd.land { margin-top:28px; height:6px; }

a.aendern { float:right; }
/* Formular */

/* CSS TABLE */
div.table
{
  display:block;
  width:470px;
}

div.table span.tr
{
  display:block;
  width:470px;
  clear:both;
}

div.table span.tr span.td1,div.table span.tr span.td2
{
  padding: 0px 20px 10px 20px;
  float:left;
  width:195px;
  display:block;
}

div.table span.tr span.td1
{
  font-weight:bold;
  color:#777;
}
/* CSS TABLE */