body {
	margin:5px auto 0 auto;
	padding:0;
	width:985px;
	background:#fff;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font-size:62.5%;
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	margin:0.8em 0 .2em 0;
	padding:0;

	font-weight: bold;
	font-size: 1.6em;
}
h2 {
	margin:0.8em 0 .2em 0;
	padding:0;
	font-size: 1.4em;
}

h2.spacer_top {
	margin: 30px 0px 0px 0px;
	padding:0;
	font-size: 1.4em;
}

h3 {
	margin:0.8em 0 .2em 0;
	font-size: 1.2em;
	padding:0;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
p.normaal {
	font-size: 1.2em;
	margin:.4em 0 .8em 0;
	padding:0;
}

p.openingstijden {
	font-size: 1.2em;
	margin: 5px 0px 0px 0px;
	position: relative;
	left: 250px;
	top: -421px;
}

.openingstijdentab {
	font-size: 1.1em;
	position: absolute;
	left: 100px;
}

.bold {
	font-weight: bold;
}


p.bestel_title {
	font-size: 1.5em;
	font-family: Arial Black;
	font-weight: bold;

}

p.bestel_title1 {
	background: #fff url(images/site/prijs_balk.gif) no-repeat 0 0;
	margin: 10px 0px 10px 0px;
	padding: 7px 0px 15px 15px;
	font-size: 1.2em;
	font-family: Arial;
	font-weight: bold;
}

p.hardware_overzicht {
	font-size: 1.2em;
	margin: -120px 0px 50px 120px;
}

p.hardware_overzicht_info {
	position: relative;
	margin: 60px 0px 0px 0px;
	font-size: 1.2em;
	top: -25px;
	left: 120px;
}

p.dik {
	font-size: 1.2em;
	margin:.4em 0 .8em 0;
	padding:0;
	font-weight: bold;
	font-style: italic;
}

p.dik2 {
	font-size: 1.2em;
	margin: 0px 0px -5px 0px;
	padding:0;
	font-weight: bold;
}

p.index_omschrijving_links {
	font-size: 1.2em;
	position: relative;
	top: -128px;
	left: -277px;
	text-align: right;
}

p.index_prijsstelling_links {
	font-family: Arial Black;
	font-size: 1.3em;
	position: relative;
	top: -155px;
	left: 5px;
	text-align: left;
}

p.index_actie_title_links {
	font-family: Arial;
	font-weight: bold;
	font-size: 1.2em;
	position: relative;
	top: -120px;
	left: -277px;
	text-align: right;
}

/* ----- HEADER ----- */
div#header {
	background: #000 url(images/site/header.jpg) no-repeat 0 0;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

div#header ul{
	list-style: none;
	padding: 101px 0 0 0;
	margin: 0 20px 0 0;
}

div#header li{
	display: inline;
	padding: 0;
	color: #AAB5A7;
}
a.header:link, a.header:visited{
	color: #FFF;
	font-size: 1.3em;
	padding: 0 39px 0 39px;
	text-decoration: underline;
}

a.header:hover, a.header:active{
	color: #AAAAAA;
	font-size: 1.3em;
	text-decoration: underline;
}

div#header p {
	padding:.5em 15px	.2em 15px;
	margin:0;
}
div#header h1  {
	padding:.2em 15px;
	margin:0;
}
div#header h2  {
	padding:.2em 15px	.7em 15px;
	margin:0;
}
div#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background:#fff;		/* Left column background colour */
	border-left:1px solid #000;
	border-right:1px solid #000;
}
div#colmid {
	float:left;
	width:200%;
	position:relative;
	left:200px;
	background:#fff;    	/* Centre column background colour */
	border-left:0px solid #000;
}
div#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-400px;
	background:#fff;    	/* Right column background colour */
	border-left:0px solid #000;
}
div#col1wrap {
	float:right;
	width:50%;
	min-height: 750px;		/* Minimum height of layout - remove line if not required */
	position:relative;
	right:100%;
}
div#col1pad {
	margin:0 15px 0 415px;
	overflow:hidden;
}
div#col1 {
	width:100%;
	overflow:hidden;
}
div#col2 {
	float:left;
	width:170px;
	position:relative;
	margin-left:-50%;
	left:215px;
	overflow:hidden;
}

div#col2 ul{
	padding: 0px 0px 0px 0px;
	list-style: none;
	margin: -5px 0px 10px 0px;
	font-size: 1.3em;
	font-Weight: Bold;
}

div#col2 li{
	padding: 0px 0px 0px 0px;
	margin: 1px 0px 0px 0px;
}

