html {
height: 100%; /* héél belangrijk */
}

body {background-image: url('groen-verloop.jpg') ;
	background-color:#FDFFDF;
	background-position:  left top ; 
	background-repeat: repeat-y;
	font-family: "Futura Bk Bt", "Trebuchet MS", "Arial", "Helvetica",  "Sans-serif";
	font-size: 1em;
	color: #003300;
	font-color: #003300;
	margin: 0px;
	scrollbar-face-color: #FDFFDF;
	scrollbar-shadow-color: #008000; 
	scrollbar-highlight-color: #CCFF33;
	scrollbar-3dlight-color: #CCFF33;
	scrollbar-darkshadow-color: #008000;
	scrollbar-track-color: #FDFFDF;
	scrollbar-arrow-color: #99CC00;
}
img.naam {position: absolute;
	bottom: 200px;
	left: 0px;
}
p{

}
h1 {font-size: 1.4em;
	margin-bottom: 0.5em;

}

h2 {font-size: 1.3em;

}
h3 {font-size: 1.1m;

}
h4 {font-size: 1.0em;

}
h5 {font-size: 0.9em;

}
A:link	    {  	color : #008000 ;
		text-decoration : underline }

A:visited   {	color : #003300 ;
		text-decoration : underline}
		
A:active    {  	color : #99CC00 ;
		text-decoration : underline}

A:hover	    {	color : #99CC00 ;
		text-decoration : underline
}
#container {background-image: url('aquarel1.jpg') ;
	background-position:  104px 0px ; 
	background-repeat: repeat-y;
	border: solid 0px red;
	position: absolute;
	width: 100%;
	max-width: 1280px;
	min-height: 100%;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
}
#headerplaatje h1{background-image: url('invert-logo-geel.jpg') ;
	background-position:  0px 0px ; 
	background-repeat: no-repeat;
	padding-top: 16px;
	padding-left: 60px;
	background-color: #CCFF33;
	text-transform: uppercase;
	color: #008000;
	height: 40px;}
	
.invert_ontwerp #container {background-image: url('aquarel1.jpg') ;
	background-position:  104px 0px ; 
	background-repeat: repeat-y;
	position: absolute;
	width: 100%;
	max-width: 1280px;
	min-height: 100%;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
}
.invert_ontwerp #headerplaatje h1 {background-image: url(invert-logo-geel.jpg);}

.contact #container  {background-image: url('aquarel2.jpg') ;
	background-position:  104px 0px ; 
	background-repeat: repeat-y;
	
}
.contact #headerplaatje h1 {background-image: url('invert-logo-geel.jpg') ;}

.portfolio #container{background-image: url('aquarel3.jpg') ;
	background-position:  104px 0px ; 
	background-repeat: repeat-y;
	position: absolute;
	width: 100%;
	max-width: 1280px;
	min-height: 100%;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
}
.portfolio #headerplaatje h1 {background-image: url('invert-logo-geel.jpg') ;}
.portfolio2 #container{background-image: url('aquarel3.jpg') ;
	background-position:  104px 0px ; 
	background-repeat: repeat-y;
	position: absolute;
	width: 100%;
	max-width: 1280px;
	min-height: 100%;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
}
.portfolio2 #headerplaatje h1 {background-image: url('invert-logo-geel.jpg') ;}

.produktportfolio #container {background-image: url('aquarel3.jpg') ;
	background-position:  104px 0px ; 
	background-repeat: repeat-y;
	position: absolute;
	width: 100%;
	max-width: 1280px;
	min-height: 100%;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
}
.produktportfolio #container #headerplaatje h1 {background-image: url('invert-logo-geel.jpg') ;}

.internet #container{background-image: url('aquarel4.jpg') ;
	background-position:  104px 0px ; 
	background-repeat: repeat-y;
	position: absolute;
	width: 100%;
	max-width: 1280px;
	min-height: 100%;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
}
.internet #headerplaatje h1{
	background-image: url('invert-logo-oranje.jpg') ;
}
.internet #menu ul.nav li a:hover {background-image: url('invert-logo-oranje.jpg') ;}

.samenwerken #container {background-image: url('aquarel5.jpg') ;
	background-position:  104px 0px ; 
	background-repeat: repeat-y;
	position: absolute;
	width: 100%;
	max-width: 1280px;
	min-height: 100%;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
}
.samenwerken #headerplaatje h1{
	background-image: url('invert-logo-blauw.jpg') ;
}
.samenwerken #menu ul.nav li a:hover {background-image: url('invert-logo-blauw.jpg') ;}


