/* CSS Document voor Dorigo-Wierper*/

* { /* verwijderd alle margin en padding */
	margin: 0;
	padding: 0;
}
body { /* opmaak body element */
	font-family: Tahoma, Verdana, Arial;
	font-size: 70%;
	text-align: center;
	height: 100%;
}
p { /* algemene opmaak alinea's */
	font-size: 12px;
	color: #555;
}
a:link, a:visited { /* algemene opmaak links */
	text-decoration: underline;
	color: #000;
}
a:hover {
	color: #000;
}
.onderschrift {
	font-size:10px;
}
/*Afbeelding aan linkerzijde van pagina met tekstomloop*/
.afbeeldinglinks {
	float: left;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
/*Afbeelding aan rechterzijde van pagina met tekstomloop */
.afbeeldingrechts {
	float: right;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
/* Algemene stijlen */
.titel {
	font-size:19px;
	color: #00416b;
	font-weight:bold;
	line-height: 27px;
	margin-bottom: 9px;
}
.onderschrift {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: xx-small;
	line-height: 16px;
	color: #000000;
}
.tekst {
	color: #555;
	font-size: 12px;
	font-family:Tahoma, Helvetica, sans-serif;
	margin-bottom: 18px;
}
#main-container { /* omsluit de gehele site en zorgt voor positionering in het midden van het scherm */
	width: 959px;
	height: 100%;
	margin: auto;
	text-align: left;
}
/* Opmaak header gedeelte (boven menu) ALGEMEEN*/		
#logo-header {
	padding-left: 13px;
	width: 946px;
	height:88px;
	background-image: url(../images/bg-header.png);
	background-repeat: repeat-x;
}
#logo-header img {
	border:none;
}
#verenigingslogo {
	width: 105px;
	height: 88px;
	margin-left: 841px;
	margin-top: -90px;
}
/* Plaatsing content HOMEPAGE */
#content-container-hp {
	border-top-style:solid;
	border-top-color:#FFFFFF;
	border-top-width:8px;
	margin:0px;
	padding:0px;
	display:inline-block;
	border-left-style:solid;
	border-right-style:solid;
	border-top-style:solid;
	border-bottom-style:none;
	border-color:#FFFFFF;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:8px;
}
/* Opmaak menubalk HOMEPAGE*/