a.col2:link, a.col2:visited{
	color: #000;
	padding: 0 0px 0 5px;
	font-size: 0.7em;
	font-Weight: Normal;
	text-decoration: underline;
}

a.col2:hover, a.col2:active{
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

img {
	border:0px;	
}


div#col3 {
	float:left;
	width:170px;
	position:relative;
	left:15px;
	overflow:hidden;
}

div#col3 ul{
	padding: 0px 0px 0px 0px;
	list-style: none;
	margin: 5px 0px 10px 0px;
	font-size: 1.3em;
	font-Weight: Bold;
}

div#col3 li{
	padding: 0px 0px 0px 0px;
	margin: 1px 0px 0px 0px;
}

a.col3:link, a.col3:visited{
	color: #000;
	padding: 0 0px 0 0px;
	font-size: 1.0em;
	font-Weight: Normal;
	text-decoration: underline;
}

a.col3:hover, a.col3:active{
	color: #000;
	text-decoration: underline;
}




/* ----- FOOTER ----- */
div#footer {
	clear:both;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	border-top:1px solid #000;

}
div#footer p {
	text-align: center;
	font-size: 1.2em;
	font-Weight: Bold;
}

div#menu_bgtop
{
 background-image: url("images/site/menu_header.gif");
 background-repeat: no-repeat;
 height: 8px;
 width: 170px;
 font-size: 0px;
 padding: 0;
 margin:10px 0px -5px 0px;
}

div#menu_bgtop_specials
{
 
 background-repeat: no-repeat;
 height: 8px;
 width: 170px;
 font-size: 0px;
 padding: 0;
 margin:10px 0px -5px 0px;
}

div#menu_telecombinatie
{
 background-image: url("images/site/telecombinatie_ideal.jpg");
 background-repeat: no-repeat;
 float:left;
 height: 203px;
 width: 164px;
}

div#menu_bgfoot
{
 background-image: url("images/site/menu_footer.jpg");
 background-repeat: no-repeat;
 height: 14px;
 width: 170;
 font-size: 0px;
 padding: 0;
 margin:-17px 0px 0px 0px;
}

div#menu_bgfoot_right
{
 background-image: url("images/site/menu_footer.jpg");
 background-repeat: no-repeat;
 height: 14px;
 width: 170;
 font-size: 0px;
 padding: 0;
 margin:-7px 0px 0px 0px;
}

div#menu_itemkop
{
 background-image: url("images/site/menu_header_opvul.gif");
 width: 165px;
 height: 22px;
 padding: 0px 0px 0px 5px;
 margin: -5px 0px 0px 0px;
 text-align: left;
 color: #FFF;
}

div#menu_itemkop_specials
{
 
 width: 165px;
 height: 22px;
 padding: 0px 0px 0px 5px;
 margin: -5px 0px 0px 0px;
 text-align: left;
 color: #000;
}

div#menu_itemkop_right
{
 background-image: url("images/site/menu_header_opvul.gif");
 width: 165px;
 height: 22px;
 padding: 0px 0px 0px 5px;
 margin: 0px 0px 0px 0px;
 text-align: left;
 color: #FFF;
}

p#menu_itemkop_top
{
 background-image: url("images/site/menu_header_opvul.gif");
 width: 165px;
 height: 22px;
 padding: 0px 0px 0px 5px;
 margin: 1px 0px 0px 0px;
 text-align: left;
 font-size: 1.3em;
 color: #FFF;
 font-Weight: Bold;
}

p#menu_itemkop
{
 background-image: url("images/site/menu_header_opvul.gif");
 width: 165px;
 height: 23px;
 padding: 0px 0px 0px 10px;
 margin: -5px 0px 0px 0px;
 text-align: left;
 font-size: 1.3em;
 color: #000;
}

p#menu_itemkop_yellow
{
 background-image: url("images/site/menu_header_opvul.gif");
 width: 165px;
 height: 23px;
 padding: 0px 0px 0px 10px;
 margin: -5px 0px 0px 0px;
 text-align: left;
 font-size: 1.3em;
 color: yellow;
}

div#center
{
 text-align: center;
 margin: 10px 0px 10px 0px;
}

a.color_link_black:link, a.color_link_black:visited{
	color: #000;
}

a.color_link_black_bold:link, a.color_link_black_bold:visited{
	color: #000;
	font-Weight: Bold;
}

a.color_link_white:link, a.color_link_white:visited{
	color: #FFF;
}

