/* CSS Document */
html, body{
	margin:0;
	padding:0;
	
	height:100%;
}
html{
	overflow-x:hidden;
	overflow-y:scroll;
	
	
}

body.index{
	background-color:#eaeaea;
	background-image:url(images/background-home.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}
body.keeper{
	background-color:#eaeaea;
	background-image:url(images/background-keeper.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}
#holder{
	position:relative;
	
	margin:0 auto;
	padding:0 auto;
	
	min-height:100%;
	width:936px;
}

#taak_balk{
	position:relative;
	float:left;

	margin:0;
	padding:0;
	margin-right:31px;
	padding-top:8px;

	height:22px;
	width:905px;
}
#taak_balk img{
	margin:3px;
	margin-bottom:1px;
}
#menu_holder{
	position:relative;
	float:left;
	
	margin:0;
	padding:0;	
	
	height:79px;
	width:936px;
}
#home{
	position:absolute;
	top:11px;
	left:33px;
	width:88px;
	height:64px;
}
#menu{
	position:absolute;
	top:49px;
	left:191px;
	width:745px;
	height:30px;
}

#logo{
	position:absolute;
	top:11px;
	left:33px;
	width:88px;
	height:64px;
}
#quick_menu{
	position:relative;
	float:left;
	
	margin:0;
	padding:0;
	
	height:367px;
	width:936px;
}
#kruimelpad{
	position:relative;
	float:left;
	
	margin:0;
	padding:0;
	
	margin-left:88px;
	padding-top:20px;
	
	height:36px;
	width:720px;
}
#holder_bikeeper{
	position:relative;
	float:left;
	
	margin:0;
	padding:1px;
	
	margin-left:33px;
	margin-top:33px;	
	
	height:154px;
	width:277px;
	
	border:solid #007fc2 1px;
}

#sub_bikeeper{
	position:relative;
	float:left;
	
	list-style:none;
	
	margin:0;
	padding:1px;
	
	padding-left:20px;
	
	margin-left:33px;
	margin-top:10px;	
	
	min-height:100px;
	width:257px;
}
#sub_bikeeper li{
	position:relative;
	float:left;
	
	margin:0;
	padding:0;	
	
	height:auto;
	width:128px;
}

#holder_streetkeeper{
	position:relative;
	float:left;
	
	margin:0;
	padding:1px;
	
	margin-left:13px;
	margin-top:33px;	
	
	height:154px;
	width:277px;
	
	border:solid #007fc2 1px;
}
#sub_streetkeeper{
	position:relative;
	float:left;
	
	list-style:none;
	
	margin:0;
	padding:1px;
	
	padding-left:20px;
	
	margin-left:13px;
	margin-top:10px;	
	
	min-height:100px;
	width:257px;
}
#sub_streetkeeper li{
	position:relative;
	float:left;
	
	margin:0;
	padding:0;	
	
	height:auto;
	width:128px;
}
#holder_printkeeper{
	position:relative;
	float:left;
	
	margin:0;
	padding:1px;
	
	margin-left:14px;
	margin-top:33px;	
	
	height:154px;
	width:277px;
	
	border:solid #007fc2 1px;
}
#sub_printkeeper{
	position:relative;
	float:left;
	
	list-style:none;
	
	margin:0;
	padding:1px;
	
	padding-left:20px;
	
	margin-left:14px;
	margin-top:10px;	
	
	min-height:100px;
	width:257px;
}
#sub_printkeeper li{
	position:relative;
	float:left;
	
	margin:0;
	padding:0;	
	
	height:auto;
	width:128px;
}
#logo_bikeeper, #logo_printkeeper, #logo_streetkeeper{
	position:absolute;
	left:5px;
	bottom:-12px;
	
	height:32px;
	width:150px;
}

