html, body {
	height: 100%;
}

a:link, a:visited, a:active {
	text-decoration: underline; 
	color: #069;
} 

.menu a:link, .menu a:visited, .menu a:active {
	text-decoration: none; 
	color: #069;
} 

a:hover, .menu a:hover {
	text-decoration: underline; 
	color: #666;
}

p {
	margin: 0px 0px 12px 0px;
}

img {
	border: 0px;
}

img.left {
	margin: 0px; 
	margin-right: 10px;
	float: left;
}

img.right {
	margin: 0px; 
	margin-left: 10px;
	float: right;
}

body, td, input, select, textarea {
	color: #036; 
	font-family: arial, helvetica, sans-serif; 
	font-size: 12px;
	line-height: 18px;
}

.pagina {
	background: #FFF url(images/bg-pagina.gif) top left repeat-x;
	margin: 0px;
}

.wrapper {
	width: 960px;
	margin: 0px;
}

/* balken of blokken */

.zoeken {
	width: 960px;
	width/**/:/**/ 950px;	
	height: 50px;
	height/**/:/**/ 25px;	
	background: url(images/bg-boven-zoeken.gif) top left no-repeat;
	overflow: hidden;
	padding: 25px 0px 0px 10px;
}

.zoeken label {
	font-weight: bold;
	color: #069;
}

.zoeken .btn {
	width: 19px;
	height: 19px;
	background: url(images/btn-zoeken.gif) no-repeat;
	border: none;
}

.zoeken form {
	margin: 0px;
}

.header {
	width: 940px;
	height: 150px;
	overflow: hidden;
	background: url(images/headers/img-home.jpg) top left no-repeat;	
	margin-bottom: 10px;
}

.site {
	width: 970px;
	overflow: hidden;
}

.werkveld {
	width: 580px;
	height/**/:/**/100%;
	min-height: 400px;
	padding: 10px 20px 150px 20px;
	margin-right: 10px;
	width/**/:/**/ 540px;
	overflow: hidden;
	float: left;
	background: #FFF url(images/bg-werkveld.gif) top left no-repeat;
}	

.citaat {
	width: 200px;
	overflow: hidden;
}

/* styles voor het menu */

.menu {
	width: 150px;
	overflow: hidden;
	float: left;
	padding: 0px 0px 40px 0px;	
	background: url(images/bg-menu.gif) top left repeat-y;
}	

ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

li {
	padding: 0px 0px 0px 15px;
	background: url(images/ico-bullit-link.gif) top left no-repeat;
}

.menu li {
	padding: 0px;
	background: none;	
}

.menu li a {
	width: 150px;
	height: 32px;
	display: block;
	margin: 0px;
	padding: 0px;
}

a.home, a.home:link, a.home:visited, a.home:active {
	background: url(../images/menu-btn/btn-home.gif) left no-repeat;
} 

a.home:hover {
	background: url(../images/menu-btn/btn-home.gif) right no-repeat;
}

a.over, a.over:link, a.over:visited, a.over:active {
	background: url(../images/menu-btn/btn-over.gif) left no-repeat;
} 

a.over:hover, #over a.over {
	background: url(../images/menu-btn/btn-over.gif) right no-repeat;
}

a.producten, a.producten:link, a.producten:visited, a.producten:active {
	background: url(../images/menu-btn/btn-producten.gif) left no-repeat;
} 

a.producten:hover, #producten a.producten {
	background: url(../images/menu-btn/btn-producten.gif) right no-repeat;
}

a.projecten, a.projecten:link, a.projecten:visited, a.projecten:active {
	background: url(../images/menu-btn/btn-projecten.gif) left no-repeat;
} 

a.projecten:hover, #projecten a.projecten {
	background: url(../images/menu-btn/btn-projecten.gif) right no-repeat;
}

