@charset "utf-8";

/* ********** ********** ********** ********** CSS Document ARBOSHOP ********** ********** ********** **********  */

* 			{margin: 0; padding: 0; outline: none;}

a 			{color: #333;}
a img 		{border: 0px}

h1 			{font-size: 13px; font-weight: bold; border-bottom: 0px solid #ccc; margin-bottom: 10px}
h2 			{font-size: 12px; font-weight: normal; line-height: 16px;}

ins			{display: none;}

p			{color: #000; line-height: 22px; margin-bottom: 20px;}

ul			{padding: 0; margin: 0}
li			{padding: 0; margin: 0}

html, body	{font-family: Arial, Helvetica, sans-serif; font-size: 11px;}

body		{background-color: #d6d1bd;}

/* ********** ********** ********** ********** FORM ELEMENTS ********** ********** ********** ********** */

form						{display: inline}
label						{display:block; float:left; width:150px;}
input[type="text"], 
input[type="submit"]		{display: inline; width: 110px; border: 0px; height: 16px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #000}
input[type="submit"] 		{border-bottom: 1px solid #000; background-image: url('../img/input_submit.gif'); color: #fff}
input[type="submit"]:hover 	{background-image: url('../img/inpt_submit_over.gif')}
a.submit					{
							display: block; width: 110px; border: 0px; height: 16px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333127; line-height: 16px;
							border-bottom: 1px solid #000; background-image: url('../img/a_submit.gif'); text-decoration: none; text-align: center;
							}
a.submit:hover 				{background-image: url('../img/a_submit_over.gif')}

/* ********** ********** ********** ********** CONTAINER ********** ********** ********** ********** */

.container 	{width: 960px; margin: 0px auto;}

.fullWidth	{display: block; clear: both;}

.top		{background-color: #fff; background-image: url('../img/body.gif'); background-repeat: repeat-x}

/* ********** ********** ********** ********** ROWS and COLS ********** ********** ********** ********** */


.row 		{clear: both;}
.col 		{display: block; float: left; margin: 10px 0px 10px 10px;}
.quarter	{width: 50px;}
.half		{width: 100px;}
.single 	{width: 200px;}
.double 	{width: 410px;}
.triple 	{width: 620px;}
.quadriple	{width: 830px;}

/* [special cols] */
.teaserhome	{width: 300px;}
/* [/special cols] */

.left		{float: left;}
.right		{float: right;}

/* ********** ********** ********** ********** HEADER ********** ********** ********** ********** */

.logo_links 			{position: absolute; margin-left: -63px}

#header 				{background-image: url('../img/header.gif'); height: 111px;}

#headermenu				{margin-top: 22px; margin-right: 10px; cursor: pointer}
#headermenu a 			{text-decoration: none; padding-left: 18px; background-position: 0px 2px; color: #fff}
#headermenu a.home		{background-image: url('../img/header_home.gif'); background-repeat:no-repeat;}
#headermenu a.sitemap	{background-image: url('../img/header_sitemap.gif'); background-repeat:no-repeat;}
#headermenu a.contact	{background-image: url('../img/header_contact.gif'); background-repeat:no-repeat;}

/* ********** ********** ********** ********** MAIN MENU ********** ********** ********** ********** */

#mainmenu				{height: 28px; border-bottom: 1px solid #000;background-image: url('../img/menuItem.gif'); margin-left: 144px}

#mainmenu ul			{list-style: none;}
#mainmenu li 			{float: left;}
#mainmenu li a			{
						display: block; height: 28px; padding: 0px 26px; text-decoration: none; font-weight: normal; line-height: 28px; 
						background-color: #333; background-image: url('../img/menuItem.gif'); color: #fff;
						}
#mainmenu li a:hover	{background-image: url('../img/menuItemOver.gif');}
#mainmenu li a.current	{font-weight: bold; color: #fff; background-image: url('../img/menuItemCur.gif');}

/* ********** ********** ********** ********** QUICKMENU ********** ********** ********** ********** */

#quickmenu	{background-image: url('../img/quickmenu.gif');	height: 230px; margin-top: 20px;}

.homevisual	{position: relative; left: 810px; top: 0px; width: 320px; z-index: 2}
.homevisual img {margin-top: -250px;}

/* ********** ********** ********** ********** PAGEBANNER ********** ********** ********** ********** */

#pagebanner	{background-image: url('../img/pagebanner.gif');	height: 106px; margin-top: 20px;}

/* ********** ********** ********** ********** CONTENT ********** ********** ********** ********** */

/*#content		{display: block; min-height: 300px; background-color: #fff; padding-top: 10px; height:auto;}*/
#content				{display: -moz-box; padding-top: 10px;}
	
.breadcrumb				{color: #777; padding: 5px 0px 10px 0px; font-size: 10px; }
.breadcrumb	a			{font-size: 10px; color: #777}
.breadcrumb	a.current	{font-size: 10px; color: #777; text-decoration: none;}

.center					{text-align: center;}

/* ********** ********** ********** ********** MENU HEADER********** ********** ********** ********** */

#menu				{margin-right: 10px;}
#menu ul			{display: block; list-style: none; margin-left: 0px; padding-bottom: 20px;}
#menu li			{display: block;}
#menu li a			{
						display: block; height: 28px; height: auto; padding: 0px 26px; text-decoration: none; font-weight: normal; line-height: 28px; 
						background-color: #f7f5e9; color: #000; border-bottom: 1px dashed #827f6c;
					}
#menu li a:hover	{background-color: #fffdf2; border-bottom: 1px dashed #827f6c;}
#menu li a.header	{font-weight: bold; color: #fff; background-color: #827f6c; border-bottom: 0px}
#menu li a.current	{color: #000; background-color: #e5e1c5;}

#menuheader			{margin-top: 10px; margin-right: 10px;}
#menuheader ul			{display: block; list-style: none; margin-left: 0px; }
#menuheader li			{display: block;}
#menuheader li a			{
						display: block; height: 28px; height: auto; padding: 0px 26px; text-decoration: none; font-weight: normal; line-height: 28px; 
						background-color: #f7f5e9; color: #000; border-bottom: 1px dashed #827f6c;
					}
#menuheader li a:hover	{background-color: #fffdf2; border-bottom: 1px dashed #827f6c;}
#menuheader li a.header	{font-weight: bold; color: #fff; background-color: #827f6c; border-bottom: 0px}
#menuheader li a.current	{color: #000; background-color: #e5e1c5;}
/* ********** ********** ********** ********** NEWS ********** ********** ********** ********** */


#nieuwsheaders a			{display: block; color: #333; text-decoration: none;}
#nieuwsheaders a:hover			{background-color: #F7F5E9}
#nieuwsheaders ul.news			{list-style: none; cursor: pointer}
#nieuwsheaders ul.news li 		{padding-right: 10px; cursor: pointer}
#nieuwsheaders ul.news li h2 		{display: block;}
#nieuwsheaders ul.news li h2 a		{display: block; padding-top: 10px; color: #333; text-decoration: none; border-bottom: 1px dotted #ccc;}
#nieuwsheaders ul.news li h2 a:hover 	{background-color: #F7F5E9}



span.newsDate	{font-size: 10px; font-style: italic; background-color: transparent;}

/* ********** ********** ********** ********** FOOTER ********** ********** ********** ********** */

/* container */

.footer 		{padding: 20px 0px 20px 0px; background-color: #d6d1bd;}
.pfooter a		{text-decoration: none; color: #434034}

#footer 		{background-color: #c5c0ab; color: #434034; display:block; min-height: 90px;}
#footer p		{color: #434034; font-size: 10px}
#footer h1		{font-size: 12px; font-weight: bold; border-bottom: 1px solid #918d7b}

.footerform		{width: 310px;}
.footerform td 	{padding-top: 6px;}


/* ********** ********** ********** ********** RESET ********** ********** ********** ********** */

.reset	{margin: 0;}

/* ********** ********** ********** ********** PAGES ********** ********** ********** ********** */

/* HOMEPAGE */

h1.home 			{font-size: 16px; font-weight: normal; border-bottom: 1px solid #ccc;}


/* CONTENTPAGES */

.content_1		{width: 270px;}
.content_wide 	{width: 480px;}
.content_2		{width: 450px; margin-left: 10px;}

table.content_2						{margin-bottom: 10px;}
.content_2 th, .content_2 td		{text-align: left; vertical-align: top;}
.content_2 th						{background-color: #c4bc9b; border-right: 1px solid #9f997e; padding: 10px 10px;}
.content_2 .even td					{background-color: #e0ddce; border-right: 1px solid #c4bc9b; border-bottom: 0px solid #dad6c4; padding: 7px 10px;}
.content_2 td						{background-color: #d6d1bd; border-right: 1px solid #c4bc9b; border-bottom: 0px solid #dad6c4; padding: 7px 10px;}
.content_2 .footer td				{border: 0; border-top: 1px solid #c4bc9b}

/* PRODUCTPAGES */

.product_1	{width: 450px;}
.product_2	{width: 270px; margin-left: 10px;}

table.product_2						{margin-bottom: 10px;}
.product_2 th, .product_2 td		{text-align: left; vertical-align: top;}
.product_2 th						{background-color: #c4bc9b; border-right: 1px solid #9f997e; padding: 5px 5px;}
.product_2 .even td					{background-color: #e0ddce; border-bottom: 0px solid #dad6c4; padding: 5px 5px;}
.product_2 td						{background-color: #d6d1bd; border-bottom: 0px solid #dad6c4; padding: 5px 5px; text-align: center}
.product_2 .footer td				{border: 0; border-top: 1px solid #c4bc9b}
.product_2 td.big					{background-color: #c4bc9b}
.product_2 img						{border: 1px solid #ccc;}


/* VESTIGINGEN */

.landkaart		{float: left; display: block; width: 450px; height: 400px; background: url('../img/landkaart.gif') no-repeat;}

.hveenImg		{position: relative; top: 18px; left: 294px; width: 43px;}
.adoornImg		{position: relative; top: 46px; left: 318px; width: 45px;}
.berkelImg		{position: relative; top: 34px; left: 187px; width: 51px;}

.vestigingsinfo	{float: left; display: none; margin-top: -470px}
.vestigingsinfo a	{color: #000000}

/* CONTACTFORM */

#contactformulier input[type="text"], 
#contactformulier textarea 				{border: 1px solid #999; width: 180px;}
#contactformulier textarea 				{font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
#contactformulier table td				{padding: 2px 0px;}

#contactformulier .tx_powermail_pi1_fieldwrap_html
								{padding: 5px 0px}

#contactformulier fieldset				{border: 0px solid #fff}
#contactformulier fieldset legend		{display: none}

#contactformulier input[type="submit"] 	{margin-left: 185px;}


#contactformulier .tx-srfreecap-pi2-image {
display:block;
margin-left:150px;
margin-top:10px;
width:180px;
}

#contactformulier .tx-srfreecap-pi2-cant-read {
margin-left:150px;
}

#contactformulier .tx-srfreecap-pi2-cant-read a:link
{
color: #000;
}


/* TEST */

.test		{position: absolute; margin-left: 50%; left: 480px; width: 320px; z-index: 2;}


/* Sitemap */

.csc-sitemap a {color: #000000}