#content{
	position:relative;
	float:left;
	
	margin:0;
	padding:0;
	
	padding-bottom:45px;
	
	min-height:30px;
	width:936px;
}
#content_extended{
	position:relative;
	float:left;
	
	margin:0;
	padding:0;
	
	padding-bottom:240px;
	
	min-height:30px;
	width:936px;
}
h1{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	margin-left:205px;
	margin-top:20px;
	height:30px;
	width:720px;
}
#submenu{
	position:relative;
	float:left;
	
	margin:0;
	padding:0;
	
	margin-left:33px;
	margin-top:13px;
	
	width:157px;
	min-height:100px;
}
#sublogo_bikeeper, #sublogo_printkeeper, #sublogo_streetkeeper{
	position:absolute;
	left:-2px;
	top:0;
	height:32px;
	width:157px;
}
#submenu ul{
	position:relative;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	margin-top:40px;
	width:157px;
}
hr.submenu_hr{
	color:#007fc2;
	width:100%;
	
	margin:0;
	padding:0;
}

#tekst_home{
	position:relative;
	float:left;
	
	margin:0;
	padding:0;
	
	margin-left:15px;
	
	min-height:30px;
	width:720px;
}
#tekst{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	margin-left:15px;
	min-height:30px;
	width:420px;
}
#media{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	margin-left:15px;
	margin-top:11px;
	width:295px;
	min-height:300px;

}
hr.media_hr{
	position:relative;
	float:left;
	
	color:#007fc2;
	width:100%;
	
	margin:0;
	padding:0;
	
	margin-bottom:5px;
}
#media img{
	position:relative;
	float:left;
	
	margin:0;
	padding:0;
	
	border:none;
}
#media img.bigVisual{
	margin-top:5px;
}

#media iframe{
	margin-top:5px;
}

#media span.gal_title{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	
	margin-top:20px;
	
	height:25px;
	width:100%;
}
#media ul, #media ul li{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	
	list-style:none;
}

#media a.direct_contact{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	
	margin-top:5px;
	padding-top:5px;
	
	padding-left:20px;
	
	width:275px;
	height:27px;
	
	display:block;
	
	text-decoration:none;
	
	text-align:left;
	
	background-image:url(images/background-calltoaction.jpg);
	
	color:#FFFFFF;
}
#media a.direct_contact:hover{
	background-image:url(images/background-calltoaction_hover.jpg);
}

#pho_gal{
	position:relative;
	float:left;
	
	margin:0;
	padding:0;

	margin-top:20px;
	width:85px;
	height:64px;
	
	background-color:#FFFFFF;
}
#pho_gal.middel{
	margin-left:20px;
	margin-right:20px;
}
#footer_holder{
	position:absolute;
	bottom:0px;

	margin:0 auto;
	padding:0 auto;	
	
	height:28px;
	width:100%;
	
	background-image:url(images/background-footer.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}
	
#footer{
	position:relative;

	margin:0 auto;
	padding:0 auto;	
	
	height:28px;
	width:936px;
}		
#footer span.link_tag{
	position:relative;
	float:left;
	
	margin:0;
	padding:0;
	padding-top:8px;
	
	height:20px;
	width:300px;
	
	display:block;
}
#footer span.footer_links{
	position:relative;
	float:left;
	
	margin:0;
	padding:0;
	padding-top:8px;
	
	height:20px;
	width:636px;
	
	display:block;
}

#footer span.footer_links img{
	margin:3px;
	margin-bottom:1px;
}
	
#footer_holder_extended{
	position:absolute;
	bottom:0px;

	margin:0 auto;
	padding:0 auto;	
	
	height:310px;
	width:100%;
	
	background-image:url(images/background-footer-extended.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	
	background-color:#000000;
}

#footer_sitemap{
	position:relative;

	margin:0 auto;
	padding:0 auto;
	
	margin-top:15px;
	margin-bottom:15px;
	
	height:252px;
	width:936px;
}
#footer_sitemap ul{
	position:relative;
	float:left;
		
	margin:0;
	padding:0;
	
	margin-left: 33px;
	
	list-style:none;
	width:140px; 
}
#footer_sitemap ul li{
	position:relative;
	float:left;
		
	margin:0;
	padding:0;
	
	height:15px;
	width:140px; 
}		