a.color_link_red:link, a.color_link_red:visited{
	color: #FF0000;
}
a.delete:link, a.delete:visited{
	font-family: Arial Black;
	color: #FF0000;
	font-size: 1.1em;
	text-decoration: none;
}

p.providers{
	position:relative;
	top: -55px;
	left: 60px;
	margin: 0px 55px -50px 0px;
	text-align: left;
	font-size: 1.2em;
}

table{
	width: 100%;
	font-size: 100%;
	empty-cells: hide;
	margin-top: 10px;
}

td{
	font-family: Arial;
	font-size: 1.2em;
	color: #000;
}

th, caption{
	font-family: Arial;
	font-size: 1.1em;
	color: #FFF;
}

td, th{
	text-align: left;
	padding: 3px 0 4px 5px;
	vertical-align: middle;
	border: 1px solid #FFF;

}

thead th{
	background-color: #646464;
}

tbody th{
	background-color: #646464;
}

tbody td{
    background-color: #CCCC66;
}

tfoot{
	background-color: #960;
	color: #FFF;
	font-weight: bold;
}
div#index_top_banner{
	background: url(images/index/index_op_bg.gif) no-repeat top left;
	margin: 10px 0px 0px 0px;
	height: 35px;
	width: 545px;
	border: 0px solid #000;
}


div#special_bestellen{
	background: url(images/specials/bestellen.gif) no-repeat top left;
	height: 50px;
	width: 140px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #000;
}

div#index_afbeelding_prijs_stelling_links{
	background: url(images/index/index_price_stelling.gif) no-repeat top left;
	position: relative;
	top: 85px;
	left: 0px;
	height: 23px;
	width: 268px;
}

div#index_afbeelding_prijs_stelling_links span{
	font-family: Arial Black;
	font-size: 1.5em;
	margin: 0px 0px 0px 10px;
}

div#index_afbeelding_prijs_stelling_links span a {
	color: #000;
	text-decoration: none;
}


h3.indexbanner {
	font-family: Arial Black;
	font-weight: bold;
	font-size: 1.0em;
	margin: -5px 0px 0px 5px;
}


h4.indexbanner {
	font-family: Arial Black;
	font-weight: bold;
	font-size: 1.3em;
	margin: 0px 0px 0px 0px;
}

h1.indexbanner {
	font-family: Arial Black;
	font-weight: bold;
	font-size: 1.8em;
	margin: -32px 0px 0px 10px;
}

h3.specials {
	font-family: Arial Black;
	font-weight: bold;
	font-size: 1.8em;
	margin: -32px 0px 0px 10px;
}

h1.abonnementen {
	margin: -7px 0px 0px 0px;
}

h1.specials {
	margin: 20px 0px 0px 0px;
	font-size: 2.0em;
}

h2.specials {
	margin: -140px 0px 0px 0px;
}

h2.index_title_links {
	position: relative;
	top: 0px;
	left: -277px;
	font-family: Arial Black;
	font-size: 1.3em;
	text-align: right;
}

h2.index_title_rechts {
	position: relative;
	top: -315px;
	left: 0px;
	font-family: Arial Black;
	font-size: 1.3em;
	text-align: right;
}

img.index_afbeelding_links {
	position: relative;
	top: -10px;
	left: 0px;
	border: 0px solid #000;
}

img.specials_header {
	position: relative;
	top: -155px;	
	left: 300px;	
	border: 0px solid #000;
}

img.index_afbeelding_rechts {
	position: relative;
	top: -325px;
	left: 288px;
	border: 0px solid #000;
}

p.index_omschrijving_rechts {
	font-size: 1.2em;
	position: relative;
	top: -443px;
	left: 0px;
	text-align: right;
}

p.index_actie_title_rechts {
	font-family: Arial;
	font-weight: bold;
	font-size: 1.2em;
	position: relative;
	top: -435px;
	left: 0px;
	text-align: right;
}

div#index_afbeelding_prijs_stelling_rechts{
	background: url(images/index/index_price_stelling.gif) no-repeat top left;
	position: relative;
	top: -445px;
	left: 288px;
	height: 23px;
	width: 268px;
	border: 0px solid #000;
}

p.index_prijsstelling_rechts {
	font-family: Arial Black;
	font-size: 1.3em;
	position: relative;
	top: -470px;
	left: 291px;
	text-align: left;
}


.phoneblockwrapper {
	padding: 0px;
	font-size: 1.1em;
	width: 100%;
	margin: 15px 0 0 0;
}

.phoneblockwrapper img {
	border: 0;
}

