body
{
	background-image:		url("../images/achtergrond.jpg");
	background-repeat:		no-repeat;
	background-position: 	top center;
	background-color:		#071b34;
	
	font-family:			Trebuchet MS, Kalinga, arial; 
	font-size:				12px;
	color:					#000000; 
	margin-left:			0px; /* Centreren IE */
	text-align:				center; /* Centreren IE */
	margin:					0px;
}

@font-face
{
	font-family:				"Kalinga";
	src:					url("kalinga.ttf")
}

img
{
	border:					none;
}


#addthis
{
	float:					right;
	width:					105px;
	margin-top:				5px;
}

#achtergrond
{
	background-image:		url("../images/achtergrond.jpg");
	background-repeat:		repeat-y;
	width:					100%;
	background-position: 	top center;
}

/* CONTAINER */

#containerAlles
{
	position:				absolute;
	min-height:				100%;
	width:					100%;
}

#container
{
	position:				relative;
	width:					960px;
	margin: 				0px auto -1px auto;
	text-align:				left;
	top:					0px;
	padding-left:			12px;
	padding-right:			45px;
}

/* LOGO */

#logo
{
	position:				relative;
	left:					20px;
	margin-top:				35px;
}

#logoPrint
{
	display:				none;
}

/* DOWNLOAD SUPPORT SOFTWARE */

#download
{
	position:				fixed;
	right:					0px;
	top:					30px;
	/*z-index:				5;*/
	z-index:8;
	
}

/* MENU */

#menu
{
	position:				absolute;
	top:					-10px;
	left:					460px;
	width:					500px;
}

#menuItems
{
	list-style:				none;
	padding: 				0;
	margin: 				0;
} 

#menuItems li
{
	float: 					left;
	margin-left:			0px;
	margin-right:			0px;
}

#menuItems li a
{
	height:					115px;
	font-size:				18px;
	float: 					left;
	display: 				block;
	color: 					#ffffff;
	text-decoration: 		none;
	padding-left:			15px;
	padding-right:			15px;
	line-height:			195px;
	margin-top:				-15px;
	background-color:		#;
}

#menuItems li a:hover
{
	background-color:		#0c1f35;
	
	-moz-border-radius: 	12px; /* Firefox */
	-webkit-border-radius: 	12px; /* Safari */
	border-radius: 			12px; /* CSS3 */
	behavior: url(border-radius.htc);
}

.menuNu
{
	background-color:		#0c1f35;
	
	-moz-border-radius: 	12px; /* Firefox */
	-webkit-border-radius: 	12px; /* Safari */
	border-radius: 			12px; /* CSS3 */
	behavior: url(border-radius.htc);
}

#menuRechts
{
	position:				absolute;
	top:					89px;
	left:					672px;
}

#menuRechtsStart
{
	position:				absolute;
	top:					517px;
	left:					672px;
}

/* CONTENT */

#content
{
	/*position:				relative;*/
}

#nieuws
{
	position:				relative;
	background-image:		url("../images/doorzichtig.png");
	/*opacity:				0.6;
	filter:					alpha(opacity=60);
	background-color:		#0c1f35;*/
	margin-top:				18px;
	width:					960px;
	height:					410px;
	border:					none;
	
	-moz-border-radius: 	15px; /* Firefox */
	-webkit-border-radius: 	15px; /* Safari */
	border-radius: 			15px; /* CSS3 */
	behavior: url(border-radius.htc);

}

#cu3er
{
	padding:				15px;
	width:					930px;
	height:					380px;
	outline:				0;
}

#nieuws p
{
	font-color:				#ffffff;
}

#contactinfo
{
	position:				relative;
	margin-top:				18px;
	width:					300px;
	text-align:				center;
	color:					#ffffff;
	font-size:				22px;
	font-weight:			bold;
}

#zoeken
{
	position:				relative;
	margin-top:				18px;
	/*left:					660px;*/
	
	width:					300px;
	height:					50px;
	background-color:		#ffffff;
	border:					none;
	
	-moz-border-radius: 	12px; /* Firefox */
	-webkit-border-radius: 	12px; /* Safari */
	border-radius: 			12px; /* CSS3 */
	behavior: url(border-radius.htc);
}

#zoekenInput
{
	position:				absolute;
	border:					none;
	font-size:				13px;
	width:					230px;
	height:					40px;
	padding-left:			10px;
	top:					5px;
	left:					5px;
	line-height:			40px;
	font-family:			Kalinga;
}

#zoekenSubmit
{
	position:				absolute;
	right:					12px;
	top:					13px;
	width:					24px;
	height:					24px;
	background-image:		url("../images/zoeken.gif");
	border:					none;
}


