*
{
    padding: 0;
    margin: 0;
}

/*This CSS class is used to make content that normally cannot be parsed, like text in images, available for special browsers and bots.*/
.crawlableContent{
visibility:hidden;
}

html, body 
{ 
    font: 8pt tahoma;    
}

h1
{
    border: 1px solid;
    font: normal normal bold 10pt Arial;
    color: black;
    height: 16px;
    padding-left: 3px;
    border-color: #c6c6c6;
    background: #f6f6f6 url(../images/grayheading.jpg) repeat-x;
}

h1.Gray
{
    background: #f6f6f6 url(../images/grayheading.jpg) repeat-x;
}
h2.Gray{
    border: 1px solid;
    font: normal normal bold 10pt Arial;
    color: black;
    height: 16px;
    padding: 2px 0px 2px 3px ;
    border-color: #c6c6c6;
    background: #f6f6f6 url(../images/grayheading.jpg) repeat-x;
}

h1.Blue,#rightcol h1
{
    border-color: #6490c4;
    background: #a5d8f0 url(../images/blueheading.jpg) repeat-x;
}

h1.newstitle{
background:none;
font-size:14px;
border:none;
margin:5px 0px 10px 0px;
}

h3.Gray/*nieuwe stijl*/
{
	border: 1px solid;
    font: normal normal bold 10pt Arial;
    color: black;
    height: 19px;
	line-height:18px;
	text-indent: 5px;
    border-color: #c6c6c6;
    background: #f6f6f6 url(../images/layout/bg-header-gray.png) repeat-x;
    border-left:none;
	border-right:none;
}



h2
{
    font: normal normal bold 11pt Arial;
    color: #6490c4;
}

h2.zoekkop{
 text-align:left;
 font: normal normal bold 10pt Arial;
 color: black;
 height: 16px;
}

h3
{
    font: 10pt Arial;
    color: #6490c4;
}

p
{
    padding-top: 5px;
    padding-bottom: 5px;
}

cite
{
    color: #9a9a9a;
    font: italic normal normal 8pt Tahoma;
    padding-left: 12px;
    background: url(../images/citebullet.gif) no-repeat 2px 3px;
}

em
{
    color: #9a9a9a;
    font: normal normal bold 8pt Tahoma;
    padding-left: 12px;
    background: url(../images/citebullet.gif) no-repeat 2px 3px;
}

table
{
    border-collapse: collapse;
}

td,th
{
    vertical-align: top;
}

img
{
    border: 0;
}

ul
{
    padding-top: 3px;
    padding-bottom: 3px;
}

li
{
    list-style: none;
    padding-left: 14px;
    /*background: url(../images/citebullet.gif) no-repeat 4px 3px;*/
    padding-bottom: 5px;
}

/*stijlen voor elementen in cp.description, toevoeging naar aanleiding van herschrijven productomschrijvingen 23-06-2010 */

div#maincol table tbody tr td ul li{
list-style: disc inside none;
}
div#maincol table tbody tr td ol li{
list-style: decimal inside none;
}
div#maincol table tbody tr td dl{
margin:10px 0px;
}

div#maincol table tbody tr td dl dt{
font-weight:bold;
line-height:20px;
}




/* / einde stijlen voor elementen in cp.description */

.PromotionTitle
{
    font: normal normal bold 11pt Arial;
    color: #6490c4;
    background: #eeeeee;
    border-bottom: 1px solid #dddddd;
}

.PromotionBottom
{
    background: #dddddd;
}

.SmallPrice
{
    color: #6490c4;
    font-size: 10pt;
}
.LargePrice
{
    color: #6490c4;
    font-size: 18pt;
}

div.CenterAlign
{
    text-align: center;
}

div.RightAlign
{
	width:100%;
    text-align: right;
}

/********************* forms ************************/

.SmallButton
{
    display: block;
    background: transparent url(../images/smallbutton.gif) no-repeat;
    width: 56px;
    height: 20px;
    padding-top: 3px;
    text-align: center;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
}

.IconButton
{
    display: block;
    background: transparent url(../images/iconbutton.gif) no-repeat;
    width: 18px;
    height: 17px;
    padding-top: 3px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    color: black;
}

.Error
{
    color: red;
    font-weight: bold;
}




/********************* top menu *********************/
#topmenu div span
	{ background: url(../images/layout/windowtop-seperator.png) no-repeat right center;}
#topmenu div span.last
	{ background: none;}
	
