/* Basics */
body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: black; background-color: #df0000; }
img { border: 0; }
img, div, a { _behavior: url(/css/ie6pngfix.htc); } /* IE 6 fix/gif replacement */
label { _behavior: url(/css/ie6pngfix.htc) url(/css/ie6png_refresh.htc); }
table, tr, td { margin: 0; padding: 0; }
h1, h2, h3 { margin: 0; padding: 0; font-size: 25px; }
ul { list-style: none; padding: 0; margin: 0; }
li { float: left; padding: 0; margin: 0; }
p {	margin: 0; padding: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
a { display: block; }

/* Layout */
#page { position: relative; width: 957px; margin-top: 20px; border-top: 1px solid #FF0000; border-right: 1px solid #8E0000; border-bottom: 1px solid #8E0000; border-left: 1px solid #FF0000; }
#page #flow { width: 100%; height: 53px; background: url(/img/msh/flow_empty.gif) repeat-x; border-bottom: 1px solid #8E0000; }
#page #main { width: 100%; height: 520px; background: url(/img/msh/bg.jpg); border-bottom: 1px solid #FF0000; clear: both; }
#page #navigation { width: 100%; height: 93px; background-color: black; }
#page #overlay { position: absolute; top: -21px; left: -1px; width: 959px; height: 690px; display: none; } 
#page #overlay #glass { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #777777; }
#page #overlay #in_progress_window { position: absolute; top: 275px; left: 300px; width: 360px; height: 120px; background: url(/img/msh/in_progress_bg.png); } 
#page #overlay #in_progress_window #search_progress { padding-top: 25px; }
#page #overlay #in_progress_window #search_progress h3 { width: 100%; font-size: 100%; text-align: center; }
#page #overlay #in_progress_window #search_progress h3.alt { color: #777777; }
#page #overlay #in_progress_window #search_progress #progress_bar { margin: 10px 0 0 25px; width: 302px; height: 36px; border: solid 1px #DF0000; }
#page #overlay #in_progress_window #search_progress #progress_bar #progress { width: 0%; height: 100%; background: #DF0000; }
#page #signature { position: absolute; top: 645px; left: 0; width: 100%; }
#page #signature div.tf_text { float: right; font-size: 10px; color: white; margin: 6px 5px 0 0; }
#page #signature div.tf_logo { float: right; width: 45px; height: 20px; background: url(/img/msh/sig_logo.png) no-repeat 0 0; }

/* General */
#navigation #pfeil_back { position: absolute; left: 10px; top: 582px; width: 160px; height: 86px; background: url(/img/msh/pfeil_back.png); }
#navigation #anfang { position: absolute; left: 406px; top: 594px; width: 138px; height: 64px; background: url(/img/msh/anfang.png); }
#navigation #pfeil_tarife_suchen { position: absolute; left: 715px; top: 582px; width: 233px; height: 86px; background: url(/img/msh/pfeil_tarife_suchen.png); }
#navigation #pfeil_volumen_selbst { position: absolute; left: 755px; top: 582px; width: 193px; height: 86px; background: url(/img/msh/pfeil_volumen_selbst.png); }
#navigation #pfeil_netz_selbst { position: absolute; left: 755px; top: 582px; width: 193px; height: 86px; background: url(/img/msh/pfeil_netz_selbst.png); }
#navigation #pfeil_volumen_netz_selbst { position: absolute; left: 695px; top: 582px; width: 253px; height: 86px; background: url(/img/msh/pfeil_volumen_netz_selbst.png); }
#headline { position: absolute; left: 13px; top: -13px; width: 319px; height: 96px; background: url(/img/msh/st_klein.png); }
#main .slider { float: left; width: 300px; height: 61px; background: url(/img/msh/slider_track.png); }
#main .slider .handle { width: 24px; height: 61px; background: url(/img/msh/slider_handle.png); cursor: pointer; }
#main .slider_minus { float: left; width: 53px; height: 61px; background: url(/img/msh/slider_minus.png); cursor: pointer; }
#main .slider_plus { float: left; width: 53px; height: 61px; background: url(/img/msh/slider_plus.png); cursor: pointer; }
#main .slider_value { float: left; }
#main .slider_value input { font: bold 16px/20px Arial, Helvetica, sans-serif; border: none; background: none; width: 40px; text-align: right; }
#main .radios label { display: block; float: left; padding: 5px 0 0 40px; height: 31px; background: url(/img/msh/radio_i.png) no-repeat; cursor: pointer; }
#main .radios label.selected { background: url(/img/msh/radio_a.png) no-repeat; cursor: default; }
#main .radios label input { position: absolute; left: -999px; }
#main label.checkbox { display: block; float: left; padding: 5px 0 0 40px; height: 31px; background: url(/img/msh/check_i.png) no-repeat; cursor: pointer; }
#main label.checkbox.checked { background: url(/img/msh/check_a.png) no-repeat; }
#main label.checkbox input { position: absolute; left: -999px; }
#main table { border-top: solid 1px #cccccc; border-left: solid 1px #cccccc; border-bottom: solid 1px #cccccc; background-color: #ffffff; }
#main table thead tr { height: 29px; background: url(/img/msh/table_head.gif) repeat-x; }
#main table .odd { background-color: #e9e9e9; }
#main table th, #main table td { text-align: left; padding-left: 10px; border-right: 1px solid #cccccc; }
#main table tbody td.section { border-top: solid 1px #cccccc; }
#main table tbody td .pfeil_details { width: 82px; height: 33px; background: url(/img/msh/pfeil_details.png); }
#main #pagenav { position: absolute; top: 506px; }
#main #pagenav #pfeil_vorherige { width: 174px; height: 44px; background: url(/img/msh/pfeil_vorherige.png); }
#main #pagenav #pfeil_naechste { width: 164px; height: 52px; background: url(/img/msh/pfeil_naechste.png); }
#main #pagenav div, #main #pagenav a { float: left; margin-right: 10px; }
#main #pagenav .nmb { margin-top: 8px; width: 34px; height: 34px; }
#main #pagenav .i1 { background: url(/img/msh/nm_1_in.png); }
#main #pagenav .a1 { background: url(/img/msh/nm_1_ac.png); }
#main #pagenav .i2 { background: url(/img/msh/nm_2_in.png); }
#main #pagenav .a2 { background: url(/img/msh/nm_2_ac.png); }
#main #pagenav .i3 { background: url(/img/msh/nm_3_in.png); }
#main #pagenav .a3 { background: url(/img/msh/nm_3_ac.png); }
#main #pagenav .i4 { background: url(/img/msh/nm_4_in.png); }
#main #pagenav .a4 { background: url(/img/msh/nm_4_ac.png); }
#main #pagenav .i5 { background: url(/img/msh/nm_5_in.png); }
#main #pagenav .a5 { background: url(/img/msh/nm_5_ac.png); }
#main #pagenav .i6 { background: url(/img/msh/nm_6_in.png); }
#main #pagenav .a6 { background: url(/img/msh/nm_6_ac.png); }

/* Home */
#Home #main #pfeil_beratung_start { position: absolute; left: 551px; top: 259px; width: 333px; height: 126px; background: url(/img/msh/pfeil_beratung_start.png); }
#Home #main #noscript { display: block; position: absolute; left: 550px; top: 256px; width: 300px; height: 160px; padding: 25px; font-weight: bold; color: #E20030; border: solid 1px #E20030; background-color: #ffffff; }
#Home #main #pfeil_so { position: absolute; left: 552px; top: 413px; width: 175px; height: 50px; background: url(/img/msh/pfeil_so.png); }
#Home #main #flash { position: absolute; left: 110px; top: 224px; width: 389px; height: 290px; background: url(/img/msh/debitel.jpg); }
#Home #navigation #mm_logo { position: absolute; left: 473px; top: 604px; width: 462px; height: 42px; background: url(/img/msh/mm_logo.jpg); }
#Home #headline { position: absolute; left: 185px; top: 11px; width: 590px; height: 177px; background:url(/img/msh/st_gross.png); }
#Home #signature { display: none; }

/* Help */
#Help #main h2 { padding: 82px 0px 0px 16px; margin: 0px; }			
#Help #main p { float: left; margin: 0; }
#Help #main p.left { padding: 30px 0px 0px 17px; width: 404px; }
#Help #main p.right { padding: 30px 0px 0px 60px; width: 428px; }
#Help #navigation #pfeil_beratung { position: absolute; left: 738px; top: 582px; width: 210px; height: 86px; background: url(/img/msh/pfeil_beratung.png); }
#Help #main #pagenav { left: 225px; }
#Help #signature { display: none; }

/* Cookies */
#Cookies #main h2 { padding: 120px 0 0 260px; margin: 0px; }			
#Cookies #main p { padding: 20px 0 0 260px; width: 460px; }
#Cookies #main #pagenav { left: 225px; }
#Cookies #signature { display: none; }

/* All Steps */
#flow div.items { margin-left: 350px; height: 100%; display: table; overflow: hidden; }
#flow div.items div { width: 120px; font-size: 24px; font-weight: bold; display: table-cell; vertical-align: middle; #float: left; #position: relative; #top: 12px; }
#flow div.items div.in a { color: #ffffff; text-decoration: none; #position: relative; #top: -50%; #margin-top: 28px; }
#flow div.items div.in a.long { font-size: 20px; line-height: 22px; }
#flow div.items div.just { color: #ffffff; }
#flow div.items div.out { color: #e56969; }
#flow div.items div.s5 { padding-left: 30px; width: 70px; }
#main h2 { padding: 130px 0 0 20px; }

/* Step1 */
#Step1 #flow { background: url(/img/msh/flow_s1.png); }
#Step1 #main #pfeil_ohne { position: absolute; left: 454px; top: 174px; width: 205px; height: 84px; background: url(/img/msh/pfeil_ohne.png); }
#Step1 #main #pfeil_mit { position: absolute; left: 454px; top: 258px; width: 188px; height: 85px; background: url(/img/msh/pfeil_mit.png); }
#Step1 #main #pfeil_egal { position: absolute; left: 454px; top: 390px; width: 119px; height: 86px; background: url(/img/msh/pfeil_egal.png); }

/* Step 2 */
#Step2 #flow { background: url(/img/msh/flow_s2.png); }
#Step2 #main #pfeil_prepaid { position: absolute; left: 454px; top: 174px; width: 154px; height: 85px; background: url(/img/msh/pfeil_prepaid.png); }
#Step2 #main #pfeil_vertrag { position: absolute; left: 454px; top: 258px; width: 151px; height: 86px; background: url(/img/msh/pfeil_vertrag.png); }
#Step2 #main #pfeil_egal { position: absolute; left: 454px; top: 390px; width: 119px; height: 86px; background: url(/img/msh/pfeil_egal.png); }

/* Step 3 */
#Step3 #flow { background: url(/img/msh/flow_s3.png); }
#Step3 #main #pfeil_telekom { position: absolute; left: 454px; top: 164px; width: 151px; height: 86px; background: url(/img/msh/pfeil_telekom.png); }
#Step3 #main #pfeil_vodafone { position: absolute; left: 454px; top: 248px; width: 174px; height: 86px; background: url(/img/msh/pfeil_vodafone.png); }
#Step3 #main #pfeil_eplus { position: absolute; left: 454px; top: 333px; width: 137px; height: 86px; background: url(/img/msh/pfeil_eplus.png); }
#Step3 #main #pfeil_o2 { position: absolute; left: 454px; top: 416px; width: 98px; height: 86px; background: url(/img/msh/pfeil_o2.png); }
#Step3 #main #pfeil_netz_egal { position: absolute; left: 680px; top: 290px; width: 119px; height: 86px; background: url(/img/msh/pfeil_egal.png); }

/* Step 4 */
#Step4 #flow { background: url(/img/msh/flow_s4.png); }
#Step4 #main h2 { padding-top: 100px; }
#Step4 #main h3 { position: absolute; left: 720px; top: 260px;	}
#Step4 #main #pfeil_wenigtelefonierer { position: absolute; left: 26px; top: 200px; width: 285px; height: 86px; background: url(/img/msh/pfeil_wenigtelefonierer.png); }
#Step4 #main #pfeil_normaltelefonierer { position: absolute; left: 26px; top: 293px; width: 285px; height: 86px; background: url(/img/msh/pfeil_normaltelefonierer.png); }
#Step4 #main #pfeil_vieltelefonierer { position: absolute; left: 26px; top: 386px; width: 285px; height: 86px; background: url(/img/msh/pfeil_vieltelefonierer.png); }
#Step4 #main #pfeil_smsschreiber { position: absolute; left: 340px; top: 200px; width: 285px; height: 86px; background: url(/img/msh/pfeil_smsschreiber.png); }
#Step4 #main #pfeil_handysurfer { position: absolute; left: 340px; top: 293px; width: 285px; height: 86px; background: url(/img/msh/pfeil_handysurfer.png); }
#Step4 #main #pfeil_laptopsurfer { position: absolute; left: 340px; top: 386px; width: 285px; height: 86px; background: url(/img/msh/pfeil_laptopsurfer.png); }
#Step4 #main #pfeil_profil { position: absolute; left: 660px; top: 288px; width: 265px; height: 100px; background: url(/img/msh/pfeil_profil.png); }

/* Eigenes Profil */
#Eigen #flow { background: url(/img/msh/flow_s4.png); }
#Eigen #flow div.items div.just { color: #e56969; }
#Eigen #main h2 { padding: 50px 0 0 15px; }
#Eigen #main em { font-style: normal; font-size: 18px; }
#Eigen #main #slider_minuten_block { margin-top: 20px; }
#Eigen #main #slider_sms_block { clear: both; height: 90px; }
#Eigen #main .desc { float: left; width: 370px; margin: 20px 0 0 60px; _margin-left: 30px; }
#Eigen #main .slider_value { margin-top: 20px; }
#Eigen #main #radios_internet { position: absolute; left: 550px; }
#Eigen #main #radios_internet .radios { position: absolute; left: 0; top: 30px; }
#Eigen #main #radios_internet .radios label { float: none; width: 300px; }
#Eigen #main #radios_netz { position: absolute; left: 60px; }
#Eigen #main #radios_netz .radios { position: absolute; left: 0; top: 30px; }
#Eigen #main #radios_netz .radios label { float: none; width: 300px; }
#Eigen #signature { display: none; }

/* Eigenes Volumen */
#EigenVolume #flow { background: url(/img/msh/flow_s4.png); }
#EigenVolume #flow div.items div.just { color: #e56969; }
#EigenVolume #main h2 { padding-top: 80px; }
#EigenVolume #main em { font-style: normal; font-size: 18px; }
#EigenVolume #main #slider_volume_block { margin-top: 50px; height: 120px; }
#EigenVolume #main #slider_throughput_block { clear: both; }
#EigenVolume #main .desc { float: left; width: 300px; margin: 20px 0 0 60px; _margin-left: 30px; }
#EigenVolume #main .slider_value { margin-top: 20px; }
#EigenVolume #main #throughput_desc { width: 800px; font-weight:normal; font-size: 14px; }
#EigenVolume #signature { display: none; }

/* Eigene Netzverteilung */
#EigenNetze #flow { background: url(/img/msh/flow_s4.png); }
#EigenNetze #flow div.items div.just { color: #e56969; }
#EigenNetze #main h2 { padding: 50px 0 20px 200px; }
#EigenNetze #main h2 input { font: bold 24px Arial, Helvetica, sans-serif; border: none; background: none; width: 54px; text-align: center; }
#EigenNetze #main .slider_block { clear: both; height: 60px; }
#EigenNetze #main .desc { float: left; width: 100px; margin: 20px 0 0 200px; _margin-left: 30px; }
#EigenNetze #main .slider_value { margin-top: 20px; }
#EigenNetze #signature { display: none; }

/* Tarife */
#Tarife #flow { background: url(/img/msh/flow_s5.png); }
#Tarife #main h1 { padding: 50px 0 0 25px; }
#Tarife #main table { position: absolute; left: 25px; top: 140px; width: 900px; }
#Tarife #main table a { color: Black; text-decoration: none; }
#Tarife #main table tbody tr { height: 45px; }
#Tarife #main table .c1 { width: 50px; }
#Tarife #main table .c2 { width: 100px; }
#Tarife #main table tbody .c2 { text-align: right; }
#Tarife #main table tbody .c2 div { padding-right: 10px; }
#Tarife #main table tbody .c3 div { float: left; }
#Tarife #main table tbody .c3 a.sticker { display: block; float: left; margin: 0 0 0 10px; width: 109px; height: 21px; background: url(/img/msh/sticker_zusatzoptionen.png); }
#Tarife #main table .c5 { width: 92px; padding-left: 15px; }
#Tarife #main #pfeil_print { display: none; }
#Tarife #main #pagenav { left: 25px; }
#Tarife #pagenav #pfeil_tarife_vergleichen { margin: -10px 0 0 12px; width: 191px; height: 60px; background: url(/img/msh/pfeil_tarife_vergleichen.png); }
#Tarife #pagenav #pfeil_tarife_vergleichen.disabled { background: url(/img/msh/pfeil_tarife_vergleichen_d.png); cursor: default; }
#Tarife #pagenav #pfeil_vorherige { margin-left: 135px; }

/* Tarif Details */
#TariffDetails #flow { background: url(/img/msh/flow_s5.png); }
#TariffDetails #main h1 { padding: 50px 0 0 25px; }
#TariffDetails #main table tbody tr { height: 32px; background: white; }
#TariffDetails #main table tbody td.comments { padding: 10px; }
#TariffDetails #main table tbody tr.odd td.c2 { background-color: #e9e9e9; }
#TariffDetails #main #basisdaten { position: absolute; left: 25px; top: 145px; width: 400px; }
#TariffDetails #main #scroller_comments { position: absolute; left: 25px; top: 430px; width: 418px; height: 120px; overflow: auto; }
#TariffDetails #main #scroller_comments table { width: 400px; }
#TariffDetails #main #scroller_right { position: absolute; left: 450px; top: 145px; width: 478px; height: 300px; overflow: auto; }
#TariffDetails #main #kosten { width: 460px; }
#TariffDetails #main #kosten td.c2 { width: 80px; text-align: right; padding-right: 10px; }
#TariffDetails #main #kosten tr.parts td.c2 { font-weight: normal; }
#TariffDetails #main #kosten tr.sum td { border-top: solid 1px #cccccc; }
#TariffDetails #main #kosten tfoot td { height: 32px; font-size: 110%; border-top: solid 1px #cccccc; }
#TariffDetails #main #optionen { width: 460px; margin-top: 20px; }
#TariffDetails #main #optionen .c2 { width: 90px; }
#TariffDetails #main .scroller { position: absolute; left: 25px; top: 140px; width: 900px; overflow: auto; }
#TariffDetails #main .scroller table { width: 882px; }
#TariffDetails #main #scroller2 { height: 360px; }
#TariffDetails #main #preise td img { padding: 0 5px; }
#TariffDetails #main #scroller3 { height: 300px; }
#TariffDetails #main #scroller3 table tbody tr.odd { background: #e9e9e9; }
#TariffDetails #main #zusatzoptionen tbody tr { height: 45px; }
#TariffDetails #main #zusatzoptionen tbody .c2 { width: 100px; }
#TariffDetails #main #optiondetails { position: absolute; left: 25px; top: 145px; width: 900px; }
#TariffDetails #main #scroller4 { top: 350px; height: 200px; }
#TariffDetails #main #pfeil_vpreise_right1 { position: absolute; top: 460px; left: 730px; width: 201px; height: 52px; background: url(/img/msh/pfeil_vpreise_right.png); }
#TariffDetails #main #pfeil_zusatzoptionen1 { position: absolute; top: 515px; left: 730px; width: 201px; height: 52px; background: url(/img/msh/pfeil_zusatzoptionen.png); }
#TariffDetails #main #pfeil_basisdaten2 { position: absolute; top: 515px; left: 25px; width: 139px; height: 50px; background: url(/img/msh/pfeil_basisdaten.png); }
#TariffDetails #main #pfeil_zusatzoptionen2 { position: absolute; top: 515px; left: 760px; width: 170px; height: 50px; background: url(/img/msh/pfeil_zusatzoptionen2.png); }
#TariffDetails #main #pfeil_basisdaten3 { position: absolute; top: 460px; left: 25px; width: 139px; height: 50px; background: url(/img/msh/pfeil_basisdaten.png); }
#TariffDetails #main #pfeil_vpreise_left3 { position: absolute; top: 515px; left: 25px; width: 195px; height: 50px; background: url(/img/msh/pfeil_vpreise_left.png); }

/* Tarifvergleich */
body.compare #page #flow { background: url(/img/msh/flow_s5.png); }
body.compare #main h1 { padding: 50px 0 0 25px; }
body.compare #main #scroller { position: absolute; left: 25px; top: 150px; width: 900px; height: 405px; overflow: auto; }
body.compare #main table { width: 882px; }
body.compare #main table tr.break td { font-size: 110%; padding-top: 15px; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; }
body.compare #main table th { background: #df0000; color: White; height: 42px; }
body.compare #main table td { vertical-align: top; padding: 5px 10px; }
body.compare #main table .title { width: 16%; }
body.compare #main table .c2 { width: 42%; }
body.compare #main table .c3 { width: 28%; }
body.compare #main table .c4 { width: 21%; }
body.compare #main table .section { font-size: 110%; }
body.compare #main table td div { width: 100px; text-align: right; }
body.compare #main #pfeil_kostenvergleich { position: absolute; top: 510px; left: 730px; width: 176px; height: 50px; background: url(/img/msh/pfeil_kostenvergleich.png); }
body.compare #main #pfeil_basisdaten { position: absolute; top: 515px; left: 25px; width: 139px; height: 50px; background: url(/img/msh/pfeil_basisdaten.png); }