/**********************************/
/* Global CSS Mobielinternetbestellen.nl */
/* Version: 1.6
Latest change: 03-02-2011      
Changelog:
- Basic setup CSS
***********************************/
/**********************************/
/* Globals */
/**********************************/
*							{ margin:0; padding:0; outline:none;}
body			 			{ font-family:Arial, Verdana, Geneva, sans-serif; font-size:9pt; line-height:18px; color:#333333;}
h1, h2, h3, h4, h5, h6, 
p							{ width:100%; float:left; text-align:left; font-weight:normal;}
p							{ margin:7px 0 0 0;}
h1							{ font-size:13pt; margin:10px 0;}
h2							{ font-size:12pt; margin:10px 0; color:#E75014;}
h3							{ font-size:12pt; margin:10px 0 0;}
h4							{ font-size:11pt; color:#0392c1; margin:0 0 10px 0;}
h5							{ font-size:9pt; margin:10px 0 0; font-weight:bold;}
ul							{ width:100%; float:left; list-style:none; }
a, a:link				{ color:#157BB0; text-decoration:underline; outline:none;}
a:hover					{ color:#5FACFB;}
img						{ border:none;}
/**********************************/
/* Holders */
/**********************************/
#menuholder,						
#menu,						
#submenu,
#contentholder,
#offer_home,
#offer_category,
#providerholder,
#footerholder			{ width:100%; float:left;}
#menu,						
#submenu,
#offer_home,
#offer_category,
#footerholder,
.menu_items li a:hover,
.menu_items li a.active,
.field					{ background:url(http://shared.nedconcepts.nl/images/mobielinternetbestellen/layout/rep-bg.png) repeat-x 0 0;}	
#menuholder,
#providerholder			{ margin:10px 0 0 0;}
#menu,						
#submenu					{ height:32px; }
#submenu					{ background-position:0 -33px; margin:-1px 0 0 0; }
#offer_home				{ background-position:0 -66px;}
#offer_category		{ background-position:0 -267px;}
#ubr						{ width:240px; float:left; max-height:200px;}
#footerholder			{ min-height:190px; margin:20px 0 0; padding:0 0 30px 0; background-position:0 -610px; background-color:#dbdbdb;}
.field					{ border:none; background-position:0 -468px;}
#q							{ width:140px; height:20px; float:left; }
#phonenumber			{ width:158px; height:20px; float:left;}
.popup_holder			{ width:100%; float:left; background-color:#ffffff;  padding:0 0 20px 0;}
/**********************************/
/* Elements and Icons */
/**********************************/
.check,
.cross,
.rightblock_top,
.rightblock_bottom,
.offer_specs_list li,
.offer_specs_bottom,
.paging_item,				
.jshowoff-1_active,
.button_order,
.button_order_overview,
.offer_logo_hi,
.offer_logo_kpn,
.offer_logo_tele2,
.offer_logo_telfort,
.offer_logo_t-mobile,
.offer_logo_vodafone,
.offer_logo_xs4all,
.hi_logo,
.kpn_logo,
.tele2_logo,
.telfort_logo,
.tmobile_logo,
.vodafone_logo,
.xs4all_logo,
.arrow_blue,
.arrow_blue_long,
.arrow_orange,
.dealerlist li,
.social_share li,
.leftmenu li a,
.leftmenu li a:hover,
.leftmenu li a.active,
.bc_arrow,
.tip_trigger,
h4.tooltip_header,
.frmel_help,
.errorMessage,
h2.trigger,
h2.triggerfirst,
.route_image_1,
.route_image_2,
.route_image_3,
.route_image_4,
.searchbox_left,
.call_me_left,
.button_cta,
.phone,
.mail,
.twitter,
.prod_offer_list li,
.jshowoff-play,
.jshowoff-paused,
.jshowoff-prev,
.jshowoff-next,
.page_button_cta		{ background:url(http://shared.nedconcepts.nl/images/mobielinternetbestellen/layout/elements.png) no-repeat scroll left top transparent;}
.check,
.cross,
.arrow_blue,
.arrow_orange,
.offer_specs_list li	{ height:16px; margin:0 0 10px; padding:0 0 0 20px;}
.arrow_blue_long		{ margin:0 0 10px; padding:0 0 10px 20px;}
.phone,
.mail,
.twitter					{ height:18px; margin:0 0 10px; padding:5px 0 0 30px;}
.check					{ background-position:0 2px;}
.cross					{ background-position:-15px -14px;}
.arrow_blue				{ background-position:-209px -27px;}
.arrow_blue_long		{ background-position:-209px -27px;}
.arrow_orange			{ background-position:-44px -42px;}
.offer_specs_list li	{ background-position:-44px -42px;}
.phone					{ background-position:-59px -59px;}
.mail						{ background-position:-83px -83px;}
.twitter					{ background-position:-107px -107px;}
.rightblock_top		{ background-position:0 -203px;}
.rightblock_bottom	{ background-position:0 -215px;}
.searchbox_left		{ background-position:-280px -461px;}
.call_me_left          { background-position:-301px -461px;}
.searchbox_left,
.call_me_left			{ width:20px; height:20px; float:left;}
.button_order			{ width:96px; height:29px; background-position:-140px -462px;}
.button_order_overview
							{ width:60px; height:18px; background-position:-365px -303px;}
.button_cta				{ width:139px; height:29px; float:right; background-position:0 -462px;}
.page_button_cta		{ width:166px; height:29px; float:left; margin:10px 0 0 0; background-position:-274px -646px;}	
.button_cta a,
.button_order a,
.button_order_overview a,
.page_button_cta 
							{ text-decoration:none;}
.button_order_overview a span.button_text 
							{ width:100%; float:left; margin:0; text-align:center; color:#ffffff; font-size:9pt; font-weight:bold;}
.button_cta a:hover,
.button_order a:hover,
.button_order_overview a:hover,
.page_button_cta 	
							{ text-decoration:underline; color:#ffffff;}
.button_text			{ width:100%; float:left; margin:5px 0 0 0; text-align:center; color:#ffffff; font-size:10pt; font-weight:bold;}
.menu_text				{ width:100%; float:left; text-align:center; color:#333333; font-size:11pt;}
.menu_text:hover		{ color:#ffffff;}
.submenu_text			{ width:100%; float:left; text-align:center; color:#333333; font-size:9pt;}
.submenu_text:hover	{ color:#ffffff;}
.zoekbox					{ width:215px; float:left;}
/**********************************/
/* Containers */
/**********************************/
#content_container,
#menu_container,
#submenu_container,
#offer_container,
#provider_container,
#footer_container		{ width:960px; margin:0 auto;}
.rightblock_top,
.rightblock_bottom	{ width:240px; height:10px; float:left;}
.rightblock_center	{ width:218px; float:left; padding:0 10px; border:1px solid #cfcfcf; border-top:none; border-bottom:none; background-color:#ffffff;}
#helpdesk				{ width:238px; padding:0;}
.popup_container		{ width:95%; margin:10px auto;}
/**********************************/
/* #menu_container specific rules */
/**********************************/
.menu_items				{ width:740px;}
.menu_items li			{ float:left; height:31px; font-size:11pt; }
.menu_items li a		{ padding:6px 0 4px 0; height:21px !important;  text-decoration:none;}
.menu_items li a:hover,
.menu_items li a.active,
.menu_items li a.active span 
							{ color:#ffffff; background-position:0 -33px;}
.home,
.menu_items li.home a	
							{ width:65px !important;}
.abonnementen,
.menu_items li.abonnementen a 
							{ width:125px !important;}
.alles_over,
.menu_items li.alles_over a 
							{ width:90px !important;}
.support,
.menu_items li.support a 
							{ width:75px !important;}
.over_ons,
.menu_items li.over_ons a 
							{ width:85px !important;}
.snel_meer_over,
.menu_items li.snel_meer_over a 
							{ width:125px !important;}
.nieuws,
.menu_items li.nieuws a	
							{ width:75px !important;}
/**********************************/
/* #submenu specific rules */
/**********************************/
.submenu_items			{ width:960px;}
.submenu_items li		{ float:left; height:31px; font-size:11pt; }
.submenu_items li a		
							{ padding:6px 0 4px 0; height:21px !important;  text-decoration:none;}
.submenu_items li a:hover,
.submenu_items li a.active,
.submenu_items li a.active span 
							{ color:#ffffff; background-position:0 -33px;}
.abonnementen_modem,
.submenu_items li.abonnementen_modem a 
							{ width:160px !important;}
.simonly,
.submenu_items li.simonly a 
							{ width:65px !important;}
.tablet_simonly,
.submenu_items li.tablet_simonly a 
							{ width:95px !important; ;}
.prepaid,
.submenu_items li.prepaid a 
							{ width:65px !important; }
.providers,
.submenu_items li.providers a 
							{ width:65px !important;}
.techniek,
.submenu_items li.techniek a 
							{ width:70px !important;}
.dekking_provider,
.submenu_items li.dekking_provider a 
							{ width:110px !important;}
.kosten_gebruik,
.submenu_items li.kosten_gebruik a 
							{ width:100px !important;}
.waar_opletten,
.submenu_items li.waar_opletten a 
							{ width:145px !important;}
.onzerol,
.submenu_items li.onzerol a 
							{ width:70px !important;}
.mib
.submenu_items li.mib a 
							{ width:155px !important;}
.faq,
.submenu_items li.faq a 
							{ width:135px !important;}
.contactgegevens,
.submenu_items li.contactgegevens a 
							{ width:65px !important;}
.procedure,
.submenu_items li.procedure a 
							{ width:115px !important;}
.status,
.submenu_items li.status a 
							{ width:90px !important;}
.nieuwsbrief,
.submenu_items li.nieuwsbrief a 
							{ width:85px !important;}
.privacy,
.submenu_items li.privacy a 
							{ width:70px !important;}
.disclaimer,
.submenu_items li.disclaimer a 
							{ width:75px !important;}
.voorwaarden,
.submenu_items li.voorwaarden a 
							{ width:155px !important;}
/**********************************/
/* #contentholder specific rules */
/**********************************/
#offer_home,
#offer_category		{ height:200px; margin:10px 0 0 0;}
.offer_rotator,
#main						{ width:710px; float:left; padding:0 10px 0 0;}
#right					{ width:240px; float:left;}
#main,
#right					{ margin:10px 0 0 0;}
.spacer					{ width:1px; height:10px; float:left;}
#left						{ width:170px; float:left; padding:0 10px 0 0;}
#middle					{ width:530px; float:left;}
#breadcrumbs			{ width:100%; height:15px; float:left; padding:5px 0; font-size:8pt; color:#888888;}
.bc li					{ float:left; margin:0 5px 0 0; padding:0;}
.bc li a					{ color:#888888; text-decoration:none;}
.bc li a:hover			{ color:#5FACFB; text-decoration:none;}
.bc_arrow				{ background-position:0 -338px;}
.bc_active				{ font-weight:bold;}
.route_block1			{ width:335px; float:left; padding:0 10px 10px 0; margin:0 10px 10px 0;}
.route_block2			{ width:334px; float:left; padding:0 0 10px 10px; margin:0 0 10px 0; border-left:1px solid #cccccc;}
.route_block3			{ width:335px; float:left; padding:10px 10px 0 0; margin:10px 10px 0 0; }
.route_block4			{ width:334px; float:left; padding:10px 0 0 10px; margin:10px 0 0 0; border-left:1px solid #cccccc; }
.route_border_l,
.route_border_r		{ width:345px; float:left; border-top:1px solid #cccccc;}
.route_border_l		{ margin:0 20px 0 0;}
.route_orange			{ color:#e75014; padding:5px 0;}
.route_text				{ width:234px; float:left;}
.route_image_1,
.route_image_2,
.route_image_3,
.route_image_4,
.route_image			{ width:100px; height:100px; float:left;}
.route_image_1			{ background-position:0 -360px;}
.route_image_2			{ background-position:-101px -360px;}
.route_image_3			{ background-position:-202px -360px;}
.route_image_4			{ background-position:-303px -360px;}
.route_list				{ margin:10px 0 0 0;}
.phonenumber			{ float:left; margin:0 10px 0 0; font-size:10pt; font-weight:bold;}
.smallfont				{ float:left; font-size:8pt;}
.bottom_choices		{ width:100%; float:left; margin:20px 0;}
.option1_small			{ width:160px; float:left; padding:0 10px 0 0; border-right:1px solid #cccccc;}
.option2_small			{ width:159px; float:left; margin:0 0 0 10px; padding:0 10px 0 0; border-right:1px solid #cccccc;}
.option3_small			{ width:159px; float:left; margin:0 0 0 10px; padding:0 10px 0 0; border-right:1px solid #cccccc;}
.option4_small			{ width:159px; float:left; margin:0 0 0 10px; padding:0 10px 0 0;}
.option_text			{ float:left;}
.option1_big			{ width:335px; float:left; padding:0 10px 10px 0; margin:0 10px 10px 0;}
.option2_big			{ width:334px; float:left; padding:0 0 10px 10px; margin:0 0 10px 0; border-left:1px solid #cccccc;}
.option1_medium		{ width:249px; float:left; padding:0 10px 10px 0; margin:0 10px 10px 0;}
.option2_medium		{ width:249px; float:left; padding:0 0 10px 10px; margin:0 0 10px 0; border-left:1px solid #cccccc;}
.leftmenu,
.offer_leftmenu		{ margin:30px 0 0 0;}
.leftmenu li			{ width:170px; float:left; padding:5px 0;}
.leftmenu li a			{ padding:0 0 0 10px; background-position:0 -496px;}
.leftmenu li a:hover	{ background-position:0 -560px;}
.leftmenu li a.active 
							{ color:#E75014; background-position:0 -617px; text-decoration:none;}
/**********************************/
/* #offer_rotator rules */
/**********************************/
.hi_logo,
.kpn_logo,
.tele2_logo,
.telfort_logo,
.tmobile_logo,
.vodafone_logo,
.xs4all_logo			{ width:70px; height:45px; float:left; margin:0;}
.hi_logo					{ background-position:0 -229px;}
.kpn_logo				{ background-position:-71px -229px;}
.tele2_logo				{ background-position:-142px -229px;}
.telfort_logo			{ background-position:-213px -229px;}
.tmobile_logo			{ background-position:-284px -229px;}
.vodafone_logo			{ background-position:-355px -229px;}
.xs4all_logo			{ background-position:0 -276px;}
.offer_visual			{ width:170px; height:200px; float:left;}
.offer_specs			{ width:540px; height:160px; float:left;}
.offer_left,
.offer_paging			{ width:440px; float:left; display:block;}
.offer_logo_hi,
.offer_logo_kpn,
.offer_logo_tele2,
.offer_logo_telfort,
.offer_logo_t-mobile,
.offer_logo_vodafone,
.offer_logo_xs4all	{ width:70px; height:45px; float:left; margin:38px 0 0 23px; border:1px solid #cccccc;}
.offer_logo_hi			{ background-position:0 -229px;}
.offer_logo_kpn		{ background-position:-71px -229px;}
.offer_logo_tele2		{ background-position:-142px -229px;}
.offer_logo_telfort	{ background-position:-213px -229px;}
.offer_logo_t-mobile	{ background-position:-284px -229px;}
.offer_logo_vodafone	{ background-position:-355px -229px;}
.offer_logo_xs4all	{ background-position:0 -276px;}
.offer_specs_field	{ width:439px; height:106px; float:left; border:1px solid #cccccc; border-bottom:none; border-left:none; background-color:#ffffff;}
.offer_specs_bottom	{ width:440px; height:15px; float:left; background-position:0 -322px; background-color:transparent;}
.offer_specs_list		{ margin:7px 0 0 0;}
.offer_bottom			{ width:540px; float:left;}
.pager					{ width:370px; display:block; position:absolute; margin:160px 0 0 160px; clear:both; *display:none;}
.paging_item,				
.jshowoff-1_active	{ width:20px; height:20px; float:left; margin:0 10px 0 0;}
.paging_item			{ background-position:-238px -461px;}				
.jshowoff-1_active	{ background-position:-259px -461px;}
#rotator_button		{ float:left; margin:65px 0 0 4px;}
.rotator_button		{ float:left; margin:65px 0 0 4px;}
.jshowoff				{ width:710px; float:left; }
#features				{ float:left;} 
.jshowoff-controls	{ float:left; position:absolute; margin:160px 0 0 530px; *display:none;}
.jshowoff-play,
.jshowoff-paused,
.jshowoff-prev,
.jshowoff-next			{ width:20px; height:20px; float:left; margin:0 10px 0 0; }
.jshowoff-play			{ background-position:-241px -179px;}
.jshowoff-paused		{ background-position:-212px -179px;}
.jshowoff-prev			{ background-position:-270px -179px;}
.jshowoff-next			{ background-position:-299px -179px;}
/**********************************/
/* UL's and Li's */
/**********************************/
.dealerlist				{ width:860px; margin:0 auto; padding:10px 0 0 0; float:none;}
.dealerlist li			{ width:70px; height:45px; float:left; margin:0 50px 0 0;}
.social_share li		{ width:23px; height:23px; float:left; margin:0 20px 0 0;}
.dealerlist li a,
.social_share li a,
.button_cta a,
.button_order a,
.button_order_overview a,
.paging_item a,
.jshowoff-1_active a,
.tip_trigger,
.menu_items li a,
.submenu_items li a,
.leftmenu li a,
.ui-tabs-nav a			{ width:100%; height:100%; float:left; display:block; position:relative;}
li.hi						{ background-position:0 -229px;}
li.kpn					{ background-position:-71px -229px;}
li.tele2					{ background-position:-142px -229px;}
li.telfort				{ background-position:-213px -229px;}
li.tmobile				{ background-position:-284px -229px;}
li.vodafone				{ background-position:-355px -229px;}
li.xs4all				{ background-position:0 -276px;}
li.share_twitter		{ background-position:-179px -179px; cursor:pointer;}
li.share_facebook		{ background-position:-155px -155px; cursor:pointer;}
li.share_hyves			{ background-position:-131px -131px; cursor:pointer;}
li.share_twitter span.tip_trigger,
li.share_facebook span.tip_trigger,
li.share_hyves span.tip_trigger	
							{ background:none; cursor:pointer;}
/**********************************/
/* #providerholder specific rules */
/**********************************/
#provider_container	{ padding:10px 0 0 0; border-top:dashed 1px #cccccc;}
.officialtext			{ width:450px; margin:0 auto; float:none; color:#888888;}
/**********************************/
/* #footerholder specific rules */
/**********************************/
.footerheading			{ margin:20px 0 10px; font-size:16px; color:#666666; }
.footerlist				{ color:#444444;}
.footer_left,
.footer_middle			{ width:298px; float:left; margin:10px 0 0; padding:0 10px;}
.footer_right			{ width:310px; float:left; margin:10px 0 0; padding:0 0 0 10px;}
.footer_bottom			{ width:100%; float:left; text-align:right; margin:20px 0 10px 0; font-size:8pt;}
/********************/
/* Tooltip Styles */
/********************/
.tip 						{ max-width:350px; background-color:#efefef; display:none; padding:10px; position:absolute; z-index:1000; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #CCCCCC; }
.tip_trigger 			{ width:20px; height:20px; display:block; position:relative; background-position:-321px -462px; text-decoration:none; cursor:help; }
h4.tooltip_header 	{ width:92%; height:20px; display:block; background-position:-341px -462px; font-size:11pt; padding:0 0 5px 25px; border-bottom:1px dashed #cccccc; margin:0 0 10px 0;}
h5.tooltip_header 	{ width:92%; font-size:10pt; padding:0; margin:10px 0 0 0;}
/********************/
/* Toggle containers */
/********************/
h2.trigger,
h2.triggerfirst 		{ height:20px; font-size:9pt; font-weight:bold; float:left; margin:0; padding:0 0 0 25px; cursor:pointer;}
h2.trigger a,
h2.triggerfirst a 	{ width:100%; display:block; outline:none; padding:2px 0; }
h2.trigger a:hover,
h2.triggerfirst a:hover 
							{ color:#5FACFB; }
h2.trigger 				{ background-position:-322px -582px; }
h2.triggerfirst 		{ background-position:-322px -603px; }
h2.active 				{ background-position:-322px -603px; }
h2.triggerfirst.active 
							{ background-position:-322px -582px; }
.toggle_container,
.toggle_containerfirst 	
							{ width:100%; margin:0 0 5px; padding:0; overflow:hidden; clear:both; }
/********************/
/* Supportpage */
/********************/
.faq_image,
.contact_image,
.status_image,
.procedure_image,
.newsletter_image,
.technic_image,
.coverage_image,
.usage_image,
.attention_image,
.abo_modem_image,
.sim_only_image,
.tablet_sim_only_image,
.prepaid_image,
.providers_image		{ width:100px; height:100px; float:left; background:url(http://shared.nedconcepts.nl/images/mobielinternetbestellen/layout/icons.png) no-repeat scroll left top transparent;}
.faq_image				{ background-position:0 0;}
.contact_image			{ background-position:-100px 0;}
.status_image			{ background-position:-200px 0;}
.procedure_image		{ background-position:-300px 0;}
.newsletter_image		{ background-position:-400px 0;}
.technic_image			{ background-position:-500px 0;}
.coverage_image		{ background-position:-600px 0;}
.usage_image			{ background-position:-700px 0;}
.attention_image		{ background-position:-800px 0;}
.abo_modem_image		{ background-position:-900px 0;}
.sim_only_image		{ background-position:-1000px 0;}
.tablet_sim_only_image
							{ background-position:-1100px 0;}
.prepaid_image			{ background-position:-1200px 0;}
.providers_image		{ background-position:-1300px 0;}
/********************/
/* Random */
/********************/
#sb-body, #sb-loading{ background-color:#ffffff !important;}