@charset "utf-8";
/* CSS Document */

html {
height:100%;
width:100%;
}

body {
	font-family:Calibri, Verdana, Arial;
	font-size:12px;
	color:#333333;
	text-align:left;
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	background-color:#f3f3f3;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
}

.standaard {
	font-family:Calibri, Verdana, Arial;
	font-size:12px;
	color:#333333;
}

.error {
	display:block;
	width:90%;
	padding:5px;
	color:#ffffff;
	background-color:#e0051d;
	font-size:14px;
}

.header {
	font-size:14px;
	color:#999999;
	text-align:left;
	letter-spacing:1px;
	padding-right:40px;
	padding-bottom:3px;
	border-bottom: dotted 1px #CCCCCC;
	width:90%;
}

.p_header {
	font-size:14px;
	color:#7762e1;
}

.light {
	color:#666;
	font-size:12px;
}

.footer_tekst {
text-align:right;
margin-right:35px;
margin-top:8px;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}

td.tableheader {
	color:#666666;
	font-size:12px;
	background-color:#f3f3f3;
}

.nieuws_small {
	width:150px;
	height:auto;
	margin-bottom:7px;
	margin-left:20px;
	padding:5px;
	border: solid 1px #CCCCCC;
	background-color:#efefef;
	text-align:left;
}

img {
border: none;
}

table {
}

tr {
}

td {
}

input
{
	vertical-align:middle;
	background-color:#FFFFFF;
	color:#00009b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border: solid 1px #cccccc;
}
input:hover
{
	border: solid 1px #000000;
}

select
{
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

input.hintTextbox       { color: #888; }
input.hintTextboxActive { color: #000; }

textarea {
	vertical-align:middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#FFFFFF;
	border: solid 1px #cccccc;
}

select {
	vertical-align:middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#FFFFFF;
	color:#000099;
	border: solid 1px #cccccc;
}

/* DIVISIONS */

#maincontainer {
	position:relative;
	width:875px;
	height:auto;
	overflow:hidden;
	margin: 0 auto 0 auto;
}

#top {
	float:left;
	margin-top:10px;
	height:123px;
	width:875px;
	overflow:hidden;
	background-image:url(../images/bg_top.png);
	background-repeat:no-repeat;
}

#main {
	float:left;
	height:auto;
	width:875px;
	overflow:hidden;
	background-image:url(../images/bg_main.png);
	background-repeat:repeat-y;
}

	#main_left {
		float:left;
		position:relative;
		width:195px;
		padding-left:15px;
		padding-right:5px;
		padding-bottom:10px;
		padding-top:15px;
		text-align:center;
	}

	#main_right {
		float:left;
		position:relative;
		width:610px;
		padding-left:20px;
		padding-right:10px;
		padding-top:20px;
	}
	
#footer {
	clear:both;
	float:left;
	position:relative;
	height:62px;
	width:875px;
	overflow:hidden;
	background-image:url(../images/bg_footer.png);
	background-repeat:no-repeat;
}

/* Links */

a:link, a:visited, a:active {
	position:relative;
	color:#7762e1;
	text-decoration:none;
}
a:hover {
	position:relative;
	color:#999999;
	text-decoration:none;
}

.winkellink a:link, .winkellink a:visited, .winkellink a:active {
	display:block;
	width:100%;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:1px;
	color:#000000;
	text-decoration:none;
	border:none;
}
.winkellink a:hover {
	color:#cc0066;
}

.categorielink a:link, .categorielink a:visited, .categorielink a:active {
	display:block;
	float:left;
	clear:none;
	position:relative;
	font-size:14px;
	letter-spacing:1px;
	color:#044b98;
	width:260px;
	height:150px;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	padding:0px;
	margin-right:25px;
	margin-top:25px;
	margin-bottom:15px;
	border:1px solid #dddddd;
	overflow:hidden;
}

.categorielink a:hover
{
	color:#000000;
	border:1px solid #920049;
}

.artikellink, .artikellink a:link, .artikellink a:visited, .artikellink a:active {
	display:block;
	float:left;
	clear:none;
	position:relative;
	font-size:14px;
	letter-spacing:1px;
	color:#044b98;
	width:260px;
	height:250px;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	padding:0px;
	margin-right:25px;
	margin-top:25px;
	margin-bottom:15px;
	border:1px solid #dddddd;
	overflow:hidden;
}