#topmenu div span a
{
    display: inline-block;
	text-align:center;
    font: 12px arial;
	font-weight:bold;
    line-height: 25px;
    color: #FFF;
    height: 25px;
	
}

/*width moet per stuk geset worden omdat de vakken anders gaan schuiven bij het vergroten van de letters tijdens de hover , */
	#topmenu div span a.home{ width:80px;text-indent:5px;}
	#topmenu div span a.abonnementen{ width:200px;}
	#topmenu div span a.dongels{ width:95px;}
	#topmenu div span a.khBinnen{ width:170px;}
	#topmenu div span a.ipad{ width:165px;}	
	#topmenu div span a.khBuiten{ width:165px;}
	#topmenu div span a.klantenservice{ width:130px;}
	#topmenu div span a.winkelwagen{ width:127px;}

	#topmenu a:hover
	{
	   font: 13px arial;
	   font-weight:900;
	   margin-top:-2px;
	}
	
	
	
	/*actieve items topmenu, toggle hiervan wordt verzorgt in jquery-functions.js */
	#topmenu div span.activelink a
	{
		display: inline-block;
		text-align:center;
		font: 12px arial;
		font-weight:bold;
		line-height: 25px;
		background: url(../images/layout/bg-active-topmenu.png) no-repeat left top;
		color:#000;
		text-decoration:none;
		cursor:default;
	}
	
	/* andere bg voor uiterste links en uiterste rechts*/
	#topmenu div span.activelink a.home{background: url(../images/layout/bg-active-topmenu-left.png) no-repeat 5px top;}
	#topmenu div span.activelink a.winkelwagen{background: url(../images/layout/bg-active-topmenu-right.png) no-repeat right top;}


/***************** left ******************/
#search form
{
    padding: 0;
    margin: 0;
    margin-top: 5px;
}

#search h1

{
    border: none;
    line-height: 16px;
    background: transparent;
}

#search input.Text
{
    width: 108px;
    height: 21px;
    border: 0;
    margin: 0; padding: 0;
    background: transparent url(../images/searchfield.jpg) no-repeat 0 0;
}

#search input.Button
{
    width: 25px;
    height: 21px;
    border: 0;
    margin: 0; padding: 0;
    margin-top: 0px;
    background: transparent url(../images/searchmagnify.jpg) no-repeat 0 0;
    margin-bottom: 10px;
	margin-top:1px;
    
}

.Leftblock
{
    width: 122px;
    border-bottom: 1px solid gray;
    margin-left: 0px;
    padding-left: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    
}
.Leftblock h3
{
	margin:0px 0px 0px -6px;
	padding:0px 0px 2px 0px;
    line-height: 10pt;
    color: #219CE5;
    font-weight:bold;
	font-size:8pt;
	
}
.Leftblock a
{   
    line-height: auto;
	padding:4px 0px 4px 0px;
    color: black;
    display: block;
    /*background: transparent url(../images/linkbullet.gif) no-repeat 0px 9px;*/
    padding-left: 0px;
    text-decoration: none;
}

.Leftblock a:hover
{
    color: #219CE5;
	text-decoration:underline;
}

.Leftblock a.sublink
{   
	font-size:7pt;
	padding:2px 0px 2px 10px;
}

/*Iets andere stijl voor nieuwsvak & partnerlogo */

div#leftcol div.nieuws a.meernieuws{
text-decoration:underline;
padding:2px 0px 10px 10px;
color:#219CE5;
background: url(../images/layout/icon-rss-small.png) no-repeat 103px 5px;
}

div#leftcol div.Leftblock img.partnerlogo{
margin-left:-7px
}

/***************** right ******************/

#rightcol div.cart 
{
    text-align: center;
}
	#rightcol div.cart img.partnericons
	{
		margin:10px 0px 0px 5px;
	}
	#rightcol div.cart img.cartbutton
	{
		margin-left:5px;
	}

#rightcol div.klantenservice
{

}
	#rightcol div.klantenservice img.tel{
		margin:5px;
	}
	#rightcol div.klantenservice small, #rightcol div.prijzen small{
		display:inline-block;
		margin-left:5px;
	}

	#rightcol div.mjlo ul li{
	background: url(../images/layout/icon-tick-grey-bg.png) no-repeat 4px 2px;
	font-size:10px;
	padding-left:18px;
	padding-bottom:10px;
	}

#rightcol h1
{
    text-align: center;
    margin-bottom: 5px;
    font-size: 9pt;
}

#rightcol hr, div#leftcol hr
{
margin:10px 5px;
height:0px;
width:130px;
border:none;
border-bottom:1px solid #808080;
}

