@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 ********** ********** ********** ********** */
.styled{
	width:25px !important; float:left !important;
}
#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 22px; 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; visibility: hidden}
.assenImg		{position: relative; top: -24px; left: 344px; width: 43px;}
.adoornImg		{position: relative; top: 4px; left: 318px; width: 45px; visibility: hidden}
.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;}





.brilbg{
	background:url(../img/maakkansfris.png) no-repeat top right;
}
.brilblock{
	width:960px;
	height:800px;
	position:relative;
}
	.brilblock .maakkans2{
		width:93px;
		height:579px;
		background:url(../img/maakkans2fris.png) no-repeat bottom left;
		right:-91px;
		position:absolute;
		top:0px;
	}
	.brilblock .tekst{
		width:476px;
		margin-left:20px;
		float:left;
		overflow:hidden;
		font-family:arial, tahoma;
		color:#000;
		font-size:11px;
		margin-top:15px;
	}
		.brilblock .tekst h1{
			font-size:13px;
			font-weight:bold;
			margin-bottom:0px;
			
		}
		.brilblock .tekst h2{
			font-weight:bold;
			font-size:12px;
		}
		
		.brilblock .tekst p{
			margin-bottom:10px;
		}
		
		
			#aanmeldblock{
				width:463px;
				height:350px;
				background: url(../img/formbg.png) no-repeat;
				padding:10px 0px 10px 16px;
			}
			#aanmeldblock p{
				width:433px;
				
			}
		.brilblock .tekst #aanmeldblock form#aanmeldenbril, .brilblock .tekst #aanmeldblock form#wijzigenbril{
			width:330px;
			display:table;
			*display:block;
		}

				#aanmeldenbril label, #wijzigenbril label{
					width:78px;
					height:18px;
					font-weight:bold;
					font-size:12px;
					display:block;
					float:left;
					line-height:24px;
				}
				#aanmeldenbril font, #wijzigenbril font{
					float:left;
				}
				#aanmeldenbril input, .veld, #wijzigenbril input{
					width:244px;
					height:24px;
					border:1px solid #e6c300;
					float:left;
					margin-bottom:5px;
					font-size:12px;
					padding:0px 3px;
					
				}
				#aanmeldenbril .addthis, #wijzigenbril .addthis{
					float:left;
					width:164px;
					height:23px;
					background: url(../img/addbalk.png) no-repeat bottom left;
				}
					.addthis .share{
						float:left;
						width:73px;
						height:23px;
					}
					.addthis .other{
						height:23px;
						width:16px;
						margin-left:4px;
						float:left;
					}
					.addthis_button{
						float:left;
					}
					#aanmeldenbril .submit, .submitsend, #wijzigenbril .submit{
						width:100px !important;
						height:29px !important;
						border:0px !important;
						background: url(../img/aanmeldbutton.png) no-repeat;
						float:left;
						margin-left:35px;
						margin-top:-3px;
					}
					.submitsend{
						margin:0px !important;
						background: url(../img/verzendenbutton.png) no-repeat !important;
					}
				.checkbox{
					width:15px !important;
					height:15px !important;
					width: 25px !important;
					height: 35px !important;
					padding: 0 5px 0 0 !important;
					background: url(../img/checkbox.png) no-repeat;
					display: block !important;
					clear: left !important;
					float: left !important;
				}
				label.voorwaarden{
					width:258px !important;
					line-height:23px !important;
					height:35px !important;
					margin-left:10px !important;
				}


#actielinks a {display: block; float: left;}