/* CSS Document */

* {
	margin: 0;
	padding: 0;
	}

body {
	font: 13px Verdana, Helvetica, Arial, sans-serif;
	background-image: url(../gfx/bg.jpg);
	padding-bottom: 20px;
	background-color: #E9E8C8;
	}

img a {
	border: 0;
	text-decoration: none;
	}

a {
	color: #000;
	text-decoration: underline;
	}


a:hover {
	text-decoration: none;
	background: #FFF;
	color: #424439;
	}


p {
	margin-bottom: 1em;
	}


h5 {
	margin-bottom: 1em;
	margin-top: 2em;
	}

div.clear {
	clear: both;
	}

#container {
	margin: 0 auto;
	width: 700px;
	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
	overflow: auto;
	background-color: #FFF9E5;
	padding-bottom: 10px;
	border-top: 5px solid #FFF;
	}


#header_top {
	margin: 0 auto;
	width: 700px;
	text-align: right;
	}

#header_top a:hover {
	border: 0;
	text-decoration: none;
	}

#header_top a:hover img {
	border: 0;
	text-decoration: none;
	}


#navigation {
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 690px;
	height: 20px;
	background-color: #292929;
	color: #FFF;
	padding: 2px 0 0 10px;
	border-bottom: 3px solid #000000;
	overflow: hidden;
	}

#navigation ul li {
	margin-top: 2px;
	float: left;
	margin-right: 10px;
	list-style: none;
	}

#navigation ul li a {
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	padding-left: 2px;
	padding-right: 2px;
	}

#navigation ul li a:hover {
	color: #000;
	}


#header {
	width: 700px;
	color: #FFF;
	}


#slideshow {
    position: relative;
    width:  700px;
	height: 189px;
  }

#slideshow div {
    position: absolute;
    top: 0;
    left: 0;
  }

#drawer {
	width: 195px;
	float: left;
	background-color: #FFF6D6;
	padding-bottom: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

#drawer h2 {
	font-size: 1.2em;
	text-transform: uppercase;
	border-bottom: 1px dashed #FFF;
	padding: 4px 0 2px 4px;
	color: #000;
	}


#drawer .category {
	background-color: #FFF6D6;
	}

#drawer .category h3 {
	background-color: #CDC8AC;
	color: #1A1A1B;
	font-size: 1em;
	padding: 2px;
	text-transform: uppercase;
	font-family: Verdana;
	font-weight: normal;
	border-bottom: 2px solid #B0AB94;
	padding-left: 5px;
	}


#drawer .category img {
	border: 4px solid #FFF;
	margin-left: 5px;
	margin-top: 5px;
	}

#drawer .category h3.toggle {
	cursor: pointer;
	}

#drawer .category h3.toggle:hover {
	background-color: #4A4A4A;
	color: #FFF;
	}

#drawer .category h3 a {
	text-decoration: none;
	color: #000;
	}

#drawer .category h3 a:hover {
	color: #000;
	}

#drawer .category p {
	font-size: 0.9em;
	padding: 5px;
	}

#drawer .category ul {
	border-bottom: 1px solid #B0AB94;
	background: #FFF6D6;
	}

#drawer .category ul li {
	list-style: none;
	border-bottom: 1px solid #CCC4AB;
	padding: 3px;
	}

#drawer .category li.selected {
	color: #D83E28;
	background: #FFF;
	font-size: 1.2em;
	}

#drawer .category ul a {
	color: #000;
	text-decoration: none;
	}

#drawer .category ul li:hover {
	background-color: #FFF59F;
	}

/*RSS INTEGRATIE*//*RSS INTEGRATIE*/

#drawer .afdeling_rss {
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	}

#drawer .category ul li.afdeling_rss:hover {
	background-color: #FFF;
	}

#drawer .afdeling_rss ul {
	border-bottom: 0;
	}

#drawer .afdeling_rss ul li {
	background-color: #FFF;
	border-bottom: 1px dashed #DDD
	}

#drawer .afdeling_rss ul li:hover {
background: #FFF;
	}

#drawer .afdeling_rss a:hover {
	text-decoration: underline;
	}

span.rss_expand {
	color: #D9D5C7;
	cursor: pointer;
	font-size: 0.9em;
	padding: 0 3px 0 3px;
	}

span.rss_expand:hover {
	color: #FF9900;
	font-weight:bold;
	}

