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

body {
	font: 62.5%/18px arial, verdana, sans-serif;
	margin: 0px;
	background-color: #f7f5f5;
}

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

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

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;
	font-style: italic;
}

/* ############################### */
/*  HEADER & PAGE WRAPPER OPMAKEN  */
/* ############################### */

#pagewrapper {
	width: 100%;
}

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

#container {
	background-color: #ffffff;
	width: 900px;
	position: relative;
	left: 50%;
	margin: 0 0 0 -450px;
}

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

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

#logo {
	background-image: url(../assets/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: 580px;
	height: 20px;
	outline: 0;
	position: absolute;
}

#headernav a {
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 8pt;
	outline: 0;
	font-weight: normal;
	color: #8e8e8e;
	padding-right: 15px;
	padding-left: 15px;   
	background: transparent url(../assets/icon-nieuwe-pagina.gif) no-repeat center right;
}

#headernav a:hover {
	color: #505050;
	outline: 0;
	text-decoration: underline;
	background: #ffffff;
	padding-right: 15px;
	padding-left: 15px;   
	background: transparent url(../assets/icon-nieuwe-pagina-hover.gif) no-repeat center right; 
}

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

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

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

#menu {
	width: 860px;
	height: 60px;
	top: 27px;
	position: relative;
	left: 50%;
	margin: 0 0 0 -430px;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* ################ */
/*  SIDEBAR PAGINA	*/
/* ################ */

#sidebar {
	width: 180px;
	float: right;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	background-color: #f7f9fb;
	height: 1780px;
	border-left: 1px solid #e6dfde;
}

#sidebar-nieuws {
	width: 180px;
	float: right;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	background-color: #f7f9fb;
	height: 860px;
	border-left: 1px solid #e6dfde;
}

#sidebar-business {
	width: 180px;
	float: right;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	background-color: #f7f9fb;
	height: 400px;
	border-left: 1px solid #e6dfde;
}

#sidebar-onderhoud-en-storingen {
	width: 180px;
	float: right;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	background-color: #f7f9fb;
	height: 400px;
	border-left: 1px solid #e6dfde;
}

#sidebar-netwerk {
	width: 180px;
	float: right;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	background-color: #f7f9fb;
	height: 400px;
	border-left: 1px solid #e6dfde;
}

#sidebar-diversen {
	width: 180px;
	float: right;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	background-color: #f7f9fb;
	height: 660px;
	border-left: 1px solid #e6dfde;
}

#sidebar-case-studies {
	width: 180px;
	float: right;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	background-color: #f7f9fb;
	height: 400px;
	border-left: 1px solid #e6dfde;
}

#sidebar-archief {
	width: 180px;
	float: right;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	background-color: #f7f9fb;
	height: 1780px;
	border-left: 1px solid #e6dfde;
}

/* ################ */
/*  SIDEBAR OPMAKEN	*/
/* ################ */

#sidebar h1 {
	font: 17px arial, verdana, sans-serif;
	font-weight: normal;
	color: #666666;
}

#sidebar a {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 20px;
	color: #b1b1b1;
	padding-right: 5px;
	padding-left: 15px;   
	background: transparent url(../assets/pointer-donkerblauw.gif) no-repeat center left;
}

#sidebar a:hover {
 color: #84898d;
 text-decoration: underline;
}

#sidebar sup {
	font: 11px arial, verdana, sans-serif;
	font-weight: normal;
	color: #b1b1b1;
}

#sidebar-nieuws h1 {
	font: 17px arial, verdana, sans-serif;
	font-weight: normal;
	color: #666666;
}

#sidebar-nieuws a {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 20px;
	color: #b1b1b1;
	padding-right: 5px;
	padding-left: 15px;   
	background: transparent url(../assets/pointer-donkerblauw.gif) no-repeat center left;
}

#sidebar-nieuws a:hover {
 color: #84898d;
 text-decoration: underline;
}

#sidebar-nieuws sup {
	font: 11px arial, verdana, sans-serif;
	font-weight: normal;
	color: #b1b1b1;
}

#sidebar-business h1 {
	font: 17px arial, verdana, sans-serif;
	font-weight: normal;
	color: #666666;
}

#sidebar-business a {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 20px;
	color: #b1b1b1;
	padding-right: 5px;
	padding-left: 15px;   
	background: transparent url(../assets/pointer-donkerblauw.gif) no-repeat center left;
}

#sidebar-business a:hover {
 color: #84898d;
 text-decoration: underline;
}

#sidebar-business sup {
	font: 11px arial, verdana, sans-serif;
	font-weight: normal;
	color: #b1b1b1;
}

#sidebar-onderhoud-en-storingen h1 {
	font: 17px arial, verdana, sans-serif;
	font-weight: normal;
	color: #666666;
}

#sidebar-onderhoud-en-storingen a {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 20px;
	color: #b1b1b1;
	padding-right: 5px;
	padding-left: 15px;   
	background: transparent url(../assets/pointer-donkerblauw.gif) no-repeat center left;
}

