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

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

body {
background-color:#c7c8ca;
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:12px;
}

table {
/*font-size:12px; WHY?, DELETED FROM SVEN 23.11.09 */
}

p {
padding:0;
margin:0;
}

a {
color:#B30617;
}

a:hover {
text-decoration:underline;
}

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

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

#container {
top:0;
left:50%;
width:845px;
position:absolute;
margin:0 0 0 -423px;
}

#header {
width:845px;
height:60px;
padding:20px 0 20px 0;
float:left;
display:inline;
}

#header_left {
width:295px;
height:60px;
padding:0;
margin:0;
float:left;
display:inline;
}

#start {
width:845px;
height:260px;
margin:0 0 30px 0;
float:left;
display:inline;
}

#start_left {
width:550px;
height:260px;
float:left;
display:inline;

-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;
}

#start_right {
width:250px;
height:240px;
padding:15px 5px 5px 15px;
margin:0 0 0 25px;
float:left;
display:inline;
color:#fff;

background-image:url(/bilder/verlauf_blau.jpg);
background-position:top 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;
}

#start_content {
width:845px;
height:328px;
margin:0 0 30px 0;
float:left;
display:inline;
}

#start_content_l {
width:550px;
height:328px;
float:left;
display:inline;
}

#start_content_r {
width:250px;
height:308px;
padding:15px 5px 5px 15px;
margin:0 0 0 25px;
float:left;
display:inline;
color:#000;

background-image:url(/bilder/hg_kachel_startbox.jpg);
background-position:0 0;
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;
}

#start_content_l_one {
width:265px;
height:328px;
margin:0 20px 0 0;
float:left;
display:inline;
}

#start_content_l_two {
width:265px;
height:328px;
float:left;
display:inline;
}

#start_content_l_one_t {
width:245px;
height:270px;
padding:10px 15px 0 5px;
float:left;
display:inline;
color:#ffffff;
font-size:13px;
font-weight:normal;

background-image:url(/bilder/verlauf_rot.jpg);
background-position:top 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;
}

#start_content_l_two_t {
width:245px;
height:270px;
padding:10px 15px 0 5px;
float:left;
display:inline;
color:#fff;
font-size:13px;

background-image:url(/bilder/verlauf_blau.jpg);
background-position:top 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;
}

#start_content_l_two_t .text, #start_content_l_one_t .text { /* FOR IE6 */
color:#fff;
font-size:13px;
}

#jetztsparen_l {
top:640px;
left:175px;
width:100px;
height:100px;
position:absolute;
}

#jetztsparen_r {
top:640px;
left:460px;
width:100px;
height:100px;
position:absolute;
}

#main {
width:845px;
float:right;
display:inline;
position:relative;
margin:0 0 20px 0;
}

#logo {
width:117px;
height:60px;
padding:0;
float:left;
display:inline;
margin:0 15px 0 0;
}

#logo a, #logo img {
padding:0;
margin:0;
}

#navi {
width:550px;
height:35px;
padding:25px 0 0 0;
float:left;
display:inline;
color:#003064;
text-align:right;
}

#navi a {
color:#003064;
text-decoration:none;
}

#navi a.navi {
font-size:15px;
font-weight:bold;
color:#003064;
text-decoration:none;
}

* html #navi a.navi { /*IE6 only*/
font-size:15px;
}

#navi a.navi:hover {
color:#B30617;
}

#navi a.naviaktiv {
font-size:15px;
font-weight:bold;
color:#B30617;
text-decoration:none;
}

* html #navi a.naviaktiv { /*IE6 only*/
font-size:15px;
}

#subnavi {
width:845px;
float:left;
display:inline;
margin:0 0 10px 0;
}

#flashteaser {
width:845px;
height:300px;
float:left;
display:inline;
margin:0 0 10px 0;
background-color:#003064;
background-image:url(/bilder/beispiel_startimage.jpg);
background-repeat:no-repeat;
background-position:0 0;
-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;
}

