@charset "utf-8";
/* ====================
CSS Document

Author:			Sjoerrigter Reclame in samenwerking met Invenso b2b
Written for: 	Experience Gifts Events
Date:			21-05-2009
==================== */

/* reset
==================== */

* {
margin: 0px;
padding: 0px;
}

img {
border: none;
}

/* type & links
==================== */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}

p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
font-weight: normal;
color: #333333;
padding: 0px 0px 15px 0px;
}

h1 {
font-size: 26px;
text-transform: uppercase;
font-weight: normal;
color: #6699cc;
padding: 0px 0px 10px 0px;
}

h2 {
font-size: 22px;
font-weight: normal;
text-transform: uppercase;
color: #6699cc;
padding: 8px 0px 10px 0px;
}

h3 {
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
color: #6699cc;
padding: 0px 0px 10px 0px;
}

h4, h5, h6 {
font-size: 13px;
font-weight: bold;
color: #333333;
padding: 0px 0px 5px 0px;
}

a {
color: #6699cc;
text-decoration: underline;
}

a:hover {
color: #999999;
}

/* misc
==================== */

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

#main img {
padding: 5px;
}

#container2 ul {
margin-top: 0px;
list-style: square;
padding: 0px 0px 10px 0px;
}

#container2 li {
margin-top: 0px;
list-style-type: square;
margin-left: 25px;
line-height: 18px;
}

#container2 ul.albumlist li {
margin-left: 0px;
}

p.albumname {
	display: none;
}

#object {
text-align: center;
}

/* global layout
==================== */

body {
background-image: url(/images/bg.png);
background-repeat:repeat-x;
background-color:#dae5f1;
text-align: center;
z-index: 1;	
}

#container1 {
width: 980px;
position: relative; 
top: 0px;
margin: 0px auto;
text-align: left;
z-index: 1;	
}

/* layout home
==================== */

	#headerhome {
	height: 140px;
	width: 980px;
	position: relative;
	text-align: center;
	}
		
		#logohome {
		padding-top: 30px;
		position: relative;
		}
		
	#people {
	height: 600px;
	width: 980px;
	background-image: url(/images/people.png);
	position: relative;
	}
	
		.linkhome {
		height: 120px;
		width: 140px;
		position: absolute;
		}
	
		#drivinghome {
		top: 160px;
		left: 30px;
		}	
	
		#culinairhome {
		top: 100px;
		left: 270px;
		}
		
		#splashhome {
		top: 260px;
		left: 350px;
		}
		
		#flyinghome {
		top: 100px;
		left: 470px;
		}	
		
		#adventurehome {
		top: 220px;
		left: 610px;
		}
		
		#workshopshome {
		top: 170px;
		left: 780px;
		}	
		
		#footerhome {
		position: absolute;
		top: 490px;
		width: 980px;
		text-align:center;
		}
		
			#footerhome p {
			font-size: 13px;
			line-height: 20px;
			text-transform: uppercase;
			padding: 0px;
			}

/* layout pages & categories
==================== */

	#headerpage {
	height: 140px;
	width: 980px;
	position: relative;
	text-align: left;
	}

		#logopage {
		height: 120px;
		width: 220px;			
		position: ablolute;
		padding-top: 10px;
		left: 10px;
		}
	
		#topmenu {
		position: absolute;
		top: 10px;
		right: 0px;
		text-align: right;
		}

			#topmenu p, #topmenu a {
			color: #FFFFFF;
			}
			
			#topmenu a:hover {
			color: #000000;
			}
	
	#top {
	height: 200px;
	width: 980px;
	background-color: #FFFFFF;
	position: relative;
	}
	
		#headertop {
		height: 30px;
		width: 410px;
		background-image: url(/images/headertop.png);
		position: absolute;
		top: 0px;
		left: 0px;
		}
		
		#headerleft {
		height: 170px;
		width: 20px;
		background-image: url(/images/headerleft.png);
		position: absolute;
		top: 30px;
		left: 0px;
		}
		
		#introtext {
		height: 150px;
		width: 350px;
		background-color: #FFFFFF;
		position: absolute;
		top: 30px;
		left: 20px;
		padding: 5px 20px 15px 20px;
		overflow: hidden;
		}
		
		#flash {
		height: 160px;
		width: 570px;
		background-image: url(/images/flash.png);

		position: absolute;
		top: 0px;
		left: 410px;
		}
		
		#menu {
		height: 40px;
		width: 562px;
		background-image: url(/images/menubg.png);
		position: absolute;
		top: 160px;
		left: 410px;
		overflow: hidden;
		padding-left: 5px;
		}
	
	#container2 {
	width: 980px;
	background-color: #ffffff;
	position: absolute;
	top: 340px;
	z-index: 2;
	}
	
		#content {
		width: 760px;
		min-height: 340px;
		height: auto !important;
		height: 340px;
		position: relative;
		float: right;
		margin: 25px 5px 20px 20px;
		z-index: 3;
		display: inline;
		}
		
		#contentleft {
		width: 350px;
		min-height: 175px;
		height: auto !important;
		height: 240px;
		position: relative;
		float: left;
		margin: -180px 0px 0px 20px;
		padding: 15px 20px 80px 20px;
		z-index: 3;
		background-image: url(/images/leftbg.png);
		background-position: bottom left;
		background-repeat: repeat-x;
		display: inline;
		}

			#offerte {
			width: 180px;
			height: 30px;
			position: absolute;
			bottom: 30px;
			_bottom: 27px;
			right: 0px;
			z-index: 4;
			}

		#contentright {
		width: 530px;
		min-height: 340px;
		height: auto !important;
		height: 340px;
		position: relative;
		float: right;
		margin: 25px 20px 20px 20px;
		z-index: 3;
		display: inline;
		}
	
		.person {
		width: 300px;
		height: 380px;
		position: absolute;
		background-repeat: no-repeat;
		left: 0px;
		bottom: 90px;
		z-index: 2;	
		display: inline;
		background-color: #ffffff;
		}
		
		#person-driving {
		background-image: url(/images/drivingperson.png);
		}
		
		#person-culinair {
		background-image: url(/images/culinairperson.png);
		}
		
		#person-splash {
		background-image: url(/images/splashperson.png);
		}
		
		#person-flying {
		background-image: url(/images/flyingperson.png);
		}
		
		#person-adventure {
		background-image: url(/images/adventureperson.png);
		}

		#person-workshop {
		background-image: url(/images/workshopperson.png);
		}
	
	#footer {
	width: 940px;
	height: 70px;
	background-image: url(/images/footerbg.png);
	position: relative;
	clear: both;
	text-align: center;
	padding: 30px 20px 0px 20px;
	z-index: 1;
}

		#footer p, #footer a, #footerhome p, #footerhome a {
		font-size: 12px;
		line-height: 20px;
		color: #666666;
		text-transform: uppercase;
		padding: 0px;
		}

		#footer a:hover, #footerhome a:hover {
		color: #6699cc;
		}
	
