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

h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;	
}
.footerlinks { float:center; text-align: center; margin: 0px 0px 0px 110px; padding: 0px 0px 0px 0px; }
.footerlinks A { font-family: Verdana; text-decoration:none; font-size: 9px; font-weight:bold; color:#dc006b; }
.footerlinks A:hover { font-family: Verdana; text-decoration:none; font-size: 9px; font-weight:bold; color:#dc006b;}

.bovenkantknoppenlayer {
	
	width:918px;
	height:222px;
	z-index:9;
	position:absolute;
	visibility: visible;
	top: 30px;
	width: 918px;
	left: 50%;
	margin-left: -459px;

}

.knoplaagje {
	width:190px;
	height:15px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	text-align:center;
	font-style: normal;
	text-decoration: none;
	
}

.knoplaagje a:link {
	color:#000;
	text-decoration:none;
	display:block;
}

.knoplaagje a:visited {
	
	color:#000;
	text-decoration: none;

} 

.knoplaagje a:hover {
	color:#FFF;
	background-color:#C06;
	text-decoration: none;
	display:block;
}

.knoplaagje a:active {
	color: #FFF;
	text-decoration: none;
}

.opleidingendropdown {
	
	display:none;
   	position:absolute;
    left:7px; 
    top:45px;
    width:190px;
    border-style: solid;
    border-color:#FFF;
    background-color:#FFF;
    z-index:8;

	
}

.workshopsdropdown {
	
	display:none;
   	position:absolute;
    left:7px; 
    top:70px;
    width:190px;
    border-style: solid;
    border-color:#FFF;
    background-color:#FFF;
    z-index:8;

	
}



.homeknop {
	top: 0px;
	left: 0px;
	width: 209px;
	position: absolute;
	height: 22px;
	z-index: 6;
}
	
a.rolloverhomeknop {
	display: block;
	width: 209px;
	height: 22px;
	background: url(rolloverknoppen/home.png);
	}

a.rolloverhomeknop:hover {
	background-position: -209px;
	
	}
	
.homeknopstatic {
	top: 0px;
	left: 0px;
	width: 209px;
	position: absolute;
	height: 22px;
	z-index: 6;
	background: url(rolloverknoppen/home.png);
	background-position: -209px;
}
	
.opleidingenknop {
	top: 25px;
	left: 0px;
	width: 209px;
	position: absolute;
	height: 22px;
	z-index: 6;
}
	
a.rolloveropleidingenknop {
	display: block;
	width: 209px;
	height: 22px;
	background: url(rolloverknoppen/opleidingen.png);
	}

a.rolloveropleidingenknop:hover {
	background-position: -209px;
	
	}
	
.opleidingenknopstatic {
	top: 0px;
	left: 0px;
	width: 209px;
	position: absolute;
	height: 22px;
	z-index: 6;
	background: url(rolloverknoppen/opleidingen.png);
	background-position: -209px;
}

.workshopsknop {
	top: 50px;
	left: 0px;
	width: 209px;
	position: absolute;
	height: 22px;
	z-index: 6;
}
	
a.rolloverworkshopsknop {
	display: block;
	width: 209px;
	height: 22px;
	background: url(rolloverknoppen/workshops.png);
	}

a.rolloverworkshopsknop:hover {
	background-position: -209px;
	
	}
	
.workshopsknopstatic {
	top: 0px;
	left: 0px;
	width: 209px;
	position: absolute;
	height: 22px;
	z-index: 6;
	background: url(rolloverknoppen/workshops.png);
	background-position: -209px;
}
	
.contactknop {
	top: 75px;
	left: 0px;
	width: 209px;
	position: absolute;
	height: 22px;
	z-index: 6;
}
	
a.rollovercontactknop {
	display: block;
	width: 209px;
	height: 22px;
	background: url(rolloverknoppen/contact.png);
	}

a.rollovercontactknop:hover {
	background-position: -209px;
	
	}
	
.contactknopstatic {
	top: 0px;
	left: 0px;
	width: 209px;
	position: absolute;
	height: 22px;
	z-index: 6;
	background: url(rolloverknoppen/contact.png);
	background-position: -209px;
}	
	
.groothandelknop {
	top: 0px;
	right: 0px;
	width: 209px;
	position: absolute;
	height: 22px;
	z-index: 6;
}
	
a.rollovergroothandelknop {
	display: block;
	width: 209px;
	height: 22px;
	background: url(rolloverknoppen/groothandel.png);
	}

a.rollovergroothandelknop:hover {
	background-position: -209px;
	
	}
	
.groothandelknopstatic {
	top: 0px;
	right: 0px;
	width: 209px;
	position: absolute;
	height: 22px;
	z-index: 6;	
	background: url(rolloverknoppen/groothandel.png);
	background-position: -209px;
}	
	
.nieuweproductenknop {
	top: 25px;
	right: 0px;
	width: 209px;
	position: absolute;
	height: 22px;
	z-index: 6;
}
	
a.rollovernieuweproductenknop {
	display: block;
	width: 209px;
	height: 22px;
	background: url(rolloverknoppen/nieuweproducten.png);
	}

a.rollovernieuweproductenknop:hover {
	background-position: -209px;
	
	}	

.nieuweproductenknopstatic {
	top: 0px;
	right: 0px;
	width: 209px;
	position: absolute;
	height: 22px;
	z-index: 6;
	background: url(rolloverknoppen/nieuweproducten.png);
	background-position: -209px;
}

.magneticknop {
	top: 50px;
	right: 0px;
	width: 209px;
	position: absolute;
	height: 22px;
	z-index: 6;
}
	
a.rollovermagneticknop {
	display: block;
	width: 209px;
	height: 22px;
	background: url(rolloverknoppen/magnetic.png);
	}

a.rollovermagneticknop:hover {
	background-position: -209px;
	
	}	
	
.magneticknopstatic{
	top: 0px;
	right: 0px;
	width: 209px;
	position: absolute;
	height: 22px;
	z-index: 6;
	background: url(rolloverknoppen/magnetic.png);
	background-position: -209px;
}
	
.overonsknop {
	top: 75px;
	right: 0px;
	width: 209px;
	position: absolute;
	height: 22px;
	z-index: 6;
}
	
a.rolloveroveronsknop {
	display: block;
	width: 209px;
	height: 22px;
	background: url(rolloverknoppen/overons.png);
	}

a.rolloveroveronsknop:hover {
	background-position: -209px;
	
	}	
		
.overonsknopstatic {
	top: 0px;
	right: 0px;
	width: 209px;
	position: absolute;
	height: 22px;
	z-index: 6;
	background: url(rolloverknoppen/overons.png);
	background-position: -209px;
}

.txtbold {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-align: left;
}

.txtboldgroot {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-align: left;
	line-height:8px;
}

.txt {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: left;
	font-style: normal;
}
.txtmagenta {
	font-family: Verdana, Geneva, sans-serif;
	color: #dc006b;
	font-size: 11px;
	text-align: left;	
}
.txtmagentabold {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #dc006b;
	text-align: left;
}

.txtmagentaboldgroot {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #dc006b;
	text-align: left;
	vertical-align:text-top;
}

.txtgrijsbold {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	text-align: left;
}

.txtscheef {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #333;
	text-align: left;
}
.txtscheefmagenta {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #dc006b;
	text-decoration: underline;
	text-align: left;
}
.Opvallendecursus {
	font-size: 12px;
	font-weight: bold;
}
.crkbo {
	width:218px;
	height:72px;
	left:466px;
	position:absolute;
	top: 219px;
}

.displace {
	position: absolute;
	left: -5000px;
	}