/* ALGEMEEN ******************************************************************/
* {
	font-family:Arial, Helvetica, sans-serif;
}
a img {
	border:none;
}

@media screen {
	* {
		font-size:10pt;
		color:#FFFFFF;
	}
	body {
		margin:0;
        background-color:#FFFFFF;
				background:url(/afb/ie6paginaachtergrond.jpg);
		background-repeat:no-repeat;
		background-attachment:fixed;
		background-position:center;
			}
	h2 {
		margin:5px 0;
		background-color:#994400;
		border:solid 1px #FFFFFF;
		text-align:center;
		color:#FFFFFF;
	}
	h3 {
		margin:5px 0;
		background-color:#995500;
		border:solid 1px #FFFFFF;
		text-align:center;
		color:#FFFFFF;
	}
	hr {
		color:#FFFFFF;
		background-color:#FFFFFF;
		height:1px;
		margin-top:5px;
		margin-bottom:-5px;
		border:0px;
	}
}

@media print {
	.nietprinten {
		display:none;
	}
	a {
		color:black;
		text-decoration:none;
	}
	h2 {
		text-align:center;
		border:solid 0.25mm black;
	}
	h3 {
		text-align:center;
		border:solid 0.25mm black;
	}
	#bg {
		display:none;
	}
}

/* PAGINA LAYOUT + BASISOPMAAK ***********************************************/
/* bbc = buttons, banners & counters */
h1#paginakop, #menurechts, #menulinks, #voet, #bbc {
	text-align:center;
}

@media screen {
	/* NIEUWE STIJL - ZONDER FLOATS */
	#omvat {
		position:relative;
		margin:0 auto;
		width:922px;
	}
	#menurechts, #menulinks, #inhoud, #voet {
		margin:0;
		border:solid 1px #FFFFFF;
		background-color:#004400;
	}
	#paginakop, #voet {
		width:570px;
		padding:0;
	}
	#paginakop {
		border:solid 1px #FFFFFF;
		background-color:#004400;
		margin:0;
		position:absolute;
		height:135px;
		top:10px;
		left:175px;
		text-indent:-3200px; /* tekst uit de weg halen */
		background:url('/afb/paginakop2.gif') 50% 50% no-repeat #004400;
	}
	#menulinks {
		position:absolute;
		top:10px;
		left:0;
		width:165px;
		padding-bottom:10px;
	}
	#menurechts {
		position:absolute;
		top:10px;
		right:0;
		width:165px;
		padding-bottom:10px;
	}
	#reclameblok {
		position:absolute;
		top:285px;
		right:0;
		width:165px;
		text-align:center;
	}
	#inhoudomvat {
		position:absolute;
		top:155px;
		left:175px;
		width:572px;
		padding:0;
	}
	#inhoud {
		padding:10px;
		border:1px solid #FFFFFF;
	}
	#voet, #bbc {
		margin-top:7px;
	}
	#voet {
		padding:7px 0px 7px 0px;
	}
}

@media print {
	#omvat {
		width:170mm; /* beschikbare pagina breedte A4 (ongeveer) */
	}
	#menurechts, #menulinks, #bbc {
		display:none;
	}
	h1#paginakop {
		border:solid 0.25mm black;
	}
	#voet {
		font-size:10pt;
		border-top:solid 0.25mm black;
	}
}

/* MENU OPMAAK ***************************************************************/
.opruiming {
	background-image:url('/afb/menu/opruiming.png');
	background-repeat:no-repeat;
	background-position:center;
	border:1px solid #FFFFFF;
	width:122px;
	height:122px;
	text-indent:-1000px;
}
#button {
	background-image:url('/afb/nummer-1-in-blokhutten-en-chalets.png');
	right:-70px;
	top:240px;
	position:absolute;
	z-index:20;
	border:0;
	height:116px;
	width:120px;
	background-repeat:no-repeat;
	background-position:center;
}
#menurechts a, #menulinks a {
	display:block;
	margin:0 auto;
	width:130px;
	font-size:8pt;
	text-decoration:none;
}
#menurechts a:hover, #menulinks a:hover {
	text-decoration:underline;
	/* background-color:#00692d; */
}
#menurechts a.menuitem, #menulinks a.menuitem, #menurechts a.producten, #menulinks a.producten {
	margin:10px auto 0 auto; /* auto centreerd! */
	padding:2px;
	color:#FFFFFF;
}
#menurechts a.menuitem, #menulinks a.menuitem {
	background-color:#994400;
}
#menulinks a.producten, #menurechts a.producten {
	background-color:#33AA11;
}
#menurechts a.menuitem, #menulinks a.menuitem {
	border:solid 1px #FFFFFF;
}
#menurechts a.producten, #menulinks a.producten {
	width:128px;
	font-size:14pt;
	border:solid 2px #FFFFFF;
}
#menurechts a.menuitem:hover, #menulinks a.menuitem:hover, #menurechts a.producten:hover, #menulinks a.producten:hover {
	text-decoration:underline;
	background-color:#995500;
}
.menuimage {
	border:1px solid #FFFFFF;
	margin-top:3px;
	width:122px;
	margin-bottom:0px;
}
#menulinks hr, #menurechts hr {
	margin-top:10px;
	margin-bottom:10px;
}
#minisearchform {
	margin:10px auto;
	border:1px solid #FFFFFF;
	width:134px;
	height:18px;
	background-color:#FFFFFF;
	background-image:url('/afb/tekstveld.gif');
	overflow:hidden;
}
#minisearchfield {
	margin:0;
	width:112px;
	border:0;
	float:left;
	height:16px;
}
#minisearchbutton {
	margin:1px auto;
	height:16px;
	width:16px;
	border:0;
	float:right;
	background-image:url('/afb/menu/zoeken.png');
}

