@charset "utf-8";
/* CSS Document */

/* =reset 
*****************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0px; padding:0px;}

	/*** standaard ***/
	ul { list-style:disc;}
	img, fieldset { border:0px;}
	p {margin:0px 0px 15px 0px;}
	h1 {margin:0px 0px 10px 0px;font-size:14px;}
	h2 {margin:0px 0px 6px 0px;font-size:12px;}
	h3 {margin:0px 0px 2px 0px;font-size:11px;}
	ul {margin:0px 0px 15px 20px;}
	ol {margin:0px 0px 15px 20px;}

/* =body
*****************************************************/
body {font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#000000;background:url(/images/bodyBack2.jpg) top center no-repeat #cececf;}
	
	#wrapperOuter {width:100%;float:left;position:relative;background:url(/images/wrapperBack.jpg) top repeat-x;}
	
	/* =wrapper
	*****************************************************/
	#wrapper {position:relative;width:950px;min-height:270px;margin: 0 auto;}
	
	/* =header
	*****************************************************/
	#header {width:950px;height:167px;float:left;position:relative;}
		
		img.logoPic {position:absolute;top:11px;;right:120px;}
	
	/* =menu
	*****************************************************/
	#menu {width:360px;height:167px;float:left;position:relative;overflow:hidden;}
	
		#menubar {list-style:none;margin:11px 0px 0px 65px;}
		#menubar li {margin:0px 0px 0px 0px;}
		#menubar li a {font-size:20px;padding:0px 0px 0px 0px;color:#484747;line-height:24px;}
		#menubar li a:hover {color:#00a8d6;}
		#menubar li.menubaritemselected a {color:#00a8d6;}
	
	/* =actionbar
	*****************************************************/
	#actionbar {width:950px;height:92px;float:left;position:relative;top:1px;}
	
	/* =content
	*****************************************************/
	#content {width:950px;height:374px;float:left;margin:19px 0px 0px 0px;background:url(/images/contentBack.png) no-repeat;}
		
		#tekstContent {width:738px;height:340px;padding:15px 15px 15px 15px;position:relative;top:2px;left:67px;float:left;}
			#topCor {position:absolute;top:-2px;left:-2px;width:17px;height:17px;background:url(/images/topCor.png) no-repeat;z-index:1000;}
			#botCor {position:absolute;bottom:-2px;left:-2px;width:17px;height:17px;background:url(/images/botCor.png) no-repeat;z-index:1000;}
			
						/***jcarousellite***/
			div.jCarouselLite {position:relative;z-index:-100;height:374px;overflow:hidden;}
			#controlButtons {height:80px;width:59px;position:absolute;top:65px;right:-61px;overflow:hidden;background:url(/images/buttonsBack.png) repeat-y;}
				#controlButtons button {width:57px;border:none;background:none;color:#FFFFFF;font-size:10px;font-weight:bold;text-align:left;padding:0px 0px 0px 2px;}
				button.next {position:relative;top:25px;cursor:pointer}
				button.prev {position:relative;top:30px;cursor:pointer}
				
				ul.actList { list-style:none;margin:0;padding:0;}
				ul.actList li {float:left;}
				div.caroLi {width:768px;float:left;height:373px;overflow:hidden;color:#ffffff;}
				img.caroPic {float:left;}
				div.caroDesc {width:180px;height:266px;float:right;background:url(/images/descBack.png) repeat-y;margin:65px 0px 0px 0px;overflow:hidden;}
				div.caroTitel {width:172px;float:right;background:url(/images/titelBack.png) repeat-y;margin:13px 0px 8px 0px;padding:9px 3px 0px 5px;}
					p.carop {padding:0px 3px 0px 8px;}
				#externalButtons {width:770px;height:78px;position:absolute;top:-114px;left:0px;overflow:hidden;}
				#externalButtons button {height:18px; overflow:visible; border:none;background:none;font-size:13px;color:#646464;cursor:pointer;margin:0px 0px 0px 0px;float:left;text-align:left;}
				#externalButtonskunst {width:770px;height:78px;position:absolute;top:-114px;left:0px;overflow:hidden;}
				#externalButtonskunst button {height:36px; overflow:visible; border:none;background:none;font-size:13px;color:#646464;cursor:pointer;margin:0px 0px 0px 0px;float:left;text-align:left;}
				#headerSlogan {width: 414px; height: 34px; background:#791e75;position:absolute;top:-150px;right:0px;color:#FFFFFF;font-size:12px;padding:2px 5px 2px 10px;}	
	/* =footer
	*****************************************************/
	#footer {width:662px;height:26px;padding:30px 0px 0px 288px;float:left;position:relative;color:#484747;}
		#footer a {color:#484747;margin:0px 15px 0px 0px;}
		
A:LINK
{
color: #9b0057;
text-decoration: none;
}
A:VISITED
{
color: #9b0057;
text-decoration: none;
}
A:HOVER
{
color: #7c137a;
text-decoration: none;
}

/****** Dropdown maten******/
/*** maatcontainer***/
span.maatcontainer { display:block; list-style-type:none; position:relative; left:5px; top:0px; width:100px; height:33px;  z-index:10;}
span.maatcontainer span{ display:block; background:#783576; position:relative; margin:0px; padding:5px;}
span.maatcontainer span a { display:block; color:#fff; font-size:14px; text-decoration:none;  padding:0px; cursor:default}
/*** maat***/
span.maatcontainer span span.matenzelf { list-style-type:none; display:none; position:absolute; left:0px; bottom:26px; background:#f3f3f3; width:180px; padding:0px; margin:0px; }
span.maatcontainer span span.matenzelf span  {  background:#ffffff; font-size:14px; position:relative; color:#000; padding:2px 2px 2px 2px; width:180px; margin:0px}
span.maatcontainer span span.matenzelf span a {display:block; color:red; text-decoration:none;  cursor:pointer;font-size:12px;}
span.maatcontainer span:hover span.matenzelf span a, span.maatcontainer  span.hover span span a { color:#000; }
span.maatcontainer span span.matenzelf span a:hover { color:#35AFD3; text-decoration:none; background:white }
span.maatcontainer span:hover span, span.maatcontainer  span.hover span { display:block;  }
span.maatcontainer span:hover , span.maatcontainer  span.hover a, span.maatcontainer  span a:hover {background:#975694;}
#FAQ {float:right;  position:relative; right:20px; color:#fff; font-size:14px; text-decoration:none; padding:0px; margin-top:5px;cursor:pointer}

/******c o n t a c t   f o r m u l i e r******/
#contact input#FLBT1 {border:none;width:347px;height:19px;margin:6px 0px 6px 0px;}
#contact input#FLBT2 {border:none;width:347px;height:19px;margin:6px 0px 6px 0px;}
#contact input#FLBT3 {border:none;width:347px;height:19px;margin:6px 0px 6px 0px;}
#contact textarea#FLBT4 {border:none;width:346px;height:134px;margin:6px 0px 6px 0px;}
#contact input#FLBT5 {background:#791e75;border:none;width:84px;height:17px;color:#ffffff;padding:0px 0px 2px 0px;margin:0px 4px 0px 0px;}
img.contactimage {position:absolute;top:210px;}
div.contactBox {font-size:10px; width:214px;padding:9px 17px 9px 17px;position:absolute;top:30px;right:0px;background:url(/images/contactBoxBack.png) repeat-y;color:#484747;}
span.contactPurple {color:#791e75; font-size:10px}

/******b e s t e l  f o r m u l i e r******/
#bestel input#FLBT0 {border:none;width:208px;height:19px;margin:4px 0px 4px 0px; background:#791E75; color:#fff}
#bestel input#FLBT2 {border:none;width:347px;height:19px;margin:4px 0px 4px 0px;}
#bestel input#FLBT3 {border:none;width:347px;height:19px;margin:4px 0px 4px 0px;}
#bestel input#FLBT4 {border:none;width:346px;height:19px;margin:4px 0px 4px 0px;}
#bestel input#FLBT6 {border:none;width:347px;height:19px;margin:4px 0px 4px 0px;}
#bestel input#FLBT7 {border:none;width:346px;height:19px;margin:4px 0px 4px 0px;}
#bestel input#FLBT8 {border:none;width:346px;height:19px;margin:4px 0px 4px 0px;}
#bestel textarea#FLBT5 {border:none;width:100px;height:54px;margin:4px 0px 4px 0px;}


