@CHARSET "UTF-8";
html{
	height:100%;
	
	}

body{
	font-family:Garamond, 'Times New Roman', Times, serif;
	font-size:62.5%;
	background-color:#f5efe2;
	margin:0 0 0 0; 
	height:100%;
	overflow:hidden;
	}


#containerAll{
	width:100%;
	height:auto;
	}

#blauwBoven{
	position:absolute;
	top:0px;
	width:100%;
	height:6px;
	left:0px;
	background-image:url(../images/assets/blauwboven.jpg);
	background-repeat: repeat-x;
	}

#lichtblauwBoven{
	position:absolute;
	left:0px;
	top: 6px;
	width:100%;
	height: 25px;
	background-image: url(../images/assets/lichtblauwBoven.jpg);
	background-repeat: repeat-x;
}

#directLinks{
	width:180px;
	position:absolute;
	right:0px;
	font-size:1.2em;
	}
	
#banner{
	height:100px;
	width: 600px;
	left:450px;
	border:2px white solid;
	margin-top: 45px;
	margin-left:460px; 
	}
	
	
#left {
	  float:left;
	  width:450px;
	  margin-top:-130px;
	  position:absolute;
	  z-index:5;
	  height:100%;
}

#container{
  	top: 10px;
  	margin-left: 260px;
  	margin-right: 220px;
	padding-bottom:40px;
  	margin-top:15px;
 	background-color:#ede8db;	 
 	width:auto;
 	padding-left:220px;
 	
}

#right {
  float: right;
  width: 180px;
  height: 100px;
  margin-top:15px;
}

#nieuws{
	position:absolute;
	bottom:20px;
	left:30px;
	}

.nieuwsItem{
	margin-top: 30px;
	width:95%;
	background-color:#f0eee7;
	padding:10px;
	border-top:1px #aaa dotted;
	border-bottom:1px white dotted;
	}

#nieuwItem{
	margin-top: 30px;
	width:95%;
	background-color:#f0eee7;
	padding:10px;
	border-top:1px #aaa dotted;
	border-bottom:1px white dotted;
	}

.nieuwsTitel{
	font-size:1.2em;
	color:#259ddc;
	}
	
.nieuwsTekst{
	font-size:1.1em;
	margin-top:5px;
	}
	
#blauwOnder{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:4px;
	background-image: url(../images/assets/blauwOnder.jpg);
	background-repeat:repeat-x;
}

#lichtBlauwOnder{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:35px;
	background-image: url(../images/assets/lichtBlauwOnder.jpg);
	background-repeat:repeat-x;
}

#content{
	margin-top:-80px;
	font-size:1.4em;
	line-height:1.5em;
	padding-right:15px;
	overflow: auto;
	}

#faqVragen{
	margin-top: 30px;
	}
	
#contentKruis{
	width:98%;
	height:7px;
	background-image: url(../images/assets/contentKruis.jpg);
	background-repeat:repeat-x;
	}
	
#contentOnder{
	width:100%;
	height:19px;
	background-image: url(../images/assets/contentOnder.jpg);
	background-repeat:repeat-x;
	margin-left: -260px;
	padding-left:260px;
	position:relative;
	top:40px;
	}

#menu{
	z-index: 100;
	position:relative;
	border:1px red solid;
}

h3{
	color: #6faeff;
	margin-top:1.2em;
	font-decoration: italic;
	font-weight:normal;
	margin-bottom:0;
	font-size:1.3em;
}

.bannerLinks, .bannerAgenda{
	margin-top:15px;
}

#player{
	margin-top:-130px;
}

.musicBorder{
	border-top: 1px grey dotted;
	border-bottom: 1px grey dotted;
	margin-top:10px;
	size:1.1em;
	color:grey;
	text-align:center;
}

.songOver{
	background-color:#f5efe2;
}


.songOut{
	background-color:#ede8db;
}

.nieuwsbrief{
	background-image: url(../images/bannerLinks/nieuwsbrief.jpg);
	margin-top:15px;
	height: 184px;
}

.itemBorder{
	border: 1px grey dotted;
	}

.itunes{
	font-family:'Lucida Grande', 'Times New Roman', Times, serif;
	
}

#videoplayer{
	width:440px;
	height:365px;
	border:1px red solid;
	position:absolute;
	left:40px;
	top:25px;
	margin-left:25px;
	margin-top:25px;
}

.journalItem{
	margin-top: 4px;
}


/*musicpage*/

table.musicSongs{
 	width:100%;
}

table.musicSongs td{
	cursor:pointer;
	border-bottom:1px grey solid;
	padding: 2px 0;	
}

table.musicSongs th{
	text-align:left;
	border-bottom:1px grey solid;
}


#songTekst{
	line-height:1.5em;
	font-size:1.3em;
	text-align:center;
}


/*fotogallerij*/

ul#fotoLijst{
	width:564px;	
	list-style:none;
	margin-left:0px;
	padding-left:0;
}

ul#fotoLijst li{
	cursor:pointer;
	float:left;
	background-color:#E5D9C1;
	width:186px;
	text-align:center;	
	margin: 1px;
}

/*agenda*/

#agenda{
	width:100%;
	margin-top:40px;
	}

#agenda td{
	padding-left:10px;	
	background-color:#f0eee7;	
}

#agenda td.uur, #agenda td.datum{
	border-right:2px #52c8fd solid;	
	padding-right:10px;
	color: #52c8fd;
}

#agenda td.datum{
	font-weight:bold;
	white-space:nowrap; 
}

#agenda  td.spacer{
	height:15px;	
	background-color:#ede8db;
}

#agenda .naam, #agenda .naam a{
	font-weight:bold;
	font-size:1.2em;
	color: #52c8fd;
}

#agenda .naam, #agenda .naam a:hover{
	text-decoration:none;
}

#agenda td.plaats, #agenda td.uur{
	padding-top:5px;	
		
}

#agenda td.padding{
	height:8px;	
	
}

ul#videoLijst{
	list-style-type:none;
	margin-top:20px;
}

ul#videoLijst li{
	background-color: #e7dcc1;
	text-align:center;
	width:190px;
	float:left;
	margin:1px;
	padding:1px;
}

ul#videoLijst li a{
	text-decoration:none;
	color:#09F;
}

ul#videoLijst li a:hover{
	text-decoration:underline;
}



#dialog-register dt{
	float:left;
	width:100px;
	clear:left; 
	margin-top:5px;
}

#dialog-register dt#captcha-label{
	width:250px;
	clear:both;
	margin-top:5px;
}

#dialog-register dt#captcha-element{ margin-left:0px; }
#dialog-register .required{ color:#2783ca; }
#dialog-register .optional{ color:#7a90a7; }
#dialog-register input{border:1px #2783ca solid; }
#dialog-register #telefoon{ border:1px #7a90a7 solid; }
	
#dialog-register dd{
	float:left;
	margin-left:5px;
}

#dialog-register #validateTips{ list-style-type:none; padding:0; margin:0;}
#dialog-register #validateTips{ color:#2783ca; font-weight:bold; width:100%; text-align:center; }


.vraag-form input{ font-size:1.2em;background-color:#e8dabf;border:1px #c4b08a solid; width:200px; }
.vraag-form textarea{ font-size:1.2em;background-color:#e8dabf;border:1px #c4b08a solid; width:320px;height:120px }
.vraag-form #zend{ font-size:1.2em; width:80px; float:right }
.vraag-form td{ font-size:1.2em; }

.vraagOpmerkingen { text-align:left; font-size:1.2em; margin-bottom:20px; position:relative; width:320px; margin-left;:50%;  }