@charset "UTF-8";
/* CSS Document by TonkBerlin.de */

img, div, table {
behavior: url("iepngfix.php");
}

body {
background-color:#aecde1;
background-image:url(bilder/hg_kachel_verlauf.jpg);
background-repeat:repeat-x;
background-position:0 0;
margin:0;
font-family:"Segoe UI", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
}

a {
color:#ffeb15;
text-decoration:none;
}

a:hover {
color:#ffeb15;
text-decoration:underline;
}

p {
margin:0;
padding:0;
}

h3 {
color:#ffeb15;
font-size:18px;
font-weight:normal;
margin:0;
padding:0;
}

h4 {
color:#ffeb15;
font-size:15px;
font-weight:normal;
margin:0;
padding:0;
}

h5 {
color:#B30617;
font-size:18px;
font-weight:normal;
margin:0;
padding:0;
}

#hotline {
top:0;
left:0;
width:100%;
height:20px;
position:absolute;
background-image:url(../bilder/hotline.gif);
background-repeat:repeat-x;
background-position:0 0;
}

#logo {
top:30px;
left:30px;
position:absolute;
}

#text_start {
top:180px;
left:141px;
width:500px;
position:absolute;
}

#text_start_schatten {
top:180px;
left:126px;
width:530px;
padding:15px;
margin:0 0 15px 0;
position:absolute;
background-image:url(bilder/hg_schwarz.png);
background-position:bottom left;
background-repeat:repeat-x;

-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;

-khtml-border-radius-topleft:5px;
-khtml-border-radius-topright:5px;
-khtml-border-radius-bottomleft:5px;
-khtml-border-radius-bottomright:5px;

-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
}

#textbox {
top:180px;
left:126px;
width:470px;
position:absolute;
padding:15px;
margin:0 0 15px 0;
background-image:url(bilder/hg_schwarz.png);
background-position:bottom left;
background-repeat:repeat-x;

-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;

-khtml-border-radius-topleft:5px;
-khtml-border-radius-topright:5px;
-khtml-border-radius-bottomleft:5px;
-khtml-border-radius-bottomright:5px;

-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
}

#headline_start {
top:100px;
left:141px;
position:absolute;
}

#ralf {
top:150px;
left:915px;
position:absolute;
z-index:20;
}

#rightside {
top:165px;
left:660px;
position:absolute;
float:left;
display:inline;
z-index:50;
}

#ralfbox {
width:250px;
padding:15px 15px 15px 15px;
margin:0 0 15px 0;
background-color:#fff;
font-size:12px;
color:#000;

-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;

-khtml-border-radius-topleft:5px;
-khtml-border-radius-topright:5px;
-khtml-border-radius-bottomleft:5px;
-khtml-border-radius-bottomright:5px;

-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
}

#vorteile {
width:250px;
padding:15px 15px 15px 15px;
margin:0 0 15px 0;
font-size:12px;
color:#fff;
background-image:url(bilder/hg_schwarz.png);
background-position:bottom left;
background-repeat:repeat-x;

z-index:40;

-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;

-khtml-border-radius-topleft:5px;
-khtml-border-radius-topright:5px;
-khtml-border-radius-bottomleft:5px;
-khtml-border-radius-bottomright:5px;

-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
}

#preis_stoerer {
top:450px;
left:280px;
position:absolute;
z-index:30;
}

#bb_logo {
top:30px;
left:550px;
position:absolute;
z-index:30;
}
 
#preis_stoerer {
top:80px;
left:850px;
position:absolute;
z-index:50;
}

#hetan_sat {
top:550px;
left:870px;
position:absolute;
z-index:10;
}

#jetztmitnullprozent {
top:430px;
left:15px;
position:absolute;
z-index:10;
}

.italic {
font-style:italic;
}

.margintop {
margin-top:35px;
}

.big {
font-size:14px;
}

.small {
font-size:10px;
}

/* -------------------------------------------------------------------------- */
/* Bestellformular (Autor: Fabian Neumann, fn@sturzbach.de) */

.appfm {
margin:0;
padding:0;
width:530px;
float:left;
display:inline;
}
.appfm fieldset {
clear:both;
float:left;
width:530px;
padding:0;
margin:1em 0;
border:0;
}
.appfm fieldset.hidden {
border:0;
}
.appfm fieldset legend {
white-space:nowrap;
display:block;
font-weight:bold;
color:#000;
margin:0;
padding:0;
}
.appfm fieldset ol {
margin:0;
padding:0;
}
.appfm fieldset li {
display:block;
list-style:none;
margin:0;
clear:both;
}
.appfm label {
margin:0 0 0 5px;
}
.appfm label.element {
display:block;
float:left;
width:260px;
padding:0;
margin:9px 0 0 0;
text-align:left;
}
.appfm label.element em {
font-weight:normal;
}
.appfm input, .appfm textarea, .appfm select {
width:auto;
}
.appfm select {
font-size:11px;
}
.appfm ol.ol-full li {
display:list-item;
list-style-type:decimal;
list-style-position:outside;
margin:0.5em 0 0 40px;
}
.appfm.appfm2 label span.required {
display:none;
}
.appfm.appfm2 label, .appfm.appfm2 select, .appfm.appfm2 input[type=text] {
float:none;
width:500px;
}
.appfm.appfm2 li {
overflow:auto;
padding-bottom:4px;
}

.appfm textarea {
overflow:auto;
}
.appfm br {
clear:left;
}
.appfm div.element {
display:inline;
float:left;
margin:5px 0 0 0;
padding:0;
}
.appfm li.reqnote {
font-size:80%;
margin:5px 0 0 10px;
}
.appfm span.error, .appfm span.required {
color:#c00;
}
.appfm div.error {
padding:0;
}

#confirmform label {
display:none;
}

#confirmform .element {
margin:0.5em 0;
}

/* ENDE Bestellformular */
/* -------------------------------------------------------------------------- */