html {
	background-image: url(images/bg_alg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color:#8dd1fe;
	height:100%;
}
body {
	width:928px;
	margin: 0 auto 0 auto;
	font-family:arial, 'lucida console', sans-serif;
	font-size:13px;
	color:#000000;
/*	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;*/
/*	border:1px solid #000000;*/
}
.kop{
	background-image: url(images/kop.png);
	_background-image: url(images/kop.gif);
	height:288px;
	width:928px;
}
.main{
	background-image: url(images/bg_main.png);
	_background-image: url(images/bg_main.gif);
	min-height:200px;
	text-align:left;
	padding-left:31px;
	padding-right:31px;
	overflow: hidden;
}
.navigatie{
	background-image: url(images/navigatie.jpg);
	height:154px;
	background-position: center top;
	width:865px;
	background-repeat:no-repeat;
}
.navigatie ul{
	float:left;
	margin:0px;
	width:500px;
	height:75px;
	#margin-left:40px;
	_margin-left:18px;
}
.navigatie li{
	list-style:none;
	padding-top:25px;
	margin-left:8px;
	margin-right:8px;
	height:50px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	font-size:20px;
	font-family:arial, 'lucida console', sans-serif;
	float:left;
}
.navigatie li a{
	text-decoration:none;
	color:#ffffff;
}
.navigatie li a:link{
	text-decoration:none;
	color:#ffffff;
}
.navigatie li a:visited{
	text-decoration:none;
	color:#ffffff;
}
.navigatie li a:hover{
	text-decoration:none;
	color:#ffffff;
	background-image: url(images/li_hover.jpg);
	background-repeat: repeat-x;
	margin-top:-25px;
	padding-top:25px;
	padding-left:8px;
	margin-left:-8px;
	padding-right:8px;
	margin-right:-8px;
	height:50px;
	#height:auto;
	display:block;
}
.navigatie li a:active{
	text-decoration:none;
	color:#ffffff;
}
.sitenav{
	float:left;
	font-family:arial, 'lucida console', sans-serif;
	font-size:11px;
	color:#000000;
	margin-top:25px;
	margin-left:30px;
}
.sitenav a:link{
	text-decoration:none;
	color:#000000;
}
.sitenav a:visited{
	text-decoration:none;
	color:#000000;
}
.sitenav a:hover{
	text-decoration:underline;
	color:#000000;
}
.sitenav a:active{
	text-decoration:none;
	color:#000000;
}
.content{
	padding-bottom:20px;
	width:865px;
	margin: 0 auto;
	min-height:400px;
}
.content img{
	border:0px;
}
.content img a{
	border:0px;
}
.content img a:link{
	border:0px;
}
.content img a:visited{
	border:0px;
}
.content img a:hover{
	border:0px;
}
.content img a:active{
	border:0px;
}
.tekst{
	margin-left:25px;
	width:520px;
	float:left;
}
.tekst a{
	text-decoration:underline;
	color:#000000;
}
.tekst a:link{
	text-decoration:underline;
	color:#000000;
}
.tekst a:visited{
	text-decoration:underline;
	color:#000000;
}
.tekst a:hover{
	text-decoration:underline;
	color:#000000;
}
.tekst a:active{
	text-decoration:underline;
	color:#000000;
}
.tekst h1{
	color:#f17c22;
}
.tekst h3{
	color:#f17c22;
	margin:0px;
}
.portfolio{
	overflow:auto;
	float:right;
	height:400px;
	text-align:center;
	width:300px;
}
.portfolioitem{
	text-align:left;
	width:262px;
	height:152px;
	padding:10px;
	background-image: url(images/bg_portfolio.png);
	_background-image: url(images/bg_portfolio.gif);
	color:#ffffff;
	font-size:12px;
}
.portfolioitem h1{
	font-size:17px;
	margin:0px;
}
.portfolioitem h1 a:link{
	text-decoration:none;
	color:#ffffff;
}
.portfolioitem h1 a:visited{
	text-decoration:none;
	color:#ffffff;
}
.portfolioitem h1 a:hover{
	text-decoration:underline;
	color:#ffffff;
}
.portfolioitem h1 a:active{
	text-decoration:none;
	color:#ffffff;
}
.portfolioitem img{
	width:99px;
	height:72px;
	float:right;
}
.portfolioomschrijving{
/*	border:1px solid #000000;*/
	height:110px;
}
.leesmeer{
	float:right;
	font-weight:bold;
}
.leesmeer a:link{
	text-decoration:none;
	color:#ffffff;
}
.leesmeer a:visited{
	text-decoration:none;
	color:#ffffff;
}
.leesmeer a:hover{
	text-decoration:underline;
	color:#ffffff;
}
.leesmeer a:active{
	text-decoration:none;
	color:#ffffff;
}
.portfolio img.stippellijn{
	clear:both;
	margin-top:20px;
	margin-bottom:20px;
}
.portfolionaarwebsite{
	color:#ababab;
}
.portfolionaarwebsite a:link{
	text-decoration:none;
	color:#ababab;
}
.portfolionaarwebsite a:visited{
	text-decoration:none;
	color:#ababab;
}
.portfolionaarwebsite a:hover{
	text-decoration:underline;
	color:#ababab;
}
.portfolionaarwebsite a:active{
	text-decoration:none;
	color:#ababab;
}
.bottom{
	margin:0px;
	clear:both;
	background-image: url(images/bottom.png);
	_background-image: url(images/bottom.gif);
	height:182px;
	padding-left:45px;
	padding-top:5px;
	background-repeat: no-repeat;
	background-position:top left;
	width:928px;
}
.bottomtekst{
	width:250px;
	color:#ffffff;
	font-size:14px;
	font-family:arial, 'lucida console', sans-serif;
	float:left;
	margin-right:40px;
}
.bottomtekst h1{
	font-weight:bold;
	font-size:19px;
}
.bottomtekst h1 a:link{
	text-decoration:none;
	color:#ffffff;
}
.bottomtekst h1 a:visited{
	text-decoration:none;
	color:#ffffff;
}
.bottomtekst h1 a:hover{
	text-decoration:underline;
	color:#ffffff;
}
.bottomtekst h1 a:active{
	text-decoration:none;
	color:#ffffff;
}
input.zoeken{
	border:0px;
	margin-left:82px;
	margin-top:49px;
	height:16px;
	width:200px;
}
/*label.zoeksubmit{
	float:left;
	margin-left:196px;
	width:150px;
}*/
input.zoeksubmit{
	margin-left:230px;
	background:none;
	border:0px;
	color:#ffffff;
	font-weight:bold;
	font-size:17px;
	font-family:arial, 'lucida console', sans-serif;
}
.klanteninlog{
	margin-left:330px;
	background:none;
	border:0px;
	color:#000000;
	font-weight:bold;
	font-size:17px;
	font-family:arial, 'lucida console', sans-serif;
}
.inlogscherm{
	width:292px;
	min-height:97px;
	background-image: url(images/inloggen.png);
	background-repeat: no-repeat;
	float:right;
	color:#ffffff;
	font-weight:bold;
	font-size:10px;
	text-align:left;
	margin-right:25px;
}
.inlogscherm h3{
	text-align:center;
	margin-top:5px;
	font-size:12px;
	margin-bottom:3px;
}
label.inlogscherm{
	background:none;
	float:left;
	width:80px;
	min-height:12px;
	margin-left:10px;
	margin-top:2px;
}
input.inlogscherm{
	background:none;
	border:0px;
	min-height:12px;
	width:150px;
	text-align:left;
	background-color:#ffffff;
	margin-top:2px;
	margin-right:20px;
	color:#000000;
}
input.inlogschermsubmit{
	background:none;
	border:0px;
	color:#ffffff;
	font-weight:bold;
}
.inlogscherm a{
	text-decoration:none;
	color:#ffffff;
}
.inlogscherm a:link{
	text-decoration:none;
	color:#ffffff;
}
.inlogscherm a:visited{
	text-decoration:none;
	color:#ffffff;
}
.inlogscherm a:hover{
	text-decoration:underline;
	color:#ffffff;
}
.inlogscherm a:active{
	text-decoration:none;
	color:#ffffff;
}
.zoekresultaatkop{
	color:#f17c22;
	font-size:14px;
	font-weight:bold;	
}
.zoekresultaatkop a:link{
	text-decoration:none;
	color:#f17c22;
}
.zoekresultaatkop a:visited{
	text-decoration:none;
	color:#f17c22;
}
.zoekresultaatkop a:hover{
	text-decoration:none;
	color:#035098;
}
.zoekresultaatkop a:active{
	text-decoration:none;
	color:#f17c22;
}
.zoekresultaattekst{
	color:#ababab;
	margin-bottom:15px;
}
label.contact{
	float:left;
	width:200px;
}
input.contact{
	width:300px;
}
textarea.contact{
	width:300px;
	height:150px;
}
input.contactsubmit{
	width:100px;
}
.overlay_achtergrond{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index:1001;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}
.overlay_melding {
	display: none;
	position: absolute;
	top: 35%;
	left: 35%;
	width: 25%;
	height: 25%;
/*	padding: 16px;*/
	border: 5px solid #f17c22;
	background-color: #000000;
/*	background-image: url(images/bg_overlay.png);
	background-repeat: no-repeat;
	background-position:center center;*/
	z-index:1002;
	overflow: auto;
}
.overlay_melding img{
	float:right;
	margin:0px;
	border:0px;
}
.overlay_melding img a{
	text-decoration:none;
	float:right;
	margin:0px;
	border:0px;
}
.overlay_melding img a:link{
	text-decoration:none;
	float:right;
	margin:0px;
	border:0px;
}
.overlay_melding img a:visited{
	text-decoration:none;
	float:right;
	margin:0px;
	border:0px;
}
.overlay_melding img a:hover{
	text-decoration:none;
	float:right;
	margin:0px;
	border:0px;
}
.overlay_melding img a:active{
	text-decoration:none;
	float:right;
	margin:0px;
	border:0px;
}
.overlay_foutmelding{
	text-align:center;
	margin-top:15px;
	color:#ff0000;
	font-size:14px;
}
label.inlogscherm_overlay{
	background:none;
	float:left;
	width:110px;
	margin-left:10px;
	margin-top:2px;
	color:#ffffff;
	font-size:15px;
	height:18px;
}
input.inlogscherm_overlay{
	background:none;
	border:0px;
	width:145px;
	text-align:left;
	background-color:#ffffff;
	margin-top:2px;
	margin-right:20px;
	color:#000000;
	font-size:15px;
	height:18px;
}
input.inlogschermsubmit_overlay{
	font-size:15px;
	height:18px;
	background:none;
	border:0px;
	color:#ffffff;
	font-weight:bold;
}
/* Berekenmodule */
label.berekenmodule{
	width:280px;
	text-align:left;
	float:left;
}
input.berekenmodule{
	width:210px;
}
input.berekenmodulesubmit{
	width:125px;
}
select.berekenmodule{
	width:210px;
	text-align:left;
}
h3.berekenmodule{
	font-size:12px;
	font-weight:bold;
}

/* Berekenmoduleaanmelding */
label.berekenmoduleaanmelding{
	width:180px;
	text-align:left;
	float:left;
}
input.berekenmoduleaanmelding{
	width:200px;
	font-size:8px;
}
input.berekenmodulesubmitaanmelding{
	width:80px;
}
select.berekenmoduleaanmelding{
	width:150px;
	text-align:left;
}
h3.berekenmoduleaanmelding{
	font-size:8px;
	font-weight:bold;
}
.foutmelding{
	color:#ff0000;
	font-size:14px;
	font-weight:bold;
}
.totaalprijs{
	font-weight:bold;
	font-size:16px;
	color:#0000FF;
}