#start_teaser_container {
width:845px;
float:left;
display:inline;
margin:0 0 10px 0;
}

#start_teaser_one {
width:260px;
height:33px;
color:#fff;
padding:5px 0 0 5px;
margin:0 0 10px 0;
float:left;
display:inline;
background-color:#CC0000;
background-image:url(/bilder/teaser_hg_275x38_rot.png);
background-repeat:no-repeat;
background-position:0 0;
-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;
}

#start_teaser_two {
width:260px;
height:33px;
color:#fff;
padding:5px 0 0 5px;
margin:0 0 10px 0;
float:left;
display:inline;
background-color:#CC0000;
background-image:url(/bilder/teaser_hg_275x38_blau.png);
background-repeat:no-repeat;
background-position:0 0;
-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;
}

#start_teaser_three {
width:260px;
height:33px;
color:#fff;
float:left;
display:inline;
padding:5px 0 0 5px;
background-color:#CC0000;
background-image:url(/bilder/teaser_hg_275x38_rot.png);
background-repeat:no-repeat;
background-position:0 0;
-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;
}

#start_box_container {
width:845px;
float:left;
display:inline;
}

#start_box_one {
width:245px;
min-height:260px;
padding:15px;
float:left;
display:inline;
background-image:url(/bilder/hg_kachel_startbox.jpg);
background-repeat:repeat-x;
background-position:0 0;
-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;
}

#start_box_one h3 {
font-size:28px;
font-weight:normal;
float:left;
display:inline;
margin:0;
padding:0;
color:#B30617;
}


#start_box_two {
width:245px;
min-height:260px;
padding:15px;
margin:0 10px 0 10px;
float:left;
display:inline;
background-image:url(/bilder/hg_kachel_startbox.jpg);
background-repeat:repeat-x;
background-position:0 0;
-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;
}

#start_box_three {
width:245px;
min-height:260px;
padding:15px;
float:left;
display:inline;
background-image:url(/bilder/hg_kachel_startbox.jpg);
background-repeat:repeat-x;
background-position:0 0;
-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;
}

#footer_start {
top:808px;
left:50px;
width:845px;
height:25px;
position:absolute;
color:#4d4d4d;
padding:5px 0 0 0;
text-align:right;
border-top:1px solid #808080;
font-size:12px;
}

#footer_hetan {
width:845px;
color:#4d4d4d;
padding:5px 0 20px 0;
border-top:1px solid #808080;
float:left;
display:inline;
font-size:12px;
}

#footer_hetan a {
color:#4d4d4d;
text-decoration:none;
}

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

#footer_hetan_left {
width:345px;
float:left;
display:inline;
text-align:left;
margin:0 0 10px 0;
}

#footer_hetan_right {
width:500px;
float:left;
display:inline;
text-align:right;
margin:0 0 10px 0;
}

#footer_start a {
color:#4d4d4d;
text-decoration:none;
}

#footer_links {
width:845px;
color:#4d4d4d;
padding:0 0 20px 0;
float:left;
display:inline;
font-size:12px;
}

#footer_links a {
color:#4d4d4d;
text-decoration:none;
font-size:12px;
}

#footer_links a:hover {
color:#B30617;
}

#footer_links_hetan {
width:845px;
color:#4d4d4d;
padding:0 0 20px 0;
float:left;
display:inline;
font-size:12px;
}

#footer_links_hetan a {
color:#4d4d4d;
text-decoration:none;
font-size:12px;
}

#footer_links_hetan a:hover {
color:#B30617;
}

#hetan_left {
width:560px;
float:left;
display:inline;
margin:0;
}

#hetan_head {
width:530px;
padding:15px 15px 15px 15px;
margin:0 0 10px 0;
background-image:url(/bilder/hg_kachel_startbox.jpg);
background-repeat:repeat-x;
background-position:0 0;

-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;
}

#hetan_body {
width:528px;
padding:15px 15px 15px 15px;
margin:0;
background-color:#fff;
border:1px solid #808080;

