/* 
AddNoise
======================================================================================
URL:				http://www.addnoise.nl/
Start ontwerp: 		6 juli 2007
Start xhtml: 		17 juli 2007
Auteur: 			Ale van der Ploeg, Stefan Efde en Edwin de Vries
======================================================================================
*/




/* Kleuren
Links:	 	  #469FC9
Tekst:		  #606060
Intro:		  #0074A9
Achtergrond:  #ffffff
*/


@import url(iconen.css);

body {
	margin: 0px;
	background-color: #fff;
	background-image: url(images/bodyback.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	}
	.menuyazi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	line-height: normal;
	height: auto;
}
a:link, a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #ffffff;
	   outline-color: invert;
	   outline-style: none;
	   outline-width: 0pt; 	
	   position: relative;	
	}

a:hover { 
	text-decoration: underline; 
	color: #ffffff;
	}

input {
	position: relative;
}

textarea {
	position: relative;
}

		html
		{
			height: 100%;
		}
		
		#bovenstuk
		{
			width: 100%;
			height: 223px;
		}
				
		
		#middenstuk
		{
			width: 100%;
			padding-bottom: 176px;
		}
				
		
		#onderstuk
		{
			width: 100%;
			height: 176px;
			position: relative;
			margin: -176px auto 0 auto;
			background: url(../images/footerback.jpg) repeat-x;
		}

		/* Fix voor IE */
		* html #onderstuk
		{
			margin-top: -176px;
		}



		#content
		{
			margin: 0 auto;
			width: 889px;
		}
		  
		  

		#contentboven
		{
			margin: 0 auto;
			width: 889px;
			height: 223px;	
		}
		
		
		
		#logo
		{
			float: left;
			width: 304px;
			height: 192px;
			margin-left: 52px;
			background: url(../images/addnoise.png) top right no-repeat;
		}	
		
	/* Fix voor IE */
	* html #logo
	{
		margin-left: 26px;
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.addsite.nl/website04/www/images/addnoise.png', sizingMethod='scale');
	}		
		
		#flashcontent_img
		{
			float: left;
			width: 889px;
			height: 223px;
			background: url(../images/flash.png) top left no-repeat;
		}	
		
	/* Fix voor IE */
	* html #flashcontent_img
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.addsite.nl/website04/www/images/flash.png', sizingMethod='scale');
	}	
	
		

		

		#contentonder
		{
			margin: 0 auto;
			width: 889px;
			height: 176px;
		}
			

		#container
		{
			position: relative;
			min-height: 100%;
		}

		* html #container
		{
			position: relative;
			height: 100%;
		}	
		
a.pageflip, a.pageflip:visited{ 
	position: absolute;
	top: 0px;
	right: 0px;
	width: 96px;
	height: 121px;
	background: url(../images/pageflip.png) 0px 0px no-repeat;
	}	
	
a.pageflip:hover{ 
	background: url(../images/pageflip.png) 0px -121px no-repeat;	
	}		


.clearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer2 {
	height: 17px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer3 {
	height: 10px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.line {
	height: 2px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 25px 60px 10px 20px;
	clear: both;
	background: url(../images/dots.gif) top left repeat-x;
}

#silhouetbox {
	float: left;
	height: 250px;
	width: 889px;
}

#tooltip {
	position: absolute;
	top: 0px;
	left: 30px;
	z-index: 3000;
	border: 0px solid #111;
	padding: 5px;
	opacity: 0.85;
		float: left;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.right { width: 190px; }


#tooltip.fancy {
	background: url(../images/shadow2.png);
	padding-top: 2em;
	width: 190px;
	height: 105px;
	text-align: left;
	padding-left: 30px;
	padding-bottom: 0px;
	filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
	}
	
	/* Fix voor IE */
	* html #tooltip.fancy
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.addsite.nl/website04/www/images/shadow2.png', sizingMethod='scale');
	}


