/* @override 
	http://www.handyservice.de/assets/site/style.top-angebot.css
	https://www.handyservice.de/assets/site/style.top-angebot.css
	https://www.handyhandy.de/assets/site/style.top-angebot.css
*/

/* @group Inhaltsbereiche */

/* @group Bilder */

div.content .img_right_top
{	
	position: absolute;
	right: -20px;
	top: 49px;
}

/* @end */

/* @end */

/* @group Hauptbereich */

/* @group Inhaltsbereich allgemein */

.top_top-angebote div.main span.background_top
{
	background-image: url(/assets/site/images.top-angebot/content_background_top.jpg);
}

.top_top-angebote div.main div.content
{
	width: 751px;
	padding-top: 9px;
}

.top_top-angebote div.main div.content h1,
.top_top-angebote div.main div.content table.h1
{
	display: none;
}

/* @group Aktionsnummer */

.top_top-angebote div.main p.aktionsnummer
{
	display: none;
}

.tpl_17 div.main p.aktionsnummer
{
	display: block;
	position: absolute;
	
	font-size: 11px;
	color: white;
}



/* @end */



/* @end */

/* @group Reiter-Navigation */

div.main div.reiter_navigation
{
	margin-left: -20px;	
	height: 40px;
	
	overflow: hidden;
}

div.main div.reiter_navigation ul
{
	margin: 0;
}

div.main div.reiter_navigation ul li
{
	float: left;
	
	padding: 0;
	background: none;
}

div.main div.reiter_navigation ul li a
{
	float: left;
	display: inline;
	
	height: 40px;
	margin-left: -15px;
	
	text-decoration: none;
	color: #006ec6;
	
	font-family: "Neo Sans W01 Medium", Arial, sans-serif;
	font-size: 14px;
	line-height: 50px;
	
	background-repeat: no-repeat;
}

.windows div.main div.reiter_navigation ul li a
{
	line-height: 46px;
}

div.main div.reiter_navigation ul li a span
{
	float: left;
	height: 40px;
	
	padding: 0 30px 0 20px;
	
	background: url(/assets/site/images.top-angebot/tabnav_entry_background.png) no-repeat;
}

div.main div.reiter_navigation ul li.first a
{
	margin-left: 0;
}

div.main div.reiter_navigation ul li.first a span
{
	background-image: url(/assets/site/images.top-angebot/tabnav_entry_background_first.png);
}

div.main div.reiter_navigation ul li.first.active a span
{
	background-image: url(/assets/site/images.top-angebot/tabnav_entry_background_active_first.png);
}

div.main div.reiter_navigation ul li.last a
{
	padding-right: 10px;
	background-image: url(/assets/site/images.top-angebot/tabnav_entry_background_last_right.png);
	background-position: right top;
}

div.main div.reiter_navigation ul li.last.active a
{
	background-image: url(/assets/site/images.top-angebot/tabnav_entry_background_last_right.png);
}

div.main div.reiter_navigation ul li.last a span
{
	padding-right: 20px;
}

div.main div.reiter_navigation ul li a:hover span
{
	background-position: left bottom;
}

div.main div.reiter_navigation ul li.active a
{
	position: relative;
	padding-right: 10px;
	
	background-image: url(/assets/site/images.top-angebot/tabnav_entry_background_active_right.png);
	background-position: right top;
}

div.main div.reiter_navigation ul li.active a span
{
	padding-right: 20px;
	
	color: white;
	background-image: url(/assets/site/images.top-angebot/tabnav_entry_background_active.png);
}

/* @group Bugfixing IE6 */

.msie6 div.main div.reiter_navigation ul li.active a
{
	background-image: url(/assets/site/images.top-angebot/tabnav_entry_background_last_right.png);
}

.msie6 div.main div.reiter_navigation ul li a:hover span
{
	background-position: left top;
}

.msie6.current_angebot div.main div.reiter_navigation ul li.active a span
{
	background-image: url(/assets/site/images.top-angebot/tabnav_entry_background_active_first.png);
}

/* @end */

/* @group Button: Hier bestellen */

div.main div.reiter_navigation a.button_hier_bestellen
{
	position: absolute;
	right: -31px;
	top: 0;
	
	width: 171px;
	height: 49px;
	
	font-family: "Neo Sans W01 Medium", Arial, sans-serif;
	text-decoration: none;
	font-size: 14px;
	
	color: #c30618;
	background: url(/assets/site/images.top-angebot/tabnav_hier-bestellen.png) no-repeat;
}

.current_bestellung div.main div.reiter_navigation a.button_hier_bestellen
{
	display: none;
}

