@import url(colors.css);
@import url(typography.css);
/* @import url(form.css); */

/* @import url(hacks.css); */ /* noch nötig */
/* div.zuTeuer { behavior: url(img/iepngfix.htc); } */
@media tty {
  i{content:"\";/*" "*/}} @import 'ie5.css'; /*";}
}/* */


/* Dentoptics Stylesheet  powered by i-ways.de */
/* Browser Normalisieren margin/padding */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,blockquote,th,td,form,fieldset,input {
margin:0;
padding:0;
}

/* Normalisieren font-size*/
h1,h2,h3,h4,h5,h6 {
font-size:100%;
}

/* liste style entfernen */
ol,ul {
list-style:none;
}

/* Normalisieren von font styles */
adress,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:400;
}

/* tabellen normalisieren */
table {
border-collapse:collapse;
border-spacing:0;
}

/* Entfernt border von Fieldset und IMG */
img,fieldset {
border:0;
}

/* Textausrichtung links in caption und th */
caption,th {
text-align:left;
}

/* Entfernt Anfhrungszeichen aus q */
q:after,q:before {
content:' ';
}

/* --------------------------------------  normalisierung ende */
/*  Haupt style */

html{
text-align:center;
background:url(img/bg_main.gif) repeat-x #fbfbfb;
/* overflow-y:scroll; */

}

body {
width:845px;
margin:10px auto;
text-align:left;
background:#fff;
border:2px solid #e4e3e3;
padding:10px 10px 0;
position:relative;
}

#content {
position:relative;
min-height:700px;
}

#main_content {
width:608px;
margin: 0 0 0 240px;
z-index:255;
}

#second_nav{
width:226px;
position:absolute;
top:2px;
z-index:1;
}

#second_nav {
top:0;
}

#sub_content 
{
float:right; width:226px; height:auto;
margin:0 0 0 10px; padding:0; 
}
#sub_content p{
margin: 0 10px;
}
#sub_content img+p{
color:#095bc7;
}
#branding {
height:100px; width: 400px;
}

#branding p {

position:absolute;
text-indent:-99999px;
}

#branding h1 a
{height:100px; width: 400px;
background:url(img/logo.gif) no-repeat left;
position:absolute;
position:absolute;
text-indent:-99999px;

display:block;}

#content #main_content blockquote {
 display:block;
 padding:0 0 13px;
 stress:80;
}

#content .wissen_main blockquote {
 margin:0;
 padding:0;
}

#content #main_content p {
 padding:7px 2px 7px 0;
}


#content .wissen_main h1{ margin-bottom: 12px!important;}

#content #main_content ul li {
 background:left top url(img/plus.gif) no-repeat;
 list-style:none;
 margin:10px 0;
 padding-left:28px;
}

#content #main_content img[class="float"]{
 float:right;
}

/* formular */
#content #main_content form{
 min-height: 800px;
}

/* -------------------- men */
#nav {
 height:51px;
 margin:0 0 20px 0;
 padding:0;
}

#nav ul {
 margin:0 0 0 0;
 padding:0;
}

#nav ul li {
 background:url(img/button_2.gif) no-repeat left;
 float:left;
 height:34px;
 margin:0;
 padding:0 0 0 15px;
 width:110px; 
}

#nav ul li a {
width:100px;
line-height:normal;
padding: 0 5px 0 0;
}

/* ausrichtung der links */
#nav ul li #L1, #nav ul li #L6,#nav ul li #L0 {
position:relative;
top:10px;
}

#nav ul li #L2,#nav ul li #L4, #nav ul li #L3, #nav ul li #L5 {
position:relative;
top:4px;
}


#nav ul #last-child {
background:none;
position:relative;
top:-153px;
width:500px;
height:21px;
line-height:normal;
float:right;

text-align:right;
}

#nav ul #first-child {
 background:url(img/button_1.gif) bottom no-repeat;
 height:34px;
 width:80px;
}

#nav h3,#second_nav h3,#subnavi h4 {
text-indent:-99999px;
}


#second_nav ul h3
{display:none;}


#second_nav ul {
list-style:none;
margin:0 0 10px 0;
padding:0;
width:226px;
background:left url(img/box_bg.gif) repeat-y;
position:relative;
left:0;
top:0;
}

#second_nav ul li {
height:auto;
padding:0 20px 0 15px;
background:left center url(img/list.gif) no-repeat;
margin:10px 0 10px 10px;
}

/* --------  boxe */
#second_nav {
width:216px;
background:none;
}

#second_nav ul .first_child {
background:top left url(img/box_top.gif) no-repeat;
margin:0;
height:8px;
position:relative;
padding:0 10px;
}

