@import url('colors.css');

body {
	font-family: "Lucida Grande", Verdana, Arial, schreefloos;
	margin: 0px;
	padding: 15px;
	text-align: center;
	font-size: 12px; 
}

hr {
color: gray; height: 1px; background-color: gray; border: 0;
}



h1 {
	background-color: #e6ecef;
	padding: 2px;
	font-size: 16px;
}

h2 {
	font-size: 14px;
	color: black !important;
}

h3 {
	font-style: italic;
	font-size: 13px;
	color: black !important;
	
}



#container {
	width: 970px;
	margin: 0px auto;
	text-align: left;
}

#logo {
	margin: 0px;
}

#menu {
	margin: 0px;
	padding: 5px 0px;
	list-style: none;
}
	#menu li { display: inline; padding: 0px 20px 0px 0px; }
	
#body2col {
	width: 970px;
}

#body2col #bodynav {
	width: 205px;
	float: left;
	margin-right: 10px;
	padding: 10px 0px;
	font-size: 14px;
}

#bodynav a {
	color: black;
}

ul {
	margin: 0 !important;
}

#bodynav ul {margin-left: 0; margin-bottom: 10px !important; padding-bottom: 10px !important; margin-right: 0; margin-top: 20px !important; font-family:helvetica,arial,sans-serif;padding:0;width:200px;}
#bodynav ul li {display:block;padding:0.3em 0.5em; color:#003; list-style: none;  margin: 0 0 3px 0px; background-color: #edf4fc}
#bodynav ul li a {text-decoration:none; background:none;color:#003;}
#bodynav ul li a:hover {}

#body2col #body1 {
	width: 735px;
	float: left;
	margin-right: 15px;
	padding: 30px 0px;
}

#body2 {
	width: 150px;
	float: left;
	padding: 30px 0px;
}

#footer {
	padding: 5px 0px;
	clear: both;
	text-align: center;
}

.infobox { 
	border: 1px solid #ccc;
	padding: 0px;
	margin-bottom: 10px;
	width: 95px;
	margin-right: 5px;
	float: left;
}

.nieuwsbrief { 
	border: 1px solid #ccc;
	padding: 5px;
	background-color: #dedede;
	margin-bottom: 10px;
	width: 188px;
	margin-right: 0px;
	margin-left: 0px;
	float: left;
	text-align: center;
}


.infobox p {
	margin: 0;
	padding: 0;
	width: 95px;
	height: 50px;
	
}

.infobox img {
	border: 0;
}

.infobox h2 {
	display: none;

}

#pics { 
	position: relative;
}


#pic1 {
	width: 258px;
	background: url('images/pic1.jpg') no-repeat;
	position: absolute;
	top: 0px;
	left: 0px; 
}

#pic2 {
	width: 260px;
	background: url('images/pic2.jpg') no-repeat;
	position: absolute;
	top: 0px;
	left: 259px;
}

#pic3 {
	width: 230px;
	background: url('images/pic3.jpg') no-repeat;
	position: absolute;
	top: 0px;
	left: 520px;
}

.layout2 #pics, .layout2 #pic1, .layout2 #pic2, .layout2 #pic3 {
	height: 86px;
}

/* change this section to adjust background image position */
.layout2 #pic1 {
	background-position: 0px -40px;
}

.layout2 #pic2 {
	background-position: 0px -40px;
}

.layout2 #pic3 {
	background-position: 0px -30px;
}

.editsection { display: none; }

#editpage-copywarn { display: none;}

.floatright { float: right; margin-left: 5px;}

.floatleft { float: left; margin-right: 5px;}
.thumbborder { border: 1px solid gray; }
.center { margin: 0 auto; width: 100%; text-align: center; }
div.thumb {
	margin-bottom: .5em;
	border-style: solid;
	border-color: white;
	width: auto;
}
div.thumbinner {
	border: 1px solid #ccc;
	padding: 3px !important;
	background-color: #f9f9f9;
	font-size: 94%;
	text-align: center;
	overflow: hidden;
}
html .thumbcaption {
	border: none;
	text-align: left;
	line-height: 1.4em;
	padding: 3px !important;
	font-size: 94%;
}

#toc, .toc {
	display: none;
}