.msie6 div.main div.reiter_navigation a.button_hier_bestellen
{
	right: -10px;
}

div.main div.reiter_navigation a.button_hier_bestellen span
{
	display: block;
	margin: 24px 0 0 10px;
	
	white-space: nowrap;
}

.msie6 div.main div.reiter_navigation a.button_hier_bestellen span,
.msie7 div.main div.reiter_navigation a.button_hier_bestellen span,
.msie8 div.main div.reiter_navigation a.button_hier_bestellen span
{
	margin-top: 22px;
}



/* @end */

/* @end */

/* @group Seite: Angebot */

/* @group Angebotsbild */

.tpl_17 div.main a.angebotsbild
{
	position: relative;
	z-index: 1;
	
	display: block;
	width: 790px;

	margin: 0 0 30px -20px;
}



/* @end */

/* @group Video-Link */

.tpl_17 div.main a.flowplayer_trigger
{
	position: absolute;
	z-index: 2;
	
	left: 305px;
	top: 190px;
	
	width: 105px;
	height: 85px;
	
	opacity: 0.5;
	
	cursor: pointer;
	cursor: hand;
}

.tpl_17 div.main a.flowplayer_trigger img
{
	position: absolute;
	z-index: 2;
	
	left: 0;
	top: 0;
	
	width: 100%;
	height: 100%;
}

/* @end */

/* @group Bestell-Button */

.tpl_17 div.main a.button_bestellung
{
	position: absolute;
	z-index: 2;
	
	right: -20px;	
	margin-top: -98px;
}

.tpl_17.msie6 div.main a.button_bestellung
{
	right: 1px;
}



/* @end */

/* @group Fußnote */

.tpl_17 div.main p.fussnote
{
	margin-left: 14px;
}



/* @end */

/* @end */

/* @group Seite: Prämien & Produkte */

/* @group Prämien & Beschreibungen */

div.main div.praemie
{
	zoom: 1;
	margin: 20px 0 30px -20px;
}

div.main div.praemie div.left
{
	float: left;
	width: 310px;
	min-height: 100px;
	
	overflow: hidden;
}

div.main div.praemie div.left img
{
	
}

div.main div.praemie div.right
{
	float: left;
	display: inline;
	
	width: 420px;
	padding-left: 40px;
	
	background: url(/assets/site/images.top-angebot/pramien-und-produkte_plus.png) no-repeat 12px 0;
}

div.main div.praemie div.right h2
{
	margin-top: 0;
	margin-bottom: 20px;
}

/* @group Video-Buttons */

div.main div.praemie a.flowplayer_trigger
{
	display: block;
	width: 97px;
	height: 74px;
	overflow: hidden;
	
	margin-bottom: 12px;
	text-indent: -1000em;
	
	background: url(/assets/site/images.default/button-produktvideo.png) no-repeat;
	
	cursor: pointer;
	cursor: hand;
}

div.main div.praemie a.flowplayer_trigger.android_market
{
	background-image: url(/assets/site/images.default/button-produktvideo_android_market.png);
}

div.main div.praemie a.flowplayer_trigger.ansicht_360_grad
{
	background-image: url(/assets/site/images.default/button-360-grad-ansicht.png);
}



/* @end */



/* @end */

/* @group Bestell-Button */

.tpl_19 div.main a.button_bestellung
{	
	float: right;
	position: relative;
	
	margin-right: -20px;
	margin-bottom: -20px;
}

.tpl_19.msie6 div.main a.button_bestellung,
.tpl_19.msie7 div.main a.button_bestellung
{
	margin-bottom: -23px;
}


/* @end */

/* @group Fußnote */

.tpl_19 div.main p.fussnote
{
	position: absolute;
	left: 343px;
	padding-top: 40px;
}

.tpl_19.msie6 div.main p.fussnote,
.tpl_19.msie7 div.main p.fussnote
{
	padding-top: 70px;
}



/* @end */

/* @group Hintergründe */

.tpl_19 div.main 
{	
	background-image: url(/assets/site/images.top-angebot/pramien-und-produkte_content_background.png);
}

.tpl_19 div.main span.background_top
{
	background-image: url(/assets/site/images.top-angebot/pramien-und-produkte_content_background_top.png) !important;
}

.tpl_19 div.main span.background_bottom
{
	background-image: url(/assets/site/images.top-angebot/pramien-und-produkte_content_background_bottom.png);
}

/* @group Bugfixing IE6 */

.msie6.tpl_19 div.main 
{	
	background-image: url(/assets/site/images.top-angebot/pramien-und-produkte_content_background_msie6.png);
}

