/*///////////////////////////////////////// 
	BEGIN CSS/XHTML RESET
/////////////////////////////////////////*/

article, aside, footer, header, nav, section, time {
	display: block;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
a, abbr, address, del, em, img, ins, small, strong, tt, ul, ol, li, dl, dt, dd, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;
	background: transparent;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
}
:focus {
	outline: none;
}

/*///////////////////////////////////////// 
	END RESET
	BEGIN DEFAULT STYLES
/////////////////////////////////////////*/

a {
	color: #666;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/*///////////////////////////////////////// 
	END DEFAULT STYLES
	BEGIN FRAME
/////////////////////////////////////////*/

html, body {
	height: 100%;
}
body {
	background: white url(../img/tpl/bg.png) no-repeat center 125px;
	cursor: default;
}
div#site {
	width: 960px; height: auto;
	margin: 0 auto;
	padding: 0 0 20px 0;
	position: relative;
	overflow: hidden;
}
h5 {
	width: 500px; height: 0;
	margin: 0 0 15px 0;
	padding: 30px 0 0 0;
	overflow: hidden;
	background-image: url(../img/tpl/headers.gif);
	background-repeat: no-repeat;
}

ul.opsomming {
	list-style: none;
	margin-bottom: 10px;
}

ul.opsomming li {
	padding-left: 25px;
	background: url(../img/tpl/bullet.jpg) 5px 9px no-repeat;
}
/*///////////////////////////////////////// 
	END FRAME
	BEGIN ASIDE
/////////////////////////////////////////*/

aside {
	width: 256px; height: 900px;
	padding: 0 0 0 18px;
	position: relative;
	float: left;
	background: url(../img/tpl/bg_aside.png) no-repeat 0 top;
	z-index: 50;
}
aside h1 {
	width: 197px; height: 65px;
	position: absolute;
	top: 44px; left: 40px;
}
aside h1 a {
	width: 197px; height: 0;
	padding: 65px 0 0 0;
	display: block;
	overflow: hidden;
	background: url(../img/tpl/logo.gif) no-repeat 0 0;
}
aside h1 a:hover {
	background-position: 0 -65px;
}
aside ul {
	width: 235px; height: 405px;
	padding: 5px 0 0 0;
	position: relative;
	margin: 221px 0 97px -6px;
	float: left;
	list-style: none;
}
aside ul li {
	width: 235px; height: 45px;
	margin: -5px 0 0 0;
	position: relative;
}
aside ul li a {
	width: 235px; height: 0;
	padding: 45px 0 0 0;
	display: block;
	overflow: hidden;
	background: url(../img/tpl/menu.png) no-repeat;
}

li#nav-1 a { background-position: 0 0; }
li#nav-2 a { background-position: 0 -40px; }
li#nav-3 a { background-position: 0 -80px; }
li#nav-4 a { background-position: 0 -121px; }
li#nav-5 a { background-position: 0 -162px; }
li#nav-6 a { background-position: 0 -202px; }
li#nav-7 a { background-position: 0 -243px; }
li#nav-8 a { background-position: 0 -284px; }
li#nav-9 a { background-position: 0 -324px; }
li#nav-10 a { background-position: 0 -364px; }

aside ul li:hover,
aside ul li.active {
	background: url(../img/tpl/li_active.gif) no-repeat 0 0;
}
a.certificering {
	width: 66px; height: 0;
	margin: 0 14px 4px 0;
	padding: 76px 0 0 0;
	display: inline-block;
	overflow: hidden;
	background: url(../img/tpl/certificering.gif) no-repeat 0 -156px;
}
a:hover.certificering { background-position: 0 0; }
a.certificering.twee { background-position: -80px -156px; }
a.certificering.drie { background-position: -160px -156px; }
a.certificering.vier { background-position: 0 -236px; }
a.certificering.vijf { background-position: -80px -236px; }
a:hover.certificering.twee { background-position: -80px 0; }
a:hover.certificering.drie { background-position: -160px 0; }
a:hover.certificering.vier { background-position: 0 -80px; }
a:hover.certificering.vijf { background-position: -80px -80px; }

/*///////////////////////////////////////// 
	END ASIDE
	BEGIN SFEER
/////////////////////////////////////////*/

div#sfeer {
	width: 731px; height: 232px;
	position: absolute;
	top: 0; left: 247px;
}
div#sfeer div {
	width: 731px; height: 232px;
	position: absolute;
	top: 0; left: 0;
	background: url(../img/tpl/sfeer-overlay.png) no-repeat right 0;
}

/*///////////////////////////////////////// 
	END SFEER
	BEGIN MAIN-CONTENT
/////////////////////////////////////////*/

