/*****************
* BASIC ELEMENTS *
*****************/
*, html, body { margin: 0; padding: 0; }
html { font-size: 62.5%; }
body { position: relative; color: #711; background-color: #fff; background: transparent url('achtergrond.jpg') top center no-repeat fixed;
    font-family: "Trebuchet MS", "Helvetica", sans-serif; }
h1 { letter-spacing : .4em; font-size: 2.5em; margin: .5em 0; }
h2 { letter-spacing : .3em; font-size: 2.1em; margin: .4em 0; }
h3 { letter-spacing : .2em; font-size: 1.8em; font-style: italic; margin: .3em 0; /*float: left; clear: left;*/}
h4 { letter-spacing : .1em; font-size: 1.6em; font-style: italic; margin: .2em 0; }
h5 { font-size: 1.5em; font-style: italic; margin: .1em 0; }
h6 { font-size: 1.5em; font-style: italic; margin: .1em 0; }
p { margin: 0 0 1em 0; }
a { color: #333; }
a:link { }
a:visited { color: #333; }
a:hover { color: #eee; background-color: #933; text-decoration: none;}
a:active { background-color: #305070; color: #000; }
a img { border: 0 solid; }
input[type="text"], textarea { border: 1px solid #000; }
input.radio { border: 0; }
p.center { /*float: left;*/ width: 100%; text-align: center; }
table { border: 0 solid transparent; }
ul { padding-left: 2em; } 
.clr { clear: both; }
.error { border: 1px solid #800; background-color: #f99; padding: .2em .5em; }

/*****************
* PAGE STRUCTURE *
*****************/
#wrap { margin-right: 290px; margin-bottom: 3em; }
#nav { position:absolute; right:0; top:0; width:250px; padding-bottom: 3em; background-color: inherit; }
#footer { border-top: 1px solid #993; border-bottom: 1px solid #000; font-size: 1.4em; line-height: 1.6em;
	width: 100%; float: left; text-align: center; background-color: #fff; color: #333; margin-top: .5em; clear: both; }
#header { height: 90px; position: relative; background: url('logo_klein.jpg') no-repeat scroll left top transparent; }
#current { height: 10em; }
#content { padding-left: .5em; font-size: 1.4em; }

/**********************
* COLORS & TYPOGRAPHY *
**********************/
#header h1 { font-weight: bold; text-align: center; letter-spacing : .25em; margin: 0; line-height: 60px; }
#header h1 a { display: block; text-decoration: none; }
#header h1 a span { }
#header h1 a:hover { background-color: transparent; color: #933;}
#content { padding: 0 1em; }
#footer { position: fixed; bottom: 0; text-align: center; }
#footer a { color: #000; }
#googleSiteSearch { border: 1px solid #000; padding: .5em; margin: .5em; }
#map { border: 1px solid #666; }
div.share { font-size: 1.2em; padding: .5em; }
div.share a { text-decoration: none; color: #3B5998; background-color: #fff; border:1px solid #D8DFEA; display:inline-block; padding: 0 5px 0 20px;}

/***************************
*  NAVIGATION + ACCORDION  *
***************************/
#nav ul { list-style: none; margin: .5em 0 .5em 1em; }
#nav>ul { font-size: 1.2em; }
#nav>ul>li { font-weight: bold; overflow: hidden; }
#nav>ul>li:first-child { margin-top: 0;}
#nav>ul>li>ul>li { font-weight: normal; }

#nav ul { margin: 0; padding: 0; list-style-type: none; }
#nav>ul>li { padding-bottom: .5em; }
#nav>ul>li>a { display:block; font-weight:bold; text-decoration:none; }
#nav>ul>li>ul { padding-left: 1em; }
#nav>ul>li>ul>li>a { display:block; text-decoration:none; }

/*******
* BLOG *
*******/
blockquote { margin: .5em; padding: 1em; 
	font-size: 1.1em; font-style: italic;
	background: #ffe url('quote.gif') scroll top left no-repeat; color: #333;}

/**********
* FAMILIE *
**********/
table.familie { width: 100%; }
table.familie td { padding: 2px; margin: 2px; }
table.familie img { border: 1px solid #666; }
table.familie td.rol { font-weight: bold; font-style: italic; }
table.familie td.omsch { font-style: italic; }

/*********
*  FORM  *
*********/
.formField { margin: .4em; padding: 0;}
.formFieldLabel { width: 15em; float:left; clear: left; }
.formFieldEntry { margin-left: 1em;}
textarea.formFieldEntry { width: 32em; height: 8em;}
input.formFieldEntryRadio { border: 0; }
.formWarning {border: 1px solid #900; background-color:#fbb; padding: .5em 1em;}

/************************
*  FOTO'S & THUMBNAILS  *
************************/
.gallery .image-title,
.gallery .image-description,
.gallery .image-author,
.gallery .image-link { display:none; }
.gallery { width: 100%; text-align: center; margin-left: auto; margin-right: auto; padding: none; }
.gallery ul.images { list-style-type: none; border: none; padding: none; }
.gallery ul.images li.image { display: inline; line-height: 0; }
.gallery ul.images li.image a { text-decoration: none; color: inherit; cursor: pointer; margin: 14px;
	display: inline-block; background: white; padding: 3px; line-height: 0;
	-webkit-border-radius: 4px 4px; -moz-border-radius: 4px 4px; border-radius: 4px 4px;
	-moz-box-shadow: 0px 0px 8px #AAA; -webkit-box-shadow: 0px 0px 8px #AAA; box-shadow: 0px 0px 8px #AAA;
	-webkit-transition: -webkit-box-shadow 0.1s ease-out; -moz-transition: -webkit-box-shadow 0.1s ease-out;
	-o-transition: -webkit-box-shadow 0.1s ease-out; transition: -webkit-box-shadow 0.1s ease-out; }
.gallery ul.images li.image a img { border: none; padding: none;
	-webkit-border-radius: 4px 4px; -moz-border-radius: 4px 4px; border-radius: 4px 4px; }
.gallery ul.images li.image a:hover { -moz-box-shadow: 0px 0px 8px #222; -webkit-box-shadow: 0px 0px 8px #222; box-shadow: 0px 0px 8px #222; }

/*****************
*  ACTIVITEITEN  *
*****************/
ul.calendar { }
ul.upcoming { color: #000; }
ul.upcoming li { font-size: .75em; margin-bottom: .5em; }
ul.upcoming a.title { font-size: 1.2em; }
ul.upcoming p { margin: 0; font-size: .8em; font-weight: bold; }
ul.upcoming p.time { font-style: italic; }
ul.upcoming p.location { }
ul.upcoming a {}

/***********
* SPONSORS *
***********/
ul#steun { clear: both; margin: 0; padding: 0; }
ul#steun li { padding: 0; margin: .5em; list-style: none; }
ul#steun li img { border: 3px ridge #990; }