a.ondersteuning, a.ondersteuning:link, a.ondersteuning:visited, a.ondersteuning:active {
	background: url(../images/menu-btn/btn-ondersteuning.gif) left no-repeat;
} 

a.ondersteuning:hover, #ondersteuning a.ondersteuning {
	background: url(../images/menu-btn/btn-ondersteuning.gif) right no-repeat;
}

a.nieuws, a.nieuws:link, a.nieuws:visited, a.nieuws:active {
	background: url(../images/menu-btn/btn-nieuws.gif) left no-repeat;
} 

a.nieuws:hover, #nieuws a.nieuws {
	background: url(../images/menu-btn/btn-nieuws.gif) right no-repeat;
}

a.contact, a.contact:link, a.contact:visited, a.contact:active {
	background: url(../images/menu-btn/btn-contact.gif) left no-repeat;
} 

a.contact:hover, #contact a.contact {
	background: url(../images/menu-btn/btn-contact.gif) right no-repeat;
}

.submenu {
	width: 150px;
	background: url(../images/bg-submenu.gif) top left no-repeat;
	display: none;
}

#over .over, #producten .producten, #projecten .projecten, #ondersteuning .ondersteuning, #nieuws .nieuws {
	display: block;
}

ul.submenu {
	padding-top: 8px;
}

.submenu li a {
	width: 150px;
	height: auto;
	display: block;
	margin: 0px;
	padding: 2px 5px 0px 10px;
	overflow: hidden;
}
.submenueind {
	width: 150px;
	height: 12px;
	overflow: hidden;
	background: url(../images/bg-submenu-onder.gif) top left no-repeat;
}

.link li {
	padding: 0px 0px 0px 15px;
	background: url(../images/ico-bullit-link.gif) top left no-repeat;
}

.terug li {
	padding: 0px 0px 0px 15px;
	background: url(../images/ico-bullit-terug.gif) top left no-repeat;
}

.naarboven li {
	font-size: 11px;
	padding: 0px 0px 0px 15px;
	background: url(../images/ico-bullit-boven.gif) top left no-repeat;
}

.download li {
	font-size: 11px;
	padding: 0px 0px 0px 15px;
	background: url(../images/ico-bullit-download.gif) top left no-repeat;
}

/* headers */

#home .header {
	background: url(../images/headers/img-home.jpg) top left no-repeat;
}

#zoeken .header {
	background: url(../images/headers/img-zoeken.jpg) top left no-repeat;
}

#over .header {
	background: url(../images/headers/img-over.jpg) top left no-repeat;
}

#contact .header {
	background: url(../images/headers/img-contact.jpg) top left no-repeat;
}

#producten .header {
	background: url(../images/headers/img-producten.jpg) top left no-repeat;
}

#projecten .header {
	background: url(../images/headers/img-projecten.jpg) top left no-repeat;
}

#ondersteuning .header {
	background: url(../images/headers/img-ondersteuning.jpg) top left no-repeat;
}

/* homepage */
.kolomhome {
	float: left;
	width: 260px;
}

.blokwitopwit {
	width: 260px;
	overflow: hidden;
	background: url(../images/bg-tbl-wit-op-wit-boven.gif) top left no-repeat;
}

.blokwitopwit .wowonder {
	width: 260px;
	height: 15px;
	overflow: hidden;
	background: url(../images/bg-tbl-wit-op-wit-onder.gif) top left no-repeat;
}

.blokblauwopwit {
	width: 260px;
	overflow: hidden;
	background: #ACCCE3 url(../images/bg-tbl-blauw-op-wit-boven.gif) top left no-repeat;
	margin: 0px;
}

.blokblauwopwit .bowonder {
	width: 260px;
	height: 15px;
	overflow: hidden;
	background: #FFFFFF url(../images/bg-tbl-blauw-op-wit-onder.gif) top left no-repeat;
}

.blokblauwopwitbreedboven {
	width: 540px;
	overflow: hidden;
	background: #C3DBE7 url(../images/bg-tbl-blauw-op-wit-boven-breed.gif) top left no-repeat;
}