#tooltip.fancy2 {
	background: no-repeat url(../images/shadow3.png);
	padding-top: 2em;
	width: 195px;
	height: 95px;
	text-align: left;
	padding-left: 40px;
	padding-bottom: 10px;	
	filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
	}
	/* Fix voor IE */
	* html #tooltip.fancy2
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.addsite.nl/website04/www/images/shadow3.png', sizingMethod='scale');
	}	



#tooltip.pretty h3 {
	font-size: 14pt;
	text-align: left;
	color: #0074A9;
}


#menu ul{ 
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
	
#menu ul li{ 
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
	}	
	

a.btn_home, a.btn_home:visited{ 
	float: left;
	width: 120px;
	height: 47px;
	background: url(../images/btn_home.gif) 0px 0px no-repeat;
	}	
	
a.btn_home:hover{ 
	background: url(../images/btn_home.gif) 0px -47px no-repeat;	
	}	
	
a.btn_home_act, a.btn_home_act:visited, a.btn_home_act:hover{ 
	float: left;
	width: 120px;
	height: 47px;
	background: url(../images/btn_home.gif) 0px -94px no-repeat;
	}	
	
a.btn_wie, a.btn_wie:visited{ 
	float: left;
	width: 91px;
	height: 47px;
	background: url(../images/btn_wie.gif) 0px 0px no-repeat;
	}	
	
a.btn_wie:hover{ 
	background: url(../images/btn_wie.gif) 0px -47px no-repeat;	
	}	
	
a.btn_wie_act, a.btn_wie_act:visited, a.btn_wie_act:hover{ 
	float: left;
	width: 91px;
	height: 47px;
	background: url(../images/btn_wie.gif) 0px -94px no-repeat;
	}
	
a.btn_wat, a.btn_wat:visited{ 
	float: left;
	width: 95px;
	height: 47px;
	background: url(../images/btn_wat.gif) 0px 0px no-repeat;
	}	
	
a.btn_wat:hover{ 
	background: url(../images/btn_wat.gif) 0px -47px no-repeat;	
	}	
	
a.btn_wat_act, a.btn_wat_act:visited, a.btn_wat_act:hover{ 
	float: left;
	width: 95px;
	height: 47px;
	background: url(../images/btn_wat.gif) 0px -94px no-repeat;
	}
	
a.btn_contact, a.btn_contact:visited{ 
	float: left;
	width: 129px;
	height: 47px;
	background: url(../images/btn_contact.gif) 0px 0px no-repeat;
	}	
	
a.btn_contact:hover{ 
	background: url(../images/btn_contact.gif) 0px -47px no-repeat;	
	}	
	
a.btn_contact_act, a.btn_contact_act:visited, a.btn_contact_act:hover{ 
	float: left;
	width: 129px;
	height: 47px;
	background: url(../images/btn_contact.gif) 0px -94px no-repeat;
	}	


	
	
	
.block_center a:link, .block_center a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #80DDFF;
	}

.block_center a:hover { 
	text-decoration: underline; 
	color: #80DDFF;
	}	
	

	
#menu { 
	float: left;
	width: 475px;
	padding-left: 414px;
	height: 47px;
	background: url(../images/menuback.png) 0px 0px no-repeat;
	}
	
	/* Fix voor IE */
	* html #menu
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.addsite.nl/website04/www/images/menuback.png', sizingMethod='scale');
	}	
	

#midden { 
	float: left;
	width: 889px;
	min-height: 300px;
	background: url(../images/middenback2.png) 0px 0px no-repeat;
	}	
	
		/* Fix voor IE */
		* html #midden
		{
			height: 300px;
			background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.addsite.nl/website04/www/images/middenback2.png', sizingMethod='scale');
		}	
	
.block_kop { 
	float: left;
	margin: 24px 0px 5px 0px;
	border: 0px;
	padding: 0px;
	}	
	