.artikellink a:hover
{
	color:#000000;
	border:1px solid #920049;
}

a.documenten_link:link, a.documenten_link:visited, a.documenten_link:active {
	font-size:14px;
	font-family:'Century Gothic', verdana;
	color:#666;	
	text-decoration:none;
}

a.documenten_link:hover {
	color:#000;
	text-decoration:underline;
}

.portalmap {
	display:block;
	float:left;
	clear:both;
	position:relative;
	font-size:14px;
	letter-spacing:1px;
	color:#333;
	width:450px;
	height:60px;
	text-decoration:none;
	text-align:left;
	vertical-align:middle;
	padding:5px;
	padding-left:15px;
	margin-right:25px;
	margin-top:10px;
	background-color:#f1f1f1;
	border:1px solid #ccc;
	overflow:hidden;
}

a.portalmap:link, a.portalmap:visited, a.portalmap:active {
	display:block;
	float:left;
	clear:both;
	position:relative;
	font-size:14px;
	letter-spacing:1px;
	color:#333;
	width:450px;
	height:60px;
	text-decoration:none;
	text-align:left;
	vertical-align:middle;
	padding:5px;
	padding-left:15px;
	margin-right:25px;
	margin-top:10px;
	background-color:#f1f1f1;
	border:1px solid #ccc;
	overflow:hidden;
}

a.portalmap:hover
{
	color:#000000;
	border:1px solid #333;
}


a.portal:link, a.portal:visited, a.portal:active {
	display:block;
	float:left;
	clear:both;
	position:relative;
	font-size:16px;
	letter-spacing:1px;
	color:#7762e1;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	margin-bottom:25px;
	width:179px;
	height:28px;
	padding-top:7px;
	background-image:url(../images/menu_bg.gif);
	background-repeat:no-repeat;
	text-align:right;
	padding-right:20px;
}

a.portal:hover
{
	color:#000000;
	border-top:solid 1px #999;
	border-bottom:solid 1px #999;
	background-color:#FFF;
	background-image:url(../images/menu_bg_hover.gif);
	background-repeat:no-repeat;
}

.largeMenuItem { 
	display:	block;
	float:		left;
	height:		258px;
	width:		177px;
	overflow:	hidden;
	margin-left:20px;
}

.largeMenuItem:hover {
	display:	block;
	text-indent:-177px;
	cursor:		pointer;
}

.smallMenuItem { 
	position:relative;
	display:	block;
	float:		left;
	height:		45px;
	width:		199px;
	overflow:	hidden;
}

.smallMenuItem:hover {
	position:relative;
	text-indent:-199px;
	cursor:		pointer;
}

.inloggenBedrijven { 
	display:	block;
	float:		left;
	width:		207px;
	overflow:	hidden;
}

.inloggenBedrijven:hover {
	display:	block;
	text-indent:-207px;
	cursor:		pointer;
}

/* De 'pop-up' in de winkel */
.popup {
display:block;
float:left;
clear:none;
}

.popup span { 
 display:none; 			/*verbergt span*/ 
}
 
.popup:hover span { 
 display:block;		/*maakt span zichtbaar*/
 clear:none;
 width:200px;
 height:auto;
 overflow:hidden;
 position:absolute;
 left:20px;
 top:-100px;
 color:#333333;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 background-color:#efefef;
 border: solid 1px #999999;
 visibility:visible;
 padding:10px;
 z-index:0;
}

/* Dropdown menus */

#dropmenudiv {
position:absolute;
margin-left:202px;
margin-top:-48px;
border-bottom: none;
line-height:18px;
z-index:100;
}

#dropmenudiv a {
width: auto;
display: block;
padding: 3px;
text-decoration: none;
font-family:"Century Gothic", Verdana, Arial;
font-size:12px;
color:#7762e1;
background-image:url(../images/menu/menu_bg.gif);
margin-top:3px;
border: solid 1px #cccccc;
letter-spacing:1px;
}

#dropmenudiv a:hover{ /*hover background color*/
background-image:url(../images/menu/menu_bg_hover.gif);
border: solid 1px #999999;
}