/***************************************************************************************************************/
/* ------------------------------------------------------------------------------------------------------------*/
/***************************************************************************************************************/
/***************************************************************************************************************/
/* COPYRIGHT 2011 HUBERTUS GROESBEEK */
/* DESIGN BY DAAN WIJLENS & DEVELOPMENT BY CHIEL SCHUTTER */
/***************************************************************************************************************/
/***************************************************************************************************************/
/* ------------------------------------------------------------------------------------------------------------*/
/***************************************************************************************************************/
/*   
Theme Name: HUBERTUS GROESBEEK
Theme URI: www.hubertusgroesbeek.nl
Author: Chiel Schutter
Author URI: www.vizcom.nl
.
*/
/* ------------------------------------------------------------------------------------------------------------*/
/* RESET VOOR ALLE BROWSERS*/
/* ------------------------------------------------------------------------------------------------------------*/
html,body,div,span,
applet,object,iframe,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
}
/* ------------------------------------------------------------------------------------------------------------*/
/* BODY HTML */
/* ------------------------------------------------------------------------------------------------------------*/

body, html {
	background-image: url("img/bg.png");
	background-repeat: repeat-x;
	background-color: #f1cb37;
	text-align: center;
	}
/* ------------------------------------------------------------------------------------------------------------*/
/* MAIN FRAME, HEADER, FOOTER, CONTENT */
/* ------------------------------------------------------------------------------------------------------------*/

div#mainFrame {
	position: relative;
	width: 1010px;
	text-align:left;
	margin:0 auto; /* center, not in IE5 */
	background-color: #ccc;
	font-family: Tahoma, Arial; color: #fff; font-size: 12px; text-decoration:none; font-weight:normal;
}


div#header {
	position: absolute;

	top: 0px;
	left: 0px;
	height: 246px;
	width: 1010px;
	background-image: url("img/header.png");
	background-repeat: no-repeat;
}

div#headerTitel {
	position: absolute;
	top: 58px;
	left: 66px;
	color: #088c03;
	font-size: 17px;
	font-family: Georgia, Verdana;
}

div#headerMenu {
	position: absolute;
	top:108px;
	left: 68px;
	color: #e2d9c2;
	font-size: 14px;
	font-family: Georgia, Verdana;
	text-transform: lowercase;
}

#headerMenu li.page_item {
	display:inline;
	list-style-type:none; 
	padding-right:13px;
	margin-right:13px;
}

#headerMenu li.page_item a:hover {
	color: #0b9906;	
}

#headerMenu li a {
	color: #e2d9c2;
	text-decoration: none;
	display: block;
}

#headerMenu li ul a {
	color: #d6c26a;
	font-weight: normal;
	font-size: 13px;
}

#dropdown-holder li.page-item-2 { padding-right:16px; margin-right:16px; }
#dropdown-holder li.page-item-5 { padding-right:17px; margin-right:17px; }
#dropdown-holder li.page-item-8 { padding-right:17px; margin-right:17px; }
#dropdown-holder li.page-item-10 { padding-right:19px; margin-right:19px; }
#dropdown-holder li.page-item-12 { padding-right:17px; margin-right:17px; }
#dropdown-holder li.page-item-14 { padding-right:15px; margin-right:15px; }
#dropdown-holder li.page-item-16 { padding-right:16px; margin-right:16px; }
#dropdown-holder li.page-item-18 { padding-right:16px; margin-right:16px; }

div#mainContent {
	position: absolute;
	top: 49px;
	left: 46px;
	width: 955px;
	background-image: url("img/bgContent.png");
	background-repeat: repeat-x;
	
}

div#content {
	margin:0 auto;
	text-align:left;
	margin-top: 110px;
	width: 925px;
	background: #280707;
	border: 1px solid #6a3830;	
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.4);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#280707, endColorstr=#280707);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#280707, endColorstr=#280707)";
	/*For IE 9*/
	filter: alpha(opacity=50);
	/* minimal height instellen ivm de plaatjes */
	min-height:530px;
	height:auto !important;
	height:530px;
	}

div#contentTitel {
	position:  relative;
	text-align:left;
	color: #ffffff;
	width:  510px;
	left: 40px;
	top: 40px;
	
}

div#contentTitel h1 {
	text-align:left;
	color: #e3ae12;
	font-size: 17px;
}
div#contentTekst {
	position:  relative;
	text-align:left;
	/*background-color: #ccc;*/
	color: #d9cdb7;
	width:  510px;
	left: 40px;
	top: 59px;
	margin-bottom: 100px;
	
}

div#contentTekst p {
	margin-top: 10px;
	margin-bottom: 10px;
}

div#contentFoto1 {
	position: absolute;
	right: 50px;
	top: 200px;
	width:  274px;
	height: 186px;
	overflow: hidden;
	}
div#contentFoto1 img {
	border:  1px;
	border-color: #8e3f41;
	border-style: solid;
}