/* Plaatsing linker balk */
#balk-links {
	width: 249px;
	float: left;
	margin-left: 1px;
}
/* Opmaak van het oranje attentieblok */
		#attentieblok {
	width: 249px;
	height: 144px;
	background-color: #f26422;
	color: #fff;
}
/* Opmaak menu blok oplossingen */
		#oplossingenblok {
	font-size:12px;
	width: 249px;
	background-color: #f7a27b;
	margin-top: 1px;
	height:248px;
}
ul.oplossingen {
	border-top: 1px solid #dd8e65;
}
.oplossingen li {
	display: block;
	height: 18px;
	border-bottom: 1px solid #dd8e65;
	background: url(../images/arrow-list.png) 15px 9px no-repeat;
	padding-left: 28px;
	padding-top: 5px;
}
li.bottomli {
	padding-bottom: 3px;
}
.oplossingen a:link, .oplossingen a:visited {
	color: #555;
	text-decoration: none;
}
.oplossingen a:hover {
	text-decoration: underline;
}
/* Plaatsing van de hoofdcontent */
#main-content {
	width: 489px;
	float: left;
}
/* Opmaak van de subheader met flashtekst en foto */
	#flashblok {
	width: 490px;
	height: 144px;
	background-color: #999;
	margin-top: 0px;
}
/* Opmaak main content van homepage */
	#hp-contentblok {
	width: 489px;
}
#hp-contentblok h1 {
	margin-bottom: -7px;
}
#hp-contentblok p {
	margin: 12px;
	color: #555555;
	line-height:24px;
	width: 462px;
}
#vv-grijzebalk { /* grijzebalk */
	height: 474px;
	width:214px;
	float:left;
	margin-left:4px;
	background-image:url(../images/bg-rechtermenu.png);
	background-repeat:repeat;
	padding-top:10px;
}
#grijzebalk { /* grijzebalk */
	height: 536px;
	width:214px;
	float:left;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	background-image:url(../images/bg-rechtermenu.png);
	background-repeat:repeat;
	padding-top:10px;
}
.blokheading { /* kop en vakje boven teksten */
	height: 24px;
	margin-left:15px;
}
.bloktekst { /* opmaak en plaatsing tekstblokjes */
	font-size:12px;
	width: 159px;
	height:auto;
	border: 1px solid #a3a3a3;
	border-top: none;
	background: #fff;
	padding:10px;
	margin-bottom:10px;
	margin-left:15px;
}
.bloktekst p {
	color: #8c8c8c;
	font-size: 12px;
	line-height:24px;
}
.bloktekst ul {
	margin:0px;
	padding:0px;
}
.bloktekst li {
	display:block;
	background: url(../images/arrow.png) no-repeat left 5px;
	height: 26px;
	margin:0px;
	padding:0px;
	padding-left:10px;
}
.bloktekst a:link, .bloktekst a:visited {
	color: #555;
	text-decoration: none;
}
.bloktekst a:hover {
	color: #555;
	text-decoration:underline;
}
.adres {
	color: #555;
}
a.adres:link, a.adres:visited {
	color: #555;
	text-decoration: underline;
}
a.adres:hover {
	color: #555;
}
/* Opmaak voor het menu "Wij leveren" */
	#leverenblok {
	font-size:12px;
	width: 489px;
}
#leverenblok li {
	display: block;
	width: 244px;
	background: #eaeaea url(../images/dubble_arrow.png) no-repeat 16px 10px;
	height: 23px;
	border-bottom: 1px solid #fff;
}
#leverenblok a:link, #leverenblok a:visited {
	margin-left: 32px;
	line-height:23px;
	color: #000;
	text-decoration:none;
}
#leverenblok a:hover {
	text-decoration: underline;
}
#leverenblok-links {
	float:left;
}
#leverenblok-rechts {
	float:left;
	margin-left:1px;
}
hr.leveren-bottom {
	widht: 492px;
	height: 7px;
	color: #eaeaea;
	background-color: #eaeaea;
	border: none;
}
/* Opmaak en plaatsing blok met referenties */
#referentiesblok {
	width: 248px;
	float: right;
	border-right:1px solid #fff;
}
/* onderste balk */
#page-bottom {
	height:22px;
	widht: 957px;
	background-color: #bbbbbb;
	border-bottom: 1px solid #888;
	clear: both;
	margin-left: 1px;
	border-top: 8px solid #FFFFFF;
	margin-bottom:8px;
	line-height:0px;
}
/* OPMAAK VERVOLG PAGINA'S */

/* Plaatsing content gedeelte */
#content-container {
	min-height: 505px;
	height: 100%;
	background-image: url(../images/bg-contentcontainer.jpg);
	background-repeat: repeat-y;
	margin-top: 8px;
	margin-left:1px;
	margin-right:1px;
	display:inline-block;
}
/* plaatsing van de middelste kolom */
#vv-contentblok {
	margin-top: 13px;
	width: 490px;
	float: left;
}
#vv-contentblok ul {
	padding-left:14px;
}
#vv-contentblok li {
	list-style-type:square;
	color:#555;
}
#vv-contentblok h1 { /* Plaatsing kop */
	margin-bottom: 8px;
}
#content-main { /* Plaatsing en opmaak hoofdartikel */
	font-size:12px;
	margin-top: 8px;
	margin-left: 12px;
	width: 466px;
	line-height: 22px;
	color: #555;
}
#content-main p { /* Plaatsing en opmaak hoofdartikel */
	margin-top: 5px;
	margin-bottom: 15px;
}
#vv-contentblok h2 { /* Opmaak kopjes boven subartikelen */
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px;
	color: #545454;
	margin-top: 0px;
	padding:0px;
}
#vv-contentblok p { /* Opmaak van de paragrafen */
	color: #545454;
	margin:0px;
	padding:0px;
	margin-bottom:15px;
	
}
#content-sub { /* opmaak van de sub artikelen */
	margin-top: 24px;
	margin-left: 12px;
	width: 466px;
}
td.artikel-links {
	width: 215px;
	line-height: 22px;
}
td.artikel-rechts {
	width: 226px;
	padding-left: 26px;
	line-height: 16px;
}
.artikel-rechts img {
	margin-top: 1px;
}
p.bijschrift {
	color: #818181;
	width: 200px;
	margin-top: 4px;
}
/* -- OPMAAK MENU -- */

