@charset "utf-8";

/* ********** ********** ********** ********** CSS Document H-select ********** ********** ********** **********  */

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

a 			{color: #000;}
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;}
input[type="submit"] 		{border-bottom: 1px solid #000; background-image: url('/fileadmin/templates/hselect/img/input_submit.gif');}
input[type="submit"]:hover 	{background-image: url('/fileadmin/templates/hselect/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: #000; line-height: 16px;
							border-bottom: 1px solid #000; background-image: url('/fileadmin/templates/hselect/img/input_submit.gif'); text-decoration: none; text-align: center;
							}
a.submit:hover 				{background-image: url('/fileadmin/templates/hselect/img/inpt_submit_over.gif')}

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

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

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

.top		{background-color: #fff; background-image: url('/fileadmin/templates/hselect/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;}

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

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

#header 				{background-image: url('/fileadmin/templates/hselect/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('/fileadmin/templates/hselect/img/header_home.gif'); background-repeat:no-repeat;}
#headermenu a.sitemap	{background-image: url('/fileadmin/templates/hselect/img/header_sitemap.gif'); background-repeat:no-repeat;}
#headermenu a.contact	{background-image: url('/fileadmin/templates/hselect/img/header_contact.gif'); background-repeat:no-repeat;}

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

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

#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('/fileadmin/templates/hselect/img/menuItem.gif'); color: #fff;
						}
#mainmenu li a:hover	{background-image: url('/fileadmin/templates/hselect/img/menuItemOver.gif');}
#mainmenu li a.current	{font-weight: bold; color: #000; background-color: #f6ec5d; background-image: url('/fileadmin/templates/hselect/img/menuItemCur.gif');}

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

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

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

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

/*#content		{display: block; min-height: 300px; background-color: #fff; padding-top: 10px; height:auto;}*/
#content				{display: -moz-box; padding-top: 10px;}
#content ul				{padding-left: 20px;}
	
.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 LEFT ********** ********** ********** ********** */

#menu				{margin-right: 10px;}
#menu ul			{display: block; list-style: none; margin-left: 0px; padding: 0; 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: #f6f6f6; color: #000; border-bottom: 1px dashed #999;
					}
#menu li a:hover	{background-color: #fff; border-bottom: 1px dashed #999;}
#menu li a.header	{font-weight: bold; color: #fff; background-color: #999; border-bottom: 0px}
#menu li a.current	{color: #000; background-color: #e0e0e0;}

#menuheader			{margin-top: 10px; margin-right: 10px;}
#menuheader ul			{display: block; list-style: none; margin-left: 0px; padding: 0}
#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         {color: #333; text-decoration: none;}
/*#nieuwsheaders a:hover 	{background-color: #F7F5E9}*/

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



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

/* ********** ********** ********** ********** 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 */

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

table.content_1						{margin-bottom: 10px;}
table.content_1 th, table.content_1 td		{text-align: left; vertical-align: top;}
table.content_1 th						{background-color: #c4bc9b; border-right: 1px solid #9f997e; padding: 10px 10px;}
table.content_1 .even td					{background-color: #e0ddce; border-right: 1px solid #c4bc9b; border-bottom: 0px solid #dad6c4; padding: 7px 10px;}
table.content_1 td						{background-color: #d6d1bd; border-right: 1px solid #c4bc9b; border-bottom: 0px solid #dad6c4; padding: 7px 10px;}
table.content_1 .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('/fileadmin/templates/hselect/img/landkaart.gif') no-repeat;}

.hveenImg		{position: relative; top: 18px; left: 294px; width: 43px;}
.assenImg		{position: relative; top: -24px; left: 344px; width: 43px;}
.adoornImg		{position: relative; top: 4px; left: 318px; width: 45px;}
.berkelImg		{position: relative; top: -8px; left: 187px; width: 51px;}

.vestigingsinfo	{float: left; display: none; margin-top: -390px}

/* CONTACTFORM */

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


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

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


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

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

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

/* TEST */

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



.hidden			{padding: 10px; border: 1px solid #fff; background-color: #fff; color: #fff;}
.visible		{padding: 10px; border: 1px solid #bb6; background-color: #ffd; color: #bb6;}


#menu .subsub li a   {padding: 0 26px 0px 36px;}