div#contentFoto2 {
	position:  absolute;
	right: 50px;
	top: 410px;
	color: #d9cdb7;
	width:  274px;
	height: 186px;
	overflow: hidden;
	}
div#contentFoto2 img {
	border:  1px;
	border-color: #8e3f41;
	border-style: solid;
}

div#contentTekst p {
	line-height: 160%;
	text-align: justify;
}

div#contentTekst h1 {
	line-height: 160%;
	text-align: left;
}

div#contentTekst h2 {
	text-align: left;
	margin-bottom: -5px; padding-bottom: 0px;
	font-size: 12px;
	color: #ffffff;
}

div#contentTekst li {
	text-align: left;
	margin: 0px; 
	padding: 0px;
	padding-bottom: 10px;
	list-style-position: inside;
}

#links ul {
	text-align: left;
	margin: 0px; 
	padding: 0px;
	list-style-position: inside;
	}
	
#links li {
	text-align: left;
	margin: 0px; 
	padding: 0px;
	list-style-position: inside;
	}

.summary h3 {
margin:  0px;
text-align: left;
}

div#footer {
	height: 292px;
	width: 955px;
	height: 292px;
	background-image: url("img/footer.png");
	background-repeat: no-repeat;
}

div#footerMenu  {
	position: absolute;
	bottom: 14px;
	left: 15px;
	font-size: 14px;
	font-family: Georgia, Verdana;
	text-transform: lowercase;	
}

#footerMenu li.page_item {
	display:inline;
	list-style-type:none; 
	padding-left:1em;
	margin-left:1em;
	border-left:1px solid #ccc;
}

#footerMenu li:first-child {
border-left:none;
padding-left: 0px;
margin-left: 0px;
}

#footerMenu li.page_item a:hover {
	color: #0b9906;	
}

#footerMenu li a {
	color: #e2d9c2;
	text-decoration: none;
}

#footerMenu li.vizcom {
	display:inline;
	list-style-type:none; 
	padding-left:1em;
	margin-left:1em;
	border-left:1px solid #ccc;
}

#footerMenu li.vizcom a {
	color: #e3ae12;
	font-size: 12px;
}
#footerMenu li.vizcom a:hover {
	text-decoration: none;
}

#footerFotovdMaand {
	position: absolute;
	bottom: 60px;
	left: 20px;
	width: 274px;
	height: 187px;
	overflow: hidden;
}

#footerFotovdMaandBar {
	position: absolute;
	bottom:0px;
	background-image: url("img/fotovdmaandbar.png");
	background-repeat: no-repeat;
	width:274px;
	height:20px;
}

#footerLinks {
	position: absolute;
	bottom: 60px;
	left: 310px;
	width: 340px;
	height: 187px;
	/*background-color: #fff;*/
	overflow: hidden;
}

#footerLinks a {	
color: #ffffff;
text-decoration: underline;
}

.footerLinksTitel {
font-size: 12px; color: #82bb17; font-weight: bold;
}

div#footerFotovdMaand img {
	border:  1px;
	border-color: #8e3f41;
	border-style: solid;
}

/* ------------------------------------------------------------------------------------------------------------*/
/* OVERIGE */
/* ------------------------------------------------------------------------------------------------------------*/


/* ------------------------------------------------------------------------------------------------------------*/
/* OPMAAK VOOR LINKS / P / H1 / LI ETC */
/* ------------------------------------------------------------------------------------------------------------*/		
h1 {font-size: 16px; color: #fff; margin: 0px;}
h2 {font-size: 16px; color: #fff; margin: 0px;}
h3 {font-size: 12px; color: #82bb17;}

a { text-decoration: none; color: #85b915; }
a:hover { text-decoration:underline;}
table { font-size: 12px; }
/* FORMS */	
input { border: 1px solid #8e3f41; width: 240px;font-family: Tahoma, Arial; color: #000; font-size: 12px; text-decoration:none; font-weight:normal;line-height:100%; padding: 5px; margin-top: 10px; margin-bottom: 10px;}
textarea { border: 1px solid #8e3f41; padding: 5px; font-family: Tahoma, Arial; color: #000; font-size: 12px; text-decoration:none; font-weight:normal; width:240px;height:90px; line-height:150%; text-align: justify;  margin-top: 10px; margin-bottom: 10px;}
select {padding: 5px; font-family: Arial;}		
.submit { font-family: Tahoma, Arial; color: #000; font-size: 12px; text-decoration:none; font-weight:normal; width: 100px; padding: 5px;  margin-top: 10px; margin-bottom: 10px; border: 1px solid #8e3f41;}
select { font-family: Tahoma, Arial; color: #000; font-size: 12px; text-decoration:none; font-weight:normal; text-align: justify;}
.error {font-family: Tahoma, Arial; color: #000; font-size: 12px; text-decoration:none; font-weight:normal; text-align: left;}