/* ############################### */
/*  ELEMENTAIRE OPMAKEN INSTELLEN  */
/* ############################### */



body {
	font: 62.5%/18px arial, verdana, sans-serif;
	margin: 0px;
	background: #f7f5f5 url('../assets/general/bg.jpg') repeat-x;
}

p {
	font-family: "Arial";
	font-weight: lighter;
	font-size: 10px;
}

a:link {
	color:#555;
	outline: 0;
	text-decoration: none;
	padding: 3px;
}   
	 
a:visited {
	color:#555;
	outline: 0;
	text-decoration: none;
	padding: 3px;
}  

a:hover {
	color:#000;
	outline: 0;
	text-decoration:none;
	padding: 3px;
} 

a:active {
	color:#555;
	outline: 0;
	text-decoration:none;
	padding: 3px;
}  

span {
	font: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #a39897;
}

i {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	color: #a8aaab;
	cursor: help;
	border-bottom: 1px dotted;
	font-style: italic;
}

img {
	border: 0px;
	margin-left: 5px;
}
	
/* ############################### */
/*  HEADER & PAGE WRAPPER OPMAKEN  */
/* ############################### */

#pagewrapper {
	margin: auto;
	width: 900px;
}

#header {
	background: #ffffff;
	width: 100%;
	height: 100px;
	position: relative;
}

#container {
	background-color: #ffffff;
	margin: auto;
	width: 900px;
	position: relative;
}

/* ############## */
/*  LOGO OPMAKEN  */
/* ############## */

#logo-container {
	width: 520px;
	height: 80px;
	position: relative;
}

#logo {
	background-image: url(../assets/general/logo.gif);
	float: left;
	margin-top: 22px;
	margin-left: 12px;
	width: 380px;
	outline: 0;
	height: 55px;
}

/* ########################################## */
/*  HEADER NAVIGATIE (Begrip/UK/Help/Contact  */
/* ########################################## */

#headernav {
	top: 5px;
	left: 650px;
	position: absolute;
	margin: 0px;
	padding: 0px;
}

#headernav li {
	display: inline;
	list-style-type: none;
}

#headernav li a {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 8pt;
	outline: none;
	font-weight: normal;
	color: #8e8e8e;
}

#headernav a:hover {
	color: #505050;
	outline: 0;
	text-decoration: underline;
	background: #ffffff; 
}

#headernav li.bookmark {
	display: inline;
	list-style-type: none;
}

#headernav li.bookmark a {
	display: inline-block;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	color: #8e8e8e;
    padding-left: 20px;
	padding-top: -3px;
	position: inline; 
	background: transparent url(../assets/general/bookmark.png) no-repeat center left;
}

#headernav .bookmark a:hover {
	color: #505050;
	text-decoration: underline;
	background: transparent url(../assets/general/bookmark-hover.png) no-repeat center left; 
}

/* ############################ ###### */
/*  HOOFDMENU OPMAKEN (ALLE PAGINA'S)  */
/* ################################### */

#navbox {
	background: #046f96; 
	width: 100%;
	top: 0px;
	height: 50px;
}

#navboxfooter {
	background: #bddfed;
	width: 100%;
	top: 0px;
	height: 13px;
}

#menu {
	width: 880px;
	margin: auto;
	height: 60px;
	top: 22px;
	left: 20px;
	position: relative;
	margin: 0px;
	padding: 0px;
}

#menu li {
	display: inline;
	list-style-type: none;
}

#menu li a {
	display: inline-block;
	font-family: arial,helvetica,sans-serif;
	height: 1.5em;
	font-size: 120%;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
    background: #1a7da1;
	text-align: left;
	overflow: visible;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;       
}

#menu li a:hover, #menu li a:visited:hover { 
	color: #000000;
	background: #bddfed; 
}

#menu .actief  { 
	color: #000000;
	background: #bddfed; 
}

/* ##################################### */
/*  CONTENT OPMAKEN BASIS (IN PAGINA'S)  */
/* ##################################### */

#contentbox {
	background: #fff;
	margin: auto;
	width: 900px;
	height: 870px;
	border-left: 1px solid #e6dfde;
	border-right: 1px solid #e6dfde;
	position: relative;
	/*
	Oud
	background-color: #ffffff;
	width: 900px;
	height: 870px;
	top: 0px;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #e6dfde;
	position: relative;
	left: 50%;
	margin: 0 0 0 -450px;
	*/
}

