@import "clevercms.css";
@import "jquery.fancybox-1.2.5.css";
h1, .header1 								{font-size: 18px; padding:0px 0px 0px 0px; margin:0px; color:#E60004;}
h2, .header2  								{font-size: 16px; padding:0px;}
h3, .header3  								{font-size: 16px; padding:0px;}
input										{font-family:Arial; font-size:12px; color:#000000;}
a											{color:#000000;}
p											{margin:0px; padding:0px;}
body										{margin:0px; padding:0px; font-family:Arial; font-size:12px; background:#F0F0F0;}
img											{border:0px;}
#container									{position:absolute; margin-left:-490px; left:50%; width:980px; padding:0px 0px 0px 0px; /*background:url(../img/bg.jpg) repeat-y top center; _background:url(../img/bgie.jpg) repeat-y top left;*/ background:#FFFFFF;} 
.box										{float:left; margin:0px; padding:10px 10px 0px 10px; _padding:15px; width:960px;}

.header										{float:left; /*background:url(../img/bg_top.jpg) top no-repeat;*/ margin:0px 0px 0px -5px; _margin:0px 0px 0px 0px; padding:0px; width:990px;}
.header	.logo								{float:left; width:204px; height:45px; margin:26px 0px 0px 0px; padding:0px 0px 0px 15px;}
.header	.header-rechts						{float:left; width:640px; padding:0px 0px 0px 122px; margin:0px;}
.header-rechts .taalkeuze					{float:right; height:28px; width:524px; text-align:right; margin:0px; padding:21px 0px 0px 0px;}
.header-rechts .taalkeuze ul				{margin:0px; padding:0px; list-style:none;}
.header-rechts .taalkeuze ul li				{float:right; margin:0px; padding:0px; font-size:10px; color:#999999;}
.header-rechts .taalkeuze ul li a			{color:#999999; text-decoration:none; padding:0px 6px 0px 0px; }
.header-rechts .taalkeuze ul li a:hover,
.header-rechts .taalkeuze ul li a.aan		{color:#000000; text-decoration:none; font-weight:bold;}
.header-rechts .taalkeuze ul li a img		{width:16px; height:11px; cursor:pointer;}

.header-rechts .topmenu						{float:left; width:640px; padding:0px; margin:0px; height:25px;}
.header-rechts .topmenu ul					{float:left; margin:0px; padding:0px; list-style:none;}
.header-rechts .topmenu ul li				{float:left;}
.header-rechts .topmenu ul li a				{float:left; color:#000000; text-decoration:none; padding:0px 12px;}
.header-rechts .topmenu ul li a:hover		{float:left; color:#000000; text-decoration:none;}
.header-rechts .topmenu ul li a.aan			{float:left; color:#E60004; text-decoration:none;}

.header-rechts .topmenu .zoeken				{float:left; margin:-2px 0px 0px 0px; _margin:0px 0px 0px 0px; padding:0px 0px 0px 12px;}
.topmenu .zoeken .zoektekst					{float:left; width:129px; height:14px; background:url(../img/bg_zoek.jpg) no-repeat top left; border:none; margin:0px; padding:3px 5px; font-size:11px; color:#999999;}
.topmenu .zoeken .zoekknop					{float:left; width:20px; height:20px; background:url(../img/zoekknop.jpg) no-repeat top left; border:none; margin:0px; padding:0px; cursor:pointer;}
	
.menu										{float:left; width:960px; margin:0px; padding:0px; height:33px;}
.menu ul									{float:left; margin:0px; padding:0px; list-style:none;}
.menu ul li									{float:left; width:160px; margin:0px; padding:0px;}

.menu ul li	a								{float:left; height:33px;}
.menu ul li a b								{display:none;}
.menu .collectie a							{background:url(../img/collectie1.jpg); width:160px;}
.menu .collectie a:hover,
.menu .collectie a.aan						{background:url(../img/collectie3.jpg);}
.menu .ontwerpers a							{background:url(../img/ontwerpers1.jpg); width:160px;}
.menu .ontwerpers a:hover,	
.menu .ontwerpers a.aan						{background:url(../img/ontwerpers3.jpg);}
.menu .dealers a							{background:url(../img/dealers1.jpg); width:160px;}
.menu .dealers a:hover,
.menu .dealers a.aan						{background:url(../img/dealers3.jpg);}
.menu .vraag-en-aanbod a					{background:url(../img/vraagaanbod1.jpg); width:160px;}
.menu .vraag-en-aanbod a:hover,
.menu .vraag-en-aanbod a.aan				{background:url(../img/vraagaanbod3.jpg);}
.menu .service-en-onderhoud a				{background:url(../img/serviceonderhoud1.jpg); width:160px;}
.menu .service-en-onderhoud a:hover,
.menu .service-en-onderhoud a.aan			{background:url(../img/serviceonderhoud3.jpg);}
.menu .veelgestelde-vragen a				{background:url(../img/veelgesteldevragen1.jpg); width:160px;}
.menu .veelgestelde-vragen a:hover,
.menu .veelgestelde-vragen a.aan			{background:url(../img/veelgesteldevragen3.jpg);}

.content									{float:left; width:960px; margin:0px; padding:7px 0px 0px 0px; line-height:150%;}
.inhoud-kolommen							{float:left; width:960px; margin:0px; padding:0px; position:relative; z-index:10; background:#FFFFFF;}
.content .afbeelding						{float:left; width:960px; margin:0px; padding:0px; position:relative; z-index:9;}
.content .kolom1			                {float:left; width:211px; margin:0px; padding:13px 20px 0px 10px; position:relative; z-index:10;}			
.content .kolom                             {float:left; width:217px; margin:0px; padding:13px 20px 0px 0px; position:relative; z-index:10;}               
.content .kolom2							{float:left; width:276px; margin:0px; padding:13px 22px 0px 20px; position:relative; z-index:10;}
.content ul 								{float:left; margin:0px; padding:0px; list-style:none;}
.content ul li								{background:url(../img/li_dot.jpg) top left no-repeat; padding:0px 0px 0px 20px; margin:0px; line-height:25px;}

.content-vervolg							{float:left; width:960px; margin:0px; padding:7px 0px 0px 0px; line-height:150%;}
.content-vervolg .kolom-links				{float:left; width:640px; margin:0px; padding:0px 0px 0px 0px;}
.content-vervolg .kolom-breed				{float:left; width:960px; margin:0px; padding:0px;}
.content-vervolg .kolom-breed .breadcrumbs	{float:left; width:940px; font-size:10px; color:#999999; line-height:20px; padding:0px 0px 8px 20px; margin:0px;}
.content-vervolg .kolom-breed .collectie_afb{float:left; background:url(../img/bg_collectie.jpg) top left no-repeat; width:319px; height:220px; line-height:20px; padding:10px 0px 0px 0px; margin:0px 1px 0px 0px; _margin:0px 0px 0px 0px;}
.content-vervolg .kolom-links .inhoud		{float:left; padding:0px 20px; margin:0px;}
.content-vervolg .kolom-links .afbeelding	{float:left; width:640px; margin:0px; padding:0px;}

.content-vervolg .kolom-overzicht				{float:left; width:940px; margin:0px; padding:0px 10px; _padding:0px 10px;}
.content-vervolg .kolom-overzicht .breadcrumbs	{float:left; width:940px; font-size:10px; color:#999999; line-height:20px; padding:0px 0px 8px 0px; margin:0px;}


.content-vervolg .kolom-links-ontwerpers	{float:left; width:310px; margin:0px; padding:0px 20px 0px 0px;}
.content-vervolg .kolom-rechts-ontwerpers	{float:left; width:600px; margin:0px; padding:0px 0px 0px 10px;}

.content-vervolg .kolom-links .afb_ontwerpers					{float:left; width:159px; margin:0px 1px 0px 0px; padding:0px;}
.content-vervolg .kolom-links .afb_ontwerpers img				{width:159px; height:160px; margin:0px; padding:0px;}
.content-vervolg .kolom-links .afb_ontwerpers a					{float:left; padding:0px 0px 1px 0px; border-bottom:3px solid #FFFFFF;}
.content-vervolg .kolom-links .afb_ontwerpers a:hover			{float:left; border-bottom:3px solid #E60004;}
.content-vervolg .kolom-links .afb_ontwerpers .afbeelding_text	{float:left; width:159px; margin:0px 1px 0px 0px; padding:5px 0px 15px 0px; font-size:12px; text-align:left;}

.content-vervolg .breadcrumbs				{float:left; width:280px; font-size:10px; color:#999999; line-height:20px; padding:0px 0px 8px 0px; margin:0px;}
.content-vervolg .breadcrumbs a 			{color:#999999; text-decoration:underline;}
.content-vervolg .kolom-rechts				{float:left; position:relative; background:#FFFFFF; width:290px; margin:0px; padding:0px 10px 0px 20px;}
.content-vervolg .kolom-rechts .inhoud 		{float:left; margin:0px; padding:0px; width:290px; z-index:99999;}
.content-vervolg .kolom-rechts .inhoud .item	{float:left; margin:0px; padding:0px 0px 14px 0px; margin:0px 0px 14px 0px; border-bottom:1px solid #999999;}
.pagination 								{float:right; text-align:right; margin:0px; padding:0px;}
.pagination .pagtekst						{float:left; line-height:20px; margin:0px; padding:0px 10px 0px 0px;}
.pagination .pag							{float:left; width:20px; height:20px; line-height:20px; background:#999999; text-align:center; color:#FFFFFF; margin:0px 1px 0px 0px; padding:0px; cursor:pointer;}
.pagination .pag:hover,
.pagination span.aan						{background:#E60004;}
.content-vervolg ul 						{/*float:left;*/ margin:0px; padding:0px; list-style:none;}
.content-vervolg ul li						{background:url(../img/li_dot.jpg) top left no-repeat; padding:0px 0px 0px 20px; margin:0px;}

.footer										{float:left; background:#F0F0F0; /*background:url(../img/bg_footer.jpg) top no-repeat;*/ margin:10px 0 0 0; padding:0px; width:980px; overflow:hidden;}
.footer .tekst								{float:right; font-size:11px; color:#999999;}
.footer .tekst ul							{float:right; margin:0px; padding:10px 0; list-style:none;}
.footer .tekst ul li						{float:left; padding:0 5px;}
.footer .tekst ul li a						{float:left; color:#999999; text-decoration:none; margin:0px; padding:0px; height:12px;}
.footer .tekst ul li a img					{float:left; color:#999999; text-decoration:none; margin:0px; padding:0px; height:12px;}

.overlay									{position:relative; z-index:99; left:10px;}
.content .afbeelding .slider				{position:relative; width:960px; height:390px; margin:0px; padding:0px; z-index:5; overflow:hidden;}
.content-vervolg .kolom-links .afbeelding .slider					{float:left; width:640px; margin:0px; padding:0px;}
#slider									 	{position:relative; z-index:9; overflow:hidden; margin:0px; padding:0px; overflow:hidden;}
#slides										{margin:0px; padding:0px; overflow:hidden; overflow:hidden;}

.sIFR-flash 								{visibility: visible !important; margin:0px; padding:0px; outline:none;}
.sIFR-replaced, .sIFR-ignore 				{visibility: visible !important; outline:none;}
.sIFR-alternate 							{position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; outline:none;}
.sIFR-replaced div.sIFR-fixfocus 			{margin:0pt; padding:0pt; overflow:auto; letter-spacing:0px; float:none; outline:none;}

.but-inloggen								{float:left; margin:5px 0px; padding:3px 20px; background:#999999; color:#FFFFFF; font-weight:bold; border:none;}
.inloggen									{float:left; margin:0px; padding:0px;}
/*DROP DOWN MENU*/
ul.dropdown                         		{float:left; z-index:10001;}
ul.dropdown li 								{display: inline; margin: 0px; position: relative; z-index:10001;}
ul.dropdown li a                    		{position:relative; display: block; border-bottom:2px solid #FFFFFF;}
ul.dropdown li:hover               			{color:#000000; position:relative;}
ul.dropdown li a:hover						{color:#000000; text-decoration:none; border-bottom:2px solid #000000;}
ul.dropdown li a.aan						{color:#E60004; text-decoration:none; border-bottom:2px solid #E60004;}
ul.dropdown ul								{position:absolute; width:167px; visibility:hidden; top:100%; left:0px; z-index:9999; background:url(../img/bg_submenu.png) no-repeat right bottom; margin-top:0px; padding-bottom:10px;}
ul.dropdown ul li.dieper a					{float:left; width:136px; padding:0px 12px; background:#FFFFFF; color:#000000; border-top:1px solid #CCCCCC; border-bottom:0px; height:25px; line-height:25px; text-decoration:none;}
ul.dropdown ul li.dieper a:hover			{float:left; width:136px; padding:0px 12px; background:#CCCCCC; color:#000000; border-top:1px solid #CCCCCC; border-bottom:0px; height:25px; line-height:25px;}

ul.hoofdmenu                         		{float:left; z-index:10000;}
ul.hoofdmenu li 							{display: inline; margin: 0px; position: relative; z-index:10000;}
ul.hoofdmenu li a                    		{position:relative;display: block; border-bottom:2px solid #FFFFFF;}
ul.hoofdmenu li:hover               		{color:#000000; position:relative;}
ul.hoofdmenu li a:hover						{color:#000000; text-decoration:none;}
ul.hoofdmenu li a.aan						{color:#E60004; text-decoration:none;}
ul.hoofdmenu ul								{position:absolute; width:167px; visibility:hidden; top:100%; left:0px; z-index:9999; background:url(../img/bg_submenu.png) no-repeat right bottom; margin-top:0px; padding-bottom:10px;}
ul.hoofdmenu ul li.dieper a					{float:left; width:136px; padding:0px 12px; background:#FFFFFF; color:#000000; border-top:1px solid #CCCCCC; border-bottom:0px; height:25px; line-height:25px; text-decoration:none;}
ul.hoofdmenu ul li.dieper a:hover			{float:left; width:136px; padding:0px 12px; background:#CCCCCC; color:#000000; border-top:1px solid #CCCCCC; border-bottom:0px; height:25px; line-height:25px;}

.login-intro								{float: left; width: 290px; padding-bottom: 25px; }

.MagicZoom img 								{border:0 !important; padding:0 !important; margin:0 !important;}
.zoomfunctie								{float:left; margin:0px; padding:0px; width:640px; height:400px; position:relative; overflow:hidden;}
.zoomfunctie .nrs							{position:absolute; z-index:999; margin:0px; padding:0px; top:527px; left:34px;}


#main-bestellen		   {float:left; width:940px; background:#FFFFFF; margin:0px; padding:0px; }
#main-bestellen td	   {border-bottom:none; }
#main-bestellen td img {margin-top:5px;}

.bestel-intro		   {padding:20px; margin:0px; position:relative;}
.bestel-product		   {float:left; z-index:99; position:relative; background:#FFFFFF;}
.prod-afb			   {float:left; width:151px;}
.prod-tekst			   {float:left; width:700px; margin-left:20px; margin-top:30px; }
.bestelveld			   {float:left; width:50px;}
.bestel-but			   {float:left; padding-left:20px;}
#footer-bestellen      {position:relative; left:0px;	width:980px; height:30px;}


.bestel-product-detail {float:left; width:940px; margin:0px; padding:0px;}
.prod-afb-detail	   {float:left; width:300px; margin:0px; padding:0px;}
.prod-tekst-detail	   {float:left; width:600px; padding:0px 0px 0px 20px; margin:0px; }
.nummer-oranje		   {font-size: 12px; font-weight:bold; color:#999999;}
.td-bestellen		   {height:30px; background:#F8F8F8; color:#000000; font-weight:normal; line-height:30px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}


#contactformulier 	   {width:900px; padding:10px;}
#contactformulier h1   {margin:0px; padding:0px;}
label.contactformulier {font-weight:bold; color:#000000; display:block;	float:left;	width:190px; margin-top:3px; margin-bottom:3px;	padding:3px;}
input.contactformulier {display:block; float:left; margin-top:3px; margin-bottom:3px;	padding:3px; width:300px;	border:1px solid #CCCCCC;}
select.contactformulier{display:block; float:left; margin-top: 3px;	margin-bottom: 3px;	padding: 3px;}
input:focus			   {background-color: #F2F2F2;}
select.contactformulier{padding:0px; font-size: 100%;}
br 					   {clear: left;}
.submit 			   {border: none; background-color: #999999; color: #FFFFFF; font-size: 12px; margin: 4px; padding:3px 10px; cursor:pointer;}

.galos				   {position:absolute; left:40px; top:265px; z-index:18;}

.inhoud				                            {float:left; width:960px; background:#ffffff; padding:0px 0px; position:relative; }
.banners                                        {float:left; width:460px; margin:0px; padding:10px 0px;}
.banners .banner_showroom                                {float:left; width:160px; margin:0px; padding:0px;}
.banners .banner_brochure1                               {float:left; width:160px; margin:0px; padding:0px;}
.banners .banner_brochure2                               {float:left; width:140px; height:71px; margin:0px; padding:0px;}
.banners .banner_dealer                                  {float:left; width:140px; height:100px; margin:0px; padding:0px;}
.slider                                         {position:relative;float:left;}
.cycle 	                                        {z-index:50; position:absolute; left:0px; top:0px; margin:0px; padding:0px; }
.cycle li a                                     {position:absolute; width:30px; height:30px; background:url(../img/hotspots/hotspot.png) no-repeat; display:block; text-indent:-9999px; }
.cycle li.activeSlide a                         {background:url(../img/hotspots/hotspot_act.png) no-repeat; }
.cycle li a:focus                               {outline:none; }

.extraslides	                                {position:absolute; top:0px; left:0px; height:90px; width:960px;}
.extraslides div.hotspot                        {position:relative; display:none; z-index:500;}
.extraslides div.hotspot .detail                {position:absolute; bottom:0px; height:90px; width:960px; background:url(../img/hotspots/overlay.png) no-repeat left bottom; color:#FFFFFF;}
.extraslides div.hotspot .detailinhoud          {padding:20px;}
.extraslides div.hotspot .detail a              {color:#FFFFFF; text-decoration:underline;}
.extraslides div.hotspot .detail .detailinhoud  {position:relative;}
.extraslides div.hotspot .detail .sluit         {position:absolute; top:20px; right:20px; background:url(../img/hotspots/hotspot_act.png) no-repeat left top; height:30px; width:30px;}


/* The Nivo Slider styles */
.nivoSlider{
	position:relative;
	width:960px;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:1;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:1;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:2;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}