#second_nav ul .last_child {
background:bottom left url(img/box_down.gif) no-repeat;
width:226px;
height:50px;
width:226px;
margin:10px 0 0;
padding:0 10px;
}

#second_nav ul .last_child p {
padding-right:15px;
}

/* --------------------------  wissen/ box */
#wissen {
padding:0;
margin:10px 0;
width:226px;
background:url(img/wissen_box_bg.gif) repeat-y;
}

#wissen h3 {
border-bottom:1px dotted #c3d4fb;
margin:0 1px 8px;
width:209px;
height:16px;
padding:5px 0 0 10px;
background:url(img/bg_wissen.gif) repeat-x;
text-indent:0;
}

#wissen h4 {
margin-bottom:4px;
width:210px;
padding:0 0 0 10px;
}

#wissen p{
padding:0 10px 15px;
width:205px !important;
}

#wissen strong, #wissen em, .wissen strong, .wissen em
{ font-style:italic;}

#wissen .last_child {
background:bottom left url(img/wissen_box_down.gif) no-repeat;
padding:0 10px 15px;
width:205px;
}

 #wissen ol
{list-style-type:decimal;}
 #wissen ol li
{ padding-left: 3px; margin-left:20px;} 

/* class wisen*/
.wissen {
padding:0;
margin:10px 0;
width:226px;
background:url(img/wissen_box_bg.gif) repeat-y;
}

.wissen h3 {
border-bottom:1px dotted #c3d4fb;
margin:0 1px 8px;
width:209px;
height:16px;
padding:5px 0 0 10px;
background:url(img/bg_wissen.gif) repeat-x;
text-indent:0;
}

.wissen h4 {
margin-bottom:4px;
width:210px;
padding:0 0 0 10px;
}

.wissen p{
padding:0 10px 15px;
width:205px;
}

.wissen .last_child { display:block;
background:bottom left url(img/wissen_box_down.gif) no-repeat;
padding:0 10px 15px;
width:205px; 
}


/* Anschrift Liste =dd = =dt =dl*/
dl#address, dl#copyright{
 padding-top: 20px;
 font-size:12px;
 line-height: 22px;
}
dl#address dt, dl#copyright dt{ font-weight:900;}

/* ------------------ preise */

#vergleichstabelle
{ margin: 50px 0 10px 0;
width:840px; position:relative; left:-236px;

}
/* .other, .dent
{width: 100px !important;} */
.dent {
/*border-top: 1px dotted  #ccc; */
width:90px;
vertical-align:bottom;
}
#dent td{font-size:12px !important;}

#preise {
width:200px;
margin-left:10px;
margin:0 10px 10px;

}

#preise tr td {
vertical-align:bottom;
padding:2px 3px 3px;
font-size:10px;
}

/* #info_right h4, p, table
{ padding-left: 5px;} */
#info_right {
background:left url(img/box_bg.gif) repeat-y;
padding:0 5px 0 0;
margin:10px 0 0;
width:221px;
}

#info_right p {
padding-left:10px;
width:200px;
margin-bottom:10px;
}

#info_right .first_child {
background:top left url(img/box_top.gif) no-repeat;
margin:0;
height:15px;
width:216px;
padding:10px 0 10px 10px;
}

#info_right .last_child {
display:block;
background:bottom left url(img/box_down.gif) no-repeat;
height:50px;
width:226px;
padding-right:5px;
}

#info_right .last_child img {
margin:10px 30px;
}


#main_content ol{ padding-top: 8px; z-index:255;}
/* ---------------    Footer --------- */
#subnavi {
position:relative;
top:58px;
left:0;
height: 10px;
padding:0 0 40px 0; margin:0;
}
#subnavi h4
{display:none;}
#subnavi p
{ position:static; margin: 0 auto; width: 670px; padding:0;}


/* --------------------------- Bilder im Text ------------------ */


.image_right
{float:  right; margin: 5px 0 5px 5px; }
#content #main_content p img
{ /* border: 1px solid #ccc;*/ padding: 0; margin:0}

p [class="image_right"]
{width:355px;}