/* TABELLEN ******************************************************************/
table {
	margin:0;
	padding:0;
	border:none;
	border-collapse:collapse;
}

@media screen {
	tr.l {
		/* background-color:#00692D; */
	}
	td {
		margin:0;
		padding:0;
		border:none;
	}
	th {
		background-color:#994400;
		border:solid 1px #FFFFFF;
		font-variant:small-caps;
	}
}

@media print {
	tr.l {
		background-color:#f6f6f6;
	}
	th {
		border:solid 0.25mm black;
		font-variant:small-caps;
	}
}

/* FORMULIEREN ***************************************************************/
form {
	margin:0;
}

@media screen {
	fieldset {
		padding:5px;
	}
	legend {
		font-variant:small-caps;
	}
	label, .neplabel {
		float:left;
		width:175px;
	}
	input.tekst, textarea {
		width:300px;
		background-color:#ffffff;
		color:#003300;
		border:solid 1px #003300;
	}
	input.tekst {
		border:1px outset white;
		background-image:url('/afb/tekstveld.gif');
		padding-left:3px;
		padding-right:3px;
		margin-top:2px;
	}
	textarea{
		border:1px outset white;
		background-image:url('/afb/tekstveld2.gif');
		padding-left:3px;
		padding-right:3px;
	}
	select {
		background-color:#ffffff;
		border:solid 1px #003300;
	}
	optgroup {
		color:#003300;
	}

	option {
		color:#003300;
	}
	.getal {
		text-align:right;
	}
}

.fout, .fout * {
	color:red;
}
.fout {
	display:none; /* in eerste instantie verborgen! */
	margin:5px;
	padding:5px;
	border:solid 2px red;
	background-color:yellow;
}
.fout a, .fout a:active {
	color:red;
}
.fout h1, .fout ul, .fout li {
	margin:0;
	padding:0;
}
.fout ul {
	list-style:none;
}
	.fout h1 {
font-size:14pt;
}

/* DIVERSEN ******************************************************************/
@media screen {
	.kopoms {
		margin-bottom:5px;
	}
	.bijlagen, .bijlagen-pdf {
		margin:5px 5px 10px 5px;
		text-align:center;
	}
	.bijlagen-pdf {
		text-align:left;
		line-height:20px;
	}
	.bijlagen-pdf a {
		text-decoration:none;
	}
	.bijlagen-pdf a:hover {
		background-color:#33AA11;
	}
	p.btw {
		margin:20px 0 0 0;
		padding:5px;
		text-align:center;
		border-top:solid 1px white;
	}
}

@media print {
	p.btw {
		text-align:center;
		border-top:solid 0.25mm black;
	}
}
.uppercase {
	/* text-transform:uppercase; */
	font-variant:small-caps;
}
fieldset {
	border:1px solid white;
}

@media screen {
	/* Schaduwranden (die van IE vreten CPU, dus die staan uit) */
	#paginakop, #menurechts, #menulinks, #inhoud, #voet, #bbc a img, #layout_toolbox {
		/*
		-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6)";
		filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6);
		*/
		-moz-box-shadow: 2px 2px 10px #000;
		-webkit-box-shadow: 2px 2px 10px #000;
		box-shadow: 2px 2px 10px #000;
	}
}

/* Opruiming en Brochures */
.folderthumbs a, .brochurethumbs a {
	padding:0;
	display:inline;
	float:left;
	width:156px;
	background-color:white;
	margin-bottom:20px;
	margin-right:11px;
	margin-left:14px;
	border:1px solid #004400;
	text-align:center;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	overflow:hidden;
	color:black;
}
.folderthumbs a {
	height:230px;
}
.folderthumbs a img, .brochurethumbs a img{
	width:156px;
	border:0;
}
.folderthumbs a:hover, .brochurethumbs a:hover {
	border:1px solid ;
}
.folderthumbs, .brochurethumbs {
	clear:both;
	/* display:table; */
}
.folderthumbs h3, .brochurethumbs h3, .clear {
	clear:both;
}
@media print {
	.folderthumbs a, .brochurethumbs a {
		border:1px solid black;
	}
}

