/* Positionieren */

.float_left { float: left; }
.float_left li { float:left; }
.float_right { float: right; }

.clear_both { clear: both; }

.margin_right_5	{ margin-right: 5px; }
.margin_right_14	{ margin-right: 14px; }
.margin_right_32	{ margin-right: 32px; }
.margin_left_5 { margin-left: 5px; }
.margin_left_20	{ margin-left: 20px; }
.margin_left_30	{ margin-left: 30px; }
.margin_left_40	{ margin-left: 40px; }
.margin_left_45	{ margin-left: 45px; }
.margin_left_135 {margin-left: 135px; }
.margin_left_150 {margin-left: 150px; }
.margin_left_100 {margin-left: 100px; }
.margin_left_205 {margin-left: 205px; }
.margin_left_250 {margin-left: 250px; }
.margin_left_273 {margin-left: 273px; }
.margin_left_350 { margin-left: 350px!important; }
.margin_left_500 { margin-left: 500px!important; }
.margin_top_5 { margin-top: 5px; }
.margin_top_14 { margin-top: 14px; }
.margin_top_30 { margin-top: 30px; }
.margin_20 { margin: 20px; position: absolute; }
.margin_auto {margin: auto; }

.padding_top_10 { padding-top: 10px; }
.padding_bottom_10px { padding-bottom: 10px; }
.padding_left_150 { padding-left: 150px;}
.no_padding { padding: 0px!important; }

.top_-2 { position: relative; top: -2px; }
.top_-3 { position: relative; top: -3px; }
.top_2 { position: relative; top: 2px; }
.top_6 { position: relative; top: 6px; }
.top_12 { position: relative; top: 12px; }
.left_20 { position: relative; left: 20px; } 

.pfeil { position: relative; top: 1px; }
.pfeil_blue { position: relative; top: -3px; }
.status_green { position: relative; top: -3px; }

.width_350 { width: 350px; }
.width_650 { width: 650px; }
.width_600 { width: 600px; }
.width_500 { width: 500px; }
.width_123 { width: 123px; }
.width_70  { width: 70px; }
.width_330 { width: 330px; }
.width_50 { width: 50px; }
.width_25 { width: 25px!important; }
.height_10 { height: 10px; }

.absolute { position: absolute; }

/* Farben */