#rightcol strong.Header, #rightcol div.Header
{
	display:block;
	font-weight:normal;
    font: Arial;
    color: black;
	font-size:11pt;
	line-height:10pt;
	margin:0px 0px 5px 5px;
    
}

#rightcol td,#rightcol p
{
    padding: 3px;
}

.Rightblock
{
    width: 133px;
    border-bottom: 1px solid gray;
    margin-left: 4px;
    padding-left: 4px;
    padding-top: 10px;
    padding-bottom: 10px;

}

.Rightblock2
{
    

    border: 1px solid #cccccc;    
    margin-right: 5px;
    margin-bottom: 10px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
    
    
}

.Rightblock a
{   
    padding-bottom: 6px;
    color: black;
    display: block;
}


/***************** main  ******************/

td.layoutz
{
    padding: 1.5cm

}



#maincol 
{
}


#maincol div.Gray,#maincol div.GrayFull
{
    border: 1px solid #c6c6c6;    
    background: url(../images/graybg.jpg) repeat-x;
    padding: 4px;
    margin-bottom: 6px;
}


#maincol div.Gray
{
    border-top: 0;
}

#maincol div.White
{
	background:#fff;
    border: 1px solid #c6c6c6;    
	border-top:none;
	padding: 4px;
    margin-bottom: 6px;
}


span.Arrow,a.Arrow
{   
    color: black;
    background: transparent url(../images/linkbullet.gif) no-repeat 0px 3px;
    padding-left: 8px;
    text-decoration: underline;
    cursor: pointer;
}

span.Arrow:hover,a.Arrow:hover
{
    color: #668ec8;
    text-decoration: underline;
    cursor: pointer;
}


#crumbPath
{
	width:660px;
	border-bottom: 1px solid #dedede;
    font-weight: bold;
    margin:-8px 0px 10px 0px;
	padding:0px;
	line-height:24px;
}

#crumbPath a
{
    color: #219ce5;
}

#bottom div.bottomlinks dl, #bottom div.bottomlinks dl {

}


#footer a
{
    color: #000000;
}

#maincol h1
{
    padding-top: 3px;
    padding-bottom: 3px;
}

/*oude meuk*/

table.List
{
    width: 100%;
}

.List th,.List td
{
    padding: 6px;
}

.List td
{
    background: transparent url(../images/dot.gif) repeat-x;
	vertical-align: middle;
    cursor: pointer;
}

/*ABOLIJSTEN nieuwe meuk*/
table.aboList
{
    width: 100%;
	border:1px solid #C6C6C6;
	margin:0px;
}

.aboList th,.aboList td
{
    padding:5px 5px;
}

.aboList td
{
    /*background: transparent url(../images/dot.gif) repeat-x;*/
    cursor: pointer;
}

.aboList td.data
{
   width:55px;
}

.aboList td.omvangbundel
{
   width:40px;
}

	.aboList td.meerinfo a
	{
	  color:#005b81;
	}
.aboList td.name{
width:280px;
}
	.aboList td.name a
	{
	  color:#000;
	}
	.aboList td.name a:hover, .aboList td.meerinfo a:hover{
	color:#219ce5;
	}


.aboList thead tr th{
padding:0px;
height:19px;
line-height:18px;
color:#fff;
text-indent:10px;
font-size:12px;
background: url(../images/content/bg-abotable-header.png) repeat-x left top;
}


.aboList tbody tr th small{
font-weight:normal;
}

.aboList tbody tr th.providerimage{
text-align:center;
vertical-align:bottom;
width:90px;
}
	.aboList tbody tr th.providerimage img{
	vertical-align:bottom;
	}


tr.telsep td{
height:20px;
line-height:20px;
text-align:right;
border-top:1px solid #C6C6C6;
cursor:default;
}
	div.telsep td span{
	padding-right:5px;
	}
	div.telsep td span img{
	vertical-align:middle;
	}
	
/* ABODETAiL  */
/*abo specificaties*/
h2.spectitle{
background:transparent none repeat scroll 0 0;
color:#00286B;
font-size:15px;
line-height:20px;
padding:0;
background-color:#FFF;
}

table.descriptionTable {
width:100%;
border-top:1px solid #666;
border-right:1px solid #666;
}
	table.descriptionTable tr td, table.descriptionTable tr th{
	padding:3px;
	border-bottom:1px solid #666;
	border-left:1px solid #666;
	text-align:left;
	}