div#main-content {
	width: 652px; height: auto;
	padding: 232px 0 0 34px;
	position: relative;
	float: right;
}
div#main-content p {
	margin: 0 0 25px 0;
}
div#main-content img.left-inline {
	float: left;
	padding: 5px 24px 15px 0;
}
div#main-content h3 {
	width: 500px; height: 0;
	padding: 30px 0 0 0;
	overflow: hidden;
	background: url(../img/tpl/headers.gif) no-repeat 0 0;
}
div#main-content h2 + p {
	width: 600px; height: 66px;
	margin: 10px 0 111px 0;
	color: white;
	overflow: hidden;
}
body.referenties div#main-content h2 {
	background-position: 0 -90px;
}
body.schilderwerken div#main-content h2 {
	background-position: 0 -300px;
}
body.behangen div#main-content h2 {
	background-position: 0 -330px;
}
body.beglazingen div#main-content h2 {
	background-position: 0 -360px;
}
body.houtrotherstel div#main-content h2 {
	background-position: 0 -390px;
}
body.wandplafondafwerking div#main-content h2 {
	background-position: 0 -420px;
}
body.vacatures div#main-content h2 {
	background-position: 0 -450px;
}
body.certificering div#main-content h2 {
	background-position: 0 -120px;
}
body.contact div#main-content h2 {
	margin-bottom: 20px;
	background-position: 0 -270px;
}
div#main-content h3 {
	margin: 0 0 25px 0;
}
div#main-content h3#recent {
	background-position: 0 -30px;
}
div#main-content h3#nieuws {
	margin: 28px 0 15px 0;
	background-position: 0 -60px;
}
h3#nieuws + ul li {
	height: 25px;
	list-style: none;
}
h3#nieuws + ul li a {
	height: 25px;
	line-height: 25px;
	text-decoration: none;
}
h3#nieuws + ul li a time {
	width: 80px;
	display: inline-block;
	color: #325d24;
	font-size: 11px;
	font-weight: bold;
}
.regel {
	position: relative;
	float: left;
}
span.periode {
	width: 130px;
	position: relative;
	float: left;
}
span.omschrijving {
	width: 250px;
	position: relative;
	float: left;
}
span.normaal {
	width: 120px;
	position: relative;
	float: left;
}
span.uniplan {
	width: 120px;
	position: relative;
	float: left;
}
/* projecten */

div.project {
	width: 430px; height: 150px;
	margin: 0 0 40px 0;
	padding: 0 0 0 224px;
	position: relative;
}
div.project img,
div.project img + a {
	width: 200px; height: 150px;
	position: absolute;
	top: 0; left: 0;
}
div.project img + a {
	width: 200px; height: 0;
	padding: 150px 0 0 0;
	display: block;
	overflow: hidden;
	background: url(../img/x.gif); /* nodig voor hover in IE */
}
div.project img + a:hover {
	background: url(../img/tpl/hover_project.png);
}
div.project h4 {
	height: 30px;
	padding: 5px 0 0 0;
	color: #325d24;
	font-family: Garamond, "Times New Roman", Arial;
	font-size: 18px;
	font-weight: bold;
}
div.project p  {
	height: 66px;
	overflow: hidden;
}
div.project a.button {
	width: 127px; height: 0;
	padding: 34px 0 0 0;
	display: block;
	overflow: hidden;
	position: absolute;
	bottom: 0; left: 224px;
	background: url(../img/tpl/bekijkfotos.gif);
	cursor: pointer;
}
div.project a:hover.button {
	background-position: 0 -34px;
}

body.certificering #main-content ul#submenu  {
	width: 652px;
	margin: 0 0 49px 0;
	float: left;
}
body.certificering #main-content ul#submenu li {
	height: 23px;
	margin: 0 4px 0 0;
	padding: 0 5px 0 0;
	background: url(../img/tpl/pipe_submenu.gif) no-repeat right top;
	float: left;
	list-style: none;
}
body.certificering #main-content ul#submenu li:last-child {
	background: none;
}
body.certificering #main-content ul#submenu li a {
	width: 43px; height: 0;
	padding: 23px 8px 0 8px;
	display: block;
	overflow: hidden;
	background: url(../img/tpl/certificering_submenu.gif) no-repeat 0 0;
}
body.certificering #main-content ul#submenu li a:hover,
body.certificering #main-content ul#submenu li a.active {
	background-color: #325d24;
	background-position: 0 -92px;
}
body.certificering #main-content ul#submenu li#subnav-2 a {
	width: 100px;
	background-position: 0 -23px;
}
body.certificering #main-content ul#submenu li#subnav-2 a:hover,
body.certificering #main-content ul#submenu li#subnav-2 a.active {
	background-position: 0 -115px;
}
body.certificering #main-content ul#submenu li#subnav-3 a {
	width: 140px;
	background-position: 0 -46px;
}
body.certificering #main-content ul#submenu li#subnav-3 a:hover,
body.certificering #main-content ul#submenu li#subnav-3 a.active {
	background-position: 0 -138px;
}
body.certificering #main-content ul#submenu li#subnav-4 a {
	width: 113px;
	background-position: 0 -69px;
}
body.certificering #main-content ul#submenu li#subnav-4 a:hover,
body.certificering #main-content ul#submenu li#subnav-4 a.active {
	background-position: 0 -161px;
}
body.certificering.fosag #main-content h5 {
	background-position: 0 -150px;
}
body.certificering.aferkend #main-content h5 {
	background-position: 0 -178px;
}
body.certificering.savantis #main-content h5 {
	background-position: 0 -210px;
}
body.certificering.vca #main-content h5 {
	background-position: 0 -240px;
}

body.schilderwerken #main-content ul#submenu {
	width: 652px;
	margin: 0 0 49px 0;
	float: left;
}
body.schilderwerken #main-content ul#submenu li {
	height: 23px;
	margin: 0 4px 0 0;
	padding: 0 5px 0 0;
	background: url(../img/tpl/pipe_submenu.gif) no-repeat right top;
	float: left;
	list-style: none;
}
body.schilderwerken #main-content ul#submenu li:last-child {
	background: none;
}
body.schilderwerken #main-content ul#submenu li a {
	width: 105px; height: 0;
	padding: 23px 8px 0 8px;
	display: block;
	overflow: hidden;
	background: url(../img/tpl/schilderwerken_submenu.gif) no-repeat 0 0;
}
body.schilderwerken #main-content ul#submenu li a:hover,
body.schilderwerken #main-content ul#submenu li a.active {
	background-color: #325d24;
	background-position: 0 -92px;
}
body.schilderwerken #main-content ul#submenu li#subnav-2 a {
	width: 97px;
	background-position: 0 -23px;
}
body.schilderwerken #main-content ul#submenu li#subnav-2 a:hover,
body.schilderwerken #main-content ul#submenu li#subnav-2 a.active {
	background-position: 0 -115px;
}
body.schilderwerken #main-content ul#submenu li#subnav-3 a {
	width: 70px;
	background-position: 0 -46px;
}
body.schilderwerken #main-content ul#submenu li#subnav-3 a:hover,
body.schilderwerken #main-content ul#submenu li#subnav-3 a.active {
	background-position: 0 -138px;
}
body.schilderwerken #main-content ul#submenu li#subnav-4 a {
	width: 61px;
	background-position: 0 -69px;
}
body.schilderwerken #main-content ul#submenu li#subnav-4 a:hover,
body.schilderwerken #main-content ul#submenu li#subnav-4 a.active {
	background-position: 0 -161px;
}
body.schilderwerken #main-content h5 {
	background-position: 0 -480px;
}
body.schilderwerken.kleurmakerij #main-content h5 {
	background-position: 0 -507px;
}
body.schilderwerken.hoogwerker #main-content h5 {
	background-position: 0 -538px;
}
body.schilderwerken.subsidies #main-content h5 {
	background-position: 0 -569px;
}
body.schilderwerken.uniplan #main-content h5 {
	background-position: 0 -597px;
}

body.beglazingen #main-content ul#submenu {
	width: 652px;
	margin: 0 0 49px 0;
	float: left;
}
body.beglazingen #main-content ul#submenu li {
	height: 23px;
	margin: 0 4px 0 0;
	padding: 0 5px 0 0;
	background: url(../img/tpl/pipe_submenu.gif) no-repeat right top;
	float: left;
	list-style: none;
}
body.beglazingen #main-content ul#submenu li:last-child {
	background: none;
}
body.beglazingen #main-content ul#submenu li a {
	width: 90px; height: 0;
	padding: 23px 8px 0 8px;
	display: block;
	overflow: hidden;
	background: url(../img/tpl/beglazingen_submen.gif) no-repeat 0 0;
}
body.beglazingen #main-content ul#submenu li a:hover,
body.beglazingen #main-content ul#submenu li a.active {
	background-color: #325d24;
	background-position: 0 -46px;
}
body.beglazingen #main-content ul#submenu li#subnav-2 a {
	width: 70px;
	background-position: 0 -23px;
}
body.beglazingen #main-content ul#submenu li#subnav-2 a:hover,
body.beglazingen #main-content ul#submenu li#subnav-2 a.active {
	background-position: 0 -69px;
}
body.beglazingen #main-content ul#submenu li#subnav-3 a {
	width: 70px;
	background-position: 0 -46px;
}
body.beglazingen #main-content ul#submenu li#subnav-3 a:hover,
body.beglazingen #main-content ul#submenu li#subnav-3 a.active {
	background-position: 0 -138px;
}
body.beglazingen #main-content ul#submenu li#subnav-4 a {
	width: 61px;
	background-position: 0 -69px;
}
body.beglazingen #main-content ul#submenu li#subnav-4 a:hover,
body.beglazingen #main-content ul#submenu li#subnav-4 a.active {
	background-position: 0 -161px;
}
body.beglazingen #main-content h5 {
	background-position: 0 -628px;
}
body.beglazingen.subsidies #main-content h5 {
	background-position: 0 -569px;
}

body.contact address,
body.contact address strong {
	width: 235px;
	display: block;
	float: left;
	color: white;
	font-style: normal;
}
body.contact address + p {
	width: 417px;
	float: left;
	color: white;
}
body.contact address + p em {
	width: 73px;
	display: inline-block;
	color: white;
	font-style: normal;
}
body.contact address + p a {
	color: white;
}

form#contact {
	padding: 81px 0 0 0;
	float: left;
}
form#contact legend {
	display: none;
}
form#contact label {
	width: 417px; height: 35px;
	margin: 0 0 5px 0;
	display: inline-block;
	position: relative;
	float: left;
	background: url(../img/tpl/bg_input.gif) no-repeat right top;
	line-height: 35px;
	cursor: pointer;
}
form#contact label.aanhef {
	width: 142px;
	display: inline-block;
	background: none;
}
form#contact label.radio {
	width: 46px;
	padding: 0 0 0 24px;
	display: inline-block;
	background: url(../img/tpl/radio.gif) no-repeat left top;
}
form#contact label.radio.checked {
	background-position: 0 -35px;
}
form#contact label.radio input {
	display: none;
}
form#contact label input[type="text"],
form#contact label textarea {
	width: 250px;
	position: absolute;
	top: 10px; left: 150px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
form#contact label textarea {
	height: 185px;
	overflow: auto;
}
form#contact label.textarea {
	height: 205px;
	background-image: url(../img/tpl/bg_textarea.gif);
}
form#contact span.icon {
	width: 20px; height: 21px;
	margin: 5px 0 0 14px;
	display: inline-block;
	float: left;
	background: url(../img/tpl/icons.gif) no-repeat 0 0;
}
form#contact label.error {
	color: red;
	background: none;
	text-indent: 150px;
}
form#contact input[type="submit"] {
	width: 114px; height: 34px;
	display: block;
	margin: 0 0 0 142px;
	clear: both;
	border: 0;
	background: url(../img/tpl/submit_verzenden.gif) no-repeat;
	cursor: pointer;
}
form#contact input[type="submit"]:hover {
	background-position: 0 -34px;
}

/*///////////////////////////////////////// 
	END SITE
	BEGIN FOOTER
/////////////////////////////////////////*/

footer {
	width: 100%; height: 159px;
	margin: 0 auto;
	position: relative;
	background: url(../img/tpl/footer.gif) no-repeat center top;
}
div#footer {
	width: 960px; height: 109px;
	margin: 0 auto;
	position: relative;
}
div#footer p:first-child {
	width: 200px; height: 0;
	padding: 20px 0 0 0;
	overflow: hidden;
}
div#footer a#disclaimer,
div#footer a#sitemap,
div#footer a#realisatie {
	width: 53px; height: 0;
	padding: 17px 0 0 0;
	overflow: hidden;
	font-size: 11px;
	position: absolute;
	top: 75px; left: 550px;
}
div#footer a#sitemap {
	top: 72px; left: 616px;
}
div#footer a#sitemap + p {
	visibility: hidden;
}
div#footer a#realisatie {
	width: 102px;
	top: 64px; left: 735px;
	visibility: visible;
}


/*///////////////////////////////////////// 
			TOEVOEGINGEN
/////////////////////////////////////////*/
.nieuwsfoto{
	width: 200px;
	height: 150px;
	position: relative;
	float: left;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 10px;
}

/*///////////////////////////////////////// 
			NAVIGATIE
/////////////////////////////////////////*/
.navigatie {
	position: relative;
	margin-bottom: 15px;
}
.navigatie a {
	width: auto;
	height: 20px;
	padding: 0 5px;
	margin: 0 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #031205;
	background: #fff;
	position: relative;
	display: inline-block;
}

.navigatie a:hover,
.navigatie a.active {
	color: #fff;
	background: #031205;
}