/* Algemeen */
body{margin:0;padding:0;font-size:12px;font-family:Helvetica, Arial;color:#000000;background:#FFFFFF; line-height:16px;}
img{border:none;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.tright{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear: both;}
br.clear{clear:both; margin-top:-15px;}
a{outline:none; text-decoration:none;color:#000000;}
.left{float:left;}
.right{float:right;}
h1, h2, h3, h4, h5, h6{margin:0;padding:0px 0px 10px 0px;font-size:14px;font-weight:bold;line-height:normal;font-family:Helvetica,Arial;color:#F8A801;}
h1{border-bottom:1px solid #E8E8E8; width:100%; margin-bottom:5px; color:#666666;}
h2{border-bottom:1px solid #E8E8E8; width:100%; font-size:14px; margin-bottom:5px;}
h3{font-family:Helvetica,Arial; font-size:13px; color:#000000;}
form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}
input, textarea, select{font-size:12px; font-family:Arial;border:1px solid #FFFFFF; font-size:12px;}

.container					{position:relative; margin:0 auto 0; display:block; width:1010px; background:url(../img/background.jpg) repeat-y top left #FFFFFF;}

/* Top */
.top_border					{float:left; width:980px; height:10px; padding:0 15px; background:url(../img/background_top.jpg) no-repeat top left;} 
.top						{float:left; width:980px; padding:0 15px 11px; height:74px; background:url(../img/background.jpg) repeat-y top left #FFFFFF;}
.top .logo					{float:left; width:220px; padding:11px 0 0; height:63px;}
.top .topmenu				{float:left; width:480px; line-height:45px; vertical-align:bottom; text-align:right; padding:0 0 44px;}
.top .topmenu a				{bottom:0px; color:#000000; height:30px; vertical-align:bottom; text-decoration:none; padding:10px 13px 0px 12px;}
.top .topmenu a:hover		{text-decoration:underline;}
.top .topsearch				{font-size:12px; float:right; width:280px; height:63px; text-align:right; padding:11px 0 0;}
.top input[type=text]		{float:left; color:#CCCCCC; height:20px; width:189px; line-height:20px; font-size:11px; border-right:none; border-top:1px solid #CECECE; border-left:1px solid #CECECE; border-bottom:1px solid #CECECE; padding:0 10px 0 20px; background:url(../img/search.jpg) no-repeat top left;}
.top input[type=submit]		{float:left; color:#FFFFFF; height:22px; width:60px; padding:3px 0 4px; text-align:center; font-size:11px; background:#F8A801; border:none; cursor:pointer;}

/* Hoofdmenu */
.hoofdmenu 					{float:left; width:980px; height:40px; padding:0 15px 10px; background:url(../img/background.jpg) repeat-y top left; z-index:20; position:relative;}
.hoofdmenu .back			{width:980px; background:#F2F2F2; height:40px; border-bottom:1px solid #DFDFDF;}
.hoofdmenu ul				{padding:0px; margin:0px; border-top:5px solid #666666; background:#F2F2F2; font-size:14px;}
.hoofdmenu li				{float:left; height:35px; top:-5px; padding:0px; margin:0px; border-top:5px solid #666666; border-bottom:1px solid #DFDFDF; list-style:none; position: relative; display:block;}
.hoofdmenu li.hassub		{padding:0px; background:url(../img/hoofdmenu_rechts.jpg) no-repeat top right;}
.hoofdmenu li.act,
.hoofdmenu li:hover			{border-top:5px solid #F8A801;}
.hoofdmenu li.hassub.act	{background:url(../img/hoofdmenu_rechts.jpg) no-repeat top right; }
.hoofdmenu li.hassub:hover	{background:url(../img/hoofdmenu_rechts.jpg) no-repeat top right; border-bottom:1px solid #F2F2F2;}
.hoofdmenu a				{float:left; text-decoration:none; color:#000000; padding:10px 22px 10px 20px; border-right:1px solid #DFDFDF; }
.hoofdmenu li.first a		{border-left:1px solid #DFDFDF;}
.hoofdmenu li.hassub a		{padding:10px 34px 10px 20px;}

.hoofdmenu ul ul			{position:absolute; float:left; width:auto; margin:0; padding:15px 9px 5px; left:-1px; top:36px; display:none; border-top:none; border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF; font-size:12px;}
.hoofdmenu li.first ul		{left:0px;}
.hoofdmenu li li			{float:left; height:auto; padding:0; border-top:none; background:#FFFFFF;  border-right:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF; }
.hoofdmenu li li:hover		{background:#F8A801; color:#FFFFFF; border-top:none;}
.hoofdmenu li li a,			
.hoofdmenu li.hassub li a	{border-left:1px solid #DFDFDF; border-right:none; width:150px; line-height:18px; padding:5px 22px 5px 10px;}
.hoofdmenu li li a:hover	{line-height:18px; color:#FFFFFF;}
.hoofdmenu li li.first a	{border-top:1px solid #DFDFDF; }
.hoofdmenu li li.first		{border-left:none;}
.hoofdmenu ul ul a			{}

/* Inhoud */
.inhoud						{float:left; width:980px; padding:0 15px 30px; background:url(../img/background.jpg) repeat-y top left #FFFFFF; font-size:12px; z-index:1;}
.inhoud hr					{height:1px; background:#E8E8E8; border:none; width:100%; margin:0 0 10px;}
.inhoud ul 					{padding:0; margin:0; list-style-type:none;}
.inhoud ul li				{margin:0; padding:0 0 0 10px; line-height:15px; height:15px; background:url(../img/list.jpg) no-repeat bottom left;}
.inhoud ul li a				{color:#000000; text-decoration:none;}
.inhoud ul li a:hover		{color:#000000; text-decoration:underline;}
.inhoud .header				{padding:0 0 10px; z-index:1; position:relative; float:left; width:980px;}
.inhoud .tekst				{float:left; width:690px; padding:0px 45px 0 10px;}
.inhoud .midden .tekst		{float:left; width:100%; padding:14px 0 20px;}
.inhoud .producten			{float:left; width:225px; padding:14px 45px 0 0;}
.inhoud .producten ul		{float:left;}
.inhoud .producten ul li	{float:left; width:92px; padding:11px 10px 0px 10px; }
.inhoud .merken				{float:left; width:100px; padding:14px 0 0 0;}
.inhoud .merken ul			{width:100px;}
.inhoud .merken ul li		{width:90px; padding:11px 0px 0px 10px;}
.inhoud .rechts				{float:left; width:235px; padding:14px 0 0;}

.inhoud .breadcrumb			{float:left; width:750px; height:10px; font-size:11px; padding:0px 10px 10px 220px; color:#CCCCCC;}
.inhoud .breadcrumb a 		{font-size:11px; text-decoration:underline; color:#CCCCCC;}
.inhoud .submenu			{float:left; width:165px; padding:14px 45px 0 10px;}
.inhoud .midden				{float:left; width:465px; padding:14px 10px 0 0;}
.inhoud .mailafriend		{float:right; position:relative; top:20px; right:20px; margin:-17px;}
.inhoud .midden a			{color:#000000; text-decoration:underline;}
.inhoud .midden a:disabled 	{padding:0 5px 0 0; color:#CCCCCC; text-decoration:none;}
.inhoud .rechtsvervolg		{float:left; width:250px;padding:14px 0 0 30px;}
.inhoud .rechtsvervolg a	{color:#000000; text-decoration:underline;}
.inhoud .breed				{float:left; width:740px; padding:14px 20px 0 0; text-align:left;}
.inhoud .breed .kleuren		{float:left; width:100%; padding:0 0 20px;}
.inhoud .breed .kleuren h3  {}
.inhoud .breed .kleuren	.afbeelding	{float:left; text-align:center; padding:15px 10px 0 0; line-height:24px;}

/* Submenu */
.submenu					{}
.submenu ul					{width:165px;}
.submenu ul li				{background:none; height:auto; padding:3px 0px; margin:0px; }
.submenu ul li a			{background:url(../img/submenu_list.jpg) no-repeat top left; text-decoration:none; width:135px; color:#000000; padding:3px 10px 3px 10px;}
.submenu ul li a.act,
.submenu ul li a:hover		{color:#F8A801; text-decoration:none; font-weight:bold; background:url(../img/submenu_list_act.jpg) no-repeat top left;}
.submenu ul ul				{padding-top:7px;}
.submenu li li				{background:url(../img/submenu_sublist.jpg) no-repeat top left; padding:3px 5px 3px 10px; margin:0 0 0 10px;}
.submenu li li.act,
.submenu li li:hover		{background:url(../img/submenu_sublist_act.jpg) no-repeat top left;}
.submenu ul ul a			{background:none; padding:3px 0; width:100%;}
.submenu ul ul a.act,
.submenu ul ul a:hover		{background:none; font-weight:normal;}

/* Footer */
.footer 					{float:left; width:980px; color:#666666; padding:10px 15px 11px; background:url(../img/background_bottom.jpg) no-repeat top left #FFFFFF; text-align:left; font-size:11px;}
.footer a					{color:#666666; font-size:11px;text-decoration:none;}
.footer a:hover				{text-decoration:underline;}
.footer .copyright 			{float:left; padding:0px 10px;}
.footer .cbw	 			{float:left;}
.footer .socialmedia		{float:right; height:20px; padding:0px 10px 0px 0px; line-height:20px;}
.footer .socialmedia a		{position:relative;}

/* Nieuws */
#nieuws						{padding:20px 0 0;}
#nieuws a					{color:#000000; text-decoration:underline;}
#nieuws h2					{font-family:Helvetica,Arial; font-weight:bold; color:#000000; font-size:12px; border-bottom:none; padding:0px; margin:0px;}
.tekst #pagination			{float:left; background:none;}
.tekst .pag					{padding:0 8px 3px; height:20px; width:10px; background:url(../img/pag.gif) no-repeat top left; color:#FFF; cursor:pointer;}
.tekst #pagination .aan		{padding:0 8px 3px; height:20px; width:10px; background:url(../img/pag_act.gif) no-repeat top left;}

/* headerafbeeldingen */ 
.header .headertekst		{position:absolute; top:0px; right:0px; color:#FFFFFF; background:#F8A801; font-family:Helvetica,Arial; padding:35px 30px; height:260px; width:220px;}
.header .headertekst h1,
.header .headertekst h2,
.header .headertekst h3		{color:#FFFFFF; font-size:40px; padding-bottom:0px; border:none;}
.header .headertekst a		{color:#FFFFFF; text-decoration:underline;}
.header .jFlowPrev			{background:none; z-index:1; position:absolute; top:124px; left:18px; cursor:pointer;}
.header .jFlowNext			{background:none; z-index:1; position:absolute; top:124px; left:655px; cursor:pointer;}
.header #pagination			{position:absolute; top:0px; left:0px; z-index:1;}
.header .pag				{padding:0; height:0px; width:0px; background:none;}
.header #pagination .aan	{padding:0; height:0px; width:0px; background:none;}

/* Override */
.cc_zoeken .cc_zoekveld,
.cc_zoeken .cc_pulldown,
.cc_zoeken .cc_zoekknop		{float:left; padding:10px 4px 2px 0;}
.cc_zoeken .zoekblok		{float:left; width:100%;}
.cc_zoeken .zoekmelding,
.cc_zoeken .zoekmeerpaginas	{padding:10px 0 10px;}
.cc_formulier				{padding:10px 0 0;}
.cc_formulier .tekstveld	{float:left; width:200px; line-height:25px;}
.cc_formulier .invoerveld	{float:left; width:200px; line-height:25px;}
.cc_formulier input[type=text],
.cc_formulier textarea		{border:1px solid #CECECE;}
.cc_formulier input[type=submit] {color:#FFFFFF; height:22px; padding:3px 4px 4px; text-align:center; font-size:11px; background:#F8A801; border:none; cursor:pointer;}


/* Tabel */	
/*
table {width:100%;border-collapse:collapse;table-layout:auto;vertical-align:top;margin-bottom:15px;border:1px solid #CCCCCC;}
table th {color:#FFFFFF;background-color:#666666;border:1px solid #CCCCCC;border-collapse:collapse;text-align:center;table-layout:auto;vertical-align:middle;}
table td {vertical-align:top;border-collapse:collapse;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
table th, table td{padding:5px;border-collapse:collapse;}
*/