/* menu
==================== */

#menu {
	list-style: none;
}

#menu li {
display: inline;
}

#menu li a {
min-width: 80px;
height: 35px;
position: relative;
float: left;
display: block; 
padding: 0px 10px;
margin: 7px 0px 0px 10px;
text-align: center;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
line-height: 30px;
-moz-border-radius-topleft: 5px;
-webkit-border-radius-topleft: 5px;
border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-radius-topright: 5px;
border-radius-topright: 5px;
}

#menu li a:hover {
color: #6699cc;
font-weight:bold;
background-color: #FFFFFF;
}

#menu li a.currentpage {
background-image: url(/images/btnbgo.jpg);
color: #ffffff;
font-weight:bold;
}

#NewsPostDetailReturnLink a {
text-decoration: none;
}

/* cmsms news module
==================== */

.NewsSummary {
width: 360px;
height: 160px;
position: relative;
float: left;
margin: 0px 20px 20px 0px;
overflow: hidden;
display: inline;
}

	.NewsSummary h3, .NewsSummary h3 a {
	text-decoration: none;
	color: 6699cc;
	line-height: 12px;
	padding: 8px 0px 0px 0px;
	}

	.event {
	width: 360px;
	height: 140px;
	position: absolute;
	top: 20px;
	background-image: url(/images/eventbg.png);
	}
	
		.NewsSummaryContent, .NewsSummarySummary {
		width: 190px;
		height: 90px;
		position: relative;
		float: left;
		margin: 10px 15px;
		overflow: hidden;
		display: inline;
		}
		
		.eventfoto {
		width: 140px;
		height: 140px;
		position: absolute;
		right: 5px;
		top: 0px;
		background-image: url(/images/eventfotobg.png);
		}
		
		.meerinfo {
		width: 150px;
		height: 40px;
		position: absolute;
		left: 5px;
		top: 110px;
		}

#paginas {
clear: both;
width: 730px;
text-align: right;
margin: 0px 25px 0px 0px;
}

	#paginas p {
	padding: 0px 0px 0px 0px;
	}

	.pijl {
	margin-bottom: -3px;
	display: inline;
	}

/* Nieuwsbrief & belterug
==================== */	

	#contentleft h3, #contentleft h3 a {
	text-decoration: none;
	color: 6699cc;
	line-height: 12px;
	padding: 8px 0px 0px 0px;
	}

	#nieuwsbrief {
	width: 300px;
	height: 110px;
	margin-bottom: 10px;
	padding: 25px 20px;
	position: relative;
	background-image: url(/images/nieuwsbriefbg.png);
	}
	
		.button {
		height: 40px;
		position: absolute;
		right: 10px;
		top: 130px;
		}

/* Forms
==================== */

input, textarea, select  {
margin: 0px 0px 5px 10px;
display: inline;
}

table h3 {
padding: 10px 0px 10px 10px;
}

/* CMSMS album
==================== */

/* ====================
To change album thumbnailsize: 
1. Change thumbnail width and height in "lib/filemanager/imagemanager/config.inc.php"
2. Change width and height at ".thumb a" below
==================== */

ul.picturelist {
	_margin-left: -20px;
}

li.thumb {
width: 110px;
height: 110px;
padding: 15px;
margin: 0px -10px 5px 0px;
display: block;
text-decoration: none;
line-height: normal;
list-style-type: none;
float: left;
background-image: url(/images/fotobg.png);
background-position: top left;
vertical-align: middle;
}



.thumb a, .thumb img {
width: 110px;
height: 110px;
padding: 0;
background: none;
border: none;
text-decoration: none;
overflow:hidden;
position: relative; 
align: middle;
text-align: center;
display: table-cell;
text-align: center;
vertical-align: middle;
overflow: hidden;
}

.eventfoto {
width: 140px;
height: 140px;
display: block;
text-decoration: none;
line-height: normal;
list-style-type: none;
float: left;
background-position: top left;
overflow: hidden;
}

.eventfoto a {
width: 110px;
height: 110px;
padding: 0;
background: none;
border: none;
text-decoration: none;
overflow:hidden;
position: relative; 
align: middle;
text-align: center;
display: table-cell;
text-align: center;
vertical-align: middle;
}

.thumb a:hover {
background-color: #333333;
}