#navi { /* container van het menu */
	font-size:12px;
	width: 249px;
	background-color: #fdece4;
	float: left;
}
#navi ul {
	list-style: none;
	width: 249px;
	margin-left: 0px;
	padding-left: 0;
	background-color: #f7a27b;
}
#navi li { /* opaak main items */
	display: block;
	height: 20px;
	width: 219px;
	border-top: 1px solid #dd8e65;
	background: url(../images/dubble_arrow-grey.png) 12px 8px no-repeat;
	padding-left: 30px;
	padding-top: 4px;
}
#sub li { /* opmaak submenu items */
	display: block;
	width: 201px;
	height: 20px;
	border-top: 1px solid #fff;
	background: url(../images/arrow-orange.png) 30px 9px no-repeat;
	padding-left: 48px;
	padding-top: 5px;
	list-style: none;
}
ul#sub { /* opmaak submenu */
	margin-top: 0px;
	margin-bottom: 0px;
	list-style: none;
	background-color: #fdece4;
}
.go_away {
	display: none;
}
#navi a:link, #navi a:visited {
	color: #000;
	text-decoration: none;
}
#navi a:hover {
	text-decoration: underline;
}
/* Plaatsing en opmaak blok met referenties */
#vv-referentiesblok {
	width: 486px;
	height: 131px;
	background-image: url(../images/bg-vv-referenties.png);
	background-repeat:no-repeat;
	background-position: left top;
	margin-left:0px;
	float:left;
	margin-right: 0px;
	margin-top: 21px;
}
#vv-referentiesblok h1 {
	display: block;
	width: 486px;
	height: 31px;
}
#ref-links, #ref-rechts { /* grootte van referentie lijsten */
	width: 242px;
	height: 97px;
}
#ref-links { /* positonering van linker lijst */
	margin: -7px 1px 0px 0px;
	float:left;
}
#ref-rechts { /* positionering van rechter referentie lijst */
	clear:right;
	float:right;
	margin-top: -7px;
}
*html #ref-rechts { /* IE6 hack voor positie lijst rechts */
	float:right;
	margin-top: -15px;
	margin-left: -8px;
}
*html #ref-links ul { /* IE6 hack voor positie lijst links */
	margin-top: -8px;
	margin-left: 4px;
}
#ref-links li, #ref-rechts li {
	display: block;
	width: 242px;
	background: url(../images/dubble_arrow.png) no-repeat 13px 10px;
	height: 24px;
}
#ref-rechts li {
	width: 246px;
	background-position: 18px 10px;
}
#ref-links li a:link, #ref-links li a:visited {
	margin-left: 30px;
	line-height:24px;
	color: #000;
	text-decoration:none;
}
#ref-links li a:hover {
	text-decoration: underline;
}
#ref-rechts li a:link, #ref-rechts li a:visited {
	margin-left: 37px;
	line-height:24px;
	color: #000;
	text-decoration:none;
}
#ref-rechts li a:hover {
	text-decoration: underline;
}
/* SIFR STIJLEN */