#login
{
	position:				relative;
	margin-top:				18px;
	/*margin-left:			660px;*/
	
	width:					270px;
	height:					175px;
	background-color:		#031024;
	border:					none;
	padding:				15px;
	
	-moz-border-radius: 	12px; 
	-webkit-border-radius: 	12px; 
	border-radius: 			12px; 
	behavior: url(border-radius.htc);
}

#login label
{
	position:				absolute;
	font-size:				24px;
	color:					#ffffff;
}

#login input[name=emailadres]
{
	position:				absolute;
	top:					65px;
	
	border:					none;
	font-size:				13px;
	width:					258px;
	height:					30px;
	padding-left:			10px;
	line-height:			30px;
	
	-moz-border-radius: 	8px; 
	-webkit-border-radius: 	8px;
	border-radius: 			8px; 
	behavior: url(border-radius.htc);
}

#login input[name=wachtwoord]
{
	position:				absolute;
	top:					110px;
	
	border:					none;
	font-size:				13px;
	width:					258px;
	height:					30px;
	padding-left:			10px;
	line-height:			30px;
	
	-moz-border-radius: 	8px; 
	-webkit-border-radius: 	8px;
	border-radius: 			8px; 
	behavior: url(border-radius.htc);
}


#login input[type=submit]
{
	position:				absolute;
	right:					15px;
	top:					160px;
	
	width:					100px;
	height:					30px;
	background-color:		#0e72b5;
	border:					none;
	color:					#ffffff;
	
	-moz-border-radius: 	8px; 
	-webkit-border-radius: 	8px;
	border-radius: 			8px; 
	behavior: url(border-radius.htc);
}

#login input[type=submit]:hover
{
	background-color:		#009ee0;
}

#login a
{
	position:				absolute;
	left:					20px;
	top:					167px;
	text-decoration:		none;
	color:					#0e72b5;
}

#login a:hover
{
	color:					#009ee0;
}

#dienstenMenu
{
	position:				relative;
	list-style:				none;
	padding: 				0;
	margin-top:				18px;
}

#dienstenMenu li
{
	margin-top:				6px;
	
	width:					300px;
	height:					40px;
	border:					none;
	line-height:			45px;
	
	
	-moz-border-radius: 	12px; /* Firefox */
	-webkit-border-radius: 	12px; /* Safari */
	border-radius: 			12px; /* CSS3 */
	behavior: url(border-radius.htc);
}

#dienstenMenu li a
{
	color:					#ffffff;
	margin-left:			18px;
	text-decoration:		none;
	font-size:				18px;
}



#dienstMenu1{	background-color:		#005fca;	}
#dienstMenu2{	background-color:		#ca4700;	}
#dienstMenu3{	background-color:		#599e00;	}
#dienstMenu4{	background-color:		#b7003c;	}
#dienstMenu5{	background-color:		#dfa800;	}



#dienstMenu1:hover{	background-color:		#006ce6		}
#dienstMenu2:hover{	background-color:		#e85200;	}
#dienstMenu3:hover{	background-color:		#62ae01;	}
#dienstMenu4:hover{	background-color:		#c90042;	}
#dienstMenu5:hover{	background-color:		#f2b600;	}

.dienstMenuX
{
	margin-left:			-45px;
	padding-left:			45px;
	background-color:		#ffffff;
}

.diensten
{
	position:				relative;
	margin-top:				18px;
	height:					243px;
	width:					171px;
	
	border:					none;
	padding:				15px;
	
	-moz-border-radius: 	12px; 
	-webkit-border-radius: 	12px; 
	border-radius: 			12px; 
	behavior: url(border-radius.htc);
}

.diensten label
{
	color:					#ffffff;
	font-size:				20px;
}

.diensten p
{
	color:					#ffffff;
	font-size:				13px;
	text-align:				justify;
}

.diensten a
{
	position:				absolute;
	right:					15px;
	bottom:					15px;
	color:					#ffffff;
	text-decoration:		none;
	font-size:				18px;
	font-weight:			bold;
}

#dienst1
{
	position:				absolute;
	background-color:		#005fca;
}

#dienst2
{
	position:				absolute;
	margin-left:			220px;
	background-color:		#ca4700;
}

#dienst3
{
	position:				relative;
	margin-left:			440px;
	background-color:		#599e00;
}

#support
{
	position:				relative;
	margin-top:				-273px;
	height:					243px;
	width:					610px;
	
	background-color:		#0e72b5;
	border:					none;
	padding:				15px;
	
	-moz-border-radius: 	15px; 
	-webkit-border-radius: 	15px; 
	border-radius: 			15px; 
	behavior: url(border-radius.htc);
}

#support label
{
	position:				absolute;
	font-size:				24px;
	color:					#ffffff;
}

#support p
{
	position:				absolute;
	width:					100%;
	top:					45px;
}

/* INHOUD PAGINA'S */