#content-container {
	width: 420px;
	height: 510px;
	margin-left: 20px;
	margin-top: 15px;
	float: left;
}

#content-container h1 {
	font: 17px arial, verdana, sans-serif;
	font-weight: normal;
	color: #046f96;
}

#content-container p {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 20px;
	color: #84898d;
}

/* ###################### */
/* SHTML CONTENT INVOEGEN */
/* ###################### */

#contentbox-s {
	background-color: #ffffff;
	width: 900px;
	height: 350px;
	top: 0px;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #e6dfde;
	position: relative;
	left: 50%;
	margin: 0 0 0 -450px;
}

#content-s {
	width: 860px;
	height: 300px;
	margin-left: 20px;
	margin-top: 15px;
	float: left;
}

#content-s h1 {
	font: 17px arial, verdana, sans-serif;
	font-weight: normal;
	color: #046f96;
}

#content-s p {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 20px;
	color: #84898d;
}


/* ##################################### */
/*  BLOK ARTIKELEN + ICOON INDEX PAGINA  */
/* ##################################### */

#subcontainer {
	width: 420px;
	height: 180px;
}

#afbeelding-1 {
	background-image: url(../assets/general/backup.gif);
	float: left;
	margin-top: 15px;
	width: 55px;
	height: 85px;
}

#artikel-1 {
	float: right;
	width: 340px;
}

#afbeelding-2 {
	background-image: url(../assets/general/snelheid.gif);
	float: left;
	margin-top: 15px;
	width: 55px;
	height: 76px;
}

#artikel-2 {
	float: right;
	width: 340px;
}

#afbeelding-3 { /* inactief* */
	background-image: url(../assets/general/document.gif);
	float: left;
	margin-top: 15px;
	width: 55px;
	height: 72px;
}

#artikel-3 { /* inactief */
	float: right;
	width: 340px;
}


/* ############################# */
/*  STER OPSOMMING INDEX PAGINA  */
/* ############################# */

#rechterzijde {
	background-color: #ffffff;
	float: right;
	width: 420px;
	height: 200px;
	padding-right: 20px;
	padding-top: 36px;
	position: inherit;
}

.rechterzijde-list {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	list-style: none;
}

.rechterzijde-list li {
	width: 100%;
	float: left;
	margin: 0 0 1px;
}

.rechterzijde-list .line-1 {
	background: #f7f9fb url("../assets/general/bg-line-1.gif") repeat-x;
}

.rechterzijde-list .line-2 {
	background: #f1f5f8 url("../assets/general/bg-line-2.gif") repeat-x;
}

.rechterzijde-list .line-3 {
  background: #e9eff4 url("../assets/general/bg-line-3.gif") repeat-x;
}

.rechterzijde-list .line-4 {
	background: #e4ebf1 url("../assets/general/bg-line-4.gif") repeat-x;
}

.rechterzijde-list .line-5 {
	background: #dee8f1 url("../assets/general/bg-line-5.gif") repeat-x;
}

.rechterzijde-list li a {
  color: #585F65;
}

.rechterzijde-list li span {
	height: 1%;
	font: 12px arial, verdana, sans-serif;
	color: #585F65;
	display: block;
	margin: 0 10px;
	min-height: 15px;
	line-height: 17px;
	text-decoration: none;
	padding: 9px 0 10px 34px;
	background: url("../assets/general/star-icon.png") no-repeat;
}

.rechterzijde-list li a {
	height: 15px;
}

.rechterzijde-list li a:hover {
	text-decoration: underline;
}

/* ########################################### */
/*  BLOKKEN LINKS/RECHTS INDEX PAGINA  */
/* ########################################### */

#subblok-rechts {
	background-color: #ffffff;
	float: right;
	width: 420px;
	height: 300px;
	margin-right: 20px;
	margin-top: 5px;
	position: inherit;
}

#subblok-rechts h1 {
	font: 17px arial, verdana, sans-serif;
	font-weight: normal;
	margin-bottom: 9px;
	color: #046f96;
}

#subblok-rechts p {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 20px;
	margin-top: 1px;
	color: #84898d;
}

#subblok-rechts a {
	font: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	color: #d95548;
}