.block_top {
	float: left;
	width: 570px;
	height: 8px;
	font-size: 1px;
	line-height: 1px;
	background-image: url(images/block_top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}	
	
.block_center {
	float: left;
	width: 570px;
	min-height: 184px;
	color: #ffffff;
	background-color: #59a2c3;
	background-image: url(images/block_center.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	}
	
		/* Fix voor IE */
		* html .block_center
		{
			
			height: 184px;
		}	
	
.block_center .tekst {
	float: left;
	width: 300px;
	line-height: 15px;
}

.block_center .tekstwie {
	float: left;
	padding: 20px 120px 25px 25px; 
	line-height: 22px;
}

.block_center .tekstwat {
	float: left;
	padding: 20px 40px 60px 25px; 
	line-height: 20px;
}

.block_center .tekstanders {
	float: left;
	padding: 20px 40px 20px 25px; 
	line-height: 20px;
}

.block_center .tekstnieuws {
	float: left;
	padding: 20px 40px 20px 25px; 
	line-height: 22px;
}

.block_center .tekstcontact {
	float: left;
	padding: 20px 200px 60px 25px; 
	line-height: 22px;
	background: url(../images/contactback.gif) top right no-repeat;
}

.block_center .foto {
	float: left;
	width: 120px;
	height: 164px;
}
	
.block_bottom {
	float: left;
	width: 570px;
	height: 8px;
	margin-bottom: 15px;
	font-size: 1px;
	line-height: 1px;
	background-image: url(images/block_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
	
.fieldtop {
	float: left;
	width: 570px;
	height: 25px;
	background: url(../images/fieldtop.gif) 0px 9px no-repeat;
	line-height: 18px;
}

.fieldkop {
	background: #ffffff;
	color: #004D73;
	padding: 0px 5px 0px 5px;
	margin-left: 15px;
}

.fieldcontent {
	float: left;
	width: 570px;
	padding: 5px 0px 3px 0px;
	background: url(../images/fieldback.gif) top left repeat-y;
}

.fieldbottom {
	float: left;
	width: 570px;
	height: 18px;
	background: url(../images/fieldbottom.gif) top left no-repeat;
}
	
#silhouet { 
	position: relative;
	float: left;
	width: 570px;
	height: 0px;
	font-size: 1px;
	line-height: 1px;	
	}
	
#silhouet img{ 
	position: absolute;
	top: -125px;
	left: 459px;
	}		
	
#subnav1 { 
	position: relative;
	float: left;
	width: 570px;
	height: 0px;
	}	
	
#subnav2 { 
	position: absolute;
	float: left;
	width: 570px;
	height: 45px;
	top: -60px;
	left: 0px;
	}	
	
#subnav2 ul{ 
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: right;
	padding-right: 10px;
	}
	
#subnav2 ul li{ 
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
	text-transform: lowercase;
	}

a.subnav1, a.subnav1:visited{ 
	float: left;
	width: 126px;
	height: 45px;
	background: url(../images/subnav1.gif) 0px 0px no-repeat;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	line-height: 44px;
	}	
	
a.subnav1:hover{ 
	background: url(../images/subnav1.gif) 0px -45px no-repeat;	
	color: #ffffff;
	text-decoration: none;	
	}	
	
a.subnav1_act, a.subnav1_act:visited, a.subnav1_act:hover{ 
	float: left;
	width: 126px;
	height: 45px;
	background: url(../images/subnav1.gif) 0px -90px no-repeat;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	line-height: 44px;
	}
	
a.subnav2, a.subnav2:visited{ 
	float: left;
	width: 126px;
	height: 45px;
	background: url(../images/subnav2.gif) 0px 0px no-repeat;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	line-height: 44px;
	}	
	
a.subnav2:hover{ 
	background: url(../images/subnav2.gif) 0px -45px no-repeat;	
	color: #ffffff;
	text-decoration: none;
	}	
	
a.subnav2_act, a.subnav2_act:visited, a.subnav2_act:hover{ 
	float: left;
	width: 126px;
	height: 45px;
	background: url(../images/subnav2.gif) 0px -90px no-repeat;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	line-height: 44px;
	}
	
a.subnav3, a.subnav3:visited{ 
	float: left;
	width: 126px;
	height: 45px;
	background: url(../images/subnav3.gif) 0px 0px no-repeat;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	line-height: 44px;
	}	
	
