@charset "UTF-8";
/* CSS Document */
/****************************************************************
* RESET ALL														*
****************************************************************/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;font-weight:normal}		
	body {line-height: 1.5;}	
	ol, ul {list-style: none;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,
	q:before, q:after {content: '';content: none;}
	:focus {outline: 0;}
	ins {text-decoration: none;}
	del {text-decoration: line-through;}
	table {border-collapse: collapse;border-spacing: 0;}
/****************************************************************
* GENERAL SETTINGS												*
****************************************************************/
	body{font: 12px/18px Helvetica, Arial, Verdana, Tahoma, sans-serif;color:#545243;text-transform:lowercase;background:#fff url(/images/body-background2.png) repeat-x left -25px;text-align:center;margin: 5px 0;letter-spacing:1px}
	h1{font-size:18px;margin:  0 0 10px 0;letter-spacing:1px}
	h2{font-size:16px;margin: 0 0 10px 0}
	h3{font-size:14px;margin: 0 0 5px 0;font-weight:bold}
	a{color:#060;}
	a.whitelink{color:#fff;}
	p{margin: 5px 0}
	.spacer{clear:both;height:0;display:block}
	.bigText{font-size:160%}
	.f_left{float:left}
	.f_right{float:right}
/****************************************************************
* HOOFDSTRUCTUUR 												*
****************************************************************/
	#wrap, #wrap2{width:910px;margin:0 auto;text-align:left}
	#heading{}
	#menuWrap{height:100px}
	#logo{width:260px;height:100px;background:url(/images/logo-dommel.png) no-repeat left 15px;display:block;float:left;color:#545243;text-decoration:none}
	#logo span{margin:55px 0 0 70px;display:block;font-size:100%;text-align:right;line-height:90%}
	#mainContent{clear:left;overflow:hidden}
	#leftContent{width:300px;float:left;}
	#rightContent{width:600px;float:right;}
	#footer{clear:both}
/****************************************************************
* HOOFDMENU		 												*
****************************************************************/	
	#hoofdmenu{float:right;margin: 20px 20px 0 0}
	#hoofdmenu li{display:block;float:left;height:60px;width:70px;margin: 0 5px;}
	#hoofdmenu li a{display:block;padding: 35px 0 0 0;text-decoration:none;color:#545243;text-align:center}
	#hoofdmenu li#home{background:url(/images/home.png) no-repeat center top}
	#hoofdmenu li#webmail{background:url(/images/webmail.png) no-repeat center top}
	#hoofdmenu li#login{background:url(/images/klanten.png) no-repeat center top}
	#hoofdmenu li#aup{background:url(/images/aup.png) no-repeat center top}
	#hoofdmenu li#contact{background:url(/images/contact.png) no-repeat center top}
	#hoofdmenu li#lang_nl{background:url(/images/nl.png) no-repeat center top}
	#hoofdmenu li#lang_en{background:url(/images/en.png) no-repeat center top}	
	#hoofdmenu li#help{background:url(/images/servicedesk.png) no-repeat center top}
/****************************************************************
* CATEGORIEMENU		 											*
****************************************************************/		
	#categorieMenu{}
	.categorie{width:280px;height:230px;background:url(/images/categorie.png) no-repeat;display:block;float:left;padding:10px}
	.categorieFaded{background:url(/images/categorieFaded.png) no-repeat}
	#categorieMenu h1, #product h1{height:50px;padding: 5px 0 0 60px;font-size:160%;letter-spacing:2px}
	#categorieMenu h1#cityconnect, #product h1.cityconnect{background:url(/images/cityconnect.png) no-repeat left top;cursor:pointer}
	#categorieMenu h1#netconnect, #product h1.netconnect{background:url(/images/netconnect.png) no-repeat left top;cursor:pointer}
	#categorieMenu h1#speedconnect, #product h1.speedconnect{background:url(/images/speedconnect.png) no-repeat left top;cursor:pointer}
	#categorieMenu li a{display:block;margin: 10px;color:#545243;font-size:120%;text-decoration:none}
	#categorieMenu li span.holdprice{text-align:right;margin: 0 35px 0 0;font-size:80%;cursor:pointer;display:block}
	#categorieMenu li .bigText{font-size:250%}
/****************************************************************
* ROUNDED BOXES		 											*
****************************************************************/		
	.roundBox{
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding: 10px;
	margin: 0 0 20px 0;
	display:block;
	}
	.pink{background:#e40045;border:1px solid #C03;color:#fff}
	.gray{background:#545243;color:#fff;border:1px solid #333;}
	.green{background:#a8d425;border:1px solid #9C0}
	.white{background:#fff;border:1px solid #545243}
	.inner-white{background:#fff;margin:0}
	/*
	.gradient {background:none;
		background-image: -moz-linear-gradient(top, #7f0429, #e40045); /* FF3.6 
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #dc0949),color-stop(1, #e40045)); /* Saf4+, Chrome 
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5014b', endColorstr='#e40045'); /* IE6,IE7 
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5014b', endColorstr='#e40045')"; /* IE8 
	}
	*/
	#homeBestel, #homeTest, #homeNaTest{cursor:pointer}
/****************************************************************
* TITLES			 											*
****************************************************************/		
	h2.bestel, p.bestelTitle {background:url(/images/bestelSmallWhite.png) no-repeat;padding: 5px 0 5px 45px;margin: 0 0 10px 0}
	h2.test, p.testTitle{background:url(/images/testSmallWhite.png) no-repeat;padding: 5px 0 5px 45px;margin: 0 0 10px 0}
	p.bestelTitle, p.testTitle{margin:0px;font-size:130%}
/****************************************************************
* VERANDER VAN PROVIDER											*
****************************************************************/		
	.provider{background:url(/images/veranderprovider.png) no-repeat;height:150px;padding:15px;cursor:pointer}
	.provider p{margin: 15px 40px 0 0}
	.opzeg ul li{margin: 0 0 15px 0}
	.opzeg form{margin: 10px auto;width: 600px;}
	.opzeg form label{float:left}
	.opzeg form label span{display:block;font-size:80%;width:200px;}
	.opzeg form p{display:block;height:50px}
	.opzeg form input{width:300px}
	#openpdf, #maakpdf{cursor:pointer;margin:0 auto}
/****************************************************************
* TAXIPOST														*
****************************************************************/		
	.taxipost{background:url(/images/taxipost.png) no-repeat;height:150px;padding:15px}
	.taxipost p{margin: 15px 50px 0 0}

/****************************************************************
* PROMO BOXES													*
****************************************************************/		
	.promo{background:url(/images/promo.png) no-repeat;height:155px;padding:15px;cursor:pointer}
	.promo h2{height:50px;padding: 5px 0 0 65px;font-weight:bold;margin:0}
	.promo h2 span{font-size:90%;display:block;font-weight:normal}
	.promo h2.cityconnect{background:url(/images/cityconnect.png) no-repeat left 7px;}
	.promo h2.netconnect{background:url(/images/netconnect.png) no-repeat left 7px;}
	.promo h2.speedconnect{background:url(/images/speedconnect.png) no-repeat left 7px;}
	.promo ul{margin: 0 120px 0 0px;}
	.promo ul li{background:url(/images/bpoint.png) no-repeat left 7px;padding: 0 0 0 10px}
	.promo p{text-align:right;font-size:180%;position:absolute;margin: -5px 0 0 470px}
	.promo p span{display:block;font-size:40%}
/****************************************************************
* NEWS ITEMS													*
****************************************************************/		
	.newsleft{float:left;display:block;}
	.newsright{margin: 0 0 0 120px}
	.news img.picture{width:100px;display:block;margin: 0 5px 5px 0;padding:2px;border:1px solid #545243;}
	.meerlezen{display:block;text-align:right;clear:left}
	.news{margin:0 0 10px 0;text-align:left;}
	.news h3{font-size:100%;font-weight:bold}
/****************************************************************
* 2 COL LAYOUT													*
****************************************************************/
	.hold2col{padding-bottom:30px;min-height:1px;position:relative}
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:865px;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:865px;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* 2 Column (right menu) settings */
	.rightmenu {
	}
	.rightmenu .colleft {
		right:320px;			/* right column width */
		background:#fff;		/* left column background colour */
	}
	.rightmenu .col1 {
		width:535px;			/* left column content width (left column width minus left and right padding) */
		left:325px;			/* (right column width) plus (left column left padding) */
	}
	.rightmenu .col2 {
		width:310px;			/* right column content width (right column width minus left and right padding) */
		left:335px;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
/****************************************************************
* PRODUCT ITEMS													*
****************************************************************/
	#product h2{font-weight:bold;letter-spacing:2px;margin: 0 0 15px 0}
	#product h3{font-weight:bold}
	#bestelling{background: #a8d425 url(/images/bestelBigGray.png) no-repeat 5px;padding: 15px 0 15px 60px;font-size:130%;color:#545243;text-decoration:none}
	#beschikbaarheid, #activeChecker{background: #a8d425 url(/images/testBigGray.png) no-repeat 5px;padding: 15px 0 15px 60px;font-size:130%;color:#545243;text-decoration:none}
	.taglist{margin:0 0 15px 0}
	.product-taglines, .taglist ul, .opzeg ul, #vacatures ul, .resultBox ul{list-style-type:circle;margin: 0 0 0 20px;list-style-image : url(/images/bpoint.png);}
	.product-taglines{margin-bottom:15px;}
	.product-taglines li {margin : 5px 0;color:#060;font-size:10pt;letter-spacing:1px}
	.product-algemeen{font-size:8pt;color:#666;margin:5px 0}
	.vraag {padding-left : 16px;height : 20px;background : url(/images/licht.png) no-repeat;margin : 10px;display:block;}
	
	#navbar{margin: 0px 0 0 25px}
	#navlist li{display:inline;margin: 0 0 0 2px}
	#navlist li a{background: #545243;color:#fff;padding: 10px 20px;font-size:120%;-moz-border-radius-topleft:15px;-webkit-border-top-left-radius: 15px;-moz-border-radius-topright:15px;-webkit-border-top-right-radius:15px;text-decoration:none}
	#navlist li a:hover{background:#e40045;}
	#navlist li a.active{background:#fff;color:#545243}
	.digTv{background:url(/images/tvsmall.png) no-repeat;padding: 5px 0 20px 30px;display:block;color:#545243;}
/****************************************************************
* CONTACT ITEMS													*
****************************************************************/
	#office{float:right;}
	#contact p{margin: 10px 15px}
/****************************************************************
* VACATURE														*
****************************************************************/
	#vacatures ul{margin: 0 0 15px 35px}
	#vacatures p{margin: 0 0 0 15px}
/****************************************************************
* TOOLTIPS														*
****************************************************************/
	.ToolTipClass{
	background:#d8fb6f;
	color:#545243;
	padding:15px;
	border:2px solid #9c0;
	opacity:0.95;filter:alpha(opacity=95);
	-webkit-border-radius: 15px;    /* for Safari */
    -moz-border-radius: 15px;       /* for Firefox */
	box-radius: 15px;

}
/****************************************************************
* FORM VALIDATION												*
****************************************************************/
.formError{position:absolute;top:300px;left:300px;padding-bottom:13px;display:block;z-index:5000;}#debugMode{ background:#000;position:fixed;width:100%;height:200px;top:0;left:0;overflow:scroll;opacity:0.8;display:none;padding:10px;color:#fff;font-size:14px;z-index:100000;}.ajaxSubmit{ padding:20px;background:#55ea55;border:1px solid #999;display:none}.formError .formErrorContent{width:100%;background:#C03;color:#fff;width:150px;font-family:tahoma;font-size:11px;border:2px solid #ddd;box-shadow:0px 0px 6px #000;-moz-box-shadow:0px 0px 6px #000;-webkit-box-shadow:0px 0px 6px #000;padding:4px 10px 4px 10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}.greenPopup .formErrorContent {background:#33be40;}.blackPopup .formErrorContent {background:#393939;color:#FFF;}.formError .formErrorArrow{ position:absolute;bottom:0;left:20px;width:15px;height:15px;z-index:5001;}.formError .formErrorArrowBottom{top:0;margin:-6px;}.formError .formErrorArrow div{ border-left:2px solid #ddd;border-right:2px solid #ddd;box-shadow:0px 2px 3px #444;-moz-box-shadow:0px 2px 3px #444;-webkit-box-shadow:0px 2px 3px #444;font-size:0px;height:1px;background:#ee0101;margin:0 auto;line-height:0px;font-size:0px;display:block;}.formError .formErrorArrowBottom div{ box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;}.greenPopup .formErrorArrow div{background:#33be40;}.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}.formError .formErrorArrow .line10{width:15px;border:none;}.formError .formErrorArrow .line9{width:13px;border:none;}.formError .formErrorArrow .line8{width:11px;}.formError .formErrorArrow .line7{width:9px;}.formError .formErrorArrow .line6{width:7px;}.formError .formErrorArrow .line5{width:5px;}.formError .formErrorArrow .line4{width:3px;}.formError .formErrorArrow .line3{width:1px;border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:0px solid #ddd;}.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}
/****************************************************************
* FAQ															*
****************************************************************/
#faq h1{margin: 0 0 20px 0}
.faqVraag{cursor:pointer;font-size:100%;font-weight:normal;background : url(/images/lichtuit.png) no-repeat;padding: 0 0 0 20px}
.faqVraag:hover, .faqVraagActive{background : url(/images/licht.png) no-repeat;font-weight:bold}
.faqAntw{margin: 15px 40px;}
.linkmanual{background:url(/images/pdf.png) no-repeat;height:50px}
.linkmanual a{margin: 20px 0 0 40px;color:#545342;display:inline-block}
/****************************************************************
* BESCHIKBAARHEIDS RESULTAAT   									*
****************************************************************/
.resultBox{margin:1px 0;padding: 1px 0;}
.resultBox h2{margin:0px;height:30px}
.resultBox h2 img{margin: 5px 5px 0 5px}
.resultBox h2 span{
	-moz-border-radius-topleft:15px;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topright:15px;
	-webkit-border-top-right-radius:15px;
	letter-spacing:2px;background:#99CC00;
	padding:5px 15px 5px 15px;
	margin: 0 0 0 15px;
	display:block;
	width:350px;
	float:left;
	height:20px;
}
.innerResultBox{border:1px solid #99CC00;padding-bottom:1px}
.resultBoxL{float:left;width:400px}
.resultBoxR{float:right;}
.retest{margin:0px;float:right;padding:5px 5px;display:block;color:#565342;text-decoration:none;}
#frmVraag{position:fixed;z-index:100;margin: 0 0 0 620px}
#deVraag{width:200px;height:20px}

#frmCaller2 label{
	width: 180px;
	display:block;
	float:left;
}
#frmCaller input{
	width: 300px;
}
#noresultWarning{background:url(/images/warning.png) no-repeat;padding: 5px 0 5px 65px}
.thumbsup{background:url(/images/thumbsup.png) no-repeat;padding: 5px 0 5px 65px}

#frmButton{margin: 10px 0 0 200px;cursor:pointer}
.frmError{padding: 0 0 0 5px;color:#e40045}
/****************************************************************
* ROADMAP					   									*
****************************************************************/
#roadmap h3{border-bottom:1px dotted #fff;margin: 5px 0}
#roadmap{background:#545243;color:#fff;clear:both}
.roadmap_ablok{float:left;width:200px;margin: 5px}
.telblok{text-align:left;float:left;margin:5px 100px 0 0}
.roadmap_ablok ul li a, .telblok ul li a{color:#fff;}
.fademap, .fademap ul li a{color:#333;text-decoration:none;cursor:text}
.fademap h3 {border-bottom:1px dotted #333;color:#333}
/****************************************************************
* HOLDER CONFIGURATOR		   									*
****************************************************************/
#greenCover{position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:100;background:#99CC00;opacity:0.7}
#configurator{position:fixed;top:20px;left:50px;right:50px;bottom:20px;z-index:5000;}
#configurator iframe{width:100%;height:100%;border:1px solid #545243}

#step2txt{position:fixed;top:2px;left:0;right:0;background:#fff;z-index:5000;text-align:center}
	#progressBar ul{display:block;width:800px;margin: 0 auto}
	#progressBar li{
	width:185px;
	float:left;
	display:block;
	margin:5px 5px 25px 5px;
	border: 1px solid #666;
	height:80px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.progresswhite{background:#fff}
#progressBar h3,#progressBar span{padding:0 5px;display:block}
.activeStep{
	background:#99CC00;
}
.stopConfig{display:block;text-align:center;margin:10px auto 0 auto;background:#e40045;color:#fff;width:120px;padding:3px}

#promoPrijs{width:255px;height:120px;position:absolute;z-index:500;background:url(/images/promotie.png) center top no-repeat;margin:-11px 0 0 640px;padding:1px}
#promoPrijs p{font-size:100%;margin:35px 75px 5px 80px;color:#fff;text-align:left}
#promoPrijs p span{font-size:100%;display:block;margin:0 0 5px 0;text-align:left}
#promoPrijs p span.rechts{text-align:right}
.link{cursor:pointer}
#productConfig{background:url(/images/productConfig.png) no-repeat center bottom;height:220px;cursor:pointer}

/****************************************************************
* HELP						   									*
****************************************************************/
.helpTV{
	background:url(/images/tv.png) no-repeat right top;
	padding: 10px 0 30px 0;
}
.frameR{float:right;color:#fff}



#box-table-a
{
	margin: 0 0 0 10px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-weight: normal;
	padding: 6px;
	background: #bfe64a;
	border-top: 4px solid #9C0;
	border-bottom: 1px solid #fff;
}
#box-table-a td
{
	padding: 8px;
	background:#d0ef7f;
	border-bottom: 1px solid #9C0;
	border-top: 1px solid transparent;
}
.kolom1{width:150px}