.msie6.tpl_19 div.main span.background_top
{
	background-image: url(/assets/site/images.top-angebot/pramien-und-produkte_content_background_top_msie6.png);
}

.msie6.tpl_19 div.main span.background_bottom
{
	background-image: url(/assets/site/images.top-angebot/pramien-und-produkte_content_background_bottom_msie6.png);
}



/* @end */



/* @end */



/* @end */

/* @group Seite: Tarif */

/* @group Freie Netzwahl */

.tpl_20 div.main form.freie_netzwahl
{
	overflow: hidden;
	
	margin-top: 20px;
	margin-bottom: 20px;
	
	padding: 8px 0 12px 8px;
	
	
	color: white;
	background: #234e7b;
}

.tpl_20.msie6 div.main form.freie_netzwahl
{
	height: 40px;
}

.tpl_20 div.main form.freie_netzwahl h2
{
	float: left;
	display: inline;
	
	margin: 0 30px 0 0;
	
	color: white;
}

.tpl_20 div.main form.freie_netzwahl p.Netzbetreiber
{
	margin-top: 6px;
}

.tpl_20 div.main form.freie_netzwahl p.Netzbetreiber label
{
	float: left;
	display: inline;
	
	margin-right: 25px;
}

.tpl_20 div.main form.freie_netzwahl p.Netzbetreiber label span
{
	float: left;
	display: inline;
	
	width: 54px;
	height: 38px;
	
	margin-right: 10px;
	text-indent: -1000em;
	
	background-repeat: no-repeat;
}

.tpl_20 div.main form.freie_netzwahl p.Netzbetreiber label.Netzbetreiber_T-Mobile span
{
	background-image: url(/assets/images/netzbetreiber/sim_t-mobile.png);
}

.tpl_20 div.main form.freie_netzwahl p.Netzbetreiber label.Netzbetreiber_Vodafone span
{	
	background: url(/assets/images/netzbetreiber/sim_vodafone.png);
}

.tpl_20 div.main form.freie_netzwahl p.Netzbetreiber label.Netzbetreiber_E-Plus span
{	
	background: url(/assets/images/netzbetreiber/sim_e-plus.png);
}

.tpl_20 div.main form.freie_netzwahl p.Netzbetreiber label.Netzbetreiber_o2 span
{	
	background: url(/assets/images/netzbetreiber/sim_o2.png);
}



/* @end */

/* @group Tarif-Übersicht */

.tpl_20 div.main table.tarif_uebersicht
{
	
}



/* @end */

/* @group Tarif-Details */

.tpl_20 div.main table.tarif_details_wrapper
{
	margin: 0;
}

.tpl_20 div.main table.tarif_details_wrapper tr th,
.tpl_20 div.main table.tarif_details_wrapper tr td
{
	padding: 0;
}

.tpl_20 div.main table.tarif_details_wrapper tr th.leer,
.tpl_20 div.main table.tarif_details_wrapper tr td.leer
{
	width: 24px;
}

.tpl_20 div.main table.tarif_details
{
	
}

.tpl_20 div.main table.tarif_details tr th
{
	padding: 4px 8px;
	border: none;
}

.tpl_20 div.main table.tarif_details tr th.leer
{
	padding: 0;
	background: none;
}

.tpl_20 div.main table.tarif_details tr th h2
{
	margin: 0;
}

.tpl_20 div.main table.tarif_details tr td
{
	padding: 4px 8px;
	vertical-align: middle;
}

.tpl_20 div.main table.tarif_details tr.hell td
{
	background: #e6e6e5;
}

.tpl_20 div.main table.tarif_details tr.dunkel td
{
	background: #cfd0ce;
}

.tpl_20 div.main table.tarif_details tr.rot td
{
	color: white;
	background: #c30618;
	
	border: none;
}

.tpl_20 div.main table.tarif_details tr td.beschreibung
{
	
}

.tpl_20 div.main table.tarif_details tr td.preis
{
	text-align: right;
	border: none;
}


.tpl_20 div.main table.tarif_details tr td.leer
{
	padding: 0;
	
	border: none;
	background: none;
}

.tpl_20 div.main table.tarif_details tr td.tarifzugabe
{
	width: 362px;
	height: 183px;
	
	padding: 0;
	
	text-align: center;
	vertical-align: middle;
	
	border: none;
	background: #d7dedf;
}

.tpl_20.msie6 div.main table.tarif_details tr td.tarifzugabe
{
	background: #dbe9ec;
}

.tpl_20 div.main table.tarif_details tr td.tarifzugabe img
{
	display: inline;	
}



/* @end */

/* @group Bestell-Button */

