@import "clevercms.css";


BODY 			{background: no-repeat center top url(../img/bg.jpg);margin:0px;font-family:verdana;font-size: 11px; color:#666666; line-height:16.5px;}
img				{border:0px;}
#box 			{position:absolute;	padding:0px; width:1000px; left:50%; margin-left:-500px;}
#breadcrumb		{_height:20px; line-height:25px; _padding-top: 7px; padding-left:28px; font-size:10px; background-color:#FCFAFB; border-top:#CFCFCF 1px solid; border-bottom:#CFCFCF 1px solid; clear:both;}
#breadcrumbtop	{border-top:#CFCFCF 1px solid;clear:both;}


	.menu2					{width:740px; height: 25px; padding: 5px 0 0 26px; float:left; font-size: 11px; line-height: normal;}
	.menu2	a, .menu2	li {display:block;}
	.menu2 a {  color:#6b0060; font-weight: bold;}
	.menu2 a:hover {  color:#ffffff; font-weight: bold;}
	
	ul.sub-level1 			{float: left; list-style: none; height: 25px; padding: 0; margin: 0; width:740px; font-weight: bold; }
	ul.sub-level1 li 		{min-height: 25px; float: left;  padding: 0; margin: 0;}
	ul.sub-level1 li:hover	{background:#6b0060 ; color: #FFFFFF; }
	ul.sub-level1 li.act 	{background:#6b0060; color: #FFFFFF; }
	ul.sub-level1 li:hover a { color: #ffffff; }
	ul.sub-level1 li:hover a:hover { color: #ffffff; }
	ul.sub-level1 li:hover li a { color: #6b0060; }
	ul.sub-level1 a  		{display: block; text-decoration: none; padding: 6px 14px 6px 14px; color: #6b0060; }
	ul.sub-level1 li.act a {color: #FFFFFF;}
	
	ul.sub-level2 			{display:none;}
	ul.sub-level2 li, ul.sub-level2:hover li,ul.sub-level2 li.act {background:#6B0060; padding:0;margin:0;width: 100%;border-bottom:1px solid #ffffff;min-height: 21px;}
	li ul.sub-level2 		{display: none; margin:0 !important; }
	li:hover ul.sub-level2 	{visibility: visible; display: block; position:absolute; z-index:1; list-style: none;margin:-6px 0px 0px 0px;padding: 0;width:228px; }
	ul.sub-level2 li a 		{display: block; width:198px; background: #f8f6f9 url(../img/punt.gif) top left no-repeat; color:#6B0060;text-decoration: none;padding: 0;padding:6px 5px 6px 25px;}
	ul.sub-level2 li a:hover{display: block; background: #6B0060 url(../img/punt_over.gif) top left no-repeat; color: #FFFFFF;}
	ul.sub-level2 .hassub2 	{background: #f8f6f9 url(../img/punt.gif) top left no-repeat;}
	ul.sub-level2 .hassub2:hover {background: #6B0060 url(../img/punt_over.gif) top left no-repeat;}
	
	
	ul.sub-level3 {display:none;}
	ul.sub-level3 li, ul.sub-level3:hover li,ul.sub-level3 li.act {background:#6B0060;padding:0;margin:0; min-height: 21px;width: 100%;}
	li ul.sub-level3 { display: none; margin: -25px 0 0 228px !important; }
	ul.sub-level2 li:hover ul.sub-level3 { visibility: visible; display: block; position:absolute; z-index:2; list-style: none; margin:-6px 0px 0px 0px;padding: 0;width:228px;}
	ul.sub-level3 li a {display: block; width:198px; padding:6px 5px 6px 25px; background: #f8f6f9 url(../img/punt.gif) top left no-repeat; color:#6B0060;text-decoration: none;}
	ul.sub-level3 li a:hover {display: block; background: #6B0060 url(../img/punt_over.gif) top left no-repeat; color: #ffffff;}
	
	ul.sub-level4 {display:none;}
	ul.sub-level4 li, ul.sub-level4:hover li,ul.sub-level4 li.act {background:#6B0060;padding:0;margin:0; min-height: 21px;width: 100%;}
	li ul.sub-level4 { display: none; margin: -25px 0 0 228px !important; }
	ul.sub-level2 li:hover ul.sub-level3 li:hover ul.sub-level4 { visibility: visible; display: block; position:absolute; z-index:2; list-style: none; margin:-6px 0px 0px 0px; padding: 0;width:228px;}
	ul.sub-level4 li a {display: block; width:198px; padding:6px 5px 6px 25px; background: #f8f6f9 url(../img/punt.gif) top left no-repeat; color:#6B0060;text-decoration: none;}
	ul.sub-level4 li a:hover {display: block; background: #6B0060 url(../img/punt_over.gif) top left no-repeat; color: #ffffff;}

/*
#topmenu {	width: 680px; padding: 5px 0 0 26px; float:left; }
#topmenu ul { margin: 0px; padding: 0px; list-style: none; }
#topmenu li { float: left; position: relative; margin: 0px;	padding: 0px; }

#topmenu ul li ul li a:visited,
#topmenu ul li ul li a { color: #6B0060; text-decoration: none; padding: 5px 10px 5px 30px; font-weight: bold; display: block; background: url(../img/punt.gif) top left no-repeat; border-bottom: 1px solid #ffffff; }
#topmenu ul li ul li.dieper a:visited,
#topmenu ul li ul li.dieper a { color: #6B0060; text-decoration: none; padding: 5px 10px 5px 40px; font-weight: normal; display: block; background: url(../img/punt_diep.gif) top left no-repeat; border-bottom: 1px solid #ffffff; }

#topmenu li a, 
#topmenu li a:visited { color: #6B0060; text-decoration: none; padding: 6px 10px 6px 10px; font-weight: bold; display: block; border: 0px;  }

#topmenu li a:hover { background: #6b0060 none; color: #FFFFFF; }
#topmenu ul li ul li a:hover { background: #6b0060 url(../img/punt_over.gif) top left no-repeat; color: #FFFFFF; font-weight: bold;  }
#topmenu ul li ul li.dieper a:hover { background: #6b0060 url(../img/punt_diep_over.gif) top left no-repeat; color: #FFFFFF; font-weight: normal; }

#topmenu li ul { background: #f8f6f9; display: none; position: absolute; top: 27px; left: 0; z-index: 9; }
#topmenu li ul li { clear: left; width: 200px; }
#topmenu li>ul { 
	top: 27px;
	left: 0;
}
#topmenu li:hover ul, #topmenu li.over ul { 	display: block; } */


#zoeken 		{float:right; padding:10px 0px 10px 0px; width:198px; line-height: normal;}
/*#zoekbox		{float: ; width:160px; height:16px; border:solid 1px; line-height: normal; color:#CFCFCF; font-size:10px; padding: 2px 0 2px 0; margin: 0 15px 0 0;}*/
.zoekbox		{ float: left; width:134px; height:16px; border: #CFCFCF solid 1px; line-height: normal; color:#000; font-size:10px; padding: 2px 3px 2px 3px; margin: 0 15px 0 0;}
#zoekknop		{ float: left;  padding:5px 0px 10px 0px; width:30px; line-height: normal;margin: 0px;}

#homeinhoud		{}
#homeleft		{float:left; width:740px;}
#homebanners	{float:left; width:210px; margin:20px;}
#homewatis		{float:left; width:413px; padding:10px 26px 19px 26px;}
#homewelke		{float:left; width:232px; padding:10px 21px 35px 21px; background:url(../img/bg_software_nieuw.jpg) repeat-y; color: #ffffff;}

#box_software h2	{ padding-top: 5px; line-height: normal; font-size: 14px;}
#nieuws h2	{ padding: 5px 0 5px 0; }
#homewatis p { padding: 0;}

#vervolg			{padding:0px; margin:0px; float:left; width:1000px;}
#vervolgmenu		{float:left; padding:30px 0px 30px 25px; width: 210px;}
#vervolgmenu A		{font-weight:normal; text-decoration:none; color:#666666;}
#vervolgmenu ul		{margin:0px; padding:0px 0px 30px 0px;}
#vervolgmenu li 	{_height:25px; line-height:25px; list-style:none;}
#vervolgmenu #kop	{background:url(../img/menu_kop.jpg); font-weight:bold; width:195px; line-height:25px; padding-left:15px; color:#FFFFFF;}
#vervolgmenu #sub	{background:url(../img/menu_sub.jpg); padding-left:0px; width:210px;}
#vervolgmenu #subsub{background:url(../img/menu_sub.jpg); padding-left:25px; width:185px;}
#vervolgmenu #subsubsub{background:url(../img/menu_sub.jpg); padding-left:55px; width:155px;}
#vervolgbanner 		{float:right; margin:0px; width:740px; padding:0px 20px 0px 20px;}
#vervolginhoud 		{float:right; width:715px; padding:25px 25px 30px 0px;}
/*.extra { float:right; width: 715px; background-color: Aqua; height: 300px; }*/

#introductie	{height:200px; width:740px; border-bottom: 1px solid #CFCFCF; float:right;}
#introductie_afb	{float:right;}
#introductie_tekst	{float:left; width:460px; padding:10px 0px 10px 0px;}
#banners_productpagina	{float:left; width:210px; padding-left:25px;}
#banners_productpagina_1	{padding:20px 0px 20px 0px;}
#banners_productpagina_2	{padding:0px 0px 20px 0px;}
#vervolgmenu_producten		{float:left; padding:10px 0px 0px 0px;}
#vervolgmenu_producten A	{font-weight:normal; text-decoration:none; color:#666666;}
#vervolgmenu_producten ul		{margin:0px; padding:0px 0px 30px 0px;}
#vervolgmenu_producten li 		{height:25px; line-height:25px; list-style:none;}
#vervolgmenu_producten #kop	{background:url(../img/menu_kop.jpg); font-weight:bold; width:195px; line-height:25px; padding-left:15px; color:#FFFFFF;}
#vervolgmenu_producten #sub	{background:url(../img/menu_sub.jpg); padding-left:15px; width:195px;}
#vervolgmenu_producten #subsub{background:url(../img/menu_sub.jpg); padding-left:35px; width:175px;}

.branche {height:130px;}

#footer			{line-height:34px; height:34px; padding:0px 28px 0px 28px; font-size:10px; border-top:#CFCFCF 1px solid; border-bottom:#CFCFCF 1px solid; clear:both;}
#footeradres 	{float:left;}
#footermenu		{float:right;}

/*
.sIFR-flash 		{visibility: visible !important;margin: 0;}
.sIFR-replaced 		{visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.sIFR-flash + div[adblocktab=true] {display: none !important;}
.sIFR-hasFlash h1 	{visibility: hidden;font-size: 32px;margin: 20px 0px 10px 0px;z-index: 1;}
.sIFR-hasFlash h2 	{visibility: hidden;font-size: 20px;margin: 0px 0px 0px 0px;z-index: 1;}
.sIFR-hasFlash h3 a	{visibility: visible; color:#6B0060; font-family:arial; font-weight:bold; font-size: 14px;margin: 0px 0px 0px 0px;z-index: 1;}
*/
A 						{font-weight:normal; text-decoration:underline; color:#666666;}
SELECT 					{font-size:11px; width:215px; height:20px; line-height:20px; border-color:#6B0060; border-width:1px;}
hr						{height:1px; border-top: 1px solid #CFCFCF; background:#FFFFFF;}

label.contactformulier {font-weight:bold; color:#666666; display:block;	float:left;	width:130px; margin-top:3px; margin-bottom:3px;	padding:3px;}
input.contactformulier {display:block; float:left; width:60px; margin-top:3px; margin-bottom:3px; padding:3px; width:200px;	font-family:Tahoma; border:1px solid #CFCFCF;}
select.contactformulier{display:block; float:left; width:60px; margin-top:3px; margin-bottom:3px; padding:3px;}
input:focus			   {background-color: #FFFFFF;}
select.contactformulier{padding:0px; font-size: 100%; font-family: Verdana;}
/*br 					   {clear: left;}*/
.submit 			   {border:1px solid #FFFFFF; background-color:#6B0060; color:#666666; font-family:Verdana; font-size:11px; margin: 4px;}

#2contactformulier 	   {padding:0px; width:350px;}

#contactformulier TD {
	font-family : Verdana;
	font-size : 11px;
	font-style : normal;
	color : #666666;
	letter-spacing : 0px;
}
#contactformulier INPUT {
	color : #000000;
	font-family : Verdana;
	font-size : 11px;
	text-align : left;
	border-width: 1px; 
	border-color: #cfcfcf; 
	border-style: solid;
}
#contactformulier .checkbox {
	color : #000000;
	font-family : Verdana;
	font-size : 11px;
	text-align : left;
	border-width: 1px; 
	border-color: #cfcfcf; 
	border-style: solid;
}
#contactformulier INPUT.button {
	color : #000000;
	cursor: hand;
	text-align: center;
	font-family : Verdana;
	font-size : 11px;
}
#contactformulier .radio {
	color : #000000;
	font-family : Verdana;
	font-size : 11px;
	text-align : left;
	border-width: 0; 
	border-color: #4b4b4b; 
	border-style: solid; 
}
#contactformulier .cursor {
	cursor : hand
}
#contactformulier A {
	font-family : Verdana;
	font-size : 11px;
	font-style : normal;
	line-height : 15px;
	color : #000000;
	text-decoration : none;
	line-height: 15px;
}
#contactformulier A:HOVER {
	text-decoration: underline;
}
#contactformulier A:LINK {
	text-decoration : none;
}
#contactformulier A:VISITED {
}
.sIFR-active h1			 					{visibility:hidden; /* belangrijk */ line-height:1em; /* belangrijk */ }
.sIFR-active h2			 					{visibility:hidden; /* belangrijk */ line-height:1em; /* belangrijk */ }
.sIFR-active h3			 					{visibility:hidden; /* belangrijk */ line-height:1em; /* belangrijk */ font-size:12px; letter-spacing:2;}
.sIFR-flash 							{visibility: visible !important; margin:0; padding:0;}
.sIFR-unloading .sIFR-flash 			{visibility: hidden !important;}
.sIFR-replaced, .sIFR-ignore 			{visibility: visible !important;}
.sIFR-alternate 						{position:absolute; left:0; top:0; width:0; height:0; display:block; color:#000000; overflow:hidden;}
.sIFR-replaced div.sIFR-fixfocus		{margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}
.sIFR-dummy 							{width:0px; height:0px; margin-left:42px; z-index: 0;}

/* nieuw
#container			{position:absolute; width:1000px; left:50%; margin-left:-500px;}
#header				{width:1000px; height:144px; background:url(../img/header.jpg);}
#menu				{width:1000px; height:42px; background:url(../img/menu.jpg);}
#grijzelijn			{width:1000px; line-height:0px; padding:0px; margin:0px; height:0px; border-top: 1px solid #CAD2D5; float:left;} */


/* Extra classes */
.lineheight_opsomming{line-height:25px;}
.boldpaars			{font-weight:bold; color:#6B0060;}
.paars				{color:#6B0060;}
.klein_paars, .klein_paars a		{font-size:9px; color:#6B0060; width:200px; float:left; margin-bottom:5px}
.twitter_pic		{padding:0px 12px 12px 0px; }

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

/* Linkerkant */
#content_links		{width:739px; float:left;}
#ban_zorgeloos		{width:739px; height:175px; background:url(../img/top_zorgeloos_automatiseren.jpg); float:left;}
#kolom1				{width:254px; float:left;}
#kolom2				{width:464px; padding:20px 0px 0px 20px; float:left; background:url(../img/bg_nieuws.jpg) top no-repeat;}
#box_software		{width:224px; padding:10px 15px 20px 15px; background-color:#6B0060; color:#FFFFFF; float:left;}
#box_software h2	{padding: 0; }
#banner_links		{width:254px; padding-top:10px; float:left;}
#nieuws				{width:220px; float:left;}
#nieuws h1					{ padding: 0; margin: 0; font-size:21px; color:#6B0060;}
.nieuws_detail		{width:223px; padding:35px 0px 0px 20px; float:left;}
.nieuws_detail #item2 {display: none; }
.nieuws_detail #item3 {display: none; }
.nieuws_detail #item4 {display: none; }
.nieuws_detail #item5 {display: none; }
.nieuws_detail #item6 {display: none; }
#wat_is_handsoft	{width:464px; padding-top:15px; float:left;}

/* Rechterkant */
#content_rechts		{width:261px; float:left;}
#banners_rechts		{width:220px; padding:10px 21px 0px 20px; float:left;}
#twitterfeed		{width:194px; border:1px #CAD2D5 solid; border-bottom:0px; padding:15px 12px 0px 12px; }
#twitterfeed_but	{width:218px; border:1px #CAD2D5 solid; border-top:0px; }

/* Footer 
#space_under		{height:25px; clear:both; }
#footer				{height:30px; border-top:1px #CAD2D5 solid; clear:both; padding-left:20px; padding-top:10px; font-size:10px;}
#footer a			{font-size:10px; text-decoration:underline;}
#footer a:hover		{font-size:10px; color:#666666; text-decoration:underline; }*/