.blue { color: #0099ef; }
.darkblue { color: #006fb0; }
.grey { color: #666666; }
.listen_grey { color: #8a8a8a; }
.mid_grey { color: #999999; }
.dark_grey { color: #666666; }
.light_grey { color: #cccccc; }
.red { color: red; }
.green { color: #0C0; }

.alert { color: red; background-color: #FCC; padding: 4px 8px; }

.light_blue_bg { background-color: #d2efff; }

/* Schriften */

.size12 { font-size: 12px; }
.size13 { font-size: 13px; font-weight: bold; }
.size15 { font-size: 15px; font-weight: bold; }
.size30 { font-size: 30px; font-weight: bold; }

.bold { font-weight: bold; }

.align_right { text-align: right; }
.align_center { text-align: center; }

/* Bilder */

.haken { list-style: inside url('../images/haken.png') ; float:none; height: 18px; }

.plus { position: absolute; top: 20px; left: 22px; width: 244px!important; height: 194px; border: none!important;}



.tour_box1 img, .tour_box2 img, .tour_box3 img, .tour_box_wide img, .tour_box img { width: 230px; border: 20px solid #faf8f9; }

#height_15 {height:12px;}


/* Boxen und dazugehörige Texte */

.promo_highlight { width: 965px; height: 360px; }
/*
.promo_headline { font-size: 24px; font-weight: bold; color: white; position: absolute; left: 570px; top: 80px;  width: 380px; }
.promo_text { font-size: 13px; font-weight: bold; color: white; position: absolute; left: 570px; top: 180px;  width: 380px; }
.promo_preis { font-size: 16px; font-weight: bold; color: white; position: absolute; left: 860px; top: 270px;  width: 75px; text-align: right; }
.promo_button { font-size: 14px; font-weight: bold; color: #666666; position: absolute; left: 570px; top: 260px;  width: 350px; display: block; width: 232px; height: 31px; background-image: url(../images/de/home/button_bg.png); text-align: center; padding-top: 16px;  }
*/

.promo_button { position: absolute; display: block; }

.feature { width: 490px; min-height: 100px; margin: auto; line-height: 16px;}
.feature img { margin-top: 15px; }
.feature ul { list-style: disc inside; margin-top: 10px; margin-bottom: 10px; width:340px; }

.quick_box { height: 125px; width: 312px; }
.quick_headline { font-size: 15px; font-weight: bold; position: relative; top: -90px; left: 30px; width: 155px;}
.quick_headline a { color: #666666; }
.quick_text { color: #999999; position: relative; top: -90px; left: 30px; width: 165px; }
.quick_text a { color: #999999; }

.box {	margin-right: 10px; margin-top: 14px; height: 155px; }
.box_headline { left:33px; position:relative; top:-120px; width:250px; z-index:2; font-size: 22px; font-weight: bold; }
.box_headline a { color: #666666; }
.box_text { left:33px; position:relative; top:-110px; width:250px; z-index:2; }
.box_text a { color: #999999; text-align:justify;}

.tour_box { height: 220px; width: 800px; background-color: #faf8f9; float: left; margin-left: 44px; margin-top: 30px; position: relative;}
.tour_box1 { height: 275px; width: 271px; background-color: #faf8f9; float: left; margin-left: 44px; margin-top: 30px; position: relative; }
.tour_box2 { height: 275px; width: 271px; background-color: #faf8f9; float: left; margin-left: 30px; margin-top: 30px; position: relative;}
.tour_box3 { height: 275px; width: 271px; background-color: #faf8f9; float: left; margin-left: 30px; margin-top: 30px; position: relative;}
.tour_text { margin-left: 16px; margin-top: 15px; width: 239px; color: #999999; }
.tour_text1 { margin-left: 300px; margin-top: 20px; width: 475px; color: #999999; }

.tour_box_wide { height: 220px; width: 870px; background-color: #faf8f9; margin-left: 44px; margin-bottom: 10px;  position: relative; }
.tour_text_wide { margin-left: 300px; margin-top: 20px; width: 550px; color: #999999; position: absolute; }

.optionen_box { width: 600px; margin-left: 30px; margin-bottom: 10px; }
.optionen_text { margin-left: 185px; color: #999999; width: 400px; }
.optionen_text ul { list-style: disc inside; margin-top: 10px; }

.wieso_text { margin-left: 20px; }

.zugriff_box { width: 350px; margin-left: 60px; color: #999999}

.box_10g { margin-left: 45px; width: 550px; color: #999999; }

.text_box { margin-bottom: 30px; color: #999999; }


.promo_box_top { margin-left: 40px; margin-top: 30px; background-image: url(../images/promo_box_top.jpg); height: 5px; width: 223px; }
.promo_box { margin-left: 40px; padding: 20px; width: 183px; background-image: url(../images/promo_box.jpg);  }
.promo_box_bottom { margin-left: 40px; background-image: url(../images/promo_box_bottom.jpg); height: 5px; width: 223px; }

/* Tabelle & Formulare */

.tabelle { margin-left: 60px; }
.tabelle table { border-collapse: collapse; width: 836px; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }
.table_top { background-image: url(../images/table_top.jpg); height: 5px; width: 836px; }
.table_bottom { background-image: url(../images/table_bottom.jpg); height: 7px; width: 836px; }
.tabelle td, .tabelle th  { text-align: center; }
.tabelle th { height: 45px; background-image: url(../images/table_head.jpg); border-bottom: 1px solid #e1e1e1; }
.tabelle td { height: 28px; border-top: 1px solid #e1e1e1; }

.preistabelle { margin-left: 60px; color: #999999;  }
.preistabelle table { border-collapse: collapse; width: 836px; }
.preistabelle td { text-align: center; }
.preistabelle td { height: 28px; border-top: 1px solid #e1e1e1; }

.downloadtabelle { margin-left: 235px; position: relative; top: 125px; color: #999999; font-size: 12px; font-weight: plain; }
.downloadtabelle table { border-collapse: collapse; width: 600px; }
.downloadtabelle td { height: 50px; border-top: 1px solid #e1e1e1; width: 200px; }

.bestellen_2_tabelle table { color: #999999; width: 550px; border-collapse: collapse; }
.bestellen_2_tabelle td { height: 35px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
.bestellen_2_tabelle input { margin-right: 5px; position: relative; top: 2px;}

.bestellen_3_tabelle table { color: #999999; width: 550px; border-collapse: collapse; }
.bestellen_3_tabelle td { height: 35px; border-top: 1px solid #e1e1e1; width: 225px; }
.bestellen_3_tabelle input { margin-right: 5px; position: relative; top: 2px;}

.bestellen_D_2_tabelle table { color: #999999; width: 580px; border-collapse: collapse; }
.bestellen_D_2_tabelle td { height: 35px; border-top: 1px solid #e1e1e1; width: 80px; }
.bestellen_D_2_tabelle .w250 {width: 250px!important; }
.bestellen_D_2_tabelle input { margin-right: 5px; position: relative; top: 2px;}

.bestaetigung td { width: 174px; }
.bestaetigung .strich { border-top: 1px solid #F7F7F7; }

.bestaetigung2 td { width: 174px;}
.bestaetigung2 .strich { border-top: 1px solid #F7F7F7; }
.bestaetigung2 .chf { width: 74px; }

.bestellung table { border-collapse: collapse; width: 500px; color: #999999; }
.bestellung .erste_spalte { width: 230px!important; text-align: left!important; padding: 0px!important; }
.bestellung td { height: 35px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding-left: 10px; }

.ssl table { border-collapse: collapse; width: 500px; color: #999999; margin-left: 60px; }
.ssl .erste_spalte { width: 150px!important; text-align: left!important; padding: 0px!important; }
.ssl td { height: 35px; width: 100px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding-left: 20px; }

.checkbox { margin-right: 5px; position: relative; top: 2px;}

.erste_spalte { width: 230px!important; text-align: left!important; padding-left: 20px; }
.noborder { border-top: none!important; }
.dropdown { width: 123px; border: 1px solid #e1e1e1; }
.border_bottom { border-bottom: 1px solid #e1e1e1; }
.dropdown_wide { width: 225px; border: 1px solid #e1e1e1; }
.erste_zeile { padding: 0px!important; }
.leer { border-bottom: none!important; }
.total  { border: none!important; font-size: 14px; font-weight: bold; }

/* FAQ // LEISTUNGSUMFANG // GlOSSAR */

.faq_top { width: 196px; height: 25px; background-image: url(../images/support_faq_top.jpg); color: white; text-align: center; padding-top: 12px; display: block; }
.faq_top_active { background-position: 0px -37px; color: #0099ef;  }
.faq_main { width: 196px; height: 25px; background-image: url(../images/support_faq_bg.jpg); color: white; text-align: center; padding-top: 12px; display: block; }
.faq_active { background-position: 0px -37px; color: #0099ef;  }
.faq_bottom { width: 196px; height: 30px; background-image: url(../images/support_faq_bottom.jpg); color: white; text-align: center; padding-top: 12px; display: block; }
.faq_bottom_active { background-position: 0px -42px; color: #0099ef;  }
.faq_open { background-image: url(../images/support_faq_light.jpg); background-repeat:repeat-y; width: 196px; text-align: center; }
.faq_close { display:none; visibility:hidden; }

.glossar_buchstabe { background-image:url(../images/glossar_buchstabe.jpg); width: 578px; height: 25px; padding: 10px 0px 0px 40px; margin-top: 5px; }
.glossar_box_closed { background-image:url(../images/leistungen_zu.jpg); width: 578px; height: 25px; padding: 10px 0px 0px 40px; margin-top: 5px; } 

.leistungen_box_open { background: #e0f4ff url(../images/leistungen_auf_top.jpg) no-repeat; width: 578px; min-height: 25px; padding: 10px 0px 10px 40px; margin-top: 5px; }
.leistungen_box_open_text { background-image:url(../images/leistungen_auf_bg.jpg); width: 538px; padding: 10px 40px 0px; color: #999999; }
.leistungen_box_open_bottom { background-image:url(../images/leistungen_auf_bottom.jpg); width: 618px; height: 5px; }


.leistungen_box_closed_top { background-image:url(../images/leistungen_zu_top.jpg); width: 618px; height: 3px;  margin-top: 5px; }
.leistungen_box_closed { background:url(../images/leistungen_zu_bg.jpg) no-repeat; width: 578px; min-height: 15px; padding: 7px 0px 10px 40px; background-color: #f7f5f6 ; }
.leistungen_box_closed_bottom { background-image:url(../images/leistungen_zu_bottom.jpg); width: 618px; height: 3px; }


.leistungen li { background-image: url(../images/leistungen_bg.jpg); width: 197px; height: 37px; text-align: center;  }
.leistungen li a { color: white; height: 25px; display: block; width: 195px; padding-top: 10px; }
.leistungen li:hover { background-position: -0px -37px ; }
.leistungen_active { background-position: -0px -37px ; }
.leistungen li a:hover, .leistungen_active a { color: #666666!important; }
.leistungen_top  { background-image: url(../images/leistungen_top.jpg)!important; }
.leistungen_bottom  { background-image: url(../images/leistungen_bottom.jpg)!important; }

/* Linien */

hr.feature_divide { width: 490px; margin: auto; border: none; border-bottom: 1px solid #f7f7f7;  background: none; }

hr.listen_divide { width: 225px; margin: auto; margin-top: 0px; margin-bottom: 0px; border-bottom: 1px solid white;  border-top: 1px solid #eae9e9; background: none; border-left: none; border-right: none; background: none; }

hr.faq_divide { width: 600px; margin: 0px; border-bottom: 1px solid white;  border-top: 1px solid #eae9e9; background: none; border-left: none; border-right: none; }
hr.leistungen_divide { width: 221px; margin: 0px; border-bottom: 1px solid white;  border-top: 1px solid #eae9e9; background: none; border-left: none; border-right: none; }

hr.divide_10g { width: 550px; margin-top: 20px; margin-bottom: 5px; border: none; border-bottom: 1px solid #f7f7f7; }

hr.status_divide { width: 550px; margin-top: 20px; margin-bottom: 20px; border: none; border-bottom: 1px solid #f7f7f7; }

hr.bestellen { width: 550px; border: none; border-bottom: 1px solid #f7f7f7; margin: 20px 0px; }

/* Sonstiges */

.cursor { cursor: pointer; }

.button_grey { width: 167px!important; height: 21px!important; background-image:url(../images/button_grey.jpg)!important; display: block; text-align: center; color: #666666; padding-top: 5px!important; }

.button_grey_provision { width: 203px!important; height: 21px!important; background-image:url(../images/button_grey_provision.jpg)!important; display: block; text-align: center; color: #666666; padding-top: 5px!important; margin-left: 400px; }

.link1 { margin-top: 80px; }
.link2 { margin-top: 100px; }

.wk_list{ width:60px;  float:left;color: white; font-size: 16px; position:relative; top:58px; left:20px;  line-height: 30px; }
.wk_total{width:60px;  float:left;color: white; font-size: 16px; position:relative; top:76px; left:20px;  line-height: 30px; font-weight:bold; }
.wk_mwst{ width:120px; float:left;color: white; font-size: 12px; position:relative; top:68px; left:112px; line-height: 30px; }