table.specList{
border:1px solid #C6C6C6;
width:100%;
margin-top:2px;
}
	table.specList tr th{	
	text-align:left;
	padding:5px;
	border-bottom:1px solid #C6C6C6;
	
	}
	table.specList tr td{
	padding: 5px;
	vertical-align:top;
	}
	table.specList tr.twocol td{
	width:50%;
	}
	table.specList tr.even td{
	background-color:#f4f4f4;
	}
	
	table.specLeft{
	width:50%;
	float:left;
	margin-right:3px;
	}
	table.specRight{
	width:49%;
	}
	
	table.nwa{
	margin-top:3px;
	}
	
	table.specList tr.tech td em{	
	font-style:italic;
	font-weight:normal;
	background:none;
	color:#000;
	font-size:10px;
	padding:0px;
	}

/* maandprijsblok rechts*/

div.maandprijs, div.bestelblok{
border:1px solid #C6C6C6;
width:100%;
margin:0px 0px 10px 0px;
}

div.bestelblok{
height:206px;
}
div.maandprijs{
margin-top:21px;
}
	div.maandprijs strong{
	display:inline-block;
	font-size:30px;
	color:#00286b;
	padding:5px 5px;
	}
	div.maandprijs span{
	display:inline-block;
	padding:5px 0px 0px 5px;
	}
	
	
/* meest verkocht / bestelblok */
div.bestelblok p{
display:inline-block;
width:140px;
padding-left:5px;
line-height:15px;
}
div.bestelblok img{
display:inline;
float:right;
}
div.bestelblok div.bestel{
border-top:1px solid #C6C6C6;
font-weight:bold;
line-height:30px;
padding:5px 0px 5px 5px;
}
	div.bestelblok div.bestel a{
	display:inline-block;
	}
	div.bestelblok div.bestel span{
	font-size:14px;
	padding:0px 30px 0px 10px;
	}
	div.bestelblok div.bestel img{
	float:none;
	vertical-align:middle;
	}

/*bestelblokje bij simonly en verlenging, in de maandprijs-div omdat er geen gekoppeld product is*/
	div.maandprijs div.bestel{
	border-top:1px solid #C6C6C6;
	font-weight:bold;
	line-height:30px;
	padding:5px 0px 5px 5px;
	text-align:right;
	}
		div.maandprijs div.bestel a{
		display:inline-block;
		}
		div.maandprijs div.bestel span{
		font-size:14px;
		padding:0px 30px 0px 10px;
		}
		div.maandprijs div.bestel img{
		float:none;
		vertical-align:middle;
		}

	/* vakje rechterkolom*/
	div#rightcol div.aboDetail{
		margin-top:150px;
		color:#666;
		
	}
	div#rightcol div.aboDetail h3{
	color:#219ce5;
	font-size:9pt;
	font-weight:bold;
	line-height:10pt;
	margin-left:5px;
	}
	div#rightcol div.aboDetail strong{
	margin-left:5px;
	display:inline-block;
	}
	div#rightcol div.aboDetail p{
	margin-left:2px;
	font-size:11px;
	margin-bottom:10px
	}

/*blokje: liever bellen? */
div.phonesep{
text-align:right;
}
div.phonesep span{
padding-left:15px;
background:  url(../images/content/icon-phone-blue.png) no-repeat left center;
}

	
/*HARDWARE SELECTIE FILTERBLOK*/
div.hwSelector{
width:100%;
border:1px solid #C6C6C6;
margin:5px 0px 10px 0px;
}
	div.hwSelector h3, div.bestelblok h3{
	width:100%;
	border-bottom:1px solid #C6C6C6;
	height: 19px;
	line-height: 18px;
	color: #ffffff;
	text-indent: 10px;
	font-size: 13px;
	background: transparent url(../images/content/bg-abotable-header.png) repeat-x;
	}
	
div.hwSelector div.toon, div.hwSelector div.col{
padding:5px;
display:inline-block;
vertical-align:top;
font-size: 13px;
}
div.hwSelector div.toon{
padding-top:8px;
font-weight:bold;
}

 div.hwSelector div.col span{
 display:block;
 }
	 div.hwSelector div.col span label{
		line-height:22px;
		padding:0px 5px;
		text-decoration:underline;
		cursor:pointer;
	 }
	 div.hwSelector div.col span label:hover{
		color:#219ce5;
	 }
 
 div.hwSelector div.alles{
 width:100%;
 text-align:right;
 color:#00286b;
 text-align:right;
 
 }
 div.hwSelector div.alles u{
	margin-right:10px;
	cursor:pointer;
	line-height:22px;
	font-size: 13px;
  }
	
