

/* CSS Document */


/* STANDARDS */
html, body { 
height: 100%; 
}

body {
background-image:url(../afbeeldingen/background2.jpg);
background-position:top center;
background-repeat:repeat-x;
	background-color:#000;
	font-size:11px;
	font-weight: normal;
	line-height:16px;
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	padding:0px;
	margin:0px;
	color:#777;
	text-align:left;
	}
	

html {
	min-height:99%;
	}


/* RESET */
h1, h2, h3, h4, h5, h6, h7, p, li {
	margin:0px;
	padding:0px;
	}

p {
	text-align:left;
	}

a {
	color:#18AADA;
	text-decoration:none;
	}

a:hover {
	color:#666;
	text-decoration:none;
	}



/* CUSTOM CLASSES */


/* HEADER + NAVIGATION */

#header {
	height:104px;
	background-image:url(bg/bgheader.jpg);
	padding: 0px 0px 0px 10px;
	color:#79736a;
	font-size:13px;
	font-weight:bold;
	}
	
#header h1 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;	
	font-size:9px;
	line-height:13px;
	font-weight:normal;
	color:#555;
	}

#header a {
	color:#abde91;
	}
#header a:hover { color: #ffffff; }




/* submenu */

#submenu {
	height:40px;
	background-image:url(afbeeldingen/bgsubmenu.jpg);
	padding:0px 0px;
	margin:0px auto;
	color:#abde91;
	}


/* Clear */

#clear {
	height: 10px;
	padding:0px 0px;
	margin:0px auto;
	}

#clear1 {
	
	height: 8px;
	padding:0px 0px;
	margin:0px auto;
	}

#clear2 {
	height: 6px;
	padding:0px 0px;
	margin:0px auto;
	}

#clear3 {
	
	height: 80px;
	padding:0px 0px;
	margin:0px auto;
	}

#clear4 {
	height: 8px;
	padding:0px 0px;
	margin:0px auto;
	}

#clear5 {
	height: 53px;
	padding:0px 0px;
	margin:0px auto;
	}

#clear6 {
	height: 100px;
	padding:0px 0px;
	margin:0px auto;
	}

/* Container */

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */ 
} 


/* Pages */

#page {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	background-image:url(bg/bgpage2.jpg);
	background-repeat:repeat-x; 
	font-size:11px;
	font-weight:normal;
	color:#777;
	line-height:18px;
	text-align:left;
	padding: 0px 0px 100px 10px;
	/*margin-bottom: 200px;*/
}

#page h1 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	font-size:18px;
	font-weight: normal;
	line-height:30px;
	color:#aaa;
	
	padding: 3px 15px 0px 15px;
	}
	
#page p {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	font-size:11px;
	line-height:18px;
	font-weight:normal;
	/*color:#555;*/
	color: #b5b5b5;
	padding:6px 15px 0px 15px;
	}
	
#page p.white {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	font-size:11px;
	line-height:18px;
	font-weight:bold;
	/*color:#555;*/
	color: #ffffff;
	padding:6px 15px 0px 15px;
	}

#page h2 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	font-size:11px;
	line-height:18px;
	font-weight:normal;
	/*color:#555;*/
	color: #b5b5b5;
	padding:6px 15px 0px 15px;
	}


#page h3 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	font-size:10px;
	line-height:18px;
	font-weight:bold;
	text-align:right;
	color:#777;
	padding:0px 10px 0px 10px;
	}


#page h4 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	font-size:11px;
	line-height:25px;
	font-weight:normal;
	color:#555;
	padding:0px 0px 0px 16px;
	}

#page h5 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	font-size:16px;
	font-weight:normal;
	line-height:22px;
	color:#bbb;
	font-variant: normal;	
	}

#page h6 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;	
	font-size:13px;
	line-height:20px;
	font-weight:normal;
	color:#ccc;
	padding:0px 0px 0px 0px;
	}
	

	
#page a {
	color:#aaa;
	text-decoration: underline;
	}
#page a:hover { color: #fff; text-decoration: underline;}

#page a.blauw {
	color:#285769;
	}
#page a.blauw:hover { color: #ccc; }

#page a.grey {
	color:#EEE;
	}
#page a.grey:hover { color: #285769; }

#page a.menu {
	color:#888;
	}
#page a.menu:hover { color: #ff000a; }



#page titel {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;	
	font-size:13px;
	line-height:18px;
	font-weight:normal;
	color:#ccc;
	padding:0px 0px 0px 0px;
	}

/* Pages1 */

#page1 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	background-image:url(bg/bgpage2.jpg);
	background-repeat:repeat-x; 
	font-size:11px;
	font-weight:normal;
	color:#888;
	line-height:18px;
	text-align:left;
	margin:0px auto;
	}

#page1 h1 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	font-size:16px;
	font-weight:normal;
	line-height:20px;
	color:#ffffff;
	font-variant: normal;	
	}
	
#page1 h2 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	font-size:11px;
	line-height:18px;
	font-weight:normal;
	
	color:#888;
	padding:0px 0px 0px 0px;
	}

#page1 h3 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	font-size:10px;
	line-height:14px;
	font-weight:normal;
	
	color:#444;
	padding:0px 0px 0px 0px;
	}


#page1 a {
	color:#328ca2;
}
#page1 a:hover { color: #ffffff; }
	
#footer {
	position: fixed; 
	z-index: 2; 
	margin: 0px auto; 
	bottom: 0px; 
	text-align: center; 
	font-size: 10px; 
	line-height:37px; 
	font-weight:normal; 
	color: #5a564f; 
	background-color:#000; 
	width: 100%;
}
#footer .links{

}
#footer .social-media{
	margin-top:10px;
}
#footer .social-media a{
	margin: 0 5px;
}
#footer img{
	border:none;
}
#footer h1 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;	
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	color:#eee;
	}
#footer h2 { margin: 0px auto; text-align: left; font-size: 11px; color: #555; line-height:15px; font-weight:normal;}
#footer a { margin: 0 0px; text-decoration: none; color:#5a564f; }
#footer a:hover { color:#FFF; }

/*#homefooter p.links { border: 0px solid #fff; border-width: 1px 0; padding: .5em 0; margin: 0 0 1em; }*/
/*#homefooter p.right.links { padding-right: 10px; }*/


/* Kalender Stuff */
.kalender {
	font-family: Verdana;
	font-size: 9px;
	font-style: normal;
	line-height: 11px;
	font-variant: normal;
	color: #fff;
}
.kalendercel {
	width: 70px;
	font-family: Verdana;
	font-size: 9px;
	font-style: normal;
	line-height: 10px;
	font-variant: normal;
	color: #5E5E5E;
	background-color: #131313;
	border: 1px solid #131313;
	margin-right: 3px;
}
.kalendertoday {
	font-family: Verdana;
	font-size: 9px;
	font-style: normal;
	line-height: 10px;
	font-variant: normal;
	color: #000;
	background-color: #666666;
	border: 1px solid #666;
}
.kalenderkop {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;	
	font-size:14px;
	font-weight:normal;
	color:#FFF;
	padding:5px;
	line-height: 14px;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
}

#clearkalender {
	height: 4px;
	padding: 0px 0px;
	margin: 0px auto;
	}