.phoneblock {
	position: relative;
	border: 1px solid #C1C1C1;
	width: 48.3%;
	height: 200px;
	margin-left: -1px;
	padding: 4px;
	float: left;
}
.phoneblockTitle {

	padding: 0 0 0 6px;
	line-height: 24px;
	height: 25px;
}

.phoneblockTitleSecond {
	padding: 0 0 0 6px;
	line-height: 24px;
	height: 10px;
	font-family: Arial Black;
	text-align: right;
	font-size: 1.2em;
	margin-top: -25px;
	position: relative;

}

.phoneblockTitle a {
	z-index: 20;
	color: #000;
}

div.vodafone {
	background-color: #ff0000;
}

div.tmobile {
	background-color: #FF0066;
}

div.telfort {
	background-color: #23398C;
}

div.hi {
	background-color: #0C3188;
}

div.debitel {
	background-color: #01926B;
}

.bullet_vodafone code {
	color: #ff0000;
}

.bullet_tmobile code {
	color: #FF0066;
}

.bullet_telfort code {
	color: #23398C;
}

.bullet_hi code {
	color: #0C3188;
}

.bullet_debitel code {
	color: #01926B;
}

.phoneblockTitle img {
	float: right;
	border: 0;
	padding: 0;
	margin: 0;
}
.phoneblockTitleSecond	a, .phoneblockTitleSecond	a:hover, .phoneblockTitleSecond	a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #000;
}

.phoneblockPhoto {
	position: absolute;
	top: 15px;
	left: 7px;
	padding: 0 0 0 0;
	margin: 8Px 4Px 4Px 0Px;
	height: 140px;
	width: 90px;
}
.phoneblockKado {
	position: absolute;
	top: 30px;
	left: 115px;
	padding: 0 0 0 0;
	margin: 8px 4px 4px 0px;
	height: 75px;
	width: 75px;
}

.colorpicker {
	position: absolute;
	top: 192px;
	left: 5px;
	height: 15px;
	width: 78px;
	padding: 6px 0 0 13px;
	clear: both;
	margin: 0;
}
.colorpicker a {
	display: block;
	line-height: 8px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
.pcolor {
	float: left;
	width: 8px;
	height: 8px;
	border: 1px solid black;
	margin-right: 4px;
	padding: 0;
	opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.60;
}

.pcolor1 {
	background-color: #1d1d1d;
}
.pcolor2 {
	background-color: #3f3f3f;
}
.pcolor3 {
	background-color: #7a7a7a;
}
.pcolor4 {
	background-color: #b1a9a9;
}
.pcolor5 {
	background-color: #ffffff;
}

.pselected {
	/*border: 2px dashed #dadada;*/
	opacity:1.00;filter: alpha(opacity=100); -moz-opacity: 1.0;
	/*background: transparent url( '/media/icons/verwijderCriterea.png' ) no-repeat -3px -3px;*/
}

.phoneblockcontent {
	position: relative;
	top: 10px;
	left: 0px;
	padding: 0;
	margin: 0 4px 0 96px;
	text-align: right;
	font-size:1.0em;
}

.phoneblockcontent2 {
	position: relative;
	top: 0px;
	left: 2px;
	margin: 8px 3px 4px 210px;
}
.phoneblockcontent2 ul, .phoneblockcontent2 li {
	font-Family: Tahoma;
	color: #1d2c3a;
	list-style-type: none;
}
.contentul1 {
	position: relative;
	left: -108px;
	top: 75px;
	width: 100px;
}
.contentul2 {
	position: relative;
	left: 4px;
	top: -62px;
}

.phoneblockprices {
	position: absolute;
	bottom: 55px;
	margin: 0 0 0 9px;
	padding: 0 0 0 0;

}

.phoneblockprices2 {
	position: absolute;
	bottom: 45px;
	left: 214px;
	margin: 0 0 0 9px;
	padding: 0 0 0 0;
}

.pricep {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
	text-align: right;
}

.meer_info {
	position: absolute;
	margin: 10px 0px 0px 100px;
	font-size: 1.1em;
	text-align: right;
	text-decoration: underline;
}

.bestellen {
	position: absolute;
	margin: 10px 0px 0px 175px;
	font-size: 1.1em;
	text-align: right;
	text-decoration: underline;
}
img.bestellen {
	margin: 0px 0px 0px 5px;
}

img.bedankt {
	margin: 25px 0px 25px 0px;
}

p.bedankt {
	margin: 15px 0px 25px 0px;
	font-size: 1.2em;
}

p.specials_img_header {
	padding: 0px 270px 0px 0px;
	margin: 15px 0px 0px 0px;
	font-size: 1.3em;
}

p.specials {	
	margin: 15px 0px 0px 0px;
	font-size: 1.3em;	
}

p.special_bestellen {	
	margin: -37px 0px 0px 20px;
	font-size: 1.2em;
	font-weight: bold;
}

img.provider_logo {
	margin: 0px 0px -20px 207px;
}

div#provider_logo {
	margin: 0px 0px 0px 0px;
}