/* 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;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}
/* 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 {
	visibility: hidden;
	font-size: 16px;
}
h1 {
	margin: 0;
	padding: 0;
}
#title {
	margin-left: 12px;
	width: 466px;
	background-image:url(../images/bottom-lijn.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:1px;
}
.input-1 {
	width:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
	border-width:1px;
	border-style:solid;
	border-color:#CCCCCC;
}
.input-2 {
	width:350px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
	border-width:1px;
	border-style:solid;
	border-color:#CCCCCC;
}
.input-3 {
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
	background-color:#999999;
	color:#FFFFFF;
	border:none;
}
.tussenkop {
	color:#f0581a;
	font-weight:bold;
}
#homediv {
	float:left;
}
#flashblok {
	float:left;
}
#homepage-left {
	float:left;
	width:739px;
}
#homepage-right {
	float:left;
	width:212px;
	border-left-style:solid;
	border-left-color:#FFFFFF;
	border-left-width:4px;
}
#homepage-flashblok {
	width:739px;
	height:144px;
	background-color:#999999;
	float:left;
}
#homepage-content {
	width:739px;
	float:left;
}
#homepage-content-left {
	float:left;
	width:249px;
	border-right-style:solid;
	border-right-color:#FFFFFF;
	border-right-width:1px;
}
#homepage-content-right {
	float:left;
	width:489px;
}
/**  **/
#hoofd-menu{
	width: 959px;
	height: 30px;
	margin-left: 1px;
	background-image:url(../images/background-hoofdmenu.jpg);
	background-repeat:no-repeat;
}
#hoofd-menu ul {
	margin:0px;
	padding:0px;
}
#hoofd-menu li {
	float:left;
	list-style-type:none;
}
#hoofd-menu span {
	display: none;
}
#hoofd-menu a {
	display: block;
	height: 30px;
	padding: 0px;
	margin: 0px;
}
#hoofd-menu a:hover {
	background-position: 0px -30px;
}
#menu-home {
	background-image:url(../images/kn_home.gif);
	display:block;
	width:63px;
}
#menu-videos {
	background-image:url(../images/kn_videos.gif);
	display:block;
	width:172px;
}
#menu-over {
	background-image:url(../images/kn_over.gif);
	display:block;
	width:169px;
}
#menu-producten {
	background-image:url(../images/kn_producten.gif);
	display:block;
	width:100px;
}
#menu-referenties {
	background-image:url(../images/kn_referenties.gif);
	display:block;
	width:110px;
}
#menu-nieuws {
	background-image:url(../images/kn_nieuws.gif);
	display:block;
	width:75px;
}
#menu-contact {
	background-image:url(../images/kn_contact.gif);
	display:block;
	width:86px;
}
.contentblok{
	width:100%;
	display:inline-block;
	clear:both;
	margin-bottom:15px;
}
.contentblok-left{
	width:200px;
	float:left;
	padding-right:10px;
}
.contentblok-left-raamdecoratie{
	width:150px;
	float:left;
	padding-right:10px;
}
.contentblok-left-breed{
	width:230px;
	float:left;
	padding-right:10px;
}
.contentblok-right{
	float:left;
	clear:right;
	width:200px;
}
.contentblok-right-breed{
	float:left;
	clear:right;
	width:270px;
}
.contentblok-right-small{
	float:left;
	clear:right;
	width:150px;
}
#vv-nieuwsblok {
	margin-top: 13px;
	width: 490px;
	float: left;
}

#vv-nieuwsblok ul {
	padding-left:14px;
}
#vv-nieuwsblok li {
	list-style-type:square;
	color:#555;
}
#vv-nieuwsblok h1 { /* Plaatsing kop */
	margin-bottom: 8px;
}
#vv-nieuwsblok h2 { /* Opmaak kopjes boven subartikelen */
	color:#f0581a;
	font-size:16px;
	line-height:20px;
	margin:0px;
	padding:0px;
	margin-bottom:15px;
}
#vv-nieuwsblok h3 { /* Opmaak kopjes boven subartikelen */
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px;
	color: #545454;
	margin-top: 0px;
	padding:0px;
}