a.subnav3:hover{ 
	background: url(../images/subnav3.gif) 0px -45px no-repeat;	
	color: #ffffff;
	text-decoration: none;	
	}	
	
a.subnav3_act, a.subnav3_act:visited, a.subnav3_act:hover{ 
	float: left;
	width: 126px;
	height: 45px;
	background: url(../images/subnav3.gif) 0px -90px no-repeat;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	line-height: 44px;	
	}	


#copyright {
	float: left;
	padding: 130px 0px 0px 45px;
	color: #ffffff;
}

#linkjes {
	float: right;
	padding: 130px 45px 0px 0px;
	color: #ffffff;
}

#linkjes a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: #ffffff;
	}
#linkjes a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #ffffff;
	}
#linkjes a:hover, #linkjes a:active { 
	text-decoration: underline; 
	color: #ffffff;
	}


	
#linkerkant {
	float: left;
	width: 288px;
}



#contentlinks {
	float: left;
	position: relative;
	padding: 12px 20px 0px 26px;
}

#contentlinks2 {
	width: 232px;
	min-height: 429px;
	float: left;
	background: url(../images/contentlinks2.jpg) 0px 0px no-repeat;
	margin: 17px 0px 0px 30px;
}
/* Fix voor IE */
	* html #contentlinks2
	{
		margin: 17px 0px 0px 15px;
	}	

#contentlinks3 {
	width: 232px;
	min-height: 429px;
	float: left;
	background: url(../images/contentlinks4.jpg) 0px 0px no-repeat;
	margin: 17px 0px 0px 30px;
}

/* Fix voor IE */
	* html #contentlinks3
	{
		margin: 17px 0px 0px 15px;	
	}	


#contentlinks2 .tekst {
	float: left;
	padding: 27px 20px 20px 20px; 
	line-height: 22px;
}

#contentlinks3 .tekst {
	float: left;
	padding: 260px 20px 20px 20px; 
	line-height: 22px;
}

.kopleft {
	color: #0074A9;
	font-weight: bold;
	background: url(../images/tekstback.gif) 0px 0px no-repeat;
	padding: 12px 0px 25px 15px;
}

#rechterkant {
	float: right;
	width: 601px;
}

#coverflow {
	position: relative;
	width: 889px;
	text-align: center;
	top: 0px;
	left: 0px;
}



.tekstblok {
	padding: 15px 60px 0px 22px;
	line-height: 18px;
	background: url(../images/tekstback.gif) 0px 0px no-repeat;
}

.tekstblok2 {
	padding: 15px 60px 0px 22px;
	line-height: 22px;
	background: url(../images/tekstback.gif) 0px 0px no-repeat;
}

.tekstblok3 {
	padding: 15px 60px 0px 22px;
	line-height: 22px;
}



.intro {
	color: #0074A9;
}

.subkop {
	color: #0074A9;
	font-weight: bold;
}


ul.doorlinks {
	margin: 7px 0px 10px 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 18px;
}

ul.doorlinks li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul.doorlinks li a:link, ul.doorlinks li a:visited { 
	display: block;
	height: 15px;
	color: #469FC9;
	padding: 4px 0px 3px 17px;
	margin: 0px;
	background: url(../images/arrow.gif) 0px 9px no-repeat;
	}

ul.doorlinks li a:hover { 
	color: #606060;
	}	
	
a.leesmeernieuws:link, a.leesmeernieuws:visited { 
	float: left;
	color: #469FC9;
	padding: 15px 0px 3px 17px;
	margin: 0px 0px 0px 50px;
	background: url(../images/arrow.gif) 0px 20px no-repeat;
	line-height: 18px;
	}

a.leesmeernieuws:hover { 
	color: #606060;
	}		



	








/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}







.jcarousel-skin-tango.jcarousel-container {
    background: none;
}

.jcarousel-skin-tango.jcarousel-container-horizontal {
    width: 570px;
    padding: 0px 0px;
}



.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  526px;
    height: 184px;
    overflow: hidden;
    margin-left: 22px;
}

		/* Fix voor IE */
		* html .jcarousel-skin-tango .jcarousel-clip-horizontal
		{
			margin-left: -4px;
		}


