/*	kleuren 

	blauw					#001070
	oker 					#cc0
	grijs					#999
	lichtgrijs				#ccc
*/

@import url(reset.css);
@import url(menu.css);

*
{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:					#333;
}
						
html, body					
{							
	height:					100%;
}							
body						
{							
	background:				white url(/media/bgbody.gif) fixed bottom repeat-x;
}							
							
#shades_top					
{							
	position:				fixed;
	width:					940px;
	height: 				25px;
	top:					0;
	margin-left:			50%;
	left:					-470px;
	z-index:				1;
}							
#shade_tr					
{							
	float:					right;
	width:					25px;
	height:					105px;
	background:				transparent url(/media/shade_top.png) -25px 0;
}							
#shade_tl					
{							
	float:					left;
	width:					25px;
	height:					105px;
	background:				transparent url(/media/shade_top.png);
}							
							
#shades_bottom				
{							
	position:				fixed;
	width:					924px;
	height: 				282px;
	bottom:					0;
	margin-left:			50%;
	left:					-462px;
	z-index:				2;
}							
#shade_br					
{							
	float:					right;
	width:					17px;
	height:					282px;
	background:				transparent url(/media/shade_bottom.png) -17px 0;
}							
#shade_bl					
{							
	float:					left;
	width:					17px;
	height:					282px;
	background:				transparent url(/media/shade_bottom.png);
}							
#fixBottom					
{							
	float:					left;
	width:					890px;
	height:					282px;
	background:				white;
}							
							
#pulse						
{							
	position:				absolute;
	width:					100%;
	height:					160px;
	top:					190px;
	z-index:				3;
}							
#pulse_gradient						
{							
	position:				absolute;
	width:					100%;
	height:					160px;
	top:					190px;
	background:				url(/media/gradient.png);
	z-index:				4;
}								
#base						
{							
	position:				absolute;
	width:					100%;
	height: 				100%;
	z-index:				5;
	top:					0;
	bottom:					0;
}							
#base #nonFooter {			
	width:					890px;
	min-height: 			100%;
	height: 				auto !important;
	height: 				100%;
	margin: 				0 auto -80px; /* the bottom margin is the negative value of the footer's height */
	background:				white;
}							
#base #footer {				
	height: 				80px; /* .push must be the same height as .footer */
	width:					890px;
	margin:					0 auto;
}							
							
.pusher						
{							
	width:					890px;
	height:					80px;
}							
.clear						
{							
	float:					none;
	clear:					both;
	height:					0;
}							
							
							
/* HOLDERS */				
#header,#menu,#crumble,#mainVisual
{							
	margin:					0 70px;
	width:					750px;
}							
#header						
{							
	height:					120px;
	position:				relative;
}							
#menu						
{							
	height:					35px;
}							
#crumble					
{							
	height:					35px;
}
#mainVisual
{
	height:					160px;
	margin-bottom:			15px;
}
#homeVisual
{
	position:				relative;
	float:					left;
	width:					495px;
	height:					278px;
	margin-bottom:			15px;
}
#columnLeft					
{							
	position:				relative;
	float:					left;
	width:					495px;
	margin:					0 0 0 70px;
}							
#columnRight				
{							
	position:				relative;
	float:					left;
	width:					240px;
	margin:					0 0 0 15px;
	background:				url(/media/ccc.gif) repeat-y left;
	margin-bottom:			15px;
}							
#footerBox					
{	
	position:				relative;						
	width:					750px;
	margin:					0 auto;
	background:				white url(/media/red.gif) repeat-x top;
}							
.box240						
{							
	float:					left;
	width:					240px;
	margin:					10px 0;
}							
.spacer15					
{							
	float:					left;
	width:					15px;
}							
							
							
#headerLogo					
{							
	position:				absolute;
	width:					276px;
	height:					60px;
	top:					27px;
	left:					-7px;
	background:				url(/media/logo.gif) no-repeat;
	cursor:					pointer;
}							
							
							
/* OPMAAK TEKST */			
							
#headerTitle				
{							
	position:				absolute;
	width:					375px;
	top:					66px;
	left:					370px;
	font:					18px Verdana, Arial, Helvetica, sans-serif;
	text-align:				right;
	background:				url(/media/sep14.gif) no-repeat left 50%;
}							
							
span.lightGrey				
{							
	color:					#999;
	font:					18px Verdana, Arial, Helvetica, sans-serif;
}							
							
