﻿* {
	margin: 0;
	padding: 0;
	font-family:	Century Gothic, Arial, Helvetica, sans-serif;

}

}

html, body {
	text-align: center;
	margin: 0 auto;
}

html {
	background:	url('http://www.leeuwenkamp4x4.nl/images/interface/backdrop.jpg') 50% 100% no-repeat #ffffff fixed;
}


/* ----- ----- ----- BLOKKEN ----- ----- ----- */

#container {
	margin: 		0 auto;
	width:			995px;
	text-align:		center;
}


#header {
	background:	url('http://www.leeuwenkamp4x4.nl/images/interface/header.png') 0% 0% no-repeat;
	width:		995px;
	height:		440px;
	text-align: center;
	margin-left: 	auto;
	margin-right:	auto;
	padding-top:	29px;
}

#visual {
	/* background:	url('http://www.leeuwenkamp4x4.nl/images/interface/visual.jpg') 50% 0% no-repeat #f2f2f2; */
	width:		921px;
	height:		388px;

	background: url('http://www.leeuwenkamp4x4.nl/scripts/slideshow/slide.php') no-repeat;
	margin-left: 	auto;
	margin-right:	auto;
}

#nav {
	height:			95px;
	font-weight:	bold;
	margin-top:		25px;
	background:		url('http://www.leeuwenkamp4x4.nl/images/interface/navbg.png') 0% 0% repeat-x;
	text-align:		center;
	margin-left: 	auto;
	margin-right:	auto;
}

#logo {
	margin-top:	200px;
}

#footer {
	color:			#777777;
	background:		url('http://www.leeuwenkamp4x4.nl/images/interface/footer.png') 0% 0% no-repeat;
	font-size: 		8pt;
	height:			65px;
	width:			995px;
	margin: 		0 auto;
	padding-top:	3px;
}

#site {
	background:		url('http://www.leeuwenkamp4x4.nl/images/interface/content.png') repeat-y;
	font-weight:	normal;
	text-align:		center;
}

#content {
	width:			870px;
	font-weight:	normal;
	text-align:		left;
	font-size: 		10px;
	margin-left: 	auto;
	margin-right:	auto;
}

#text {
	background:		url('http://www.leeuwenkamp4x4.nl/images/interface/paragraph.jpg') no-repeat;
	min-height:		310px;
	margin-left:	-15px;
	padding-left:	15px;
	margin-top:		10px;
	display:		block;
	}

#text img {
	border: 1px solid #b4b4b4;
	margin:	10px;
	}
	
#text hr {
	border: 1px solid #e56f00;
	height: 1px;
	margin-left: 0px;
	width: 100%;
	}

#bannerfoto {
	background:		#fff;
	height:			410px;
	margin-left:	420px;
	padding-left:	15px;
	margin-top:		10px;
	text-align:		right;
	position:		absolute;
}


.clear {height: 5px; clear: both;}

#occasionsub {
	font-size: 		11pt;
	visibility:		hidden;
	z-index:	300;
	position: absolute;
	margin-left: 50%;
	left:		-290px;
	margin-top:	-47px;
	} 
	
#occasionsub a:link, #occasionsub a:visited {
	color:			#777777;
	text-decoration: none;
	display: block;
	width: 125px;
	height: 20px;
	padding:	2px;
	text-align: center;
	border: 1px solid #FFFFFF;
	background: #ececec;
	}

#occasionsub a:hover, #occasionsub a:active {
	color:	#333333;
	text-decoration: none;
	border:	1px solid #777777;
	background: #FFFFFF;
	}

/* ----- ----- ----- CONTENT TEKST OPMAAK ----- ----- ----- */

h1 {
	font-weight: bold; 
	font-size: 18pt; 
	color:	#e56f00;
	}

p {
	padding:		15px;
	font-size:		10pt;
	}
	
li {	
	font-size:		10pt;
	margin-left:	60px;
	}

.personeel {
float: left;
margin-left:	30px;
margin-right:	30px;
width: 220px;
font-size:		9pt;
text-align: center;
}

#content P a:link, #content P a:visited {
	color:			#e56f00;
	text-decoration: underline;
	font-size: 		10pt;
	}

#content P a:hover {
	color:			#666666;
	text-decoration: none;
	}

#content P a:active {
	color:			#000000;
	text-decoration: underline;
	}

#content li a:link, #content li a:visited {
	color:			#e56f00;
	text-decoration: underline;
	font-size: 		10pt;
	}

#content  li a:hover {
	color:			#666666;
	text-decoration: none;
	}

#content li a:active {
	color:			#000000;
	text-decoration: underline;
	}

/* ----- ----- ----- FOOTER TEKST OPMAAK ----- ----- ----- */

#footer a:link, #footer a:visited {
	color:			#777777;
	text-decoration: none;
	font-size: 		8pt;
	}

#footer a:hover, #footer a:active {
	color:	#333333;
	text-decoration: underline;
	}
	

#scroll {
	float:right;
	width: 250px;
	text-align:center;
}

#scroll a:link, #scroll a:visited {
	color:	#777777;
	text-decoration: none;
	}

#scroll a:hover, #scroll a:active {
	color:	#333333;
	text-decoration: underline;
	}

#logos {
	float:left;
	width: 250px;
	text-align:center;
	margin-top: -10px;
}

#google {
	float: right;
	width: 450px;
	height: 350px;
	border: 1px solid #b4b4b4;
	margin:	10px;
	margin-top: 30px;
}



#popup, #popup2  { 
background: url('http://www.leeuwenkamp4x4.nl/images/transparent.png');
margin-top:80px;
padding-top: 10px;
padding-bottom: 10px;
left: 50%;
margin-left: -413px;
top:	0px;
text-align: center;
position:absolute;
border: 1px solid #ff6600;
} 

#popup2 {
margin-top:	190px;
margin-left: -313px;
border: 2px solid #ff6300;
background: url('http://www.leeuwenkamp4x4.nl/images/transparent2.png');
}

#popup img, #popup2 img {
cursor: pointer;
}

#popup2 img {
border: 2px solid #b4b4b4;
}