#subblok-rechts a:hover {
	color: #b84b40;
}

/* ################################# */
/*  BANNER SMS MELDING INDEX PAGINA  */
/* ################################# */

#balloon-sms {
	background-image: url(../assets/general/balloon-sms-melding.gif);
	float: right;
	margin-top: 15px;
	width: 419px;
	height: 150px;
}

/* ############################### */
/*  PDF BLOK, DOCUMENT DOWNLOADEN  */
/* ################################*/

#downdoc {
	float: right;
	margin-top: -6px;
	width: 419px;
	height: 23px;
}

#downdoc h1 {
	font: 17px arial, verdana, sans-serif;
	font-weight: normal;
	padding-top: 25px;
	margin-bottom: 0px;
	color: #046f96;
}

#downdoc span {
	font: arial, verdana, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	color: #a39897;
	text-align: left;
	padding-right: 15px;
	margin-bottom: -2px;
	padding-left: 20px;
	padding-top: -3px;
	position: inline;   
	background: transparent url(../assets/general/nieuw-venster-icon.gif) no-repeat center left;
}

#dlinecontainer {
	border-bottom: 1px solid #e5e5e5;
	height: 23px;
	padding-top: 15px;
	width: 419px;
}

#downdoc a {
	font: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	color: #d95548;
	text-align: left;
	padding-right: 10px;
	padding-left: 25px;   
	background: transparent url(../assets/general/pdf-icon.gif) no-repeat center left;
}

#downdoc a:hover {
	color: #b84b40;
}

/* ################################ */
/*  PRINT BLOK, DOCUMENT AFDRUKKEN  */
/* #################################*/

#printdoc {
	float: right;
	margin-top: 60px;
	width: 419px;
	height: 23px;
}

#printdoc h1 {
	font: 17px arial, verdana, sans-serif;
	font-weight: normal;
	padding-top: 20px;
	margin-bottom: 0px;
	color: #046f96;
}

#printdoc span {
	font: arial, verdana, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	color: #a39897;
	text-align: left;
	padding-right: 15px;
	margin-bottom: -2px;
	padding-left: 20px;
	padding-top: -4px;
	position: relative;   
	background: transparent url(../assets/general/nieuw-venster-icon.gif) no-repeat center left;
}

#plinecontainer {
	border-bottom: 1px solid #e5e5e5;
	height: 23px;
	padding-top: 15px;
	width: 419px;
}

#printdoc a {
	font: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	color: #d95548;
	text-align: left;
	padding-right: 10px;
	padding-left: 25px;   
	background: transparent url(../assets/general/print-icon.gif) no-repeat center left;
}

#printdoc a:hover {
	color: #b84b40;
}


/* ############################### */
/*  NIEUWSBRIEF BLOK (IN ACTIEF!)	 */
/* ############################### */

#nieuwsbrief {
	background-image: url(../assets/general/nieuwsbrief-blok.png);
	width: 265px;
	height: 189px;
	margin-left: 640px;
	margin-top: 10px;
	position: relative;
}

/* ########################## */
/*  GRIJS MENU BOTTOM PAGINA	*/
/* ########################## */	

#footer-menu { 
	background: #666 url(../assets/general/bg-footer.gif) repeat-x; 
	font-size: 1.2em; 
	color: #fff; 
	padding-bottom: 40px; 
	height: 320px;
}

#footer-menu .container { 
	width: 940px;
	margin: auto; 
	display: block; 
	padding-top: 22px;
}

#footer-menu .container dl { 
	float: left; 
	width: 286px; 
	margin-right: 15px; 
	display: inline; 
}

#footer-menu .container dt { 
	font: normal 1.4em tahoma,arial,verdana;
	font-weight: medium; 
	padding: 7px 0 5px 0; 
	margin-left: 40px;
}

#footer-menu .container dd a { 
	border-bottom: 1px solid #707070; 
	padding: 4px 0; 
	display: block; 
}

#footer-menu .container dd a:hover { 
	background: #707070; 
}

#footer-menu .container a, #footer-menu .container a:visited { 
	color: #ccc; 
	text-decoration: none; 
	text-shadow: #666 0 0 1px; 
}

#footer-menu .container a:hover, #footer-menu .container a:visited:hover { 
	color: #fff; 
}

#footer-menu .container .padding-dt { 
	padding-top: 24px; 
}