/* Crumble */				

#crumble ul#path li				
{							
	display:				inline;
	padding:				0 5px 0 0;			
	margin:					0;			
}
#crumble ul#path li,					
#crumble ul#path li a			
{							
	color:					#999;
	text-decoration:		none;
}							
#crumble ul#path li a:hover			
{							
	color:					red;
}							
#crumble ul#path li.separator						
{
	color:					#ccc;
}

						
/* footer */				
#footer a					
{							
	color:					#333;
	text-decoration:		none;
}							
#footer a:hover				
{							
	color:					#333;
	border-bottom:			solid 1px red;
}							
							
							
						
							
#columnLeft h1							
{
	width:					495px;
	float:					left;							
	font:					24px/26px Georgia, "Times New Roman", Times, serif;
	color:					#333;
	padding-bottom:			8px;
	margin:					-4px 0 1px 0;
	display: 				block;
}
		
h2							
{							
	font:					18px/20px Georgia, "Times New Roman", Times, serif;
	color:					#333;
	padding-bottom:			4px;
	margin-top:				-2px;
}							
p
{
	margin-bottom:			8px;
}
i,em
{
	font-style:				italic;
}
b,strong
{
	font-weight:			bold;
}

#intro,			
#intro p
{							
	padding-bottom:			8px;
	display:				block;
	font:					14px/20px Verdana, Arial, Helvetica, sans-serif;
	color:					#001070;
	margin-bottom:			4px;
}

.bericht
{
	font:					11px/16px Verdana, Arial, Helvetica, sans-serif;
	color:					#333;
	padding-bottom:			15px;
}							


.bericht table
{
	float:					left;
}
.bericht table td
{
	vertical-align: 		top;
}

.bericht a
{
	text-decoration:		none;
	color:					#333;
	border-bottom:			solid 1px #cccccc;
}
.bericht a:hover
{
	color:					#333;
	border-bottom:			solid 1px red;
}

#pics
{
	float: 					left;
	width:					162px;
	margin:				    0 12px 10px 0;
}
#pics .pic
{
	float: 					left;
	width:					162px;
	margin-left: 			-3px;
}
						
#pics .landscape
{
	background:				url(/media/bgpic_landscape.gif) no-repeat;
	height:					124px;
}
#pics .square
{
	background:				url(/media/bgpic_square.gif) no-repeat;
	height:					162px;
}
#pics .portrait
{
	background:				url(/media/bgpic_portrait.gif) no-repeat;
	height:					212px;
}

#pics .pic img
{
	margin:					3px;
	border:					solid 2px white;
}

#pics .pic a img
{
	color:					white;
}
#pics .pic a:hover img
{
	border:					solid 2px #cc0;
}
#pics .bs
{
	float:					left;
	width:					156px;
	margin-bottom: 			10px;
	color:					#999;
}
#pics a
{
	border-bottom:			none;
}


/* LISTS */

.bericht ul
{
	margin: 				8px 0;
}
.bericht ul li
{
	margin-left:			15px;
	list-style-type:		disc;
	list-style-position:	outside;
}

.bericht ul#subindex,
ul.sitemap
{
	clear:					left;
	margin:					8px 0 15px 0;
}

/* FOTOALBUM */


#album
{
	position:				relative;
	float:					left;
	width:					510px;
	margin:					-3px 0 0 -3px;
	padding-bottom:			15px;
							
}
#album h2
{
	margin-left: 			3px;
}
#album .pic
{
	float:					left;
	width:					93px;
	height:					93px;
	background:				url(/media/bgalbumpic.gif) no-repeat;
	margin:					0 9px 9px 0;
}
#album .pic img
{
	width:					83px;
	height:					83px;
	margin:					3px;
	border:					solid 2px white;
}

#album .pic a img
{
	color:					white;
}
#album .pic a:hover img
{
	border:					solid 2px #cc0;
}




/* Nieuws */


#columnLeft .nieuwsitem
{
	float:					left;
	width:					495px;
	padding-bottom:			15px;
}

#columnLeft .datum,
#columnLeft .nieuwsitem .datum,
#columnRight ul.nieuws li .datum
{
	color:					#999;
	margin-bottom:			7px;
	display: 				block;
}