#sidebar-onderhoud-en-storingen a:hover {
 color: #84898d;
 text-decoration: underline;
}

#sidebar-onderhoud-en-storingen sup {
	font: 11px arial, verdana, sans-serif;
	font-weight: normal;
	color: #b1b1b1;
}

#sidebar-netwerk h1 {
	font: 17px arial, verdana, sans-serif;
	font-weight: normal;
	color: #666666;
}

#sidebar-netwerk a {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 20px;
	color: #b1b1b1;
	padding-right: 5px;
	padding-left: 15px;   
	background: transparent url(../assets/pointer-donkerblauw.gif) no-repeat center left;
}

#sidebar-netwerk a:hover {
 color: #84898d;
 text-decoration: underline;
}

#sidebar-netwerk sup {
	font: 11px arial, verdana, sans-serif;
	font-weight: normal;
	color: #b1b1b1;
}

#sidebar-diversen h1 {
	font: 17px arial, verdana, sans-serif;
	font-weight: normal;
	color: #666666;
}

#sidebar-diversen a {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 20px;
	color: #b1b1b1;
	padding-right: 5px;
	padding-left: 15px;   
	background: transparent url(../assets/pointer-donkerblauw.gif) no-repeat center left;
}

#sidebar-diversen a:hover {
 color: #84898d;
 text-decoration: underline;
}

#sidebar-diversen sup {
	font: 11px arial, verdana, sans-serif;
	font-weight: normal;
	color: #b1b1b1;
}

#sidebar-case-studies h1 {
	font: 17px arial, verdana, sans-serif;
	font-weight: normal;
	color: #666666;
}

#sidebar-case-studies a {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 20px;
	color: #b1b1b1;
	padding-right: 5px;
	padding-left: 15px;   
	background: transparent url(../assets/pointer-donkerblauw.gif) no-repeat center left;
}

#sidebar-case-studies a:hover {
 color: #84898d;
 text-decoration: underline;
}

#sidebar-case-studies sup {
	font: 11px arial, verdana, sans-serif;
	font-weight: normal;
	color: #b1b1b1;
}

#sidebar-archief h1 {
	font: 17px arial, verdana, sans-serif;
	font-weight: normal;
	color: #666666;
}

#sidebar-archief a {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 20px;
	color: #b1b1b1;
	padding-right: 5px;
	padding-left: 15px;   
	background: transparent url(../assets/pointer-donkerblauw.gif) no-repeat center left;
}

#sidebar-archief a:hover {
 color: #84898d;
 text-decoration: underline;
}

#sidebar-archief sup {
	font: 11px arial, verdana, sans-serif;
	font-weight: normal;
	color: #b1b1b1;
}

#twitter {
	background-image: url(../assets/twitter.png);
	width: 0px;
	height: 0px;
	float: center;
	outline: 0;
}

/* ############## */
/*  HOOFD PAGINA	*/
/* ############## */

#pagina {
 width: 615px;
 height: 100%;
 float: left;
 margin-top: 20px;
 margin-left: 20px;
 margin-right: 20px;
}

#pagina h1 {
	font: 17px arial, verdana, sans-serif;
	font-weight: normal;
	margin-top: 6px;
	color: #046f96;
}

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

#pagina span {
	font: 11px arial, verdana, sans-serif;
	font-weight: normal;
	line-height: 20px;
	color: #b1b1b1;

	padding-left: 20px;   
	padding-top: 5px;
	padding-bottom: 5px;
	background: transparent url(../assets/time.gif) no-repeat center left;
}

#pagina a {
	font: 11px arial, verdana, sans-serif;
	font-weight: normal;
	color: #b1b1b1;
}

#pagina a:hover {
	font: 11px arial, verdana, sans-serif;
	font-weight: normal;
	color: #84898d;
	text-decoration: underline;
}

#pagina a.extra {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	margin-right: -2px;
	margin-left: -2px;
	color: #d95548;
	text-decoration: underline;
}

#pagina a:hover.extra {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	color: #b84b40;
	text-decoration: underline;
}

#pagina a.link {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	color: #b1b1b1;
}

#pagina a.link:hover {
	font: 12px arial, verdana, sans-serif;
	font-weight: normal;
	color: #84898d;
	text-decoration: underline;
}

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

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

#footer-menu .img {
	border: 0px;
	margin-left: 10px;
}

#footer-menu .container { 
	width: 960px; 
	padding: 22px 0 0 20px; 
	margin: 0 auto; 
	display: block; 
	height: 1%; 
	overflow: inherit; 
	position: relative;
}

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

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

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

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

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

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

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

#footer-menu 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/icon-nieuwe-pagina.gif) no-repeat center right;
}
	
#textcontainer a:hover, #textcontainer a:visited:hover { 
	color: #505050;
	background: transparent url(../assets/icon-nieuwe-pagina-hover.gif) no-repeat center right;
}