.jcarousel-skin-tango .jcarousel-item {
    width: 570px;
    height: 184px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 0px;
}



.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}




/** * Additional styles for the controls. */


	
	
.jcarousel-control { 
	float: left;
	width: 563px;
	height: 30px;
	margin-top: 19px;
	padding-left: 8px;
	}
	
.jcarousel-control ul{ 
	margin: 0px;
	padding: 0px;
	}
	
.jcarousel-control ul li{ 
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
	}	
	
.jcarousel-control ul li a:link, .jcarousel-control ul li a:visited {
	float: left;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	width: 125px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	margin-right: 2px;
	background-image: url(images/btn_tab.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

.jcarousel-control ul li a:hover {
	text-decoration: none;
	color: #B5E7FE;
	background-image: url(images/btn_tab.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
	
.jcarousel-control ul li.tabs-selected a:link, .jcarousel-control ul li.tabs-selected a:visited, .jcarousel-control ul li.tabs-selected a:hover {
	float: left;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	width: 125px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	margin-right: 2px;
	background-image: url(images/btn_tab.gif);
	background-repeat: no-repeat;
	background-position: 0px -30px;
	}	
	



	
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0px;
}

.sIFR-replaced {
	visibility: visible !important;
	z-index: 1;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

	


h4 {
	font-family: Georgia, Arial, Verdana, sans-serif;
	text-align: left;
	font-size: 23px;
	padding: 10px 0px 10px 0px;
	margin: 0 0px 0 0px;
	color: #ffdd00;
}	

h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 22px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	letter-spacing: 1px;
	color: #ffffff;
}	

h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 22px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	letter-spacing: 1px;
	color: #0074A9;
}	



/* Blok nieuwsitem
---------------------------------------------------------------------------------------------- */

.nieuwsitem
{
	position:relative;
	display: block;
	text-decoration: none;
	text-align: left;
	float: left;
	padding: 0px 0px 0px 0px;
}


.nieuwsitem a, .nieuwsitem a:link, .nieuwsitem a:visited 
{
	float: left;
	width: 242px;
	color: #858585;
	cursor: pointer;
	line-height: 18px;
	text-decoration: none;
	padding-bottom: 15px;
	padding-top: 7px;
	background: url(../images/datumback.gif) 0px 0px no-repeat;
}

.nieuwsitem a:hover
{
	background: url(../images/datumback2.gif) 0px 0px no-repeat;
}


.nieuwsitem a .datum
{
	float: left;
	width: 45px;
	color: #ffffff;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	line-height: 15px;
	text-transform: lowercase;
}

.nieuwsitem a .datum2
{
	font-size: 17px;
	
}



.nieuwsitem a .titel
{
	font-weight: bold; 
	text-decoration: none; 
	color: #0074A9;
	width: 187px;
	line-height: 16px;
	float: right;
}

.nieuwsitem a .bericht
{
	font-weight: normal; 
	text-decoration: none; 
	color: #858585;
	width: 187px;
	float: right;
}

.nieuwsitem a:hover .titel
{
	text-decoration: underline; 
	color: #0074A9;
}



.nieuwsitem_act
{
	position:relative;
	display: block;
	text-decoration: none;
	text-align: left;
	float: left;
	padding: 0px 0px 0px 0px;
}


.nieuwsitem_act a, .nieuwsitem_act a:link, .nieuwsitem_act a:visited 
{
	float: left;
	width: 242px;
	color: #858585;
	cursor: pointer;
	line-height: 18px;
	text-decoration: none;
	padding-bottom: 15px;
	padding-top: 7px;
	background: url(../images/datumback2.gif) 0px 0px no-repeat;
}

.nieuwsitem_act a:hover
{
	background: url(../images/datumback2.gif) 0px 0px no-repeat;
}


.nieuwsitem_act a .datum
{
	float: left;
	width: 45px;
	color: #ffffff;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	line-height: 15px;
	text-transform: lowercase;
}

.nieuwsitem_act a .datum2
{
	font-size: 17px;
	
}



.nieuwsitem_act a .titel
{
	font-weight: bold; 
	text-decoration: underline; 
	line-height: 16px;	
	color: #0074A9;
	width: 187px;
	float: right;
}

.nieuwsitem_act a .bericht
{
	font-weight: normal; 
	text-decoration: none; 
	color: #858585;
	width: 187px;
	float: right;
}

.nieuwsitem_act a:hover .titel
{
	text-decoration: underline; 
	color: #0074A9;
}







#adresgegevens{
	color: #858585;
	line-height: 18px;
	padding-top: 20px;
}

#adresgegevens img{
	border: 0px;
}