.inhoud
{
	position:				relative;
	/*margin-top:				-273px;*/
	margin-left:			0px;
	margin-top:				18px;
	min-height:				550px;
	width:					596px;
	
	background-color:		#ffffff;
	border:					none;
	padding:				22px;
	font-size:				13px;
	
	-moz-border-radius: 	12px; 
	-webkit-border-radius: 	12px; 
	border-radius: 			12px; 
	behavior: 				url(border-radius.htc);
}

.inhoud ul
{
	font-size:				13px;
	color:					#000000;
}

#zakelijk{					background-color:		#005fca;	}
#zakelijk h1{				color:					#ffffff;	}
#zakelijk p{					color:					#ffffff;	}

#prive{						background-color:		#599e00;	}
#prive h1{					color:					#ffffff;	}
#prive p{					color:					#ffffff;	}

#web{						background-color:		#ca4700;	}
#web h1{						color:					#ffffff;	}
#web p{						color:					#ffffff;	}

.inhoud h1
{
	font-size:				24px;
	color:					#009ee0;
	margin:					0px;
	margin-bottom:			20px;
	font-weight:			normal;
}

.inhoud p
{
	width:					100%;
	width:					595px;
	font-size:				13px;
	text-align:				justify;
}


.inhoud form label
{
	display:				block;
	font-size:				13px;
	margin-top:				6px;
}

.inhoud form input[type=text]
{
	display:				block;
	margin-top:				-23px;
	margin-left:			145px;
	width:					200px;
	height:					19px;
	font-family:			kalinga;
	font-size:				13px;
	padding:				3px;
	margin-bottom:			5px;
	border:					1px solid;
	border-color:			#c0c0c0;
}

.inhoud form input:focus
{
	border-color:			#000000;
}

.inhoud form textarea
{
	position:				block;
	margin-top:				-23px;
	margin-left:			145px;
	width:					400px;
	height:					200px;
	font-family:			kalinga;
	font-size:				13px;
	padding:				3px;
	margin-bottom:			5px;
	border:					1px solid;
	border-color:			#c0c0c0;
}

.inhoud form textarea:focus
{
	border-color:			#000000;
}

.inhoud form  input[type=submit]
{
	display:				block;
	margin-left:			145px;
	
	width:					100px;
	height:					30px;
	background-color:		#0e72b5;
	border:					none;
	color:					#ffffff;
	
	-moz-border-radius: 	8px; 
	-webkit-border-radius: 	8px;
	border-radius: 			8px; 
	behavior: url(border-radius.htc);
}

.inhoud form  input[type=submit]:hover
{
	background-color:		#009ee0;
}

.portfolioItem
{
	margin:					6px;
}

#portfolio
{
	list-style:				none;
	padding: 				0;
	margin: 				0;
}

#portfolio li
{
	position:				relative;
	padding:				3px;
	border:					1px solid;
	border-color:			#d0d0d0;
	margin-bottom:			5px;
}

#portfolio li:hover
{
	border:					1px solid;
	border-color:			#000000;
}


#portfolioLink
{
	position:				absolute;
	bottom:					10px;
	left:					210px;
	text-decoration:		none;
	font-weight:			bold;
	color:					#000000;
}

#portfolioLink:hover
{
	color:					#009ee0;
}

#portfolio li h1
{
	position:				absolute;
	left:					210px;
	width:					380px;
	top:					12px;
	font-size:				24px;
	color:					#009ee0;
	font-weight:			normal;
}

#portfolio li p
{
	color:					#000000;
	position:				absolute;
	left:					210px;
	width:					380px;
	top:					40px;
}


/* FOOTER */


#footer
{
	text-align:				left;
	position:				relative;
	margin-top:				20px;
	/*bottom:					0px;*/
	
	height:					350px;
	
	width:					100%;
	background-color:		#031024;
	color:					#ffffff;
	/*margin-bottom:			0px;*/

	border-top:				1px solid;
	border-color:			#0182ba;
	padding-top:			10px;
	padding-bottom:			10px;
}

#footerContent
{
	text-align:				left;
	position:				relative;
	width:					910px;
	margin: 				0px auto -1px auto;
	font-size:				13px;
}

#footerContent h1
{
	font-size:				14px;
	color:					#009ee0;
	margin-bottom:			5px;
}

#footer a
{
	text-decoration:		none;
	color:					#ffffff;
}

#footerLijsten
{
	list-style:				none;
	padding: 				0;
	margin: 				0px;
	margin-left:			-30px;
}

#footerLijsten li
{
	float: 					left;
	margin-left:			0px;
	margin-right:			60px;
}

#footerLijsten li a
{
	text-decoration: 		none;
}

#icons
{
	float:					right;
	margin-top:				10px;
	
}

#icons img
{
	margin-left:			15px;
}

#footerCopyright
{
	position:				absolute;
	right:					0px;
	top:					60px;
}