/* CSS Document */

/* commented backslash hack \*/ 
html, body{
		height:100%;
		font-family: Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 10px;	
		} 	
		
/* end hack */
html,body {
		margin:0;
		padding:0;
		font-family: Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 10px;
		background: #004270 url(/Static/Images/img_page_bg.gif);
		background-position: center;
		background-repeat: repeat-y;
		SCROLLBAR-TRACK-COLOR: #004270;
		SCROLLBAR-BASE-COLOR: #004270;
		SCROLLBAR-FACE-COLOR: #004270;
		SCROLLBAR-ARROW-COLOR: #ffffff;
		SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
		SCROLLBAR-SHADOW-COLOR: #ffffff;
		SCROLLBAR-3DLIGHT-COLOR: #004270;
		SCROLLBAR-DARKSHADOW-COLOR: #004270;
		}
	
body {}/* centre for ie5.+*/
	#outer{
		min-height:100%;
		height:auto;
		width:934px;
		margin-left:auto;/* center it*/
		margin-right:auto;/* center it*/
		position:relative;
		background: url(/Static/Images/img_page_bg.gif);
		background-position: center;
		font-family: Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 10px;
		} 
		
* html #outer{
		height:100%;
		width:934px;/* box model hack for ie5.+*/
		w\idth:934px
		}

img {
display:block;
}

#header {
		margin:0;
		padding:0;
		width:934px;
		height:284px;
}

#slide1 {
		margin:0;
		padding:0;
		width:698px;
		height:284px;
		position:relative;
		float: left;
}

#slide2 {
		margin:0;
		padding:0;
		width:236px;
		height:142px;
		position:relative;
		float: left;
}

#slide3 {
		margin:0;
		padding:0;
		width:236px;
		height:142px;
		position:relative;
		float: left;
}

a.slidefade {
		text-decoration: none;
		display: block;
		cursor: default;
		width: 236px;
		height: 142px;
		background: #fff;
		filter: alpha(opacity=70);
  		-moz-opacity: 0.70;
  		opacity: 0.70;
}

a.slidefade:hover {
		text-decoration: none;
		display: block;
		cursor: default;
		width: 236px;
		height: 142px;
		background: #fff;
		filter: alpha(opacity=0);
  		-moz-opacity: 0.00;
  		opacity: 0.00;
}

#contentwrapper {
		width:698px;
		position:relative;
		float:left;
}

#kolomlinks {
		position: relative;
		float: left;
		width:236px;
}

#verticalnavigatie {
		position: relative;
	  	float: left;
		width:226px;
		margin: 0px;
		padding: 0px;
}

#navhome {
		position: relative;
	  	float: left;
		width:194px;
		height:23px;
		padding-left: 42px;
		font-weight: bold;
		font-size: 11px;
		color: #ffffff;
		line-height: 22px;
		background: url(/Static/Images/img_home_bg.gif);
}

#navhome_active {
		position: relative;
	  	float: left;
		width:194px;
		height:23px;
		padding-left: 42px;
		font-weight: bold;
		font-size: 11px;
		color: #ffffff;
		line-height: 22px;
		background: url(/Static/Images/img_menu_bg_active.gif);
}

#navheader {
		position: relative;
	  	float: left;
		width:194px;
		height:23px;
		padding-left: 42px;
		line-height: 22px;
		background: url(/Static/Images/img_menu_bg.gif);
}

#navheader_active {
		position: relative;
	  	float: left;
		width:194px;
		height:23px;
		padding-left: 42px;
		line-height: 22px;
		background: url(/Static/Images/img_menu_bg_active.gif);
}

a.navmenutekst {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #ffffff;
	text-decoration: none;
}

a.navmenutekst:hover {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #7fd6f7;
	text-decoration: none;
}
a.navmenutekst_active {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #244c8d;
	text-decoration: none;
}
a.navmenutekst_active:hover {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #7fd6f7;
	text-decoration: none;
}

#navlist {
		position: relative;
	  	float: left;
		width:194px;
		height:20px;
		padding-left: 42px;
		line-height: 20px;
		background: #f9ec2b;
}

#navlist_active {
		position: relative;
	  	float: left;
		width:194px;
		height:20px;
		padding-left: 42px;
		line-height: 20px;
		background: url(/Static/Images/img_submenu_bg_active.gif);
}
a.navsubmenutekst {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #244c8d;
	text-decoration: none;
}
a.navsubmenutekst:hover {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #7fd6f7;
	text-decoration: none;
}
a.navsubmenutekst_active {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #244c8d;
	text-decoration: none;
}
a.navsubmenutekst_active:hover {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #7fd6f7;
	text-decoration: none;
}

#inhoud {
	width:415px;
	position:relative;
	float: left;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #758c9c;
	margin-top:8px;
	margin-left:14px;
	margin-right: 15px;
	margin-bottom: 10px;
}

