body,html {
		text-align:center;
		margin:0px;
		padding:0px;
		background:#b6c7e5;
		font-size: 10pt;
font-family: Verdana, Helvetica, sans-serif,  Arial;	
color: #000000;
line-height:16px;
		}
	
	#frame {
		width:980px;
		margin-right:auto;
		margin-left:auto;
		position:relative;
		padding:0px;
		text-align:left;
		}
	
UL
{
margin-left:20px;
padding:0;
}

.portfolio
{
width:100%;
border-bottom:1px solid #000000;
padding-top:5px;
padding-bottom:5px;
float:left;
display:block;
}

.portfolio H2
{
font-size: 11pt;
margin:0;
padding:0;
line-height: 14pt;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #00000;
}

.portfolio IMG
{
border:3px solid #0168b3; 
float:left;
margin-right:10px;
}	
	
#contentheader {
width:980px;
height:271px;
margin-bottom:5px;
padding:0px;
float:left;
}

#contentheaderleft {
width:670px;
height:214px;
margin-top:57px;
padding:0px;
float:left;
background:#0068b3;
}

#contentheaderright {
width:310px;
height:271px;
padding:0px;
float:left;
background-image: url(../images/backscroll.jpg);
background-repeat:repeat-x;
}

#logo {
width:670px;
height:177px;
padding:0px;
position:relative;
float:left;
background:#0068b3;
}

#scroll
{
width:368px;
height:271px;
display:block;
position:absolute;
z-index:100;
}



#contentfooter {
width:980px;
height:130px;
padding:0px;
float:left;
background:#0068b3;
}

.footerstep {
margin-left:30px;
margin-top:15px;
width:296px;
float:left;
color: #FFFFFF;
font-size: 8pt;
line-height:17px;
font-family: Verdana, Arial, Helvetica, sans-serif;	
}

#content {
width:980px;
display:block;
float:left;
margin-bottom:5px;
padding:0px;
background:#ffffff;
}

#contentmiddenleft {
width:680px;
float:left;
padding:0px;
margin-bottom:20px;
background:#ffffff;
}

#contentmiddenrechts {
width:300px;
float:left;
padding:0px;
margin-bottom:20px;
background:#ffffff;
}

#tekstmenu
{
margin-left:30px;
width:650px;
height:40px;
line-height:40px;
float:left;
position:relative;
color: #002280;
font-size: 11pt;
font-family: Verdana, Arial, Helvetica, sans-serif;	
}

#tekstmenu a:link, #tekstmenu a:visited
{
font-size: 8pt;
font-family: Verdana, Helvetica, sans-serif,  Arial;	
color: #002280;
line-height:25px;
}

#tekstmenu a:hover
{
font-size: 8pt;
font-family: Verdana, Helvetica, sans-serif,  Arial;	
color: #ff000a;
line-height:25px;
}

#menu
{	
width:675px;
text-align:center;
padding: 0;
float:left;
margin:0;
margin-top:3px;
}

#menu ul
	{	
text-align        : center; 
}
	
	#menu li
	{	
	 margin: 0px auto;
	 float: left;
		list-style: none;
		text-align:center;
		font: 12px Tahoma, Arial}

	#menu li a
	{	display 		: block;
				height 			: 15px;
				text-align 		: center;
				line-height: 15px;
				width:105px;
				color:#ffffff;
				font-size: 10pt;
				font-family: Verdana, Helvetica, sans-serif,  Arial;	
				border-right:1px solid #ffffff;
				text-decoration	: none;
				padding-top 	: 0px;
				margin 			: 0 0px 0 0;
				}

