/*  Main layout divs */
body{
	margin: 0;
	padding: 0;
	background: #e8ebf1 url(../img/body_bg.png) repeat-x;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	line-height: 16px;
	text-align: center
}
#head{
	position: relative;
	margin: 0 auto;
	text-indent: -9999px;
	background: #fff url('../img/hd.png') no-repeat bottom center;
	width: 925px;
	height: 117px;
}
#body{
	margin: 0 auto;
	text-align: left;
	background: #fff url('../img/bg.png') repeat-y center;
	width: 925px;
}
#body_content{
	position: relative;
	margin: 0 17px 0 30px;
	padding-top: 20px;
}
#foot{
	margin: 0 auto;
	background: #e8ebf1 url('../img/ft.png') no-repeat top center;
	width: 925px;
	height: 71px;
	font-size: 10px;
}
#foot a:active, #foot a:link, #foot a:visited{
	color: #555;
	text-decoration: none;
}
#foot a:hover{
	color: #7085a0;
	text-decoration: underline;
}

/* Headings */
h1{margin: 0;font-size: 25px;font-weight: bold;color: #7085a0;/*#7990AE;*/}
h2{margin: 10px 0 18px 0;font-size: 19px;font-weight: normal;color: #696563;}
h3{font-size: 17px;}
h3 span{font-size: 13px}
h3.sub{font-size: 13px; margin: -15px 0 6px 0; color: #627997}
h4{font-size: 15px;}
h5{font-size: 13px;margin-bottom:5px}
/* General */
img{
	border: none;
}

span.red{
	color: red;
}
#breadcrumb{
	position: relative;
	left: -12px;
	top: -20px;
}
/* Lists */
ul.cstbullet{
	list-style-type: none;
	margin-left: 0px!important;
	margin-left: 10px;
	padding-left: 10px!important;
	padding-left: 0px;
}

ul.cstbullet li{
	background: url(../img/bullet.gif) left center no-repeat;
	padding-left: 15px;
	margin-bottom: 5px;
}

/* Table */
table{
	font-size: 12px;
	border-collapse: collapse;
}
th{
	text-align: left;
	background: #7990ae;
	color: white;
}
td.center{
	text-align: center;
}
#infotable{margin-left:10px;border-collapse: collapse}
#infotable th.top-left{background: url(../img/infoframe/tl.gif) top right no-repeat;	width: 5px;	height: 30px}
#infotable th.top{background: url(../img/infoframe/t.gif) top left repeat-x;	padding: 0 8px;	color: #555}
#infotable th.top-right{background: url(../img/infoframe/tr.gif) top left no-repeat;	width: 7px;	height: 30px}
#infotable td.left{background: url(../img/infoframe/l.gif) top right repeat-y}
#infotable td.center{background: #fbfcfc; text-align: center}
#infotable td.right{background: url(../img/infoframe/r.gif) top left repeat-y}
#infotable td.bottom-left{background: url(../img/infoframe/bl.gif) bottom right no-repeat;width: 5px;height:9px}
#infotable td.bottom{	background: url(../img/infoframe/b.gif) bottom left repeat-x}
#infotable td.bottom-right{background: url(../img/infoframe/br.gif) bottom left no-repeat;width: 7px}
#infotable ul{list-style-type: none;margin-left:0px !important;margin-left: 45px}
/* Links */
a:link, a:visited, a:hover, a:active{
	color: #7085a0;
}
a.nodeco:link, a.nodeco:visited, a.nodeco:active{
	color: #555;
	text-decoration: none;
}
a.nodeco:hover{
	color: #7085a0;
	text-decoration: underline;
}
/* Navigation  */
#nav{position: absolute;right: 50px;top: 70px!important;top:83px;text-indent:0}
#navlist ul, #navlist li{display: inline;list-style-type: none;margin: 0;padding: 0 0 0 5px;}
#navlist a:link, #navlist a:visited{font-size: 13px;color: #444;text-decoration: none;}
#navlist li#active a:link, #navlist li#active a:visited{color: #7085a0;border-bottom: dashed 1px #7085a0;}
#navlist a:hover{border-bottom: dashed 1px #7085a0;}

/* Images */
img.pageicon{
	float: right;
	margin: 25px 75px 25px 50px;
}
/* contactform */
table.contactform{
	width: 500px;
	border: solid 1px #7990ae;
}
table.contactform th{
	height: 24px;
	font-size: 16px;
	padding-left: 10px;
}
table.contactform tr{
	background: #e8ebf1;
}
table.contactform td{
	padding: 5px 15px;
}
table.contactform table{
	margin: 5px 0;
}
table.contactform table tr{
	border: none;
}
table.contactform td{
	vertical-align: top;
}
table.contactform td.mandatory{
	color: red;
	width: 100px;
}
table.contactform input, table.contactform textarea{
	border: solid 1px #7990ae;
	width: 350px;
}
table.contactform input.submit{
	width: auto;
	border: none;
}
table.contactform p{
	padding-left: 15px;
}
#ondersteundebanken td{
	width: 95px;
	text-align: center;
}
#prijsoverzicht{
	width: 600px;
	border: solid 1px #7990ae;
	border-collapse: collapse;
}
#prijsoverzicht tr{
	background: #e8ebf1;
}
#prijsoverzicht th{padding: 2px 5px}
#prijsoverzicht td.right{text-align: right;}
#prijsoverzicht td.product{width: 250px}
#prijsoverzicht td.aantal{width: 100px}
#prijsoverzicht td{
	padding: 2px 5px 6px 5px;
}
#overview{width: 670px; margin-left: 80px}
#overview dl{padding-bottom: 35px}
#overview dd{padding-top: 5px}
#overview img{
	float: left;
	margin: 10px 30px 10px 0;
}
#overview dd.right img{
	float: right;
}
.center{
        text-align: center;
}
td.underline_dash{
	border-bottom: dashed 1px #555;
}
td.underline{
	border-bottom: solid 1px #555;
}
div.line, div.line_bright{
	width: 500px;
	height: 10px;
	margin: 10px 0;
	border-top: solid 1px #696563;
}
div.line_bright{
	width: 600px;
	border-top: solid 1px #C8C8C8;
}
div.line_bright_full_width{
	width: 860px;
	border-top: solid 1px #C8C8C8;
}
div.sidebar, div.infoframe{
	width: 172px;
	background: url(../img/side_top.png) top center no-repeat;
	margin-right: 50px;
	padding-top: 5px;
}
div.sidebar{
	position: absolute;
	top: 230px;
	right: -5px;
}
div.sidebar div, div.infoframe div{
	padding: 10px;
	background: url(../img/side_bottom.png) bottom center no-repeat;
}
table.productdownload{
	width: 600px;
}
table.productdownload tr td{
	padding-right: 15px;
}
table.productdownload img{
	margin-top: 5px;
}
p.indent-left{
	margin-left: 23px;
}
table.download td{
	padding: 5px 0;
}
table.download{
        margin-left: 25px;
}
#algemenevoorwaarden th{
	color: #555;
	font-size: 13px;
	background: #fff;
	padding-top: 20px;
	padding-bottom: 5px;
}
#algemenevoorwaarden td{
	vertical-align: top;
	padding-right: 10px;
	padding-bottom: 10px;
}
#accept_voorwaarden{
	width: 598px;
	height: 100px;
	overflow: auto;
	margin-top: 15px;
	border: solid 1px #7990ae;
}
#wizard_button{
	margin-top: 20px;
	width: 600px;
	text-align: right;
}
table.persoonlijke_gegevens input{
	width: 250px;
}
table.persoonlijke_gegevens td{
	padding-left: 12px;
}
table.betaalmethode td{
	padding: 6px;
}
#featurevergelijk thead th{background: #FFF;}
#featurevergelijk tr {border: 0}
#featurevergelijk thead th.vergelijk_regular{width: 100px; height: 130px; background: url(../img/box.png) 50% 50% no-repeat; text-indent: -9999px}
#featurevergelijk thead th.vergelijk_free{width: 100px; height: 130px; background: url(../img/box_free.png) 50% 50% no-repeat; text-indent: -9999px}
#featurevergelijk thead tr.prijs td{padding-bottom: 5px}
#featurevergelijk tbody th {font-size: 11px; height: 3.5em; background: #e8ebf1; color: #555; padding: 0 0.5em; width: 300px; text-align: right}
#featurevergelijk tbody tr {border: 2px solid #ddd}
#featurevergelijk .prijs td {color: #f00; text-align: center; font-weight: bold}
#featurevergelijk .ja {background: url(../img/check.png) 50% 50% no-repeat;text-indent: -9999px}
#featurevergelijk .nee {background: url(../img/uncheck.png) 50% 50% no-repeat;text-indent: -9999px}