#columnLeft .nieuwsitem .pic
{
	position:				relative;
	float:					left;
	width:					93px;
	height:					93px;
	background:				url(/media/bgthumb.png) no-repeat;
	margin:					0 9px 6px -3px;
}
#columnLeft .nieuwsitem .pic img
{
	width:					83px;
	height:					83px;
	margin:					3px;
	border:					solid 2px white;
}
#columnLeft .nieuwsitem .pic a
{
	color:					white;
	border-bottom: 			none;
}
#columnLeft .nieuwsitem .pic a:hover img
{
	border:					solid 2px #cc0;
}


/* ColumnRight */

#columnRight h1							
{	
	width:					210px;
	margin:					-4px 15px 4px 15px;
	padding-bottom:			8px;
	float:					left;							
	font:					24px/26px Georgia, "Times New Roman", Times, serif;
	color:					#333;
	display: 				block;
}

#columnRight ul li
{
	float: 					left;
	clear: 					left;
	width:					225px;
	padding:				0 0 15px 15px;
	font:					11px/16px Verdana, Arial, Helvetica, sans-serif;
}

#columnRight ul.banner li.one,
#columnRight ul.banner li.first
{
	width:					210px;
	height:					248px;
	padding:				15px;
	margin-bottom:			0;
	overflow:				hidden;
}
#columnRight ul.banner li.first
{
	margin-bottom:			15px;
}

/* als er meer dan 1 items is */
#columnRight ul.banner li.last 
{
	padding:				0 0 0 15px;
	margin-bottom:			0;
}

#columnRight ul li .pic
{
	position:				relative;
	float:					left;
	width:					93px;
	height:					93px;
	background:				url(/media/bgthumb.png) no-repeat;
	margin:					0px 9px 6px -3px;
}
#columnRight ul.banner li .picHilite
{
	position:				relative;
	float:					left;
	width:					216px;
	height:					124px;
	background:				url(/media/bgbannerpic.png) no-repeat;
	margin:					0 9px 6px -3px;
}
#columnRight ul.banner li .picHilite .beestje
{
	position:				absolute;
	width:					25px;
	height:					24px;
	top:					-1px;
	left:					180px;
	background:				url(/media/beestje.png) no-repeat;
	z-index:				10;
/*
	opacity:				0;
	filter:					alpha(opacity=0);
*/
}
#columnRight ul li.banner .picHilite .beestje
{
	display:				none;
}


#columnRight ul .pic img
{
	width:					83px;
	height:					83px;
	margin:					3px;
	border:					solid 2px white;
}
#columnRight ul .pic a img
{
	color:					white;
}
#columnRight ul .pic a:hover img
{
	border:					solid 2px #cc0;
}

#columnRight ul.banner li .picHilite img
{
	width:					206px;
	height:					114px;
	margin:					3px;
	border:					solid 2px white;
}
#columnRight ul .pic a img
{
	color:					white;
}
#columnRight ul .pic a:hover img,
#columnRight ul .picHilite a:hover img
{
	border:					solid 2px #cc0;
}






.pagebrowser
{
	float:					left;
	width:					100%;
	padding: 				0px 15px 15px 15px;
	text-align: 			center;
	display:				block;
}
.pagebrowser a
{
	padding: 				4px;
	color:					#999;
	text-decoration: 		none;
	border-bottom:			none;
}
.pagebrowser a:hover
{
	color:					red;
}
.pagebrowser a.hi
{
	font-weight:			bold;
}
.pagebrowser a.activeItem
{
	color:					#000;
	font-weight: 			bold;
}




.verder
{
	white-space: 			nowrap;
	float: 					right;
	clear: 					right;
}
.verder a
{
	color: 					#999;
	text-decoration: 		none;
	font-weight: 			bold;
	border-bottom:			none;
}
.verder a:hover
{
	color: 					red;
}
ul.banner li:first-child .verder a
{
	color: 					#fff;
}
ul.banner li:first-child .verder a:hover
{
	color: 					#000;
}



/* formulier */

form#offerte table
{
	clear:					left;
	margin:					15px 0;
}
form#offerte table td
{
	padding:				2px 15px 2px 0;
}

form#offerte input
{
	width:					180px;
	padding:				2px;
}
form#offerte input.aanhef,
form#offerte input.button
{
	width:					auto;
}






#columnLeft .nieuwsitem:hover .verder a
{
	color:					red;
}

#ladybug
{
	position:				fixed;
	width:					25px;
	height:					24px;
	bottom:					-6px;
	right:					0;
	z-index:				5000;
}