@charset "utf-8";
@import url("occasions.css");
@import url("header.css");
/* CSS-style design by studio7-13.com :::: for webhosting and design */


* {
margin: 0;
padding: 0;
}

html {
	overflow-x: hidden;
	overflow-y: auto;
} 

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:13px;
	background:#CCCCCC;
	margin: 0px 0px 0px 0px;}

a img {
border : none;
}

a {text-decoration:none; color:#1e4d85;}
a:visited {color:#1e4d85; text-decoration:none;}
a:active {color: #666666; background:none; text-decoration:underline;}
a:hover {color:#666666; background:none; text-decoration:underline;}

h1 {
	font-size:20px;
	color:#1e4d85;
	font-weight:lighter;
	text-align:left;
	margin:0px 10px 15px 0px;
}

h2 {
	font-size:13px;
	text-align:left;
	color:#1e4d85;
	margin: 10px 10px 10px 10px;
}

h3 {
	font-size: 13px;	
	color:#FFFFFF;
	margin: 0px 5px 5px 5px;}

h4 {
	font-size:15px;
	text-align:right;
	font-weight: bold;
	color:#CCCCCC;
	float:right;
}

/*--header --*/
#header {
	background:url(bg_pattern.gif) repeat #CCCCCC;
	height:378px;
	_heigt: 373px; /* this did the trick. Only IE6 should process this line */
}

#header-top {
	width:100%;
	height:18px;
	margin: 0px 0px 0px 0px;
	background:url(header-top.gif) no-repeat #CCCCCC;
}

#header-logo {
	height:144px;
	background:url(header-logo.gif) no-repeat;
	position: relative;
}

#header-logo-back {
	width:100%;
	height:126px;
	background:#1e4d85;
	margin: 0px 0px 0px 972px;}

/*--menu --*/

#menu {
	width:128px;
	height:216px;
	left: 36px;
	background:url(menu-bg.gif) no-repeat;
	position: absolute;
	top:162px;
	padding: 0px 0px 5px 70px;
	}
	
#menu ul, li {
	color:#FFFFFF;
	list-style-type:none;
	margin:0px 10px 0px 10px;}
	
#menu a, #menu a:visited {color:#FFFFFF; text-decoration:none; font-weight:normal;}
#menu a:active, #menu a:hover {color:#FFFFFF; font-weight:bold; text-decoration:none; background:#1e4d85;}

#menu hr {
	color:#868686;
	border:none;
	border-top:#1e4d85 1px dotted;
	margin:2px 0px 2px 0px;}



/*-- content-leftcolumn --*/
#left{
	float:left;
	width:198px;
	margin:18px 0px 0px 36px !important;
	margin:18px 0px 0px 18px;
	z-index:1;}

.uitgelicht {
	background-color:#1e4d85;
	border-top:#001e3c 18px solid;
	margin:0px 0px 18px 0px;
	padding:10px 10px 10px 10px;
	color:#FFFFFF;
	text-align:center;}

.content-box {
	background-color:#868686;
	border-top:#1e4d85 18px solid;
	padding:10px 10px 10px 10px;
	color:#FFFFFF;
	font-size:10px;
	text-align:left;}
.content-box ul, .content-box li {color:#FFFFFF; list-style:none; margin: 0px 0px 0px 0px;}

.content-lines {
	background:url(bg-occasions.gif) repeat-x;
	height: 200px;
	margin: 10px 10px 10px 0xp;
	text-align:left;
	}

.content-lines1 {
	background:url(bg-occasions.gif) repeat-x;
	margin: 10px 0px 5px 0px;
	padding: 0px 10px 0px 10px;
	height: 35px;
	text-align:left;
	}
	
.float-right {
	float:right;
	margin-left:18px;}
	
.float-left {
	float:left;
	margin-right:18px;
	}

/*-- content-rightcolumn --*/
#right{
	float: left;
	width:702px;
	margin: 18px 18px 18px 18px;
	background:#FFFFFF;
}
.extra-box {
	/*--background:url(bg-occasions.gif) repeat-x;--*/
	margin:0px 30px 30px 30px;}
.extra-box h2 {
	margin: 0px 0px 5px 10px;}
	
#links {
	float:left;}

#rechts {
	float:right;}

#center {
	width:600px;
	text-align:center;}

#links, #rechts, #center { margin: 0px 5px 5px 5px;}

.light-box{
	border-top:#1e4d85 18px solid;
	padding:20px 20px 20px 20px;}

ul, li {
	color:#333333;
}



/*--footer --*/
#footer {
	background:url(footer.gif) no-repeat #1e4d85;
	height:45px;
	width:100%;
	color:#1e4d85;
	font-size:10px;
	padding:9px 0px 5px 0px;
	clear:both;}

#footer a , #footer a:visited {color:#1e4d85; text-decoration:none; font-weight:bold; font:10px;}
#footer a:hover , #footer a:active {color:#FFFFFF; font-weight:bold; background:none; font:10px;}


/*--extras --*/
.center {
	text-align:center;}
	
.impressie {
	background:url(bg-occasions.gif) repeat-x;
	float:right;
	
	width: 135px;
	padding: 0px 10px 10px 10px;
		
	}