* {
margin: 0;
padding: 0;
}

body {
	font-size: 76.1%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	}

body {
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #988361;
	background-image:url(../images/template/bgbar.gif);
	background-repeat: repeat-x;
	background-position: top left;
	color: #666;
}

#bgpage1 {
	left: 50%;
	margin: 0 0 0 -515px; /* left margin = width / 2 */
	position: absolute;
	top: 0;
	width: 1030px;
	background: url(../images/template/bgpage2.gif) repeat-y;
}

#bgpage2 {
	background: url(../images/template/bgpage1.gif) no-repeat;
}

#bgpage3 {
	background: url(../images/template/bgpage3.gif) no-repeat;
	width: 1030px;
	height: 28px;
}

#content {
	margin: 0em;
	padding: 10px 30px 10px 30px;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
}
	
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
.narrow2{
	width: 50%;
	line-height: 1.5em;
	}
		
/*typography*/
a {
	text-decoration: none;
	color: #666;
  }
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
h1 {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.1em;
	margin: 1em 0em 0.2em 0em;
	font-weight: bold;
	}
h3 {
	font-size: 1.1em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
ol, ul, li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
p {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 1.0em 0em 1.0em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
	

/* This is for fixing the input boxes */
input, select {font-size:inherit;} /*only works in Gecko browsers*/
input, select {font-size:100%;}


h1.logo, h1.logo-text {
	font-size: 180%;
	text-transform: uppercase;
}

h1.logo a {
	width: 162px;
	display: block;
	background: url(../images/template/logo.gif) no-repeat;
	height: 50px;
	position: relative;
	z-index: 100;
}

h1.logo a span {
	position: absolute;
	top: -1000px;
}

h1.logo-text a {
	color: #CCCCCC !important;
	text-decoration: none;
	outline: none;
	position: absolute;
	bottom: 40px;
	left: 5px;
}

address.topadres {
	font-size: 0.9em;
	font-style: italic;
}

a.actieknop:link, a.actieknop:visited {
	display:inline-block;
	background: url(../images/template/actieknop.gif) no-repeat;
	height: 34px !important;
	width: 167px;
	vertical-align: middle;
	font-size: 1.0em;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	text-decoration: none;
}
/* a.actieknop:hover { background-position: 0px -34px; } */


/* Clearing floats */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.clear {
	clear: both;
}
/* End hide from IE-mac */


div.prodkolom_container {
	background: url(../images/template/oranjepixel.gif) repeat-y;
	background-position: 190px 0px;

	width: 200px;

	min-height: 700px; /* 3 heightlines required to work in IE6 also */
  	height: auto !important; /* 3 heightlines required to work in IE6 also */
  	height: 700px; /* 3 heightlines required to work in IE6 also */			
	
	float:left
}

div.prodkolom {
	width: 180px;
}

div.prodkolom h2 {
	color: #ff9900;
	font-size: 1.4em;
	font-weight:bold;
	margin: 0em 0em 0.3em 0em;
}

div.prodkolom h3 {
	color: #fff;
	background-color: #FF9900;
	font-size: 1em;
	font-weight:bold;
	margin: 0;
	padding: 3px 5px 3px 5px;
}

div.maincontent {
	float:left;
	width:600px;
}

div.right1, div.right2 {
	width: 185px;
	float:left;
}

div.right1 .pod, div.right2 .pod {
	width: 180px;
	min-height: 185px; /* 3 heightlines required to work in IE6 also */
  	height: auto !important; /* 3 heightlines required to work in IE6 also */
  	height: 185px; /* 3 heightlines required to work in IE6 also */	
	font-size: 0.8em;
	background-color: #EDEAE4;
	float:right;
	clear:both;
	margin-bottom: 10px;
}

div.right1 .pod h3, div.right2 .pod h3 {
	color: #fff;
	background-color: #988361;
	font-size: 1.2em;
	font-weight:bold;
	margin: 0em 0em 0.3em 0em;
	padding: 3px 5px 3px 5px;
}

div.prodkolom a {
	text-decoration: none;
}

div.homepageteaser {
	background: #FF9900;
	padding: 5px;
}
a.homepageteaser {
	font-size: 0.8em;
	color: #FFF;
}

div.homepageteaser2 {
	background: #EDEAE4;
	padding: 5px;
}
a.homepageteaser2 {
	font-size: 0.8em;
}

#printonly {
	visibility: hidden;
	height: 0px;
	z-index: -1;
	position: absolute;
	overflow: hidden;
}

div.tabsysteem_midden {
	border-width: 16px 2px 2px 2px;
	border-style: solid solid solid solid;
	border-color: #FFCC00 #FFCC00 #FFCC00 #FFCC00;
	/* width: 100%; */
}
div.tabsysteem_container {
	padding: 8px;
	min-height: 450px; /* 3 heightlines required to work in IE6 also */
  	height: auto !important; /* 3 heightlines required to work in IE6 also */
  	height: 450px; /* 3 heightlines required to work in IE6 also */
}

table.listing {
	background-color: white;
	width: 100%;
}
table.listing th {
	background-color:#FFCC00;
	padding: 4px;
}

table.listing td {
	padding: 4px;
	background-color:#E8F3FF;
	height: 3em;
}

td.tabBG1 {
	background-color:#FFCC00;
}
td.tabBG1 a, td.tabBG2 a {
	color: #000;
}
td.tabBG2 {
	background-color:#F78D1F;
}


ul.lijst_pod {
	list-style: none;
	padding-left: 4px;
	padding-right: 4px;
	/* text-indent: -4px; */
}
ul.lijst_pod li {
	margin-bottom: 1em;
}

div.footer {
	margin-top: 2em;
	font-size:0.8em;
}
a.footer, a.footer:link, a.footer:hover, a.footer:visited, a.footer:active {
	font-size:1em;
}

#map {
	width: 100%;
	height: 350px;
}

table.boxContent1 {
	width: 100%;
}
table.boxContent1 tr td {
	padding: 4px;
}
table.boxContent1 tr {
	background-color: #EDEAE4;
}

#aanmnieuwsbrief {
	float: right;
	display: none;
}
#aanmnieuwsbrief form {
	padding:4px;
	margin:0px;
	border: solid 1px #FF9900;
}