-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;
}

#hetan_body_nobg {
width:560px;
margin:0 0 10px 0;
}

#hetan_body_full {
width:813px;
padding:15px 15px 15px 15px;
margin:0;
background-color:#fff;
border:1px solid #808080;

-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;
}

#hetan_body_full_nobg {
width:845px;
float:left;
display:inline;
margin:0 0 10px 0;
}

.hetan_info {
padding:10px;
margin:0 0 10px 0;
background-color:#ccd3dd;
border:1px solid #808080;
position:relative;
-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;
}

#hetan_right, .hetan_right {
width:243px;
float:left;
display:inline;
padding:15px;
margin:0 0 0 10px;
background-color:#fff;
border:1px solid #808080;
-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;
}

#hetan_right ol {
margin:0;
padding:0 0 0 18px;
}

#hetan_right_alice {
width:243px;
float:left;
display:inline;
padding:15px 15px 0 15px;
margin:0 0 0 10px;
text-align:center;
background-color:#fff;
border:1px solid #808080;
-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;
}

#hetan_right_nobg {
width:273px;
float:left;
display:inline;
margin:0 0 0 10px;
text-align:center;
vertical-align:bottom;
}

#content_left {
width:528px;
min-height:350px;
float:left;
display:inline;
padding:15px;
margin:0;
background-color:#fff;
border:1px solid #808080;
-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;
}

#werbemittel {
width:845px;
min-height:350px;
padding:15px;
margin:0;
background-color:#fff;
border:1px solid #808080;
-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;
}

#jetztmitnullprozent {
top:70px;
left:720px;
width:170x;
height:170px;
position:absolute;
}

.start_box_head {
font-size:17px;
font-weight:normal;
}

.blau {
color:#003064;
}

.rot {
color:#B30617;
}

.gruen {
color:#339900
}

.small {
font-size:9px;
}

#change_lang {
width:163px;
height:32px;
padding:28px 0 0 0;
float:left;
display:inline;
}

.pad {
padding:3px;
}

ul.roterhaken {
list-style-image:url(/bilder/roterhaken.png);
}
ul.roterhaken li {
top:0px;
}

#voip {
top:-30px;
left:290px;
position:absolute;
}

.frage {
font-size:16px;
font-style:italic;
font-weight:bold;
color:#003064;
}

.margin_right {
margin:0 15px 0 0;
}

.margin_left {
margin:0 0 0 15px;
}

.loginfield, .passwordfield {
width:240px;
}

.traffic {
background-color:#ccc;
}
.traffic_low {
background-color:#33CC00;
background-image:url(/bilder/traffic_shine.png);
background-repeat:repeat-x;
background-position:0 0;
}
.traffic_mid {
background-color:#FFCC00;
background-image:url(/bilder/traffic_shine.png);
background-repeat:repeat-x;
background-position:0 0;
}
.traffic_high {
background-color:#c11d1d;
background-image:url(/bilder/traffic_shine.png);
background-repeat:repeat-x;
background-position:0 0;
}


/* -------------------------------------------------------------------------- */
/* 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 input[type=text] {
    width: 170px;
}

#country,
#shipping_country {
    width: 174px;
    padding: 2px;
}

.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 */
/* -------------------------------------------------------------------------- */

/* Neues Formular: Generelle Settings auch für den Presseverteiler */
/* Burkhart Salzmann 29.7.2009 */

input[type=text], textarea {
    border: 1px solid silver;
}

.form_error {
    border: 2px solid #B30617 !important;
}

#form_error_message {
    font-weight: bold;
    color: #B30617;
}

#step5iframe {

}


/* DEVELOPMENT CODE - test area */
/* -------------------------------------------------------------------------- */
.editable {
    /*background: #40ae20;*/
    border: solid 1px transparent;
    cursor: pointer;
}

.editable:hover {
    /*background-color: #888;*/
    border: dotted red 1px;
}

.editable img {
    text-align: right;
}