#adresgegevens a:link { 
	color: #858585;
	text-decoration: none;
	}
#adresgegevens a:visited { 
	color: #858585;
	text-decoration: none;
	}
#adresgegevens a:hover, a:active { 
	color: #858585;
	text-decoration: underline;
	}
	
ul.contact
	{
	 margin: 20px 0px 0px 0px;
	 padding: 0px;
	 list-style-type: none;
	}
	
ul.contact li.telefoon
	{
	 background: url(../images/telefoon.gif) 0px 3px no-repeat;
	 padding: 3px 10px 3px 22px;
	}	
	
ul.contact li.envelop
	{
	 background: url(../images/envelop.gif) 0px 7px no-repeat;
	 padding: 3px 10px 3px 22px;
	}	
	
ul.contact li.tv
	{
	 background: url(../images/tv.gif) 0px 3px no-repeat;
	 padding: 3px 10px 3px 22px;
	}		
	
ul.contact li.av
	{
	 background: url(../images/info.gif) 0px 3px no-repeat;
	 padding: 3px 10px 3px 22px;
	}		
	
	
	
	
	
	
	
	
	
#slidert { 
	display: block;
	height: 124px;
	margin-top: 40px;
	}	
	


.portfolio {
	height: 400px;
	width: 570px;
}
















.jcarousel-skin-wat.jcarousel-container {
	width: 570px;

}

.jcarousel-skin-wat.jcarousel-container-horizontal {
    width: 522px;
    padding: 0px 24px;
}



.jcarousel-skin-wat .jcarousel-clip-horizontal {
    width:  522px;
    height: 400px;
}



.jcarousel-skin-wat .jcarousel-item {
    width: 522px;
    height: 400px;
}



.jcarousel-skin-wat .jcarousel-item-horizontal {
    margin-right: 0px;
}



.jcarousel-skin-wat .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-wat .jcarousel-next-horizontal {
    position: absolute;
    right: 0px;
    width: 24px;
    height: 43px;
    cursor: pointer;
    background: #ffffff url(../images/arrow_right.gif) no-repeat 0px 100px;
    padding: 100px 0px 200px 0px;
}

.jcarousel-skin-wat .jcarousel-next-horizontal:hover {
    background-position: -24px 100px;
}

.jcarousel-skin-wat .jcarousel-next-horizontal:active {
    background-position: -24px 100px;
}

.jcarousel-skin-wat .jcarousel-next-disabled-horizontal,
.jcarousel-skin-wat .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-wat .jcarousel-next-disabled-horizontal:active {
    cursor: default;
  	background-position: -48px 100px;
}

.jcarousel-skin-wat .jcarousel-prev-horizontal {
    position: absolute;
    left: 0px;
    width: 24px;
    height: 43px;
    cursor: pointer;
    background: #ffffff url(../images/arrow_left.gif) no-repeat 0px 100px;
    padding: 100px 0px 200px 0px;
}

.jcarousel-skin-wat .jcarousel-prev-horizontal:hover {
    background-position: -24px 100px;
}

.jcarousel-skin-wat .jcarousel-prev-horizontal:active {
    background-position: -24px 100px;
}

.jcarousel-skin-wat .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-wat .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-wat .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -48px 100px;
}

.onderschrift {
	width: 482px;
	background: #E7E7E7 url(../images/onderschrift_top.gif) top left no-repeat;
	padding: 10px 10px 3px 10px;
	margin-top: 15px;
	margin-left: 10px;
	text-align: center;
}

