@charset "UTF-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
	border:0;
	outline:0;
}

HTML {
	width:100%;
	height:100%;
}

BODY {
	background:url(../images/backgrounds/body.png) repeat-x #009cc1;
	font-family:Arial;
	font-size:12px;
	color:#333333;
	width:100%;
	height:100%;
	z-index:0;
	position:relative;
}

A {

}

H1, H2 {
	color:#F2AA0F;
	font-size:25px;
	margin-bottom:25px;
}

OBJECT,EMBED {
	margin:0;
	padding:0;
}

/* SITE OPBOUW */

#main {
	width:100%;
	height:100%;
	background:url(../images/backgrounds/main.png) no-repeat top center;
}

#site {
	width:900px;
	min-height:800px;
	margin:0 auto;
}

#top {
	height:119px;
	width:100%;
}

#top-left {
	float:left;
}

#top-left IMG {
	margin-top:17px;
}

#top-right {
	float:right;
	margin-top:50px;
	text-align:right;
	margin-right:40px;
}

#middle {
	width:878px;
	margin:0 12px 0 10px;
	height:246px;
}

#menu {
	position:absolute;
	left:0;
	top:0;
	height:45px;
	width:100%;
	background:url(../images/backgrounds/menu.png) repeat-x;
	border-bottom:1px solid white;
	z-index:2;
}

#header {
	position:absolute;
	left:0;
	top:46px;
	height:200px;
	width:878px;
	z-index:1;
}

#header IMG {
	position:absolute;
	left:0;
	top:0;
	z-index:3;
}

#header-balk {
	position:absolute;
	right:0;
	bottom:0;
	width:550px;
	height:33px;
	background:black;
	opacity:.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
	z-index:800;
}

#header-breadcrumb {
	position:absolute;
	left:340px;
	bottom:0;
	z-index:900;
}

#header-breadcrumb UL LI {
	float:left;
	list-style:none;
	font-size:11px;
	color:white;
	line-height:32px;
	margin:0 5px;
}

#header-breadcrumb UL LI A {
	font-size:11px;
	color:white;
	text-decoration:underline;
}

#header-breadcrumb UL LI A:hover {
	text-decoration:none;
}

#content {
	background:url(../images/backgrounds/content.png) repeat-y top center;
	min-height:550px;
	padding-bottom:10px;
	margin:0;
}

#content-left {
	float:left;
	min-height:500px;
	margin-top:30px;
	width:200px;
	padding-left:50px;
	padding-right:25px;
	_height:500px;
}

#content-right {
	float:left;
	margin-top:30px;
	background:url(../images/backgrounds/content-right.png) repeat-y top left;
	width:500px;
	padding-left:50px;
	min-height:500px;
}

#footer {
	background:url(../images/backgrounds/footer.png) no-repeat top center;
	height:80px;
}

#footer-left {
	float:left;
	margin-left:50px;
}

#footer-left UL {
}

#footer-left UL LI {
	float:left;
	list-style:none;
	margin-right:10px;
}

#footer-right {
	float:right;
	text-align:right;
	margin-right:50px;
	line-height:80px;
	color:white;
	font-size:11px;
}

#footer-right A {
	color:white;
}
#footer-right A:hover {
	color:white;
	text-decoration:none;
}


/* MENU */

#menu UL {  
    display:block;  
    position:absolute; 
	z-index:1000; 
}  
#menu UL.children {  
    margin:0;  
    padding:0;  
    border-top:1px solid #FCD290;  
    z-index:100;  
    visibility:hidden;  
	width:216px;
	background:url(../images/backgrounds/submenu.png) no-repeat left bottom;
	padding-bottom:50px; 
	z-index:1000; 
}  
#menu UL li {
    display:inline;  
    float:left; 
	height:45px;
}  
#menu UL li li {  
    display:block;  
    float:none;  
}  
#menu UL a {  
    text-decoration:none;
    color:#FFFFFF;  
    display:block; 
	font-family:"Trebuchet MS"; 
    font-weight:bold;  
    line-height:45px;  
    text-align:center;
	padding:0 20px;
}  
#menu UL a:hover {  
    background:url(../images/backgrounds/menu-hover.png) repeat-x left top;  
    color:#FFFFFF;  
    text-decoration:none;  
}  
 
#menu UL a.active, #menuu UL a.active:hover {  
    background:url(../images/backgrounds/menu-active.png) repeat-x left top;  
    color:#FFFFFF;  
    text-decoration:none;  
}  