#ventje_onderaan {
	width: 132px;
	height: 100px;
	}


/*RSS INTEGRATIE*//*RSS INTEGRATIE*/


#flickr_badge {
	background: #FFF6D6;
	text-align: center;
	overflow: auto;
	height: 475px;
	padding-top: 10px;
	padding-left: 5px;
	}


#flickr_badge_wrapper {
	background: #E4E0D0;
	}

#flickr_badge img {
	border: 3px solid #292929;
	float: left;
	margin: 0 0 5px 10px;
}

#flickr_badge img:hover {
	border-color: #292929;
}

#flickr a {
	color: #000;
	}


h3.nieuws_titel {
	color: #000;
	margin-bottom: 10px;
	font-size: 2em;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 5px solid #CD2D00;

	}
#news {
	background-color: #FFF9E5;
	padding: 10px;
	width: 480px;
	float: left;
	}

#news h2 {
	color: #999;
	padding: 4px;
	font-size: 0.8em;
	margin-bottom: 5px;
	font-family: Verdana;
	}

h2.sidebar-title {
	font-size: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #F69D00;
	font-weight: normal;
	}

#news h3 {
	color: #CD2D00;
	margin-bottom: 10px;
	font-size: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin-top: 10px;
	}


#news a {
	color: #000;
	}

#news #leiding {
	border-bottom: 2px solid #CCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}

#news #leiding img{
	width: 100px;
	height: 133px;
	margin: 0.75em 0.5em 0em 0.5em;
	float: left;}

#news #leiding ul{
	float: left;
	list-style-type: none;
	margin: 1em 0em 0em 0.5em;
	padding: 0em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;}

#news #leiding li{line-height: 0.5em;}

#news #rss {
	text-align: right;
	}

#news #rss {
	color: #CCC;
	}

#news #rss a.rss_icon {
	background-image: url(../gfx/rss.gif);
	background-position: left;
	background-repeat: no-repeat;
	color: #FF6600;
	text-decoration: none;
	padding: 2px;
	padding-left: 16px;
	font-size: 0.8em;
	}


#news #rss a.rss_question {
	color: #FF6600;
	text-decoration: none;
	padding: 2px;
	font-size: 0.8em;
	}

#news #rss a:hover {
	color: #FFF;
	background-color: #FF6600;
	}

#news ul {
	margin-left: 20px;
	}

#news ul li {
	margin-bottom: 1em;
	font-size: 0.9em;
}

.post {
	margin-bottom: 20px;
	background: #FFF;
	border: 2px solid #F8F1DF;
	padding: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	}

h3.post-title {
	margin-bottom: 12px;
	color: #000;
	padding-left: 40px;
	padding-top: 5px;
	height: 25px;
	background-image:url(../gfx/news_titel_bg.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	}

.post-footer {
	margin-top: 10px;
	color: #CCC;
	}

.post-footer a {
	color: #CCC;
	}

.post-body {
	padding-left: 15px;
	}

.post-body-comment {
	margin-top: 10px;
	padding-top: 5px;
	font-size: 0.8em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	border-top: 1px dashed #CCC;
	text-align: right;
	}

.comment-link {
	text-decoration: none;
	color: #CCC;
	}

a.comment-link:hover {
	text-decoration: underline;
	}

#news a img {
	border: 0;
	}


/*ARCHIEF ARCHIEF ARCHIEF */

#archief {
	margin-top: 10px;
	background: #FFFE8A;
	padding: 10px;
	}


#archief ul li {
	list-style: none;
	font-size: 0.9em;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

#drawer h2.sidebar-title {
	color: #F69D00;
	border: 0;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	}


/*ARCHIEF ARCHIEF ARCHIEF */

#column {
	width: 240px;
	height: 322px;
	background-image: url(../gfx/bg_column-trans.png);
	position: relative;
	float: left;
	margin-top: 7px;
	padding-top: 200px;
	padding-left: 10px;
	}

#column p {
	color: #591506;
	font-size: 0.9em;
	padding-right: 30px;
	}

#column p strong {
	color: #FFF;
	}

#footer {
	width: 690px;
	margin: 0 auto;
	background-color: #FFF9E5;
	color: #777;
	font-size: 0.8em;
	padding: 10px 0 2px 10px;
	border-bottom: 5px solid #FFF;
	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
	}

#footer a {
	color: #777;
}

.validation_icon {
	float: right;
	border: none;
	width: 66px;
	height: 24px;
	position: relative;
	bottom: 35px;
	}

#onderaan_zeg_ik_u {
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	z-index: 999;
	}

/*VERHUUR*/

p.tom_nb {
	background: #FFF24E;
	width: 350px;
	padding: 10px;
	border: 1px solid #FAE600;
	margin-bottom: 20px;
	}

.chiro {
	border: 1px solid #ECE6CB;
	padding: 10px;
	width: 460px;
	overflow: auto;
	}

.chiro span {
	font-size: 2em;
	}
.chiro_adres {
	float: left;
	width: 150px;
	border-right: 1px solid #ECE6CB;

	}

.chiro_contact {
	float: left;
	width: 250px;
	margin-left: 10px;
	}

.foto img {
	border: 1px dashed #DDD;
	}


/*FORUM INTEGRATION */

.naj {
	width: 200px;
}


.naj .datum {
	color: #000;
	font-style: italic;
}

p.naj_titel {
	margin-bottom: 5px;
}

p.naj_summary {
	margin-bottom: 10px;
	border-bottom: 2px solid #FFF;
	padding-bottom: 5px;
}


/*MUZIEKKAPEL*/

.mk #navigation {
	width: 690px;
	height: 20px;
	background-color: #85D322;
	color: #FFF;
	padding: 2px 0 0 10px;
	border-bottom: 2px solid #4C690E;
	}

.mk #navigation ul li {
	margin-top: 2px;
	float: left;
	margin-right: 10px;
	list-style: none;
	}

.mk #navigation ul li a {
	text-decoration: none;
	text-transform: uppercase;
	color: #FFF;
	}

.mk #navigation ul li a:hover {
	color: #000;
	}


.mk #header {
	width: 700px;
	background-color: #85D322;
	color: #FFF;
	border-bottom: 2px solid #4C690E;
	}

.mk #logo_mk {
	background-color: #FFF;
	padding: 0;
	margin: 0;
	}

.mk #logo_mk img {
	padding: 0;
	margin: 0;
	}

.mk .post-title {
	color: #51992C;
	}



/*FOTOCD*/

#fotocd p {
	margin-bottom: 10px;
	}


/*ATTENTION*/

#attention {
	background: #FFF4AE;
	color: #000;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #FAE020;
	font-size: 0.9em;

	}

#attention span {
	text-decoration: underline;
	cursor: pointer;

	}

#attention span:hover {
	text-decoration: none;
	}



/*CONTACT*/

.contact_leiding {
	border-bottom: 2px solid #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	}

.contact_leiding img {
	border: 4px solid #FFF;
	margin-left: 0px;
	}

.inhoud img {
	width: 100px;
	height: 133px;
	margin: 0.75em 1em 0.75em 7em;
	float: left;}

.afdeling {
	margin-bottom: 20px;
	}
.afdeling h3 {
	color: #CD2D00;
	margin-bottom: 10px;
	font-size: 2em;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 5px solid #CD2D00;
	}

.afdeling img {
	margin-bottom: 5px;
	}

.afdeling p {
	line-height: 1.3em;
	}

.afdeling_links {
	width: 240px;
	float: left;
	margin-right: 5px;
	text-align: center;
	min-height: 100px;
	}

.afdeling_rechts {
	text-align: center;
	min-height: 100px;
	float: right;
	padding-right: 40px;
	}

.afdeling_links_3 {
	font-size: 0.8em;
	text-align: center;
	width: 150px;
	float: left;
	margin-right: 0px;
	min-height: 100px;

	}

.afdeling_mid_3 {
	font-size: 0.8em;
	width: 150px;
	float: left;
	margin-right: 0px;
	text-align: center;
	min-height: 100px;
	padding-left: 10px;

	}

.afdeling_rechts_3 {
	font-size: 0.8em;
	float: left;
	text-align: center;
	min-height: 100px;
	padding-left: 5px;
	}

#aspis {
	clear: both;
	}

/*ASPIS*/

#tags {
		margin-top: 10px;
		background: #DAF0F9;
		border: 2px dashed #42A1DE;
		padding: 10px;
		font-size: 1.1em;
		color: #FFF;
		line-height: 1.3em;
		margin-bottom: 10px;
		}

	#tags span {
		color: #264D69;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	}

	#tags a {
		color: #000;
		padding: 2px;
		}

	#tags a:hover {
		color: #264D69;
		}

