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

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

body {
	font-family: Verdana, Arial;
	font-size:11px;
	color:#666666;
	text-align:left;
	height:100%;
	width:100%;
	margin:0px;
	margin-top:0px;
	padding:0px;
	background-color:#ffffff;
}

.standaard {
	font-family: Verdana, Arial;
	font-size:11px;
	color:#666666;
}

.standaard_10px {
	font-family: Verdana, Arial;
	font-size:10px;
	color:#666666;
}

.header {
	font-size:11px;
	color:#000000;
}

.header_bold {
	font-size:11px;
	font-weight:bold;
	color:#000000;
}

.header_large {
	font-size:13px;
	letter-spacing:1px;
	color:#000000;
}

.header_bold_large {
	font-size:13px;
	letter-spacing:1px;
	font-weight:bold;
	color:#000000;
}

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

.box_solutions {
	display:block;
	width:97%;
	min-height:60px;
	height:auto;
	overflow:visible;
	padding-top:0px;
	padding-left:20px;
	padding-bottom:10px;
	background-image:url(../images/div_bg_solutions.gif);
	background-repeat:no-repeat;
	border-left: solid 1px #bcbdc0;
}

.box_distri {
	display:block;
	width:97%;
	min-height:60px;
	height:auto;
	overflow:visible;
	padding-top:0px;
	padding-left:20px;
	padding-bottom:10px;
	background-image:url(../images/div_bg_distri.gif);
	background-repeat:no-repeat;
	border-left: solid 1px #bcbdc0;
}

.box_service {
	display:block;
	width:97%;
	min-height:60px;
	height:auto;
	overflow:visible;
	padding-top:0px;
	padding-left:20px;
	padding-bottom:10px;
	background-image:url(../images/div_bg_service.gif);
	background-repeat:no-repeat;
	border-left: solid 1px #bcbdc0;
}

.box_bottom {
	display:block;
	width:100%;
	height:20px;
	padding:5px;
	padding-left:20px;
	background-image:url(../images/div_bg_bottom.gif);
	background-repeat:no-repeat;
}

td.tableheader {
	color:#666666;
	font-size:11px;
	font-weight:bold;
	letter-spacing:1px;
	border-bottom: dotted 1px #666666; 
}

/* Divisions */

#maincontainer {
	margin: 0 auto 0 auto;
	width:949px;
	height:auto;
	overflow:hidden;
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(../images/bg_maincontainer.gif);
	background-repeat:repeat-y;
	border: solid 1px #d5d6d7;
	border-top: none;
	border-right: none;
}

#header {
	position:relative;
	height:130px;
	border-bottom: solid 1px #d5d6d7;
	border-right: solid 1px #d5d6d7;
	background-color:#FFFFFF;
	background-image:url(../images/bg_header.gif);
	background-repeat:repeat-y;
}

#menu {
	position:relative;
	float:left;
	width:111px;
	height:100%;
	padding-top:25px;
	padding-bottom:25px;
	padding-left:25px;
	padding-right:25px;
}

#main {
	float:left;
	clear:none;
	overflow:hidden;
	width: 776px;
	height:auto;
	padding:0px;
}

		#left {
			float:left;
			clear:none;
			width:330px;
			height:100%;
			overflow:visible;
			padding-top:14px;
			padding-left:12px;
			padding-right:75px;
		}
		
		#right {
			float:left;
			clear:none;
			width:333px;
			height:auto;
			overflow:hidden;
		}

#footer {
	display:block;
	width:100%;
	float:left;
	clear:both;
	height:20px;
	padding-top:7px;
	text-align:center;
	letter-spacing:1px;
	font-size:11px;
	padding-left:12px;
}

#loading {
	display:block;
	position:absolute;
	top:160px;
	left:170px;
	width:50px;
	height:40px;
	border: none;
	background: none;
}

#cms_box {
	display:block;
	overflow:visible;
	padding:10px;
	border: dotted 1px #dddddd;
}

.mceExternalToolbar {
	display:block;
	float:left;
	position:absolute;
	z-index:0;
}

/* Links */

a:link, a:visited, a:hover {
	color: #444444;
	text-decoration:none;
}

a:hover {
	color: #666666;
	text-decoration:none;
}

.menu_toets {
	text-decoration:none;
	display:block;
	width:100%;
	padding:3px;
}
.menulink a:link {
	text-decoration:none;
	display:block;
	width:100%;
	padding:3px;
}
.menulink a:visited {
	text-decoration:none;
	display:block;
	width:100%;
	padding:3px;
}
.menulink a:active {
	text-decoration:none;
	display:block;
	width:100%;
	padding:3px;
}
.menulink a:hover {
	text-decoration:none;
	display:block;
	width:100%;
	padding:3px;
}

.menulink a:link span
{
	display:none;
}
.menulink a:visited span
{
	display:none;
}
.menulink a:active span
{
	display:none;
}
.menulink a:hover span
{
	display:block;
	position:absolute;
	top:17px;
	left:156px;
	font-size:12px;
	font-weight:normal;
	color: #999999;
	width:776px;
	height:440px;
	background-image:url(../images/bg_temp_page.gif);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	padding:5px;
	padding-top:23px;
	text-decoration:none;
	filter:Alpha(opacity=100, finishopacity=0, style=1, startx=0, starty=90, finishx=0, finishy=100);
}

.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;
	font-size:11px;
	letter-spacing:1px;
	width:100%;
	height:auto;
	overflow:hidden;
	text-decoration:none;
	text-align:left;
	margin-right:15px;
	margin-bottom:15px;
	padding:5px;
	padding-left:10px;
	padding-right:40px;
	padding-top:9px;
	background-image:url(../images/goto.gif);
	background-position:right;
	background-repeat:no-repeat;
	border: dotted 1px #ffffff;
}

.categorielink a:hover
{
	color:#000000;
	background-image:url(../images/goto_hover.gif);
	background-position:right;
	background-repeat:no-repeat;
	border: dotted 1px #CCCCCC;
}


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

.popup span { 
 display:none; 			/*verbergt span*/ 
}
 
.popup:hover span { 
 display:inline;		/*maakt span zichtbaar*/
 clear:both;
 width:200px;
 height:auto;
 overflow:hidden;
 position:relative;
 left:0px;
 top:0px;
 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;
}

/* Rowcolors opgestapelde berichten */

.rowcol1
{
	background:#efefef;
} 
.rowcol
{
	background:#fefefe;
} 

/* Standaard elementen */

p {
margin:0px;
}

img {
	border:none;
}
table {
}

tr {
	vertical-align:top;
}

td {
	vertical-align:top;
}

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:#5e5c5e;
	border: solid 1px #cccccc;
}

input {
	vertical-align:middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#fefefe;
	color:#333333;
	border: solid 1px #666666;
}
button {
	vertical-align:middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#fefefe;
	color:#333333;
	border: solid 1px #666666;
}