.linkwit:link, .linkwit:visited, .linkwit:active { color: #ffffff; }
.linkwit:hover { color: #cccccc; }


.nieuws:link, .nieuws:visited, .nieuws:active { color: #ffffff; text-decoration: none; display:block; background-image: url(../images/icoon/nieuws.gif); background-repeat:no-repeat; background-position:center left; padding:0 0 0 20px; }
.nieuws:hover { color: #cccccc; text-decoration: none; background-image: url(../images/icoon/nieuws_over.gif); }
			
			


	#menu li a:hover
	{	
color:#cccccc;
font-size: 10pt;
font-family: Verdana, Helvetica, sans-serif,  Arial;	
	 }
		
		#menu li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			z-index:100;
			visibility: hidden;
		}
		
		#menu li ul li
		{	float: none;
			display: inline}
		
		#menu li ul li a
		{	
			
			display 		: block;
				height 			: 25px;
				text-align 		: center;
				line-height: 25px;
				width:103px;
				color:#1e5276;
				font-size: 9pt;
				font-family: Helvetica, sans-serif, Verdana, Arial;	
				
				text-decoration	: none;
				padding-top 	: 0px;
				margin 			: 0 0px 0 0;
		}
		
		#menu li ul li a:hover
		{	background-position	: 0 -25px;

				color:#000000;
		}


label
{
float:left;
display: block; 
width:100px;
}
	

#credits
{
width:300px;
position:relative;
float:left;
text-align:right;
margin-right:8px;
padding:0;	
}

.offer
{
width:625px;
padding:0px;
float:left;
font-size: 10px;
line-height: 25px;
font-family: Verdana, Helvetica, sans-serif,  Arial;	
background:#ffffff;
}

.offertitel
{
width:625px;
padding:0px;
padding-left:3px;
float:left;
font-size: 12px;
line-height: 25px;
font-family: Verdana, Helvetica, sans-serif,  Arial;	
background-color:#e4e4e4;
}

.offerlinks
{
width:300px;
padding:0px;
padding-left:3px;
float:left;
font-size: 10px;
font-family: Verdana, Helvetica, sans-serif,  Arial;	
overflow:auto;
background:#ffffff;
}

.offerrechts
{
width:325px;
padding:0px;
float:left;
font-size: 10px;
font-family: Verdana, Helvetica, sans-serif,  Arial;	
overflow:auto;
background:#ffffff;
}

.foto
{
width:298px;
height:435px;
padding-left:10px;
padding-bottom:10px;
float:right;
}

.bannerrechts
{
width:269px;
height:48px;
margin-top:10px;
text-align:left;
float:left;
}

.interesse
{
width:249px;
height:213px;
background: #0068b3;
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #FFFFFF;
margin-top:10px;
padding:10px;
text-align:left;
float:left;
}

.terugbellenbox
{
font-size: 10pt;
margin-top:2px;
margin-bottom:2px;
height:18px;
border:1px solid #76c5ee;
font-family: Helvetica, sans-serif, Verdana, Arial;	
color: #000000;
}

#tekstveld
{
width:630px;
margin-left: 30px;
float:left;
}

.reactie
{
width:100%;
float:left;
display:block;
padding:5px;
margin-bottom:15px;
background: #ffbb5e;
color: #000000;
font-size: 9pt;
font-family: Helvetica, sans-serif, Verdana, Arial;	
}

.text
{
font-size: 9pt;
font-family: Helvetica, sans-serif, Verdana, Arial;	
color: #000000;
}

.reactiedatum
{
font-size: 8pt;
font-family: Helvetica, sans-serif, Verdana, Arial;	
color: #6a3401;
}

.contactbox
{
font-size: 9pt;
width:275px;
margin-top:2px;
margin-bottom:5px;
height:15px;
border:1px solid #cccccc;
font-family: Helvetica, sans-serif, Verdana, Arial;	
color: #000000;
}

.contactarea
{
font-size: 9pt;
width:250px;
height:80px;
margin-bottom:5px;
border:1px solid #cccccc;
font-family: Helvetica, sans-serif, Verdana, Arial;	
color: #000000;
}

.contactsubmit
{
font-size: 9pt;
font-family: Helvetica, sans-serif, Verdana, Arial;	
color: #000000;
}

H1
{
font-size: 12pt;
margin:0;
padding:0;
line-height: 14pt;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #00000;
}

H2
{
font-size: 11pt;
margin:0;
padding:0;
line-height: 14pt;
font-family: Verdana, Arial, Helvetica, sans-serif;	
color: #00000;
}

H4
{
font-size: 12pt;
margin:0;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;		
color: #ffffff;
}

a:link
{
text-decoration: none;
color: #00000;
}

a:visited
{
text-decoration: none;
color: #000000;
}

a:hover
{
text-decoration: none;
color: #cccccc;	
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */