* {
	margin: 0;
	padding: 0;	font-size: 11px;
	font-family: Verdana, "Trebuchet MS", sans-serif;
	color: #333;
}

body {
	background: url('../images/bg_body.gif');
}
a img {
	border: none;	
}
h1, h2, h3,
h1 a , h2 a, h3 a {
	font-size: 18px;
	color: #232f01;
	font-family: georgia, serif;
	font-weight: normal;
	border-bottom: 0;
	text-decoration: none;
}
h1 {
	margin-bottom: 1em;	
}
h1 small { 
	color: #888;
}
h2 {
	font-size: 16px;	
	margin-bottom: 1em;	
}
h2 a:hover {
	text-decoration: underline;	
}

#content p a {
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px dotted #777;
}
#content p a:hover {
	border-bottom: 1px solid #777;
}
#content p a img {
	border: none;
}

#container {
	width: 900px;
	border: 1px solid #c0ce95;
	margin: 20px auto 20px auto;

	background: #f7f9f1;
}
#header {
	height: 104px;
	position: relative;
	z-index:10;

	background: url('../images/bg_header.jpg');
}
#header #homelink {
	display: block;
	height: 104px;
	width: 900px;
	text-indent: -9999px;	
}
#topmenu {
	height: 34px;
	position: absolute;
	z-index: 10;
	bottom: 4px;
	left: 218px;
	padding: 0 10px;

	list-style-type: none;
	background: url('../images/bg_topmenu.gif') top;
}
#topmenu li {
	float: left;
	position: relative;
	z-index: 12;
}
#topmenu li a {
	float: left;
	line-height: 34px;
	padding: 0 11px;

	color: #2d2d2d;
	text-decoration: none;
	background: url('../images/bg_topmenu.gif') top;
}
#topmenu li a:hover,
#topmenu li a.active {
	background-position: bottom;
	color: white;
}

#topmenu .submenu {
	display: none;
	list-style-type: none;

	position: absolute;
	z-index: 20;
	top: 34px;
	left: 0;
	width: 180px;

	background: white;
	border: 1px solid #e2e2e2;
	border-top: none;
}
#topmenu li:hover .submenu {
	display: block;
}
#topmenu .committees {
	width: 360px;	
}
#topmenu ul {
	display: block;
	width: 180px;
	float: left;	
}
#topmenu ul li {
	float: none;
	display: block;

	background: none;
	font-size: 14px;
	line-height: 35px;
}
#topmenu ul li a {
	display: block;
	color: #2d2d2d;
	background: white;
	padding: 0 8px 0 11px;
	width: 161px;
}
#topmenu ul li a.active,
#topmenu ul li a:hover {
	color: white;
	background: #85ae0b url('../images/bg_topmenu.gif') repeat-x left -34px;
}


ul.sponsors {
	margin: 0 0 0 13px;
	list-style-type: none;
	clear: both;
}
ul.sponsors li {
	float: left;
	padding: 28px 0 10px 0;
	margin-right: 22px;
}
ul.sponsors li.last {
	margin-right: 0;
}
ul.sponsors a img {
	border: none;	
}

#content {
	clear: both;
}

#leftcol {
	float: left;
	width: 175px;
	padding-left: 13px;
	padding-right: 28px;
}
#leftcol .block {
	border: 1px solid #bac893;
	background: #dceab4;
	padding: 10px;
	margin-bottom: 3em;
}
#leftcol h3 {
	font-size: 12px;
	margin-bottom: 10px;
}
#leftcol a {
	text-decoration: none;	
}
#leftcol a:hover {
	text-decoration: underline;	
}
#leftcol p,
#leftcol ul,
#leftcol ol,
#leftcol a {
	line-height: 18px;
	font-size: 11px;
	margin-bottom: 1.5em;
	color: #232f01;
}
#leftcol li {
	line-height: 25px;
	margin-left: 15px;
}
#leftcol label {
	display: block;
	margin-bottom: 4px;
}
#leftcol input {
	margin-bottom: 10px;
	padding: 2px;
	width: 141px;
}
#leftcol input#remember {
	width: auto;
	float: left;
	margin-right: 5px;
}
#leftcol input.button {
	cursor: pointer;
	width: 71px;
}

#center {
	float: left;
	width: 450px;
	padding-bottom: 20px;
}

#rightcol {
	float: right;
}
#rightcol .block {
	background: #678713 url('../images/bg_rightblock.gif') repeat-x;
	padding: 15px;
	width: 195px;
	position: relative;
	z-index: 1;
	margin-bottom: 4em;
	margin-right: -19px;
}
#rightcol .block .corner {
	width: 18px;
	height: 11px;
	position: absolute;
	z-index: 1;
	top: -11px;
	right: 0;
	background: url('../images/bg_rightblock_corner.png') no-repeat;
}
#rightcol h3,
#rightcol h3 a {
	margin-bottom: 1em;

	font-size: 12px;
	color: white;
}
#rightcol p,
#rightcol ul {
	color: white;
	line-height: 18px;
	font-size: 10px;
	margin-bottom: 1.5em;
}
#rightcol ul {	
	list-style-type: none;
	font-weight: bold;
}
#rightcol ul ul {
	margin-left: 18px;
	list-style-type: disc;
	font-weight: normal;
}
#rightcol * {
	color: white;	
}

#leftcol .carousel {
}
#leftcol .carousel li {
	margin: 0 0 0 0;
	padding: 4px 0;
	line-height: auto;
	text-align: center;
	font-weight: bold;
}
#leftcol .carousel a {
   	border: none;
   	float: left;
   	margin: 0 0;
   	padding: 0 0;
}
#leftcol .carousel a:hover {
}
#leftcol .carousel li img {
	float: left;
}
#rightcol .carouselwrapper {
    background: url('../images/carousel_frame.png') no-repeat;
    /*width: 197px;  */
    height: 151px;
    padding: 6px;
    position: relative;
}
#rightcol .carouselwrapper .arrowleft,
#rightcol .carouselwrapper .arrowright
{
    position: absolute;
    top: 15px;
    right: 25px;
    z-index: 3;

    cursor: pointer;
}
#rightcol .carouselwrapper .arrowleft {
	right: 40px;
}
#rightcol .carousel a {
   	position: relative;
   	text-decoration: none;
   	border: none;
}
#rightcol .carousel .title {
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 174px;
    padding: 5px;

    background: black url('../images/arrow_right.png') no-repeat 160px center;
    opacity: 0.75;
    color: white;
    font-size: 10px;
}
#rightcol .carousel .title strong {
	color: white;
}
#center p, #center ul, #center ol, #center .youtube-player {
	margin-bottom: 1.5em;
	line-height: 20px;
	text-align: justify;
}
#center ul, #center ol {
	margin-left: 15px;		
}

#footer {
	clear: both;
	background-color: #d2e4a2;
	height: 100px;
}

.newssummary h1,
.newssummary h2 {
	margin-bottom: 0.5em;
}

.newssummary small {
	color: #929292;
	font-size: 10px;
	margin-bottom: 0.5em;
	display: block;
}
.newssummary p.newsfooter {
	margin-top: -8px;
	clear: both;
}
.newssummary p.newsfooter,
.newssummary p.newsfooter a {
	color: #929292;
	font-size: 11px;
}

.ui-datepicker {
	float: right;
	margin: 0 0 1em 1em;
}

#center ul.agenda,
#center ul.agenda li,
#center ul.agenda ul {
	clear: both;
	list-style-type: none;
	margin: 0;
	line-height: auto;
}
ul.agenda h2 {
	font-size: 12px;
	padding: 1.5em 0 0.5em 0;
}
ul.agenda h3 {
	font-size: 11px;
	font-weight: normal;
	font-style: italic;	
}
ul.agenda li li {
	border-top: 1px solid #ccc;
	padding: 1em 1em 1em 2.5em;
	background: #f3f3f3 url('../images/agenda-bullet.gif') no-repeat 10px center;
}
ul.agenda li li:hover {
	background-color: #f0f0f0; 
}
ul.agenda li li.last {
	border-bottom: 1px solid #ccc;	
}

#center ul.agenda p {
	margin-bottom: 0;
}
.ui-datepicker .hasActivity,
.ui-datepicker .hasActivity a {
	background: #85ae0b;	
	color: white;
}
.ui-datepicker .hasActivity a {
	border: none;	
}	


#center a.imgwrapper {
	text-decoration: none;
	cursor: pointer; /* ie */
}
#center a.imgwrapper img {
	border: none;
}

#center .imgwrapper {
	border: 1px solid #ccc;
	background: white;
}
#center a.imgwrapper:hover {
	border: 1px solid #aaa;
}
#center .imgwrapper span {
	display: block;
	margin: 3px;
}
#center .imgwrapper p {
	text-align: center;
	margin-bottom: 0;
}

#center .imgwrapper span.titleHolder {
	margin: 3px;
	display: block;
	position: relative;
}
#center .imgwrapper p.onTopTitle {
	background: #000;

	opacity: 0.75;
	filter: alpha(opacity=75); /* ie lt8 */
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)'; /* ie8 */
	-khtml-opacity: 0.75;
	-moz-opacity: 0.75;

	font-size: 12px;

	width: 100%;
	position: absolute; bottom: 0; left: 0;
}
#center .imgwrapper p.onTopTitle span {
	margin: 0 5px 0 5px;
	padding-bottom: 5px;
	display: block;
	color: #fafafa;
}

#center .imgwrapper.left {
	float: left;
	margin: 0 14px 14px 0;
}
#center .imgwrapper.right {
	float: right;
	margin: 0 0 14px 14px;
}
#center .imgwrapper.center {
	display: block;
	margin: 14px auto;
}


/** contact form **/

form.contact {
	width: 400px;	
}

form.contact label,
form.contact input,
form.contact textarea {
	margin-bottom: 15px;
	padding: 3px 0;
}
form.contact label {
	display: block;
	margin-bottom: 5px;
	line-height: normal;
}

form.contact textarea {
	height: 200px;
}
form.contact textarea.small { height: 75px; }
form.contact textarea,
form.contact input {
	padding: 3px;
	width: 392px;	
	border: 1px solid #ccc;
}

form.contact {
	margin: 0 0 10px 0;
}
form.contact fieldset {
	border: 0;
}
form.contact input.submit {
	padding: 5px;
	width: 400px;	
}
form.contact h3 {
	margin: 0 0 1em 0;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #ccc;
}
form.contact legend {
	padding: 0 20px;
	margin: 0;
	font-size: 1.1em;
}
form .humanproof,
form.contact .humanproof {
	display: none;
}	

.lid img.profile {
	border: 1px solid #ccc;
	padding: 2px;
	float: right;
	background: white;
	margin: 0 0 10px 10px;
}

.lid h1 {
	margin-bottom: 0;
}
.lid small {
	color: #777;
	display: block;
	margin-bottom: 1em;
}
dl {
	margin-bottom: 25px;
}
dl .small {
	width: 250px;
}
dl dd {
	display: block;
	padding-left: 1em;
	line-height: 25px;
	background: #dceab4;
}
dl dt {
	display: block;
	padding-left: 1em;
	line-height: 25px;
	background: #edfbe1;
	margin-bottom: 2px;
}
#center dl dt p {
	padding-top: 1em;
	padding-bottom: 1em;
	margin-bottom: 0;
}

.commissielid img {
	border: 1px solid #bbb;
	padding: 2px; 
	float: left; 
	margin-right: 1em
}
.commissielid a:hover img {
	border: 1px solid #ddd;
}
#content .commissielid p a {
	border-bottom: none;
}
#content .commissielid p a:hover {
	border-bottom: 1px solid #ccc;
}

.comments p {
	overflow: hidden;	
}
.comments p span,
.comments p span * {
	color: #777;
}
	
form.comment label {
	display: block;
	margin-bottom: 1em;
}
form.comment textarea {
	margin-bottom: 1em;
	border: 1px solid #ccc;
	width: 350px;
	height: 150px;
	padding: 5px;
}
form.comment .submit {
	width: 362px;
	padding: 5px;
}