/*WEBSTRIJD*/

#webstrijd {
	background: #2E9FE9;
	padding: 20px;
	padding-top: 5px;
	padding-bottom: 15px;
	border-bottom: 5px solid #386992;
	}

#webstrijd img {
	float: left;
	padding-right: 10px;
	}

#webstrijd p {
	font-size: 0.9em;
	color: #FFF;
	padding-top: 20px;
	font-weight: bold;
	margin-left: 210px;
	}

#webstrijd p span {
	font-weight: normal;
	font-size: 0.9em;
	}




/*INFO*/

.ehbo {
	background: #FE412B;
	border: 5px solid #DD0000;
	padding: 10px;
	color: #FFF;
	font-size: 0.9em;
	}

.info_links ul li {
	list-style: none;
	}


/*JO*/

#jo {
	position: absolute;
	top: 100px;
	left: 0px;
	z-index: 999;
	}

#jo a img {
	border: 0;
	}


/*EVENEMENTEN*/

.event {
	border-bottom: 1px dashed #000;
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: 20px;
	}

.event h1.date {
	font-size: 1.0em;
	color: #BBB;
	font-weight: normal;
	font-family: Georgia, Times, serif;
	}

.event h1.title {
	font-family: Georgia, Times, serif;
	font-weight: normal;
	margin-bottom: 5px;
	color: #CD2D00;
	}

.event p.description {

	}

.event img {
	float: left;
	margin: 0 10px 0px 0;
	}

.clear {
	clear: both;
	}



/*COMMENTS*/

.comments h4 {
	margin-bottom: 10px;
	}

.commenthidden {display:none}

.commentshown {display:inline}

.delete-comment-icon {
	text-decoration: none;
	border: 0;
	}

.comment-poster {
	font-size: 0.9em;
	font-style: italic;
	margin-bottom: 10px;
	color: #888;
	}

.comment-poster span {
		font-weight: bold;
		}

.comment-timestamp {
	font-size: 0.8em;
	color: #a1c678;
	margin-bottom: 20px;
	border-bottom: 2px solid #dae3cc;
	padding-bottom: 20px;

	}

.comment-post_a_comment {
	font-weight: bold;
	margin-top: 20px;
	}

.comment-post_a_comment a {
	text-decoration: none;
	background: #FFFE8A;
	padding: 5px;
	}

.comment-post_a_comment a:hover {
	text-decoration: underline;
	}

/*OUDLEIDING*/

#oudleiding {
	background: #ef583e;
	border: 2px solid #a41600;
	padding: 10px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	}

#oudleiding p {
	color: #FFF;
	font-size: 0.9em;
	font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
	}

#oudleiding p span {
	font-weight: bold;
	}

#oudleiding strong {
	color: #000;
	}

#oudleiding #close {
	text-decoration: underline;
	font-style: italic;
	cursor: pointer;
	font-size: 9px;
	}


#countdown {
	width: 245px;
	height: 71px;
	background-image: url(/gfx/countdown-trans.png);
	background-repeat: no-repeat;
	padding-left: 230px;
	padding-top: 40px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #DDD;
	}

#poster-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background: #000;
	display: none;
	//opacity: 0.60;
	//filter: alpha(opacity = 60);
}

#poster-container {
	position: absolute;
	padding-top: 150px;
	top: 0px;
	left: 0px;
	width: 100%;
	display: none;
}

#poster-container img {
	border: 1px solid #fff;
	display: block;
	margin: auto;
}

#container-body #news #banner {
	border: 5px solid #fff;
	width: 90%;
	display: block;
	margin: auto;
	background: #fff;
}

#container-body #news #banner:hover {
	border: 5px solid #292929;
}

#container-body #news #banner img {
	width: 432px;
	display: block;
	margin: auto;
}

#invisibles {
	display: none;
}

#poster img {
	border: 1px solid #000;
	display: block;
	margin: auto;
	max-width: 280px;
}

#poster a {
	border: none;
	width: 231px;
	height: 239px;
	display: block;
	margin: auto;
	background: none;
	background-image: url(http://www.chirotomsam.be/80sparty/art/80sParty.png);
}

#poster a:hover {
	background: none;
	background-image: url(http://www.chirotomsam.be/80sparty/art/80sPartyHover.png);
}

#poster .main_header {
	border: none;
}