#catlijst a {
	float:left;
	margin:5px;
    width:170px;
    text-align:center;
    background-color:#005500;
	overflow:hidden;
	height:150px;
	border:1px solid white;
	position:relative;
	text-decoration:none;
}
#catlijst a:hover {
	background-color:#994400;
}
#catlijst a img {
	margin-top:10px;
	height:95px;
	overflow:hidden;
	border:1px solid #FFFFFF;
}
#catlijst a div {
	height:30px;
	overflow:hidden;
}
div#productenlijst div {
    float:left;
    margin:5px;
    width:260px;
    text-align:center;
    border:2px solid transparent; /*#2a7f00;*/
    background-color:#005500; /*# 2a7f00;*/
}

div#productenlijst div strong {
	display:block;
	font-size:1.1em;
	height:3.8em;
	padding:5px 5px 0 5px;
}

div#productenlijst div a {
	display:block;
	margin:0 5px;
	padding:5px 0;
	background-color:#005500;
}
div#productenlijst div a img {
	border:1px solid #FFFFFF;
}

div#productenlijst div a.kop {
	display:block;
	margin:0 auto;
	font-size:8pt;
	text-decoration:none;
	margin:0 auto 0 auto; /* auto centreerd! */
	padding:2px;
	background-color:#994400;
	border:solid 1px #FFFFFF;
	padding:5px 0;
}

div#productenlijst div a.kop:hover {
	text-decoration:underline;
	background-color:#995500;
}

div#productenlijst div span {
	display:block;
	padding:5px 10px;
	text-align:right;
}
/* -------------------------------------- */
div#productenlijst, div#catlijst {
/*width:101%;*/			/* tbv. IE6 float bug (float container hoogte & peekaboo) */
overflow:hidden;	/* idem */
}
.prod			{ border-bottom:solid 1px white; margin-bottom:5px; }
.prod td		{ padding:2px; }
.prod td.prijs	{ text-align:right; font-size:14pt; font-weight:bold; }
.prod .prijs_bijschrift { font-size:10pt; }
.prod td.contact{ text-align:center; font-size:10pt; }
.prod dl		{ margin:0; }
.prod dt		{ float:left; width:130px; clear:both; font-weight:bold; }
.specs		{ margin-top:0; margin-bottom:10px; }
.specs dt	{ float:left; width:140px; }
.extras		{ margin-top:0; margin-bottom:10px; }
.opties		{ margin-top:0; margin-bottom:10px; }
.opties dd	{ text-align:right; }
.opties dt	{ float:left; }
div#winkelwagen {
	margin-top:5px;
	width:260px;
	text-align:center;
	border:2px solid #2a7f00;
	background-color:#103f00;
}
div#winkelwagen a {
	display:block;
	margin:0 5px;
	padding:5px 0;
	background-color:#2a7f00;
}
div#winkelwagen a.kop {
	display:block;
	margin:0 auto;
	font-size:8pt;
	text-decoration:none;
	margin:0 auto 0 auto; /* auto centreerd! */
	padding:2px;
	background-color:#994400;
	border:solid 1px #FFFFFF;
	padding:5px 0;
	color:#FFFFFF;
}
div#winkelwagen a.kop:hover {
	text-decoration:underline;
	background-color:#995500;
}

/* --------------------- LAYOUT TOOLBOX ----------------------- */
#layout_toolbox_toggler {
	color:#FFFFFF;
	position:fixed;
	top:0;
	left:0;
	background-color:#994400;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font-size:10px;
	z-index:15;
	cursor:pointer;
	padding:2px;
}
#layout_toolbox_toggler:hover {
	text-decoration:underline;
	background-color:#995500;
}
#layout_toolbox {
    padding:10px;
	border:1px solid #000000;
	text-align:left;
	position:fixed;
	top:20px;
	left:0;
	background-color:#FFFFFF;
	color:#000000;
	width:250px;
	margin:2px;
	font-size:10px;
	z-index:15;
	display:none;
}
#layout_toolbox * {
	font-family:arial;
	font-size:10px;
	color:#000000;
}
#layout_toolbox .color, #layout_toolbox .static {
    width:50px;
    text-align:center;
}
#layout_toolbox hr {
	color:#000000;
	background-color:#000000;
	height:1px;
	border:0px;
	margin-bottom:5px;
}
#layout_toolbox form {
	color:#000000;
	font-size:10px;
	font-family:verdana;
}
#layout_toolbox form input {
	border:1px solid #000000;
	margin-top:1px;
}
#layout_toolbox form select {
	width:54px;
	margin-top:1px;
}