.tpl_20 div.main a.button_bestellung
{
	position: absolute;
	
	right: -20px;
	margin-top: -88px;
}



/* @end */

/* @group Fußnote */

.tpl_20 div.main p.fussnote
{
	margin-left: 14px;
}



/* @end */

/* @end */

/* @group Seite: Bestellung */

.tpl_21 div.main div.formulartext
{
	width: 500px;
}

/* @group Seiten-Anzeige */

.tpl_21 div.main ul.pages
{
	height: 25px;
	overflow: hidden;
	
	margin-top: 30px;
	margin-bottom: 20px;
	padding-left: 20px;
	
	
	border-bottom: 1px dotted #6e6f71;
}

.tpl_21 div.main ul.pages li
{
	float: left;
	width: 180px;
	height: 25px;
	
	margin-right: 10px;
	padding: 0;
	
	font-family: "Neo Sans W01 Medium", Arial, sans-serif;
	font-weight: normal;
	line-height: 26px;
	
	color: #6e6f71;
	background: url(/assets/site/images.top-angebot/bestellung_pages.png) no-repeat;
}

.tpl_21 div.main ul.pages li span
{
	float: left;
	display: inline;
	
	width: 20px;
	margin-right: 22px;
	
	text-align: center;
	
	color: white;
}

.tpl_21 div.main ul.pages li.active
{
	color: white;
	background-position: left bottom;
}

/* @end */

/* @group Formular */

.tpl_21 div.main form
{
	margin-left: 20px;
	margin-right: 20px;
}

/* @group Absatzformate */

.tpl_21 div.main form h2
{
	
	margin-bottom: 12px;
}

/* @end */

/* @group Prämienauswahl */

.tpl_21 div.main form p.Praemienauswahl
{
	width: 560px;
	height: auto;
	overflow: hidden;
	
	margin-bottom: 20px;
	padding-bottom: 10px;
	
	border-bottom: 1px solid #76889c;
}

.msie8.tpl_21 div.main form p.Praemienauswahl
{
	border: none;
}

.tpl_21 div.main form p.Praemienauswahl span.label 
{
	font-family: "Neo Sans W01 Medium", Arial, sans-serif;
}

.tpl_21 div.main form p.Praemienauswahl span.input
{
	float: left;
}

.tpl_21 div.main form p.Praemienauswahl span.input label
{
	float: left;
	clear: left;
	
	padding-bottom: 4px;
}

.tpl_21 div.main form p.Praemienauswahl span.input label span
{
	font-family: "Neo Sans W01 Medium", Arial, sans-serif;
	white-space: nowrap;
}

.tpl_21 div.main form p.Praemienauswahl label input
{
	top: 2px;
}

.msie6.tpl_21 div.main form p.Praemienauswahl label input,
.msie7.tpl_21 div.main form p.Praemienauswahl label input
{
	top: 0px;
}

/* @end */

/* @group Geburtsdatum */

.tpl_21 div.main form #Form_Geburtsdatum_Monat
{
	width: 70px;
}

.tpl_21 div.main form #Form_Geburtsdatum_Jahr
{
	width: 64px;
}



/* @end */

/* @group Netzbetreiber */

.tpl_21 div.main form h3.Netzbetreiber
{
	margin-bottom: 0;
	padding: 10px 0 0 200px;
}

.tpl_21 div.main form p.Netzbetreiber
{
	height: 60px;
	padding-top: 20px;
	margin-bottom: 0;
	
	background: url(/assets/images/bestellung/unsere-empfehlung.png) no-repeat 70px 6px;
}

.tpl_21 div.main form p.Netzbetreiber img.teaser
{
	position: absolute;
	top: -128px;
	right: -25px;
}

.tpl_21.msie6 div.main form p.Netzbetreiber
{
	background: none;
}

.tpl_21 div.main form p.Netzbetreiber label
{
	float: left;
	padding-right: 0;
}

.tpl_21 div.main form p.Netzbetreiber label input
{
	float: left;
}

.tpl_21 div.main form p.Netzbetreiber label span
{
	float: left;
	display: inline;
	
	width: 54px;
	height: 38px;
	
	margin-right: 10px;
	text-indent: -1000em;
	
	background-repeat: no-repeat;
}

.tpl_21 div.main form label.Netzbetreiber_T-Mobile span
{
	background-image: url(/assets/images/netzbetreiber/sim_t-mobile.png);
}

.tpl_21 div.main form label.Netzbetreiber_Vodafone span
{	
	background: url(/assets/images/netzbetreiber/sim_vodafone.png);
}