#contenttitel {
	width:423px;
	height:32px;
	position:relative;
	float: left;
}

#content {
	width:423px;
	position:relative;
	float: left;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #758c9c;
}

#componenten {
	position: relative;
	float: left;
	width:236px;
}

#componentheader {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #ffffff;
	text-decoration: none;
	position: relative;
	float: left;
	width:194px;
	height:23px;
	padding-left: 42px;
	line-height: 22px;
	background: url(/Static/Images/img_menu_bg.gif);
}

#portfoliotitel {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #ffffff;
	text-decoration: none;
	position: relative;
	float: left;
	width:194px;
	height:24px;
	padding-left: 42px;
	line-height: 24px;
	background: url(/Static/Images/img_menu_bg.gif);
}

#portfolioimage {
	position: relative;
	float: left;
	width:236px;
	height:107px;
}

#portfoliospacer {
	position: relative;
	float: left;
	width:236px;
	height:13px;
	background: url(/Static/Images/img_portfolio_bg.gif);
}

#portfoliodescription {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #ffffff;
	text-decoration: none;
	position: relative;
	float: left;
	width:190px;
	padding-left: 23px;
	padding-right: 23px;
	background: #244c8d;
}

#portfoliolink {
	position: relative;
	float: left;
	width:195px;
	height:20px;
	padding-left: 41px;
	line-height: 20px;

}

a.portfoliolinktekst {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #f9ec2b;
	text-decoration: none;
}

a.portfoliolinktekst:hover {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #f9ec2b;
	text-decoration: underline;
}

#portfoliospacer2 {
	position: relative;
	float: left;
	width:236px;
	height:13px;
	background: #244c8d;
}

#portfolioholder {
	position: relative;
	float: left;
	width:400px;
}

.componenttitel {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #ffffff;
	padding-top: 3px;
	padding-left: 29px;
	background: url(/Static/Images/img_componenten_header.gif);
}

.componentfoto {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #ffffff;
	background: url(/Static/Images/img_componenten_bg.gif);
}

.trans {	
	background: #fff;
	filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70;	
	}	

.componenttekst {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #ffffff;
	padding-top: 3px;
	padding-left: 29px;
	padding-right: 10px;
	padding-bottom: 0px;
	background: url(/Static/Images/img_componenten_bg.gif);
}

a.componentlink {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: underline;	
	color: #758c9c;
}

a.componentlink:hover {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;	
	color: #94c93d;
}

#clearfooter{clear:both;height:45px;width:100%}
div>p {margin:0}

#footer {
		width:100%;
		position:absolute;
		margin-bottom: 0px;
		bottom: 0;
		left:0;
		height:45px;
		background: url(/Static/Images/img_footer_bg.gif);
		color: #000000;
}

#copyright {
	position:relative;
	float: left;
	text-align: left;
	padding-left: 23px;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;	
}

.copyrightgeel {
	font-size: 11x;
	color: #f9ec2b;
}

#copyright a {
	font-size: 11x;
	color: #f9ec2b;
	text-decoration: none;				
	font-weight: bold;
	}

#copyright a:hover {
	font-size: 11px;
	font-weight: bold;
	color: #f9ec2b;	
	text-decoration: underline;		
}

/*-- RTE styles --*/

.RTEDefault {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height:14px;
	color: #244c8d;
}

.RTETitle {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: bold;
	color: #244c8d;
}

.RTESubTitle {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #244c8d;
}

/*-- standaard links --*/

a {
	text-decoration: underline;
	color: #244c8d;
}
a:hover {
	text-decoration: none;
	color: #244c8d;
}

/*-- formulier styles --*/

.form_header {
	vertical-align: top;
	padding-top: 4px;
}

.form_input {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding-left: 5px;
	color: #244c8d;
	border: solid 1px #ddd9d6;
	background-color: #ffffff;
	width: 300px;
	height:17px
}

.form_textarea {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #244c8d;
	padding-left: 5px;
	border: solid 1px #ddd9d6;
	width: 300px;
	SCROLLBAR-TRACK-COLOR: #f4f0ec;
	SCROLLBAR-BASE-COLOR: #f4f0ec;
	SCROLLBAR-FACE-COLOR: #f4f0ec;
	SCROLLBAR-ARROW-COLOR: #ddd9d6;
	SCROLLBAR-HIGHLIGHT-COLOR: #ddd9d6;
	SCROLLBAR-SHADOW-COLOR: #ddd9d6;
	SCROLLBAR-3DLIGHT-COLOR: #f4f0ec;
	SCROLLBAR-DARKSHADOW-COLOR: #f4f0ec;
}

.form_button {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	border: solid 1px #ddd9d6;
	background-color: #f9ec2b;
	color: #244c8d;
	height:20px;
}