/*HARDWARELIJSTEN  ONDER ABODETAIL*/

table.hwList{
    width: 100%;
}
table.hwList tr td{
   vertical-align:middle;
}
	table.hwList tbody tr td{
		border-top:1px solid #c6c6c6;
		height:90px;
	}
	table.hwList tbody table tbody tr:first-child td{
		 border-bottom:1px dotted #CCC;	
	}
	table.hwList tbody tr td table tr td{
		cursor:pointer;
		height:40px;
		border-top:none;
	}
		
	/*hwlist tablecontent*/
	table.hwList tr td img{
	width:64px;
	margin:5px 15px 5px 10px;
	}

	table.hwList tr td h3{
	color:#00286b;
	font-size:14px;
	padding:0px 5px;
	}

	a.greenbutton, table.abo tbody tr td span.greenbutton{
	background:transparent url(../images/layout/bg-greenbutton-small.png) no-repeat scroll 0 0;
	display:block;
	font-weight:bold;
	height:21px;
	line-height:18px;
	text-align:center;
	width:61px;
	color:#FFF;
	margin-right:12px;
	cursor:pointer;
	text-decoration:underline;
	}
		a.greenbutton:hover, table.hwList tbody table tbody tr:hover td a.greenbutton, table.hwList tbody table tbody tr:hover td span.greenbutton{
		background:transparent url(../images/layout/bg-greenbutton-small-hover.png) no-repeat scroll 0 0;
		}
		
	h3.hwgroupheader {
	cursor:pointer;
	margin-top:10px;
	}
		
		
/***************** tabs ******************/

.ActiveTab,.InactiveTab
{
    width: 97px;
    height: 23px;
    text-align: center;
    font-weight: bold;
    color: black;
}               

.ActiveTab
{
    background: url(../images/tab1active.gif);
    text-decoration: none;
    line-height: 20px;
}
        
.InactiveTab
{
    background: url(../images/tab1inactive.gif);
    cursor: pointer;
    line-height: 20px;
    color: black;
}

.InactiveTab:hover
{
    background: url(../images/tab1active.gif);
    line-height: 20px;
    color: black;
}

InactiveTab a
{
    text-decoration: underline;
}


/********************* Aanbieding format ************************/

.Promotion 
{

border: 0;
width: 667px;
height: 200px;
background: url(http://www.metjelaptoponline.nl/images/achtergrondz.png);
border-collapse: separate;

}

.Promotion td 

{

font: 10pt Verdana;
font-weight: bold;
color: #333333;

}

.Aanbieding1
{

font: 12pt Verdana;
font-weight: bold;
color: #333333;
line-height:130%;

}

.Aanbieding2
{
font: 13pt Verdana;
font-weight: bold;
color: #008000;
}

.Aanbieding3
{
text-align:left;
width:660px;
position:absolute;
height:178px;
}

.Aanbieding4
{

font: 13pt Verdana;
font-weight: bold;
color: #333333;
line-height:130%;

}

/*ABONNEMENTENLIJST*/
/*overwrite normale h1 stijl*/
h1.provider
{
border: none;
background: none;
font-size:16px;
padding-left:0px;
}
h1.aboTitle
{
border: none;
background: transparent;
font-size:18px;
padding-left:0px;
height:auto;
font-weight:900;
position:relative;/*gedaan zodat titels wanneer ze erg lang zijn over de providerafbeelding heen lopen*/
z-index:2;
}

div.geldigheidsdatum{
width:99%;
text-align:right;
margin:5px 0px;
}
em.kiesprovider{
background:none;
font-weight:normal;
font-size:14px;
color:#00286b;
padding:0px;
}

/*Styling van de 404 pagina,  classname is wat vaag omdat deze niet met cijfers mag beginnen */

div.vier04{
padding:0px 0px;
}

div.vier04 a{
color:#219ce5;
}

div.vier04 em{
background:none;
color:#000;
font-size:12px;
font-weight:normal;
padding-left:0px;
}
	div.vier04 em.suggesties{
	color:#00286b;
	font-size:13px;
	font-weight:bold;
	}

div.vier04 p{
margin:5px 0px;
}
div.vier04 ul {
margin:5px 0px;
}


div.vier04 ul li{
padding:5px 0px 5px 15px;
list-style: disc inside none;
}

div.vier04 ul.suggesties li{
font-size:12px;
list-style: none inside url(../images/content/arrowbullit.png);
}