/* zwei bilder nebene einander*/
.image_middle
{float:left; margin: 0; width:240px; height:270px; font-size:12px; color:#095bc7; margin: 5px 15px 5px 0;}

.image_middle_s
{float:left; margin: 0; width:150px; height:270px; font-size:12px; color:#095bc7; margin: 5px 15px 5px 0;}

/* bilder bereinander */
.image_middle_v
{clear:left; margin: 0; width:570px; height:150px; font-size:12px; color:#095bc7; margin: 0px 15px 5px 0;}
.image_middle_v img { float:left;}
.image_middle_v span{ margin: 10px 0 0 10px;} 


.img_small
{ float:left; margin: 0; padding:0; width:180px; font-size:12px; color:#095bc7;}


/* ------------ schattenbox fr bilder*/
.details
{ width: 608px; height:auto; display:block; clear:left; background:url(img/box_bg_big.gif) repeat-y; margin:0 0 15px 0;}
.details p
{ width: 180px ;  min-height:100px; margin: 0 0px 0 15px; padding: 0 5px 0 15px;
 float:left;  }
 
  .details .first_child
  { background: url(img/box_top_big.gif) no-repeat top; width:608px; height: 20px; margin:0; padding:0; }
 .details .last_child
 {clear:left; background: url(img/box_down_big.gif) no-repeat bottom; width:608px; height: 30px; margin:0; padding:0;  }
 

.details2
{ width: 608px; height:auto; display:block; clear:left; background:url(img/box_bg_big.gif) repeat-y; margin:0; padding:0;
}
.details2 p
{ width: 260px ;  min-height:100px; margin: 0 0px 0 25px; padding: 0 5px 0 5px;
 float:left;  }
 .details2 img
 {display:block;}
 
  .details2 .first_child
  { background: url(img/box_top_big.gif) no-repeat top; width:608px; height: 20px; margin:0; padding:0; }
 .details2 .last_child
 {clear:left; background: url(img/box_down_big.gif) no-repeat bottom; width:608px; height: 20px; margin:0; padding:0;  }
 
 
 
 .details_mid
{ width: 369px; height:auto; display:block; clear:left; background:url(img/box_bg_mid.gif) repeat-y; margin:0 0 15px 0;}
.details_mid p
{ width: 165px ;  height:170px; margin: 0 0px 0 10px; padding: 0 2px 0 10px;
 float:left;  }
  .details_mid .first_child
  { background: url(img/box_top_mid.gif) no-repeat top; width:369px; height: 20px; margin:0; padding:0; }
 .details_mid .last_child
 {clear:left; background: url(img/box_down_mid.gif) no-repeat bottom; width:369px; height: 20px; margin:0; padding:0;  }
 
 /* Bild mit text mit einer höhe fr den richtigen fluss */
 .img_height
 { height:280px;}
 
 /* bild-text rechts neben dem bild*/
 .img_width
 {width:540px !important;}

 .img_width img
 {float:left; margin: 0 25px 0 0 !important;}
/* ---------- */


.float_img { width:225px; float:right; color:#095bc7;}
.floatimg180{
 width:180px; 
 float:right; 
 color:#095bc7;
 }

.block{ display:inline-block;}
/* ------------ Link nach oben  ------------*/
.totop
{  border:0 !important; text-decoration:none; background:url(img/to_top.gif) no-repeat; width:560px; height:20px; overflow:hidden; padding: 0 0 0 15px; font-size:12px; /* border-top: 1px solid #095bc7;*/  }
.totop:hover
{ background:url(img/to_top_h.gif) no-repeat;}


/* standart format */
form
{  /* background: no-repeat url(img/material/heil_kostenplan.gif); */
font-size:12px; /* color:#e06cc2; */ line-height: 12px;  display:block; position:relative;
padding:5px 0 0 0; /* background-color:#fdd9f3; */ left: -238px; top: 20px; width:840px;
}





/* berschrift bei angebot*/
.was_tun
{ padding-top:2px!important;}

/* ausrufezeichen*/
.ausruf{ float:left; padding: 0 2px 0 0; width:27px; height:30px; display:block;}



/* zu teuer Grafiken ber der Tabelle */

.zuTeuer{
background: url(img/zuTeuer.png); 
width:55px; height:46px; position:absolute; z-index:11; left:750px;
}
.startinfoBox{
text-align:center; color:#fc3f3f; border:1px solid #b7b5b5; width:360px; letter-spacing:1px;
 font-family:Verdana ,Geneva, Helvetica, Arial, sans-serif; font-weight:900;
 vertical-align:middle; padding-top: 10px!important;
}

#teuer1{top: 335px;}
#teuer2{top: 390px;}
#teuer3{top: 440px;}
#teuer4{top: 495px;}

.richtig{
 background: url(img/richtig.png); 
 width:35px;
 height:21px;
 position:absolute;
 z-index:11; left:760px; top: 555px;
}

#teuer1z{top: 452px;}
#teuer2z{top: 512px;}
#teuer3z{top: 572px;}
#teuer4z{top: 632px;}
#richtigz{
 left:750px; top: 680px;
}