.onderschrift a:link, .onderschrift a:visited { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #606060;
	}

.onderschrift a:hover { 
	text-decoration: underline; 
	color: #125570;
	}


.onderschrift_bottom {
	width: 502px;
	background: #E7E7E7 url(../images/onderschrift_bottom.gif) top left no-repeat;
	height: 7px;
	margin-left: 10px;
	line-height: 0px;
	font-size: 0px;
}



.invulNormaal {
	background: #ffffff url(../images/inputback.gif) repeat-x;
	border: 1px solid #B9D3DE;
	font-size: 11px;
		width: 349px;
		margin: 1px 0px 1px 10px;
		padding: 5px;
		color: #606060;
		}		
		
.invulArea {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #ffffff url(../images/areaback.gif) repeat-x;
	border: 1px solid #B9D3DE;
	font-size: 11px;
		width: 349px;
		height: 100px;
		margin: 1px 0px 1px 10px;	
		padding: 5px;
		color: #606060;
		}
		
form{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.versturen {
	float: right;
	border: 0px;
	padding: 15px 85px 0px 0px;
	}
	
.button { 
	float: left;
	background: #4B97BA; 
	border-bottom: 1px solid #256E8E; 
	border-left: 1px solid #75C7EF; 
	border-right: 1px solid #256E8E; 
	border-top: 1px solid #75C7EF; 
	color: #ffffff; 
	line-height: 12px;
	font-weight: bold;
	font-size: 11px;
	margin: 0px 0px 0px 10px; 
	padding: 3px 0px 4px 0px; 
	}	
	

input.buttonform { 
	float: right;
	background: #4B97BA; 
	border-bottom: 1px solid #256E8E; 
	border-left: 1px solid #75C7EF; 
	border-right: 1px solid #256E8E; 
	border-top: 1px solid #75C7EF; 
	color: #ffffff; 
	line-height: 12px;
	font-weight: bold;
	margin: 10px 85px 0px 0px; 
	padding: 7px 15px 8px 15px; 
	}
	
		/* Fix voor IE */
		* html input.buttonform
		{
			padding: 5px 5px 3px 5px; 
		}		
		
a.jqModal:link, a.jqModal:visited { 
	float: left;
	background: url(../images/bedrijfsfilm.gif) 0px 0px no-repeat;
	width: 192px;
	height: 34px;
	margin-top: 30px;
	}

a.jqModal:hover { 
	background: url(../images/bedrijfsfilm.gif) 0px -34px no-repeat;
	}	
	
a.ons_portfolio:link, a.ons_portfolio:visited { 
	float: left;
	background: url(../images/ons_portfolio.gif) 0px 0px no-repeat;
	width: 192px;
	height: 34px;
	margin-top: 30px;
	}

a.ons_portfolio:hover { 
	background: url(../images/ons_portfolio.gif) 0px -34px no-repeat;
	}		
	
	
	
	
/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
	display: none;
    
    position: fixed;
    top: 25%;
    left: 50%;
    
    margin-left: -150px;
    width: 387px;
    height: 365px;
    
    background: url(../images/filmback.png) top left no-repeat;
    color: #333;
    padding: 0px;
}

	/* Fix voor IE */
	* html .jqmWindow
	{
		background-image:none;
		padding-top: 10px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.addsite.nl/addsite/data/sites/addnoise2/www/images/filmback.png', sizingMethod='scale');
	}		

.jqmOverlay { background-color: #023248; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}	

		
		#sluiten
		{
			float: left;
			width: 387px;
			height: 58px;
		}
		
		#film
		{
			float: right;
			padding: 0px 25px 0px 0px;
		}		
		
		a.jqmClose:link, a.jqmClose:visited { 
			position: relative;
			float: right;
			background: url(../images/sluiten.gif) 0px 0px no-repeat;
			width: 20px;
			height: 21px;
			margin: 15px 25px 0px 0px;
			}
		
		a.jqmClose:hover { 
			background: url(../images/sluiten.gif) 0px -21px no-repeat;
			}