/* --- RESET.CSS --- */
:focus{outline:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
body{line-height:1;}
del{text-decoration:line-through;}
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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;}
ins{text-decoration:none;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
/* --- */


body{
	font-family: Georgia;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background: url(../img/bg_content.jpg) repeat-x #f1e9e0;
}

#nav { margin-left: 5px; font-size: 12px; font-weight: bold; font-family: Arial; }
#nav a { margin: 5px; margin-left: 0; padding: 2px 8px; background: #272727; text-decoration: none; color: white; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#nav a.activeSlide { color: #badc74; }
#nav a:focus { outline: none; }

a{color: black;}

h2{font-family: Arial; font-size: 18px; color: #663300; margin: 22px 0; font-weight: normal;}

.wrapper{margin:0 auto; width:860px;}

.header							{float: left;}
.header .logo					{float: left; width: 630px; margin-top: 13px;}
.header .verkoop				{float: left; width: 230px; height: 32px; margin-top: 35px;}
.header .offerte				{float: left; width: 230px; margin-top: 14px;}
.header .menu					{float: left; background: url(../img/navigation_bar.jpg); height: 34px; width: 860px; margin-top: 35px;}
.header .menu ul				{margin-left: 15px;}
.header .menu ul li				{float: left; margin: 10px 6px; text-transform: uppercase; color: white; font-family: Arial; font-size: 14px; font-weight: bold;}
.header .menu ul li .split		{margin-top: -10px;}
.header .menu ul li a			{color: white; text-decoration: none; padding: 10px 0px 9px 0px;}
.header .menu ul li a:hover		{color: #badc74; text-decoration: none;}
.header .menu ul li a.current	{color: #badc74; text-decoration: none;}

.header .menu ul ul				{  display:none; width:0px; margin-top: 9px; position: absolute;}
.header .menu ul ul li				{float: left; text-transform: none; color: white; font-family: Arial; font-size: 13px; line-height: 16px; font-weight:normal; background-color: #2c2c2c; width: 150px; margin: 0px; margin-left: -35px; padding: 10px 0px 10px 17px; position: relative; z-index: 999; border-left: 1px solid #414141; border-right: 1px solid #414141; border-bottom: 1px solid #414141;  }
.header .menu ul ul li a			{color: white; text-decoration: none; padding:0; margin-left: 5px; display: block; margin-right: 20px;}
.header .menu ul ul li:hover		{background-color:#1a1a1a;}
.header .menu ul ul li a:hover		{color: #badc74; text-decoration: none; }


.header .menu ul ul	ul			{  display:none; width:0px; margin-top: -26px; position: absolute; list-style-position: outside }
.header .menu ul ul ul li				{float: left; text-transform: none; color: white; font-family: Arial; font-size: 13px; line-height: 16px; font-weight:normal; background-color: #2c2c2c;  margin: 0px; margin-left: 130px; padding: 10px 0px 10px 17px; position: relative;  z-index: 999;  border-right: 1px solid #414141; border-bottom: 1px solid #414141;}
.header .menu ul ul ul li a			{color: white; text-decoration: none;}

.header .menu ul ul li:hover a{color: #badc74}
.header .menu ul ul li:hover ul li a{color: white}
.header .menu ul ul li:hover ul li:hover a{color: #badc74}

.header .menu li:hover ul ul,.header .menu li:hover ul ul ul,
.header .menu li:hover ul ul ul ul																			{ display:none; }
.header .menu li:hover ul, .header .menu li li:hover ul, 
.header .menu li li li:hover ul, .header .menu li li li li:hover ul					{ display:block; }


.footer							{float: left; background:url(../img/bg_footer.jpg) #171009 repeat-x; clear: both; width: 100%; margin-top: 20px; color: white; font-size: 14px; line-height: 18px;}
.footer a						{color: white; }
.footer .text					{margin-bottom: 32px;}

.footer .leftColumn				{float: left; width: 260px;}
.footer .middleColumn			{float: left; width: 260px; margin-left: 40px;}
.footer .rightColumn			{float: left; width: 260px; margin-left: 40px;}

.footer .quote						{float: left; background: #37281a;}
.footer .quote .top					{float: left; background-image: url(../img/quote_top.jpg); width: 260px; height: 11px;}
.footer .quote .bottom				{float: left; background-image: url(../img/quote_bottom.jpg); width: 260px; height: 64px;}
.footer .quote .center .text		{float: left; margin: 0 10px 5px 10px;}
.footer .quote .center .quoteText	{font-style: italic;}
.footer .quote .center .quoteText a	{text-decoration: none;}
.footer .quote .center .name		{font-size: 11px; clear: both; float: left; margin-top: 4px;}
.footer .quote .center .name a		{text-decoration: none;}
.footer .quote .bottom .a			{margin: 25px 0 0 10px; font-size: 12px;}

.footer h3							{font-family: Arial; font-size: 18px; color: #badc74; font-weight: normal; margin: 25px 0; font-style: normal; font-variant: normal;}

.footer2						{float:left; background:url(../img/bg_footer2.jpg) #badc74 repeat-x; height: 58px; clear: both; width: 100%; font-family: Arial;}
.footer2 .left					{float: left; margin-top: 25px; width: 430px;}
.footer2 .right					{float: left; margin-top: 25px; width: 430px; text-align: right;}
.footer2 .right a				{text-decoration: none;}
.footer2 .right a:hover			{text-decoration: underline;}

.left ul					{margin: 10px 0; margin-left: 15px;}
.left ul li				{list-style-image: url(../img/dot.jpg); list-style-position:outside; margin-bottom: 5px;}

#simpleTooltip { padding: 7px; border: 1px solid #A6A7AB; background: #F2F3F5;}


/* --- HOME --- */
.home .content								{float: left; height: 325px; background: url(../img/title_hr.jpg) bottom repeat-x; width: 860px; margin-top: 20px;}
.home .content .left						{float: left; background: url(../img/home_bg_slider_left.jpg) no-repeat; height: 315px; width: 400px;}
.home .content .left .text h2				{font-size: 24px; font-weight: bold;}
.home .content .left .text					{float:left; height: 304px; overflow: auto; margin-left: 20px; width: 360px; line-height: 18px;}
.home .content .left .text .intro			{float: left; line-height: 24px; font-size: 18px; margin-bottom: 20px;}

.home .content .right .btnSlider			{float: right;  text-align: right; margin-top: 10px; background-color: #f1e8df; padding-left: 20px;}
.home .content .right .btnSlider .btn		{float: left; margin-left: 5px; cursor: pointer;}

.home .slogan 								{float:left; height: 63px; text-align: center; vertical-align: middle; background: url(../img/title_hr.jpg) bottom repeat-x; width: 860px; margin-top: 38px;}
.home .slogan h1							{font-family: Arial; font-size: 24px; color: #190f0d; font-weight: normal; }

.home .second_content						{float: left; clear: both; width: 100%; margin-top: 20px; color: black; font-size: 13px; line-height: 18px; margin-bottom: 20px;}
.home .second_content a						{color: #660000; }

.home .second_content .leftColumn			{float: left; width: 260px;}
.home .second_content .leftColumn .picture	{margin-bottom: 10px;}
.home .second_content .middleColumn			{float: left; width: 260px; margin-left: 40px;}
.home .second_content .rightColumn			{float: left; width: 260px; margin-left: 40px;}

.home .second_content .rightColumn .news_item 					{float: left; margin-bottom: 18px;}
.home .second_content .rightColumn .news_item .picture 			{float: left; width: 60px; height: 60px;}
.home .second_content .rightColumn .news_item .text 			{float: left; width: 190px; margin-left: 10px;}
.home .second_content .rightColumn .news_item .text .date		{color: #baa996; font-size: 12px;}
.home .second_content .rightColumn .news_item .text .title a	{text-decoration: none; color: black; font-weight: bold;}
.home .second_content .rightColumn .news_item .text .intro a	{text-decoration: none; color: #663300;}

.home ul 							{margin: 20px 0;}
.home ul li 							{list-style-image: url(../img/dot.jpg); border-bottom: 1px solid #ddd2c6; list-style-position: inside; padding-left: 0px;  margin-bottom: 7px; padding-bottom: 10px;}
/* --- END HOME --- */


/* --- ASSORTIMENT --- */
.assortiment .content				{float: left; margin-top: 30px;}
.assortiment .content h1 			{font-family: Arial; font-size: 24px; color: #663300; font-weight: bold; }

.assortiment .content .left			{float: left; width: 580px;}

.assortiment .content .left .intro	{float: left; line-height: 24px; font-size: 18px; margin-bottom: 20px; margin-top: 10px; width: 580px;}

.assortiment .content .left .cat				{float: left; background: url(../img/bg_assortiment_product.jpg) repeat-x; min-height: 146px; width: 180px; margin-right: 20px; margin-bottom: 10px;}
.assortiment .content .left .last				{margin-right: 0;}
.assortiment .content .left .margin				{float: left; margin: 10px;}
.assortiment .content .left .catTitle a			{font-family: Arial; font-size: 14px; font-weight: bold; color: #663300; text-decoration: none;}
.assortiment .content .left .catImg				{margin: 7px 0;}
.assortiment .content .left .catPrice			{width: 100%; text-align: right;}

.assortiment .content .left .text							{line-height: 18px; min-height: 120px;}
.assortiment .content .left .text p							{margin-bottom: 15px;}
.assortiment .content .left .text .images 					{width:300px; float:right;}
.assortiment .content .left .text .images .thumbs 			{width:300px; text-align:right; float:left;}
.assortiment .content .left .text .images .thumbs .thumb 	{margin: 5px 0 15px 5px;}

.assortiment .content .left h3					{font-family: Arial; line-height: 24px; font-size: 18px; font-weight: bold; color: #663300; margin-top: 15px; margin-bottom: 5px;}

.assortiment .content .left .download 	{ width: 277px; }
.assortiment .content .left .download .list		{margin: 10px 0;}
.assortiment .content .left .download .list li 							{list-style-image: url(../img/dot.jpg); list-style-position: inside; padding-left: 0px;  margin-bottom: 5px; padding-bottom: 10px;}


.assortiment .content .right					{float: left; width: 260px; margin-left: 20px; background: url(../img/bg_nav_right.jpg) repeat-x; min-height: 400px;}
.assortiment .content .right .text				{float: left; width: 220px; margin: 20px;}
.assortiment .content .right .btn				{float: left; background: url(../img/btn_nav_right.jpg) no-repeat top; height: 27px; width: 220px; margin-bottom: 3px; cursor: pointer;}
.assortiment .content .right .btn:hover			{float: left; background: url(../img/btn_nav_right.jpg) no-repeat bottom;}
.assortiment .content .right .btn a				{float: left; margin: 7px 0 0 25px; text-transform: lowercase; color: white; text-decoration: none; font-family: Arial;}
.assortiment .content .right .btn:hover a		{color: #badc74;}
.assortiment .content .right .active			{float: left; background: url(../img/btn_nav_right.jpg) no-repeat bottom;}
.assortiment .content .right .btn .active		{color: #badc74;}


.assortiment .content .right .subBtn				{float: left; background: url(../img/btn_subnav_right.gif) no-repeat top; height: 27px; width: 220px; margin-bottom: 0px;}
.assortiment .content .right .subBtn:hover			{float: left; background: url(../img/btn_subnav_right.gif) no-repeat bottom;}
.assortiment .content .right .activeSub				{float: left; background: url(../img/btn_subnav_right.gif) no-repeat bottom;}
.assortiment .content .right .subBtn a				{float: left; margin: 7px 0 0 25px; text-transform: lowercase; color: #3e3e3e; text-decoration: none; font-family: Arial;}
.assortiment .content .right .subBtn:hover a		{color: #badc74;}
.assortiment .content .right .subBtn .activeSub		{color: #badc74;}

.assortiment .content .right hr					{background: url(../img/title_hr.jpg) repeat-x; height: 2px; margin: 10px 0; width: 220px; border: none; float: left;}

.assortiment .content .right h3					{font-family: Arial; line-height: 24px; font-size: 18px; font-weight: normal;}

.assortiment .content .right ul					{margin: 10px 0;}
.assortiment .content .right ul li				{list-style-image: url(../img/dot.jpg); list-style-position: inside; margin-bottom: 5px;}



.assortiment .content .left .price	{float: left; width: 300px;}
.assortiment .content .left .price td		{vertical-align: middle; height: 32px; padding-left: 10px;}
.assortiment .content .left .price tr 		{background-color:#eae1d7;}
.assortiment .content .left .price tr:hover	{background-color:#e4dbd0;}
.assortiment .content .left .price table		{border: 1px solid #fcf5ed;}
.assortiment .content .left .price .noBorder		{border-top: none; border-bottom: none;}

.assortiment .content .left hr				{background: url(../img/title_hr.jpg) repeat-x; height: 2px; margin: 0px 0 20px 0; width: 100%; border: none; float: left;}
.assortiment .content .left .hrTable		{background: url(../img/title_hr.jpg) repeat-x; height: 2px; margin: 0px; width: 100%; border: none; float: left;}
.assortiment .content .left .price .titleCat		{height: 24px;}
.assortiment .content .left .price .tdHr			{height: 2px; padding-left: 0;}

.assortiment .content .left .price .aantal {width:30px;}

.assortiment .content .left .price .titleCatHr {background-color:#d4c4b2;}
.assortiment .content .left .price .titleCatHr:hover {background-color:#d4c4b2;}

.assortiment .content .left .price_2		{float: left; width: 280px; min-height: 15px;}
.assortiment .content .left .price_2 td		{vertical-align: middle; height: 32px; padding-left: 10px;}
.assortiment .content .left .price_2 tr 		{background-color:#eae1d7;}
.assortiment .content .left .price_2 tr:hover	{background-color:#e4dbd0;}
.assortiment .content .left .price_2 table		{border: 1px solid #fcf5ed; margin-bottom: 15px;}
.assortiment .content .left .price_2 .noBorder		{border-top: none; border-bottom: none;}

.assortiment .content .left .price_2 .titleCat		{height: 24px;}
.assortiment .content .left .price_2 .tdHr			{height: 2px; padding-left: 0;}

.assortiment .content .left .price_2 .aantal {width:30px;}

.assortiment .content .left .price_2 .titleCatHr {background-color:#d4c4b2;}
.assortiment .content .left .price_2 .titleCatHr:hover {background-color:#d4c4b2;}

.assortiment .content .left .extra_tekst {width: 580px; float: left; line-height: 18px;}
.assortiment .content .left .extra_tekst strong{color: #663300;}


/* --- END ASSORTIMENT --- */


/* --- EVENEMENTEN --- */
.evenementen .content				{float: left; margin-top: 30px;}
.evenementen .content h1 			{font-family: Arial; font-size: 24px; color: #663300; font-weight: bold; }

.evenementen .content .left			{float: left; width: 580px;}

.evenementen .content .left .intro	{float: left; line-height: 24px; font-size: 18px; margin-bottom: 20px; margin-top: 10px; width: 580px;}

.evenementen .content .left .cat				{float: left; background: url(../img/bg_assortiment_product.jpg) repeat-x; min-height: 146px; width: 180px; margin-right: 20px; margin-bottom: 10px;}
.evenementen .content .left .last				{margin-right: 0;}
.evenementen .content .left .margin				{float: left; margin: 10px;}
.evenementen .content .left .catTitle a			{font-family: Arial; font-size: 14px; font-weight: bold; color: #663300; text-decoration: none;}
.evenementen .content .left .catImg				{margin: 7px 0;}
.evenementen .content .left .catPrice			{width: 100%; text-align: right;}

.evenementen .content .left .text							{line-height: 18px;}
.evenementen .content .left .text p							{margin-bottom: 15px;}
.evenementen .content .left .text .images 					{width:300px; float:right;}
.evenementen .content .left .text .images .thumbs 			{width:300px; text-align:right; float:left;}
.evenementen .content .left .text .images .thumbs .thumb 	{margin: 5px 0 0 5px;}

.evenementen .content .left .download 	{float:left; width: 50%;}
.evenementen .content .left .download .list		{margin: 10px 0;}
.evenementen .content .left .download .list li 							{list-style-image: url(../img/dot.jpg); list-style-position: inside; padding-left: 0px;  margin-bottom: 5px; padding-bottom: 10px;}

.evenementen .content .left .price	 	{float:left; width: 50%; text-align: right;}

.evenementen .content .right					{float: left; width: 260px; margin-left: 20px; background: url(../img/bg_nav_right.jpg) repeat-x; min-height: 400px;}
.evenementen .content .right .text				{float: left; width: 220px; margin: 20px;}
.evenementen .content .right .btn				{float: left; background: url(../img/btn_nav_right.jpg) no-repeat top; height: 27px; width: 220px; margin-bottom: 3px; cursor: pointer;}
.evenementen .content .right .btn:hover			{float: left; background: url(../img/btn_nav_right.jpg) no-repeat bottom;}
.evenementen .content .right .btn a				{float: left; margin: 7px 0 0 25px; text-transform: lowercase; color: white; text-decoration: none; font-family: Arial;}
.evenementen .content .right .btn:hover a		{color: #badc74;}
.evenementen .content .right .active			{float: left; background: url(../img/btn_nav_right.jpg) no-repeat bottom;}
.evenementen .content .right .btn .active		{color: #badc74;}


.evenementen .content .right .subBtn				{float: left; background: url(../img/btn_subnav_right.gif) no-repeat top; height: 27px; width: 220px; margin-bottom: 0px;}
.evenementen .content .right .subBtn:hover			{float: left; background: url(../img/btn_subnav_right.gif) no-repeat bottom;}
.evenementen .content .right .activeSub				{float: left; background: url(../img/btn_subnav_right.gif) no-repeat bottom;}
.evenementen .content .right .subBtn a				{float: left; margin: 7px 0 0 25px; text-transform: lowercase; color: #3e3e3e; text-decoration: none; font-family: Arial;}
.evenementen .content .right .subBtn:hover a		{color: #badc74;}
.evenementen .content .right .subBtn .activeSub		{color: #badc74;}

.evenementen .content .right hr					{background: url(../img/title_hr.jpg) repeat-x; height: 2px; margin: 10px 0; width: 220px; border: none; float: left;}

.evenementen .content .right h3					{font-family: Arial; line-height: 24px; font-size: 18px; font-weight: normal;}

.evenementen .content .right ul					{margin: 10px 0;}
.evenementen .content .right ul li				{list-style-image: url(../img/dot.jpg); list-style-position: inside; margin-bottom: 5px;}
/* --- END EVENEMENTEN --- */



/* --- FOTO'S --- */

.fotos .content				{float: left; margin-top: 30px;}
.fotos .content .left			{float: left; width: 580px;}

.fotos .content .left h1 			{font-family: Arial; font-size: 24px; color: #663300; font-weight: bold; }
.fotos .content .left .intro		{float: left; line-height: 24px; font-size: 18px; margin-bottom: 0px; margin-top: 10px;}
.fotos .content .left hr			{background: url(../img/title_hr.jpg) repeat-x; height: 2px; margin: 15px 0; width: 100%; border: none; float: left;}

.fotos .content .left .cat				{float: left; background: url(../img/bg_assortiment_product.jpg) repeat-x; min-height: 146px; width: 180px; margin-right: 20px; margin-bottom: 10px;}
.fotos .content .left .last				{margin-right: 0;}
.fotos .content .left .margin				{float: left; margin: 10px;}
.fotos .content .left .catTitle a			{font-family: Arial; font-size: 14px; font-weight: bold; color: #663300; text-decoration: none;}
.fotos .content .left .catImg				{margin: 7px 0;}
.fotos .content .left .catPrice			{width: 100%; text-align: right;}


.fotos .content .right					{float: left; width: 260px; margin-left: 20px; background: url(../img/bg_nav_right.jpg) repeat-x; min-height: 400px;}
.fotos .content .right .text				{float: left; width: 220px; margin: 20px;}
.fotos .content .right .btn				{float: left; background: url(../img/btn_nav_right.jpg) no-repeat top; height: 27px; width: 220px; margin-bottom: 3px; cursor: pointer;}
.fotos .content .right .btn:hover			{float: left; background: url(../img/btn_nav_right.jpg) no-repeat bottom;}
.fotos .content .right .btn a				{float: left; margin: 7px 0 0 25px; text-transform: lowercase; color: white; text-decoration: none; font-family: Arial;}
.fotos .content .right .btn:hover a		{color: #badc74;}
.fotos .content .right .active			{float: left; background: url(../img/btn_nav_right.jpg) no-repeat bottom;}
.fotos .content .right .btn .active		{color: #badc74;}

.fotos .content .right .subBtn				{float: left; background: url(../img/btn_subnav_right.gif) no-repeat top; height: 27px; width: 220px; margin-bottom: 0px;}
.fotos .content .right .subBtn:hover			{float: left; background: url(../img/btn_subnav_right.gif) no-repeat bottom;}
.fotos .content .right .activeSub				{float: left; background: url(../img/btn_subnav_right.gif) no-repeat bottom;}
.fotos .content .right .subBtn a				{float: left; margin: 7px 0 0 25px; text-transform: lowercase; color: #3e3e3e; text-decoration: none; font-family: Arial;}
.fotos .content .right .subBtn:hover a		{color: #badc74;}
.fotos .content .right .subBtn .activeSub		{color: #badc74;}

.fotos .content .right hr					{background: url(../img/title_hr.jpg) repeat-x; height: 2px; margin: 10px 0; width: 220px; border: none; float: left;}

.fotos .content .right h3					{font-family: Arial; line-height: 24px; font-size: 18px; font-weight: normal;}

.fotos .content .right ul					{margin: 10px 0;}
.fotos .content .right ul li				{list-style-image: url(../img/dot.jpg); list-style-position: inside; margin-bottom: 5px;}
/* --- END FOTO'S --- */



/* --- TEKSTPAGINA'S --- */
.text .content				{float: left; margin-top: 30px;}
.text .content h1 			{font-family: Arial; font-size: 24px; color: #663300; font-weight: bold; }

.text .content .left			{float: left; width: 580px;}

.text .content .left .intro	{float: left; line-height: 24px; font-size: 18px; margin-bottom: 20px; margin-top: 10px; width: 580px;}

.text .content .left .text							{line-height: 18px;}
.text .content .left .text p							{margin-bottom: 15px;}

.text .content .right					{float: left; width: 260px; margin-left: 20px; background: url(../img/bg_nav_right.jpg) repeat-x; min-height: 400px;}
.text .content .right .text				{float: left; width: 220px; margin: 20px;}
.text .content .right .btn				{float: left; background: url(../img/btn_nav_right.jpg) no-repeat top; height: 27px; width: 220px; margin-bottom: 3px; cursor: pointer;}
.text .content .right .btn:hover			{float: left; background: url(../img/btn_nav_right.jpg) no-repeat bottom;}
.text .content .right .btn a				{float: left; margin: 7px 0 0 25px; text-transform: lowercase; color: white; text-decoration: none; font-family: Arial;}
.text .content .right .btn:hover a		{color: #badc74;}
.text .content .right .active			{float: left; background: url(../img/btn_nav_right.jpg) no-repeat bottom;}
.text .content .right .btn .active		{color: #badc74;}

.text .content .right hr					{background: url(../img/title_hr.jpg) repeat-x; height: 2px; margin: 10px 0; width: 220px; border: none; float: left;}

.text .content .right h3					{font-family: Arial; line-height: 24px; font-size: 18px; font-weight: normal;}

.text .content .right ul					{margin: 10px 0;}
.text .content .right ul li				{list-style-image: url(../img/dot.jpg); list-style-position: inside; margin-bottom: 5px;}
/* --- END TEKSTPAGINA'S --- */

/* --- CONTACT --- */
.contact .content				{float: left; margin-top: 30px;}
.contact .content h1 			{font-family: Arial; font-size: 24px; color: #663300; font-weight: bold; }

.contact .content .left			{float: left; width: 580px;}

.contact .content .left .intro	{float: left; line-height: 24px; font-size: 18px; margin-bottom: 20px; margin-top: 10px; width: 580px;}

.contact .content .left .text							{float: left; line-height: 18px; width:160px; margin-right: 20px;}
.contact .content .left .text p							{margin-bottom: 15px;}

.contact .content .left .maps							{float: left;}

.contact .content .left 			{clear: both; font-family: Arial;}
.contact .content .left  td		{vertical-align: middle; height: 32px; padding-left: 10px;}
.contact .content .left  tr 		{background-color:#eae1d7;}
.contact .content .left  tr:hover	{background-color:#e4dbd0;}
.contact .content .left  table		{border: 1px solid #fcf5ed;}
.contact .content .left  .noBorder		{border-top: none; border-bottom: none;}

.contact .content .left  	hr				{background: url(../img/title_hr.jpg) repeat-x; height: 2px; margin: 0px 0 20px 0; width: 100%; border: none; float: left;}
.contact .content .left  .hrTable		{background: url(../img/title_hr.jpg) repeat-x; height: 2px; margin: 0px; width: 100%; border: none; float: left;}
.contact .content .left  .titleCat		{height: 24px;}
.contact .content .left  .tdHr			{height: 2px; padding-left: 0;}

.contact .content .left  .aantal {width:30px;}

.contact .content .left  .titleCatHr {background-color:#d4c4b2;}
.contact .content .left  .titleCatHr:hover {background-color:#d4c4b2;}

.contact .content .left  .productCursor {cursor: pointer;}

.contact .content .left  .tooltip {background-image: url(../img/bg_tabletoggle.jpg); background-position: right; background-repeat: no-repeat;}

.contact .content .right					{float: left; width: 260px; margin-left: 20px; background: url(../img/bg_nav_right.jpg) repeat-x; min-height: 400px;}
.contact .content .right .text				{float: left; width: 220px; margin: 20px;}
.contact .content .right .btn				{float: left; background: url(../img/btn_nav_right.jpg) no-repeat top; height: 27px; width: 220px; margin-bottom: 3px; cursor: pointer;}
.contact .content .right .btn:hover			{float: left; background: url(../img/btn_nav_right.jpg) no-repeat bottom;}
.contact .content .right .btn a				{float: left; margin: 7px 0 0 25px; text-transform: lowercase; color: white; text-decoration: none; font-family: Arial;}
.contact .content .right .btn:hover a		{color: #badc74;}
.contact .content .right .active			{float: left; background: url(../img/btn_nav_right.jpg) no-repeat bottom;}
.contact .content .right .btn .active		{color: #badc74;}

.contact .content .right hr					{background: url(../img/title_hr.jpg) repeat-x; height: 2px; margin: 10px 0; width: 220px; border: none; float: left;}

.contact .content .right h3					{font-family: Arial; line-height: 24px; font-size: 18px; font-weight: normal;}

.contact .content .right ul					{margin: 10px 0;}
.contact .content .right ul li				{list-style-image: url(../img/dot.jpg); list-style-position: inside; margin-bottom: 5px;}
/* --- END CONTACT --- */




/* --- FAQ --- */
.faq .content				{float: left; margin-top: 30px;}
.faq .content h1 			{font-family: Arial; font-size: 24px; color: #663300; font-weight: bold; }

.faq .content .left			{float: left; width: 580px;}

.faq .content .left .intro	{float: left; line-height: 24px; font-size: 18px; margin-bottom: 20px; margin-top: 10px; width: 580px;}

.faq .content .left .text							{line-height: 18px;}
.faq .content .left .text p							{margin-bottom: 15px;}

.faq .content .left .text .vraag 				{float:left; width:100%; background-color:#f9f3ec; padding:5px; position: relative; font-weight:bold; margin-bottom:5px; cursor: pointer; font-family: Arial;}
.faq .content .left .text .antwoord 			{float:left; width: 570px; padding:5px; color: #8b8277; font-weight: normal; font-family: Arial;}

.faq .content .right					{float: left; width: 260px; margin-left: 20px; background: url(../img/bg_nav_right.jpg) repeat-x; min-height: 400px;}
.faq .content .right .text				{float: left; width: 220px; margin: 20px;}
.faq .content .right .btn				{float: left; background: url(../img/btn_nav_right.jpg) no-repeat top; height: 27px; width: 220px; margin-bottom: 3px; cursor: pointer;}
.faq .content .right .btn:hover			{float: left; background: url(../img/btn_nav_right.jpg) no-repeat bottom;}
.faq .content .right .btn a				{float: left; margin: 7px 0 0 25px; text-transform: lowercase; color: white; text-decoration: none; font-family: Arial;}
.faq .content .right .btn:hover a		{color: #badc74;}
.faq .content .right .active			{float: left; background: url(../img/btn_nav_right.jpg) no-repeat bottom;}
.faq .content .right .btn .active		{color: #badc74;}

.faq .content .right hr					{background: url(../img/title_hr.jpg) repeat-x; height: 2px; margin: 10px 0; width: 220px; border: none; float: left;}

.faq .content .right h3					{font-family: Arial; line-height: 24px; font-size: 18px; font-weight: normal;}

.faq .content .right ul					{margin: 10px 0;}
.faq .content .right ul li				{list-style-image: url(../img/dot.jpg); list-style-position: inside; margin-bottom: 5px;}
/* --- END FAQ --- */





/* --- REFERENTIES --- */
.referenties .content				{float: left; margin-top: 30px;}
.referenties .content h1 			{font-family: Arial; font-size: 24px; color: #663300; font-weight: bold; }

.referenties .content .left			{float: left; width: 580px;}

.referenties .content .left .intro	{float: left; line-height: 24px; font-size: 18px; margin-bottom: 20px; margin-top: 10px; width: 580px;}

.referenties .content .left .text							{line-height: 18px;}
.referenties .content .left .text p							{margin-bottom: 15px;}

.referenties .content .left .quote						{float: left; background: #cac0b6; margin-bottom: 10px; width:558px;}
.referenties .content .left .quote .top					{float: left; background-image: url(../img/referenties_quote_top.jpg); width: 558px; height: 11px;}
.referenties .content .left .quote .bottom				{float: left; background-image: url(../img/referenties_quote_bottom.jpg); width: 558px; height: 64px;}
.referenties .content .left .quote .bottom_2			{float: left; background-image: url(../img/referenties_quote_bottom_2.jpg); width: 558px; height: 64px;}
.referenties .content .left .quote .center .text		{float: left; margin: 0 10px 5px 10px; width: 538px;}
.referenties .content .left .quote .center .text .img	{float: right; margin: 0 0 5px 10px; border:2px solid #a59789}
.referenties .content .left .quote .center .text .img_2	{float: left; margin: 0 10px 5px 0; border:2px solid #a59789}
.referenties .content .left .quote .center .quoteText	{float: left; font-style: italic;}
.referenties .content .left .quote .center .name		{float: left; font-size: 11px; clear: both; margin-top: 4px;}

.referenties .content .right					{float: left; width: 260px; margin-left: 20px; background: url(../img/bg_nav_right.jpg) repeat-x; min-height: 400px;}
.referenties .content .right .text				{float: left; width: 220px; margin: 20px;}
.referenties .content .right .btn				{float: left; background: url(../img/btn_nav_right.jpg) no-repeat top; height: 27px; width: 220px; margin-bottom: 3px; cursor: pointer;}
.referenties .content .right .btn:hover			{float: left; background: url(../img/btn_nav_right.jpg) no-repeat bottom;}
.referenties .content .right .btn a				{float: left; margin: 7px 0 0 25px; text-transform: lowercase; color: white; text-decoration: none; font-family: Arial;}
.referenties .content .right .btn:hover a		{color: #badc74;}
.referenties .content .right .active			{float: left; background: url(../img/btn_nav_right.jpg) no-repeat bottom;}
.referenties .content .right .btn .active		{color: #badc74;}

.referenties .content .right hr					{background: url(../img/title_hr.jpg) repeat-x; height: 2px; margin: 10px 0; width: 220px; border: none; float: left;}

.referenties .content .right h3					{font-family: Arial; line-height: 24px; font-size: 18px; font-weight: normal;}

.referenties .content .right ul					{margin: 10px 0;}
.referenties .content .right ul li				{list-style-image: url(../img/dot.jpg); list-style-position: inside; margin-bottom: 5px;}
/* --- END REFERENTIES --- */




/* --- NIEUWS --- */
.nieuws .content				{float: left; margin-top: 30px;}
.nieuws .content h1 			{font-family: Arial; font-size: 24px; color: #663300; font-weight: bold; }

.nieuws .content .left			{float: left; width: 580px;}

.nieuws .content .left .intro	{float: left; line-height: 24px; font-size: 18px; margin-bottom: 20px; margin-top: 10px; width: 580px;}

.nieuws .content .left .cat				{float: left; background: url(../img/bg_assortiment_product.jpg) repeat-x; min-height: 146px; width: 180px; margin-right: 20px; margin-bottom: 10px;}
.nieuws .content .left .last				{margin-right: 0;}
.nieuws .content .left .margin				{float: left; margin: 10px;}
.nieuws .content .left .catTitle a			{font-family: Arial; font-size: 14px; font-weight: bold; color: #663300; text-decoration: none;}
.nieuws .content .left .catImg				{margin: 7px 0;}
.nieuws .content .left .catPrice			{width: 100%; text-align: right;}

.nieuws .content .left .text							{line-height: 18px;}
.nieuws .content .left .text p							{margin-bottom: 15px;}
.nieuws .content .left .text .images 					{width:300px; float:right;}

.nieuws .content .left .nieuwsbericht		{float:left; width:100%;}
.nieuws .content .left .nieuwsarchief		{float:left; width:100%;}
.nieuws .content .left .nieuwsarchief h2	{margin-bottom: 10px;}
.nieuws .content .left .nieuwsarchief table td {height: 22px;}
.nieuws .content .left .nieuwsarchief table a {text-decoration: none;}
.nieuws .content .left .nieuwsarchief table a:hover {text-decoration: underline;}
.nieuws .content .left .nieuwsarchief table .active {text-decoration: underline; font-weight: bold;}
.nieuws .content .left .nieuwsarchief table .date a {color: #8b8277;}



.nieuws .content .right					{float: left; width: 260px; margin-left: 20px; background: url(../img/bg_nav_right.jpg) repeat-x; min-height: 400px;}
.nieuws .content .right .text				{float: left; width: 220px; margin: 20px;}
.nieuws .content .right .btn				{float: left; background: url(../img/btn_nav_right.jpg) no-repeat top; height: 27px; width: 220px; margin-bottom: 3px; cursor: pointer;}
.nieuws .content .right .btn:hover			{float: left; background: url(../img/btn_nav_right.jpg) no-repeat bottom;}
.nieuws .content .right .btn a				{float: left; margin: 7px 0 0 25px; text-transform: lowercase; color: white; text-decoration: none; font-family: Arial;}
.nieuws .content .right .btn:hover a		{color: #badc74;}
.nieuws .content .right .active			{float: left; background: url(../img/btn_nav_right.jpg) no-repeat bottom;}
.nieuws .content .right .btn .active		{color: #badc74;}


.nieuws .content .right hr					{background: url(../img/title_hr.jpg) repeat-x; height: 2px; margin: 10px 0; width: 220px; border: none; float: left;}

.nieuws .content .right h3					{font-family: Arial; line-height: 24px; font-size: 18px; font-weight: normal;}

.nieuws .content .right ul					{margin: 10px 0;}
.nieuws .content .right ul li				{list-style-image: url(../img/dot.jpg); list-style-position: inside; margin-bottom: 5px;}
/* --- END NIEUWS --- */




/* --- OFFERTE AANVRAGEN --- */
.offerte .content				{float: left; margin-top: 30px;}
.offerte .content h1 			{font-family: Arial; font-size: 24px; color: #663300; font-weight: bold; }

.offerte .content .left			{float: left; width: 580px;}

.offerte .content .left .intro	{float: left; line-height: 24px; font-size: 18px; margin-bottom: 20px; margin-top: 10px; width: 580px;}

.offerte .content .left .text							{line-height: 18px;}
.offerte .content .left .text p							{margin-bottom: 15px;}

.offerte .content .left .form 			{float:left; clear: both; font-family: Arial;}
.offerte .content .left .form td		{vertical-align: middle; height: 32px; padding-left: 10px;}
.offerte .content .left .form tr 		{background-color:#eae1d7;}
.offerte .content .left .form tr:hover	{background-color:#e4dbd0;}
.offerte .content .left .form table		{border: 1px solid #fcf5ed;}
.offerte .content .left .form .noBorder		{border-top: none; border-bottom: none;}

.offerte .content .left hr				{background: url(../img/title_hr.jpg) repeat-x; height: 2px; margin: 0px 0 20px 0; width: 100%; border: none; float: left;}
.offerte .content .left .hrTable		{background: url(../img/title_hr.jpg) repeat-x; height: 2px; margin: 0px; width: 100%; border: none; float: left;}
.offerte .content .left .form .titleCat		{height: 24px;}
.offerte .content .left .form .tdHr			{height: 2px; padding-left: 0;}

.offerte .content .left .form .aantal {width:30px;}

.offerte .content .left .form .titleCatHr {background-color:#d4c4b2;}
.offerte .content .left .form .titleCatHr:hover {background-color:#d4c4b2;}

.offerte .content .left .form .productCursor {cursor: pointer;}

.offerte .content .left .form .tooltip {background-image: url(../img/bg_tabletoggle.jpg); background-position: right; background-repeat: no-repeat;}

.offerte .content .left #offerteForm label.error, #commentForm input.submit { margin-left: 5px; color: red; white-space: nowrap; }


.offerte .content .right					{float: left; width: 260px; margin-left: 20px; background: url(../img/bg_nav_right.jpg) repeat-x; min-height: 400px;}
.offerte .content .right .text				{float: left; width: 220px; margin: 20px;}
.offerte .content .right .btn				{float: left; background: url(../img/btn_nav_right.jpg) no-repeat top; height: 27px; width: 220px; margin-bottom: 3px; cursor: pointer;}
.offerte .content .right .btn:hover			{float: left; background: url(../img/btn_nav_right.jpg) no-repeat bottom;}
.offerte .content .right .btn a				{float: left; margin: 7px 0 0 25px; text-transform: lowercase; color: white; text-decoration: none; font-family: Arial;}
.offerte .content .right .btn:hover a		{color: #badc74;}
.offerte .content .right .active			{float: left; background: url(../img/btn_nav_right.jpg) no-repeat bottom;}
.offerte .content .right .btn .active		{color: #badc74;}

.offerte .content .right hr					{background: url(../img/title_hr.jpg) repeat-x; height: 2px; margin: 10px 0; width: 220px; border: none; float: left;}

.offerte .content .right h3					{font-family: Arial; line-height: 24px; font-size: 18px; font-weight: normal;}

.offerte .content .right ul					{margin: 10px 0;}
.offerte .content .right ul li				{list-style-image: url(../img/dot.jpg); list-style-position: inside; margin-bottom: 5px;}
/* --- END OFFERTE AANVRAGEN --- */

/* --- TARIEVEN AANVRAGEN --- */
.tarieven .content				{float: left; margin-top: 30px;}
.tarieven .content h1 			{font-family: Arial; font-size: 24px; color: #663300; font-weight: bold; }

.tarieven .content .left			{float: left; width: 580px;}

.tarieven .content .left .intro	{float: left; line-height: 24px; font-size: 18px; margin-bottom: 20px; margin-top: 10px; width: 580px;}

.tarieven .content .left .text							{line-height: 18px;}
.tarieven .content .left .text p							{margin-bottom: 15px;}

.tarieven .content .left .table 			{float:left; clear: both; font-family: Arial;}
.tarieven .content .left .table td		{vertical-align: middle; height: 32px; padding-left: 10px;}
.tarieven .content .left .table tr 		{background-color:#eae1d7;}
.tarieven .content .left .table tr:hover	{background-color:#e4dbd0;}
.tarieven .content .left .table table		{border: 1px solid #fcf5ed;}
.tarieven .content .left .table .noBorder		{border-top: none; border-bottom: none;}

.tarieven .content .left hr				{background: url(../img/title_hr.jpg) repeat-x; height: 2px; margin: 0px 0 20px 0; width: 100%; border: none; float: left;}
.tarieven .content .left .hrTable		{background: url(../img/title_hr.jpg) repeat-x; height: 2px; margin: 0px; width: 100%; border: none; float: left;}
.tarieven .content .left .table .titleCat		{height: 24px;}
.tarieven .content .left .table .tdHr			{height: 2px; padding-left: 0;}

.tarieven .content .left .table .aantal {width:30px;}

.tarieven .content .left .table .titleCatHr {background-color:#d4c4b2;}
.tarieven .content .left .table .titleCatHr:hover {background-color:#d4c4b2;}

.tarieven .content .left .table .productCursor {cursor: pointer;}

.tarieven .content .left .table .tooltip {background-image: url(../img/bg_tabletoggle.jpg); background-position: right; background-repeat: no-repeat;}


.tarieven .content .right					{float: left; width: 260px; margin-left: 20px; background: url(../img/bg_nav_right.jpg) repeat-x; min-height: 400px;}
.tarieven .content .right .text				{float: left; width: 220px; margin: 20px;}
.tarieven .content .right .btn				{float: left; background: url(../img/btn_nav_right.jpg) no-repeat top; height: 27px; width: 220px; margin-bottom: 3px; cursor: pointer;}
.tarieven .content .right .btn:hover			{float: left; background: url(../img/btn_nav_right.jpg) no-repeat bottom;}
.tarieven .content .right .btn a				{float: left; margin: 7px 0 0 25px; text-transform: lowercase; color: white; text-decoration: none; font-family: Arial;}
.tarieven .content .right .btn:hover a		{color: #badc74;}
.tarieven .content .right .active			{float: left; background: url(../img/btn_nav_right.jpg) no-repeat bottom;}
.tarieven .content .right .btn .active		{color: #badc74;}

.tarieven .content .right hr					{background: url(../img/title_hr.jpg) repeat-x; height: 2px; margin: 10px 0; width: 220px; border: none; float: left;}

.tarieven .content .right h3					{font-family: Arial; line-height: 24px; font-size: 18px; font-weight: normal;}

.tarieven .content .right ul					{margin: 10px 0;}
.tarieven .content .right ul li				{list-style-image: url(../img/dot.jpg); list-style-position: inside; margin-bottom: 5px;}
/* --- END TARIEVEN AANVRAGEN --- */

.listDownloads	{font-weight: bold; font-family: Arial; font-size: 14px;}

.priceBaloon	{float:right; background:url(../img/price.png) no-repeat; width:144px; }
.priceBaloon .priceBig	{float:left; margin-top: 30px; width: 144px; text-align: center; font-weight: bold; font-size: 20px; color: #88b133; font-family: Arial;}
.priceBaloon .title	{float: left; margin-top: 45px; margin-left: 25px; font-weight: bold;}

.priceBaloon2	{float:left; background:url(../img/price.png) no-repeat; width:144px; margin-left: 10px; }
.priceBaloon2 .priceBig	{float:left; margin-top: 30px; width: 144px; text-align: center; font-weight: bold; font-size: 20px; color: #88b133; font-family: Arial;}
.priceBaloon2 .title	{float: left; margin-top: 45px; margin-left: 25px; font-weight: bold;}
.priceBaloon .priceBig small	{text-align: center; font-weight: normal; font-size: 8px; color: #f5971d; font-family: Arial; vertical-align: top;}



.twitter{background: url(../img/twitter_bg.png) no-repeat; width: 260px; min-height: 300px;}
.twitter ul					{margin: 10px 0; margin-left: 25px; padding-top: 80px;}
.twitter ul li				{list-style-image: url(../img/dot.jpg); list-style-position:outside; margin-bottom: 5px;}


.follow_us {position:fixed; display: block; outline: 0 none; right: -3px; text-decoration: none; top: 170px; width:51px; height:240px; background:url('../img/followUs.png');}