.tpl_21 div.main form label.Netzbetreiber_E-Plus span
{	
	background: url(/assets/images/netzbetreiber/sim_e-plus.png);
}

.tpl_21 div.main form label.Netzbetreiber_o2 span
{	
	background: url(/assets/images/netzbetreiber/sim_o2.png);
}



/* @end */

/* @group Personalausweisnummer */

.tpl_21 div.main form p.ausweisnummer
{
	width: 415px;
	margin-bottom: 20px;
}

.tpl_21 div.main form p.Personalausweisnummer
{
	width: 735px;
	height: 70px;
	
	border: none;
}

.tpl_21 div.main form p.Personalausweisnummer img.Personalausweis
{
	position: absolute;
	z-index: 1;
	
	top: -13px;
	right: 0;
}

/* @end */

/* @group oder */

.tpl_21 div.main form p.oder
{
	height: 70px;
}

/* @end */

/* @group Reisepassnummer */

.tpl_21 div.main form p.Reisepassnummer
{
	width: 735px;
	height: 50px;
}

.tpl_21 div.main form p.Reisepassnummer img.Reisepass
{
	position: absolute;
	z-index: 1;
	
	top: -5px;
	right: 0;
}

/* @end */

/* @group Bankverbindung */

.tpl_21 div.main form p.bankverbindung
{
	width: 415px;
	margin-bottom: 20px;
}

/* @end */

/* @group Datenflat */

.tpl_21 div.main form p.Datenflat
{
	min-height: 150px;
	background: url(/assets/images/bestellung/teaser_datenflat.jpg) no-repeat 0 25px;	
}

.tpl_21.msie6 div.main form p.Datenflat
{
	height: 150px;
}

.tpl_21 div.main form p.Datenflat em.hinweis
{
	margin-bottom: 0;
}

/* @end */

/* @group Upgrade-Optin */

.tpl_21 div.main form p.UpgradeOptin2
{
	height: 155px;
	background: url(/assets/images/bestellung/teaser_upgrade-optin.jpg) no-repeat 0 25px;
}

/* @group Upgrade-Overlay */

div#upgrade_overlay
{
	display: none;
	
	padding: 20px;
	
	background: white;
	
	-moz-box-shadow: 0px 0px 10px #191919;
	-webkit-box-shadow: 0px 0px 10px #191919;
	box-shadow: 0px 0px 10px #191919;
}

.msie7 div#upgrade_overlay,
.msie8 div#upgrade_overlay
{
	border: 2px solid #0083ce;
}

div#upgrade_overlay div.content h2
{
	margin-top: 0;
	margin-bottom: 15px;
	
	font-size: 18px;
	text-align: center;
}

div#upgrade_overlay div.content p
{
	font-size: 14px;
}

div#upgrade_overlay div.content p.selection
{
	overflow: hidden;
	margin-top: 25px;
	margin-bottom: 5px;
}

div#upgrade_overlay div.content p.selection a
{
	margin-bottom: 5px;
	padding: 4px 8px;
	
	font-size: 14px;
	text-decoration: none;
	
	color: white;
	background: #234e7b;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0px 0px 5px #666666;
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
	
	behavior: url(/assets/js/PIE.htc);
}

div#upgrade_overlay div.content p.selection a:hover
{
	text-decoration: underline;
}

div#upgrade_overlay div.content p.selection a.ja
{
	float: left;
	margin-right: 40px;
	
	background: #47a51b;
}

div#upgrade_overlay div.content p.selection a.nein
{
	float: left;
	
	background: #c30317;
}

div#upgrade_overlay div.content p.selection a strong
{
	font-size: 18px;
	margin-right: 5px;
}

div#upgrade_overlay a.close
{
	display: none;
}

/* @end */

/* @end */

/* @group Cross-Selling-Optin */

.tpl_21 div.main form p.CrossSellingOptin2
{
	height: auto;
	background: url(/assets/images/bestellung/teaser_cross-selling-optin.jpg) no-repeat 0 15px;
}

/* @end */

/* @group Widerrufsbelehrung */

.tpl_21 div.main p.widerrufsbelehrung
{
	padding-top: 50px;
}

/* @end */

/* @group Buttons */

.tpl_21 div.main form p.button
{	
	padding-top: 30px;
}



/* @end */

/* @group Info SSL-Verschlüsselung */

.tpl_21 div.main div.ssl_info span.GeoTrust a
{
	float: right;
	display: inline;
	
	margin: 6px 0 0 20px;
}

.tpl_21 div.main div.ssl_info span.thawte a
{
	float: right;
	display: inline;
	
	margin: 0 0 0 20px;
}

/* @end */

/* @end */

/* @end */

/* @end */
