body, html {
     margin: 0px;
     background: #ffffff;
     height: 100%;
     width: 100%;
}

a {
     font: 12px tahoma;
     color: #00CCF4;
	 text-decoration:none;
}
a:hover {
     font: 12px tahoma;
     color: #000000;
	 text-decoration:underline;
}


.menu{
    
	    width: 800px;
     height: 41px;
     margin: 0 0 0 30px;
     background: url('images/navigatie_background.png') repeat-x;
	}
.menu ul{
 width: 802px;
 	border:none;
	border:0px;
	list-style:none;
	margin:0;
	padding:0;
	color:#FFFFFF;
	}
	.menu li{
		float:left;
		padding:0px;
			border:none;
	border:0px;
		}
	.menu li a{
		border:none;
	border:0px;
	
		color:#FFFFFF;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin-left:10px;
		padding:0px 20px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			border:none;
	border:0px;
	background-color:#8C8C8C;
			color:#FFFFFF;
			text-decoration:none;
			
			}
			.active {
			background-color:#8C8C8C;
			}
	.menu li ul{
	background-color:#1db4d2;
		display:none;
		height:auto;
		padding:0px;
	 margin: 0 10px 0 10px;
		border:none;
	border:0px;
		position:absolute;
		width:auto;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:auto;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:30px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
			border:none;
	border:0px;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background-color:#1db4d2;
				border:none;
	border:0px;
			color:#FFFFFF;
			text-decoration:underline;
			}
	.menu p{
		clear:left;
		}


/* ####### Wrapper ######## */
#outer_wrapper {
     min-width: 100%;
     overflow: hidden;
     background: url('images/background.jpg') repeat-x #01abcc;
}
#wrapper {
	width: 860px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	background: url('images/wrapper_background.png') repeat-y;
}
 #wrapper div {
      display: inline;
      float: left;
 }
 .no_border {
      float: left;
      border: 0;
 }







/* ####### Header ####### */
#header {
     width: 800px;
     height: 98px;
     margin: 0 0 0 30px;
     background: url('images/header_background.png');
}
.logo {
     float: left;
     margin: 17px 0 0 43px;
}






/* ####### Navigatie ####### */
#navigatie {
     width: 800px;
     height: 41px;
     margin: 0 0 0 30px;
     background: url('images/navigatie_background.png') repeat-x;
}
#navigatie ul {
     float: left;
     height: 34px;
     margin: 0 0 0 10px;
     padding: 0;
     display: inline;
}
#navigatie ul li {
     float: left;
     height: 34px;
     list-style: none;
     margin: 0 10px 0 0;
}
#navigatie ul li a {
     float: left;
     height: 27px;
     padding: 10px 15px 0 15px; 
     font: 12px verdana;
     color: #ffffff;
     text-decoration: none;
}
#navigatie ul li a:hover{
     float: left;
     height: 27px;
     padding: 10px 15px 0 15px; 
     font: 12px verdana;
     color: #ffffff;
     text-decoration: none;
	 background-color:#8C8C8C;
}
#managesite {
     float: right;
     margin: 7px 12px 0 0;
     padding: 3px 0 0 15px;
     width: 105px;
     font: 12px tahoma;
     color: #ffffff;
     text-decoration: none;
     height: 21px;
     background: url('images/ms_bg.png');
}
#managesite a:hover{
     text-decoration: underline;
}






/* ####### Content ####### */
#content {
     width: 800px;
     margin: 0 0 0 30px;
}
#content_left {
     width: 544px;
}
#content_right {
     width: 256px;
}






/* ####### Tekst ####### */
#tekst {
     width: 470px;
     margin: 15px 0 0 55px;
	  font: 12px tahoma;
	 padding:0px;
     color: #000000;
}
#tekst span {
     float: left;
     font: bold 13px tahoma;
     color: #01abcc;
     width: 450px;
     padding: 0;
     margin: 0;
}
#tekst p {
     float: left;
     margin: 15px 0 0 0;
     font: 12px tahoma;
	 padding:0px;
     color: #000000;

}
#tekst ul {
     float: left;
     font: 12px tahoma;
     color: #000000;
}
#tekst ul li {
     float: left;
     font: 12px tahoma;
     color: #000000;
}
.link2 {
     float: left;
     margin: 17px 0 0 0;
     text-decoration: none;
     font: 12px tahoma;
     color: #a9a9a9;
     background: url('images/l2_bg.png');
     width: 110px;
     padding: 2px 0 0 8px;
     height: 23px;
}
.link3 {
     float: left;
     margin: 2px 0 0 0;
     text-decoration: none;
     font: 12px tahoma;
     color: #a9a9a9;
     background: url('images/l2_bg.png');
     width: 110px;
     padding: 2px 0 0 8px;
     height: 23px;
}
.l2_div {
     width: 470px;
     margin: 0 0 0 55px;
}







/* ####### Movie ####### */
#movie {
      margin: 48px 0 0 0;
	  text-decoration: none;
     font: 12px tahoma;
     color: #000000;
}
.spacer1 {
     width: 100%;
     height: 13px;
}




/* ####### Footer ######## */
#footer {
     float: left;
     width: 100%;
     height: 192px;
     background: url('images/footer_background.png') repeat-x;
}
#footer_inner {
     width: 800px;
     height: 192px;
     overflow: hidden;
     background: url('images/footer_inner.png');
     margin: 0 auto;
}

#footer_left {
     width: 566px;
     height: 176px;
     float: left;
}
.rp_img {
     float: left;
     margin: 11px 0 0 63px;
}
.project1 {
     float: left;
     margin: 2px 0 0 0;
}
.project {
     float: left;
     margin: 9px 0 0 0;
}
.project_left {
     width: 469px;
     background: url('images/pijl.png') top left no-repeat;
     float: left;
}
.project_right {
     float: left;
     width: 97px;
}
.project_left p {
     float: left;
     margin: 0 0 0 63px; 
     font: 12px tahoma;
     color: #ffffff;
     width: 490px;
     line-height: 19px;
     display: inline;
}


#footer_right {
     width: 234px;
     height: 176px;
     float: left;
}
#footer_right ul {
     float: left;
     width: 200px;
     margin: 15px 0 0 15px;
     padding: 0;
     display: inline;
}
#footer_right ul li {
     width: 200px;
     float: left;
     list-style: none;
     height: 16px;
}
#footer_right ul li span {
     float: left;
     font: 11px tahoma;
}
#footer_right ul li a {

     font: 11px tahoma;
     color: #ffffff;
     text-decoration: none;
}
#footer_right ul li a:hover{

	 font: 11px tahoma;
     color: #ffffff;
     text-decoration:underline;
	 }

.f1 {
     color: #1db4d2;
}
.f2 {
     color: #b6b6b6;
}


.input {
     font: 12px tahoma;
	 color:#333333;
     text-decoration: none;
	 background-color:#FFFFFF;
	 border:1px solid #333333;
}

#footer_bottom {
     width: 800px;
     display: inline;
     float: left;
}
#footer_bottom span {
     float: left;
     width: 800px;
     margin: 1px 0 0 0;
     padding: 0;
     text-align: center;
     font: 10px tahoma;
     color: #b6b6b6;
}
#footer_bottom span a {
     color: #b6b6b6;
     text-decoration: none;
}
#footer_bottom span a:hover {
     color: #b6b6b6;
     text-decoration:underline;
}
.img {
width:80px; 
height:auto; 
margin:2px; 
border:1px solid #F2F2F2;
}