.blokblauwopwitbreedonder {
	width: 540px;
	height: 11px;
	overflow: hidden;
	background: #C3DBE7 url(../images/bg-tbl-blauw-op-wit-onder-breed.gif) top left no-repeat;
}



.blokcitaat {
	width: 200px;
	overflow: hidden;
	margin: 0px;
}

.citaatkop {
	height: 30px;
	width: 200px;
	overflow: hidden;
	background: url(../images/bg-citaat-boven.gif) top left no-repeat;
}

.citaatmidden {
	width: 200px;
	width/**/:/**/ 175px;	
	overflow: hidden;
	padding: 0px 5px 0px 20px;
	background: url(../images/bg-citaat-midden.gif) top left repeat-y;
	font-size: 11px;
	color: #069;	
}

.citaatonder {
	width: 200px;
	height: 17px;
	overflow: hidden;
	background: url(../images/bg-citaat-onder.gif) top left no-repeat;
}

.blokrechts {
	width: 220px;
	overflow: hidden;
	margin: 0px;
}

.blokrechtsrubriek {
	padding: 5px 10px 50px 15px;
	width/**/:/**/ 195px;
	background: #FFF url(../images/bg-blokrechts-rubriekenblok.gif) top left no-repeat;
}
.blokvragen {
	width: 220px;
	overflow: hidden;
	background: url(../images/bg-blokrechts-boven-vragen.gif) top left no-repeat;
	font-size: 11px;
}

.blokrechtsboven {
	width: 220px;
	overflow: hidden;
	background: url(../images/bg-blokrechts-boven.gif) top left no-repeat;
	font-size: 11px;
}

.blokrechtsonder {
	width: 220px;
	height: 17px;	
	overflow: hidden;
	background: url(../images/bg-blokrechts-onder.gif) top left no-repeat;
}

.blokpadding {
	margin: 10px 10px 0px 10px;
}

/* nieuws */

.nieuwstitel {
	font-weight: bold;
	font-size: 14px;
}

/* dealers */

#dealer td, th {
	vertical-align: top;
	text-align: left
}

#dealer th {
	font-weight: bold;
}

/* contact */
.btnverzenden {
	width: 85px;
	height: 21px;
	background: url(../images/btn-verzenden.gif) top left no-repeat;
	border: none;
}

.btnaanmelden {
	width: 86px;
	height: 21px;
	background: url(../images/btn-aanmelden.gif) top left no-repeat;
	border: none;
}

.veldUitvullen {
	width: 98%;
}

label span {
	font-weight: normal;
	font-size: 11px;
}

/* producten */

.productintro {
	width: 540px;
	overflow: hidden;
	margin: 0px 0px 20px 0px;
}

.productthumb {
	width: 130px;
	float: left;
	margin-right: 20px;
}

.productintrotxt {
	width: 385px;
	overflow: hidden;
}

/* over europrovyl */

.marginTop {
	margin-top: 20px;
}






/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	font-size: 24px;
	margin: 0px 0px 6px 0px;
	padding: 0px;
}

.sIFR-hasFlash h2 {
	font-size: 16px;
	margin: 0px 0px 6px 0px;	
	padding: 0px;	
}

.sIFR-hasFlash h3 {
	font-size: 16px;
	margin: 5px 0px 0px 14px;	
}

h4 {
	font-size: 12px;
	margin: 0px 0px 4px 0px;
}


/* Styles voor de print variant */


@media print
{

    .NoPrint { 
    	display: none;
    }
    
	/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */
	
	.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
		display: none !important;
		height: 0;
		width: 0;
		position: absolute;
		overflow: hidden;
	}
	
	span.sIFR-alternate {
		visibility: visible !important;
		display: block !important;
		position: static !important;
		left: auto !important;
		top: auto !important;
	}


}