#header{border: solid 0px aqua;
	position:absolute;
	right: 0px;
	margin-left: 210px;
	height: 140px;
	width: 100%;
	clear: both;
}
#header img {float: left;}
#logo{border: solid 0px yellow; 
	width: 210px;
	position: absolute;
	top: 25px;
	left: 0px;
	z-index: 1;
}
#menu{border: solid 0px green;
	margin-left: 220px;
	margin-right: 160px;
	padding-top:20px;
	text-align:center;
}
#menu ul{border: solid 0px aqua;}
#menu ul.nav li {border: solid 0px yellow;
	padding: 3em 0.1em 0.2em 0.1em;
	display: inline;
	line-height: 5em;
}
	
#menu ul.nav li a {border: solid 0px red;
	background-image: url('invert-logo-normaal.jpg') ;
	background-position:  50% 0px ; 
	background-repeat: no-repeat;
	padding: 3em 0em 0.2em 0.1em;
	color : #008000 ;
	font-size: 16px ;
	font-weight: bold ;		
	text-decoration : none}
	
#menu ul.nav li a:hover {border: solid 0px red;
	background-image: url('invert-logo-geel.jpg') ;
	color : #99CC00;
	}

#adresbol{border: solid 0px blue;
	width: 150px;
	position: absolute;
	top: 5px;
	right: 0px;
	text-align: center;
	vertical-align: middle;
}
#content{border: solid 0px purple;
	margin-top: 150px;
	margin-left: 210px;
	right: 0px;
	padding-right: 20px;
}
#content ul li {list-style-type: circle;
	list-style-position: outdent;
	margin-left: 20px;
	}
#content form ul li {list-style-type: none;
}
.blok {border: thin solid #D9E2A3;
	background-color: #FFFFCC;
	margin: 20px;
	
}
.rij {clear: both;
	padding-top: 0.3em;	
}
.portfolio .rij {border-bottom: solid 1px #CCFF33;
	padding-top: 15px;}
.portfolio2 .rij {border-bottom: solid 1px #CCFF33;
	padding-top: 15px;}
.label {width: 200px;
	margin-right: 0.2em;
	float:left;
	text-align: right;
	font-size: 0.9em;
	font-weight : bold ;
}
.infotekst {width: 70%;
	float: right;
}
.clear {clear: both;}

#footer{border: solid 0px black;
	height: 16px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	clear: both;}
/*copyright linken*/
.copyright{
	text-align: left;
	/*position: fixed;
	bottom:0px; */
	width: 110px;
	height:15px;
	position: absolute;
	bottom: 0;
}
.copyright a:link	{color: #3D4A1E;
		font-size:0.8em;
		font-weight: 400;
		text-decoration: none;
}
.copyright a:visited	{color: #3D4A1E;
		font-size:0.8em;
		font-weight: 400;
		text-decoration: none
}
.copyright a:active	{color: #3D4A1E;
		font-size:0.8em;
		font-weight: 400;
		text-decoration: none
}
.copyright a:hover	{color:#3D4A1E;
		font-size:0.8em;
		font-weight: 400;
		text-decoration: none;
		cursor: pointer;
}
.error{
	color: red;
}

.highlight{
	color: blue;
	font-style: italic;
}
.note{
	font-style: italic;
	font-size: 85%;
}

#poll{
	width: 156px;
	background-color: #FEFEFE;
	border: 1px solid #EDEDED;
	padding: 0px;
}

#poll .pollResultRow{
	width: 150px;
	margin: 3px 3px 3px 3px;
	background-color: #EFEFEF;
}

#poll .pollQuestionRow{
	width: 150px;
	margin: 3px 3px 3px 3px;
	padding: 3px 0px 3px 0px;
	background-color: #EFEFEF;
}

#poll .smallRight{
	margin: 3px 3px 3px 3px;
	font-size: 70%;
	float: right;
}

#poll h2{
	font-size: 110%;
	margin: 3px;
}

#contact fieldset{
	border: 0px;
}

#contact fieldset label{
	float: left;
	border: 0px solid red;
	width: 150px;
	display: block;
}

#contact fieldset label.error{
	float: none;
	clear: right;	
}