.phoneblockbuttons {
	position: absolute;
	bottom: 7px;
	left: 16px;
}

.phoneblockbuttons a {
	margin-right: 10px;
}

.pbbinfo {
	position: absolute;
	bottom: 7px;
	left: 16px;
}
.pbbbestel {
	position: absolute;
	bottom: 7px;
	left: 99px;
	}

.pbb2info {
	position: absolute;
	bottom: 5px;
	left: 108px;
}
.pbb2bestel {
	position: absolute;
	bottom: 5px;
	left: 220px;
}

.actieblok_5 {
	position: relative;
	clear: both;
	margin: 0;
	border: 1px solid #FFF;
	padding: 0;
}

img.border {
	border: 1px solid #000000;
}

select.selectfont{
	font-family : Arial;
    font-size : 8pt;
    width: 170px;
}

div#price_title_container{
	text-align: center;
	margin: 10px 0px 30px 0px;
}

div.price_title{
	font-size: 2.5em;
	font-family: Arial;
	font-weight: bold;
}
div.verzendkosten{
	font-size: 1.1em;
	font-family: Arial;
	font-weight: bold;
}
.bestel_button{
	color: #000000;
	font-family: Arial Black;
	text-align: center;
	background-color: #CCCC66;  
	border: 2px solid;  
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#CCCC66');

}

table.matrix{
	width: 70%;
	empty-cells: hide;
}

table.matrix td{
	font-family: Arial;
	font-size: 1.0em;
	color: #000;
}
table.matrix th{
	font-family: Arial;
	font-size: 0.9em;
	color: #FFF;
}

table.bestel_proces{
	width: 100%;
}

table.bestel_proces td{
	font-family: Arial;
	font-size: 1.1em;
	color: #000;
}
table.bestel_proces th{
	font-family: Arial;
	font-size: 1.1em;
	color: #FFF;
}

input.inputOpmaak {
	font-family: Arial;
	font-size: 1.1em;
	background: #FFF;
}

input.ErrorTextBoxColor {
	font-family: Arial;
	font-size: 1.1em;
	background: #FF0000;
}

select.ErrorTextBoxColor {
	font-family: Arial;
	font-size: 1.1em;
	background: #FF0000;
}

input.bestel_button {
	font-family: Arial;
	font-weight: bold;
	font-size: 1.4em;
	width: 250px;
}

select.selectOpmaak {
	font-family: Arial;
	font-size: 1.1em;
}
table.modemsheet{
	width: 80%;
	empty-cells: hide;
}

table.modemsheet td{
	font-family: Arial;
	font-size: 1.2em;
	color: #000;
}

table.modemsheet th{
	font-family: Arial;
	font-size: 1.2em;
	color: #FFF;
}

table.modemsheet1{
	width: 80%;
	font-size: 1.2em;
	empty-cells: hide;
}

table.modemsheet1 td{
	font-family: Arial;
	font-size: 0.8em;
	color: #000;
}
table.modemsheet1 th{
	font-family: Arial;
	font-size: 0.8em;
	color: #FFF;
}

h1.veelgesteldevragen{
	font-family: Arial;
	font-size: 1.5em;
	color: #000;
}

h2.veelgesteldevragen{
	font-family: Arial Black;
	font-size: 1.3em;
	color: #000;
	margin: 40px 0px 10px 0px;
}

h3.veelgesteldevragen{
	font-family: Arial;
	font-size: 1.2em;
	color: #000;
	margin: 30px 0px 0px 0px;
}
ol.veelgesteldevragen{
	font-family: Arial;
	font-size: 1.2em;
	color: #000;
}

ul.veelgesteldevragen{
	font-family: Arial;
	font-size: 1.2em;
	color: #000;
}

li.veelgesteldevragen{
	margin: 0px 0px 10px 0px;
}

.spacer{
	margin: 0px 0px 10px 0px;
}

table.specials{
	width: 100%;
	empty-cells: hide;
}

table.specials th{
	font-family: Arial;
	font-size: 1.2em;
	color: #000;
}

table.specials td{
	font-family: Arial;
	font-size: 1.2em;
	color: #000;
}