#footer-menu .container h4 { 
	color: #fff; 
}
	
/* ########################################### */
/*  FOOTER SUB (Voorwaarden/Policy/Disclaimer  */
/* ########################################### */
	
#footer-einde {
	background-color: #f7f5f5;
	width: 100%;
	height: 70px;
}

#textcontainer {
	width: 920px;
	height: 70px;
	top: 15px;
	position: relative;
	left: 50%;
	margin: 0 0 0 -460px;
}

#textcontainer a {
	font: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	color: #8e8e8e;
	text-align: left;
	padding-right: 15px;
	padding-left: 30px;   
	background: transparent url(../assets/general/icon-nieuwe-pagina.gif) no-repeat center right;
}
	
#textcontainer a:hover, #textcontainer a:visited:hover { 
	color: #505050;
	background: transparent url(../assets/general/icon-nieuwe-pagina-hover.gif) no-repeat center right;
}

/* ######################## */
/*  ALEXA WIDGET VERBERGEN  */
/* ######################## */

#alexa {
display: none;
}

/* ################################# */
/*  BANNER SMS MELDING INDEX PAGINA  */
/* ################################# */

#balloon-domeinnamen {
	background-image: url(../assets/general/balloon-domeinnamen.gif);
	float: right;
	margin-top: 15px;
	margin-bottom: 30px;
	width: 419px;
	height: 150px;
}

#balloon-dedicated {
	background-image: url(../assets/general/balloon-dedicated.gif);
	float: right;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 419px;
	height: 150px;
}

/* ################################# */
/*  BANNER SMS MELDING INDEX PAGINA  */
/* ################################# */

#place-order {
	height: 30px;
	width: 860px;
	margin-top: 5px;
	padding-top: 10px;
	padding-left: 15px;
	background-color: #e4ebf1;
}

#place-order span {
	font: arial, verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	color: #585f65;
	text-align: left;
	padding-right: 15px;
	margin-bottom: -2px;
	padding-left: 40px;
	padding-top: -4px;
	position: relative;   
	background: transparent url(../assets/general/pointer-order.gif) no-repeat center left;
}

/* ####################### */
/*  AUDIO CONTENT CONTROL  */
/* ####################### */

#audio {
	margin-bottom: -5px;
	outline: 0;
	cursor: auto;
}
/* formulier zijkant bestellen rechts */


#optionselect1 {
	height: 25px;
	width: 403px;
	margin-top: -1px;
	background-color: #f7f9fb;
	border-top: 1px solid #e4ebf1;
	border-left: 1px solid #e4ebf1;
	border-right:	1px solid #e4ebf1;
	padding-left: 15px;
	padding-top: 6px;
}

#optionselect1 span {
	font: arial, verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: underline;
	color: #84898d;
	text-align: left;
	padding-left: 30px;
	position: relative;   
	background: transparent url(../assets/general/icoon-pijl.gif) no-repeat center left;
}

#optionselect2 {
	height: 25px;
	width: 403px;
	margin-top: 0px;
	background-color: #f7f9fb;
	border-top: 1px solid #e4ebf1;
	border-left: 1px solid #e4ebf1;
	border-right:	1px solid #e4ebf1;
	padding-left: 15px;
	padding-top: 6px;
}

#optionselect2 span {
	font: arial, verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: underline;
	color: #84898d;
	text-align: left;
	padding-left: 30px;
	position: relative;   
	background: transparent url(../assets/general/icoon-pijl.gif) no-repeat center left;
}

#optionselect3 {
	height: 25px;
	width: 403px;
	margin-top: 0px;
	background-color: #f7f9fb;
	border-top: 1px solid #e4ebf1;
	border-left: 1px solid #e4ebf1;
	border-right:	1px solid #e4ebf1;
	border-bottom: 1px solid #e4ebf1;
	padding-left: 15px;
	padding-top: 6px;
}

#optionselect3 span {
	font: arial, verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: underline;
	color: #84898d;
	text-align: left;
	padding-left: 30px;
	position: relative;   
	background: transparent url(../assets/general/icoon-pijl.gif) no-repeat center left;
}

#dottedline {
	height: 10px;
	width: 860px;
	background-image: url(../assets/general/dotted-line.gif);
}

.cleaner {
	clear: both;
}