#menu UL UL a { 
    text-decoration:none;
    color:#FFFFFF;  
    display:block; 
	font-family:"Trebuchet MS"; 
    font-weight:bold;  
    line-height:45px;  
    text-align:left;
	padding:0 20px;
	width:176px;
	height:45px; 
}  
#menu UL ul a:hover, #menu UL ul a.selected {
	background:#0094B6;   
}
#menu UL li:hover ul, #menu UL li.sf ul {  
    visibility:visible;  
}  
#menu UL li:hover ul ul, #menu UL li.sf ul ul {  
    visibility:hidden;  
}  
#menu UL li:hover ul, #menu UL li li:hover ul, #menu UL li.sf ul, #menu UL li li.sf ul {  
    visibility:visible;  
}  


/* KALENDER */


#calendar {
	width:200px;
}

#calendar TABLE {
	width:200px;
}

#calendar .calendar-header {
	height:29px;
	line-height:29px;
	background:#DB001E;
	color:white;
}

#calendar .calendar-header A {
	color:white;
	text-decoration:none;
}

#calendar .calendar-header IMG {
	margin-top:8px;
}

#calendar .calendar-week TD {
	height:30px;
	width:35px;
	text-align:center;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	color:#666666;
}

#calendar .calendar-days TD {
	height:30px;
	width:35px;
	text-align:center;
	color:#666666;
}

#calendar .calendar-days TD A {
	display:block;
	width:100%;
	height:100%;
	background:url(../images/backgrounds/calendar-link.png) no-repeat center center;
	color:white;
	text-decoration:none;
	line-height:32px;
}

/* FOTOALBUMS */

#fotoalbum, .jcarousel-container {
	width:878px;
	height:450px;
	overflow:hidden;
	position:absolute;
	left:0;
	bottom:0;
}

#fotoalbum-next {
	position:absolute;
	right:80px;
	top:180px;
	cursor:pointer;
}

#fotoalbum-previous {
	position:absolute;
	left:80px;
	top:180px;
	cursor:pointer;
}

.jcarousel-clip {
	width:878px;
	height:450px;
	overflow:hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
	float:left;
	position:relative;
    list-style: none;
	width:878px;
	height:450px;
}



.fotoalbums {
	width:125px;
	height:152px;
	margin:0 20px 20px 0;
	float:left;
}

.fotoalbums-image {
	position:absolute;
	left:0;
	top:0;
	width:125px;
	height:125px;
	overflow:hidden;
}

.fotoalbums-image IMG {
	clip:rect(0 200px 125px 75px);
}

.fotoalbums-title {
	width:125px;
	height:24px;
	position:absolute;
	left:0;
	bottom:0;
	line-height:24px;
	text-align:center;
}

.fotoalbums-title A {
	display:block;
	width:100%;
	height:100%;
	line-height:24px;
	text-align:center;
	color:#0094B6;
	text-decoration:none;
}

.fotoalbums-title A:hover {
	color:white;
	background:url(../images/backgrounds/menu-hover.png) repeat-x center center;
}

.fotoalbums-title A.active, .fotoalbums-title A.active:hover {
	color:white;
	background:url(../images/backgrounds/menu-active.png) repeat-x center center;
}


/* CONTENT ELEMENTEN */

.content {
	line-height:180%;
}

.content P, .content UL, .content OL, .content TABLE {
	margin-bottom:12px;
}

.content LI {
	list-style:square;
	margin-left:20px;
}

.content STRONG, .content B {
	font-weight:bold;
	color:#0094B6;
}

.content A {
	color:#0094B6;
	text-decoration:underline;
}

.content A:hover {
	color:#0094B6;
	text-decoration:none;
}


/* FORMULIEREN */

.form {
	margin:20px 0;
}

.form-row {
	height:35px;
	line-height:35px;
}

.form-row-multiple {
	min-height:35px;
	line-height:35px;
}

.form-label {
	width:150px;
	float:left;
}

.form-value {
	float:left;
}

.input-text {
	width:200px;
	height:18px;
	padding:2px;
	border:1px solid #C6C6C6;
	font-size:11px;
	color:#777777;
}

.input-textarea {
	width:200px;
	height:100px;
	padding:2px;
	border:1px solid #C6C6C6;
	font-size:11px;
	color:#7f7f7f;
}

.submit-button {
	background:#DB001E;
	height:25px;
	line-height:25px;
	border:0;
	color:white;
	margin:10px 0;
	padding:0 10px;
	cursor:pointer;
}

/* GOOGLE MAPS */


/* GOOGLE MAPS */

#jmaps {
	width:100%;
	height:320px;
	border:1px solid #333333;
	padding:1px;
}

html body div#site div#content div#content-right div.content #jmaps div a,
html body div#site div#content div#content-right div.content #jmaps div span,
html body div#site div#content div#content-right div.content #jmaps span.gmnoprint a img{
	display:none;
}


/* HULPELEMENTEN */

.clear {
	clear:both;
}

.tussenruimte {
	height:20px;
}

.kantlijn {
	padding:20px;
}

.container {
	position:relative;
	width:100%;
	height:100%;
}