/* CSS Document */

body 				{margin:0 0 20px 0; padding:0; background:#c8e5ec; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}
p					{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}
h1					{font-size:15px; margin:0; padding:0;}
table, td			{margin:0; padding:0; border-collapse:collapse; border: 0px; border:none; vertical-align:top;}
a					{color:#ffd200; text-decoration:none; font-weight:bold;}
a:hover				{text-decoration:underline;}


#container 			{background: url(../images/bg/bg-body.gif) repeat-y center top; margin:0 auto 0 auto; }
#header 			{background: url(../images/visual/header.jpg) no-repeat left top; width:837px; height:168px; margin:0 auto 0 auto; padding:0; border-left: solid 3px #FFFFFF; border-right: solid 3px #FFFFFF;}
#logo 				{width:209px; height:50px; margin:33px 0 0 59px;}


#home #nav			{width:837px; height:143px; margin:0 auto 0 auto; background: url(../images/bg/bg-nav.jpg) no-repeat fixed top; border-left: solid 3px #FFFFFF; border-right: solid 3px #FFFFFF;}
#prod #nav			{width:837px; height:143px; margin:0 auto 0 auto; background:  url(../images/bg/bg-prod.gif) no-repeat fixed top; border-left: solid 3px #FFFFFF; border-right: solid 3px #FFFFFF;}
#producten 			{float:left; margin:0 44px 0 10px;}
#acties 			{float:left; margin:0 47px 0 0;}
#wederverkopers 	{width:146px; height:130px; float:left; padding:0 70px 0 0;}


#home #content 		{width:837px; margin:0 auto 0 auto; border-left: solid 3px #FFFFFF; border-right: solid 3px #FFFFFF; background: url(../images/bg/bg-content.jpg) no-repeat fixed top;}
#prod #content 		{width:837px; margin:0 auto 0 auto; border-left: solid 3px #FFFFFF; border-right: solid 3px #FFFFFF; background: #01afe7;}
#prod #content p 	{color:#FFFFFF; padding:0 57px 0 57px; margin:10px 0 0 0;}
#prod #content h1	{padding:20px 57px 0 57px; color:#ffd200;}


#home #contentWeder 		{width:837px; margin:0 auto 0 auto; border-left: solid 3px #FFFFFF; border-right: solid 3px #FFFFFF; background:#01afe7 url(../images/bg/bg-wederverkopers.jpg)  no-repeat right bottom;}
#productenWeder 			{float:left; margin:0 44px 0 10px;}
#home #navWeder				{width:837px; height:143px; margin:0 auto 0 auto; background: url(../images/bg/bg-nav-weder.jpg); border-left: solid 3px #FFFFFF; border-right: solid 3px #FFFFFF;}
#navHomeWeder				{height:36px; width:569px; margin:18px 0 0 0; background:#41c3ed  url(../images/bg/bg-navprod.gif) no-repeat top right;}
#navHomeWeder ul			{margin:0 0 0 57px; padding:0;}			
#navHomeWeder li			{list-style: none; float:left; padding:0 30px 0 0; }
#navHomeWeder li a		{padding:0 0 0 10px; line-height:36px; color:#FFFFFF; text-decoration:none; font-size:13px; background:url(../images/buttons/arrow.gif) no-repeat 4px left;}
#navHomeWeder li a:hover	{text-decoration: underline;}

#home #navHome		{height:36px; width:569px; margin:18px 0 0 0; background:#41c3ed url(../images/bg/bg-navhome.gif) no-repeat top right;}
#prod #navHome		{height:36px; width:789px; margin:0px 0 0 0; background:#41c3ed  url(../images/bg/bg-navprod.gif) no-repeat top right;}

#navHome ul			{margin:0 0 0 57px; padding:0;}			
#navHome li			{list-style: none; float:left; padding:0 30px 0 0; }
#navHome li a		{padding:0 0 0 10px; line-height:36px; color:#FFFFFF; text-decoration:none; font-size:13px; background:url(../images/buttons/arrow.gif) no-repeat 4px left;}
#navHome li a:hover	{text-decoration: underline;}

#subNav						{height:36px; width:700px; margin:18px 0 0 0; background:#0092dc  url(../images/bg/subnavProd.gif) no-repeat right top;}
#subNav	 ul					{margin:0 0 0 57px; padding:0;}			
#subNav	 li					{list-style: none; float:left; padding:0 30px 0 0; }
#subNav	 li a				{padding:0 0 0 10px; line-height:36px; font-weight:bold; color: #FFFFFF; text-decoration:underline; font-size:13px; background: url(../images/buttons/arrow-orange.gif) no-repeat 4px left;}
#subNav	 li a:hover			{text-decoration: underline; color:#f7991c;}
#subNav	 li a.aktief		{padding:0 0 0 10px; line-height:36px; font-weight:bold; color:#f7991c; text-decoration:underline; font-size:13px; background: url(../images/buttons/arrow-orange.gif) no-repeat 4px left;}


#text				{width:522px; height:169px; background:url(../images/bg/bg-content.gif); margin:11px 0 7px 47px;}
#textWeder			{width:522px;  background:#41c3ed url(../images/bg/bg-content-weder.gif) no-repeat top left; margin:11px 0 7px 47px; padding:0;}
#textWeder p				{color:#FFFFFF; margin:10px; padding:0; line-height:18px;}
#textWeder h1		{margin:10px; color:#ffd200;}
#textWeder form		{margin:20px 10px 10px 10px; padding:0; color: #FFFFFF;}
#textWeder form	strong	{margin:0; padding:0; line-height:18px;}
#textWeder .form	{height:16px; background:#41beec; border:solid 1px #FFFFFF; margin:2px 20px 2px 15px; line-height:16px; color:#FFFFFF;}
#textWeder .formGr	{height:100px; background:#41beec; border:solid 1px #FFFFFF; margin:2px 20px 2px 15px; line-height:16px; color:#FFFFFF;}
#textWeder .verzenden	{background:#f7991c; border:solid 1px #FFFFFF; color:#FFFFFF; font-weight:bold; margin:0 0 0 15px; line-height:16px;}

#text p				{color:#FFFFFF; margin:10px; padding:0; line-height:18px;}
#text form			{margin:20px 10px 10px 10px; padding:0; color: #FFFFFF;}
#text .inputKoop	{height:16px; background:#41beec; border:solid 1px #FFFFFF; margin:2px 20px 2px 15px; line-height:16px; color:#FFFFFF;}
#text .verzenden	{background:#f7991c; border:solid 1px #FFFFFF; color:#FFFFFF; font-weight:bold; margin:0 0 0 15px; line-height:16px;}

#footer				{width:883px; margin:0 auto 0 auto; background:url(../images/visual/footer.gif) no-repeat top center;}
#footer p  			{color:#81a8b1; display:block; height:18px; width:320px; margin:15px 20px 0 0; float:right;}
#footer a			{color:#81a8b1;}

.product					{
	width:387px;
	height:196px;
	float:left;
	padding:0;
	background:#41beec url(../images/bg/bg-kader.gif) no-repeat top left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 12px;
	margin-left: 10px;
}
.product img				{float:left;}
.product .descr				{margin:80px 0 0 80px; color:#FFFFFF;}
.product .descr p			{font-weight:bold; text-indent:10px;}
.product .descr	strong		{color:#ffd200; margin:0; font-size:15px; padding:20px 0 0 10px;}
.product .descr .dropdown	{
	height:22px;
	background:#41beec;
	color:#FFFFFF;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding: 1px;
}
.product .descr .prijs		{color:#FF0000; font-weight:bold; font-size:15px; padding:0 0 0 10px;}