/*#######################################################*/
/*                     tijdelijke alertbox               */
/*#######################################################*/
#alertbox
	{
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	height: 20px;
	line-height: 20px;
	font-family: arial;
	font-size: 9px;
	text-align: right;
	background: #fff;
	color: #900;
	padding: 0 5px;
	}

/*#######################################################*/
/*                     HTML-elementen                    */
/*#######################################################*/
html,
body,
img,
a,
div,
span,
p,
ul,
ol,
li,
h1,
h2,
h3,
h4,
table,
tr,
th,
td,
form,
fieldset,
label,
object,
embed,
param,
script,
noscript
	{
	margin: 0;
	padding: 0;
	border: 0;
	}
	
body
	{
	margin: 0 0 20px 0;
	font-family: "Lucida Grande",Verdana,Arial,sans-serif;
	font-size: 12px;
	line-height: 150%;
	text-align: center;
	}

a,
a:hover,
a:active,
a:focus
	{
	outline: none;
	text-decoration: none;
	color: #EDA41E;
	}

a:hover	
	{
	color: #000;
	}

a:focus
	{
	-moz-outline-style: none;
	}



/*#######################################################*/
/*                     css via tinymce                   */
/*#######################################################*/
.plaatje-links
	{
	display: block;
	float: left;
	margin: 5px 10px 5px 0;
	}

.plaatje-rechts
	{
	display: block;
	float: right;
	margin: 5px 0 5px 10px;
	}

.plaatje-midden
	{
	display: block;
	text-align: center;
	margin: 10px auto;
	clear: both;
	}
	
	
	
/*#######################################################*/
/*                     floats                            */
/*#######################################################*/
.clear
	{
	margin: 0 0 -1px 0;
	padding: 0;
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	}



/*#######################################################*/
/*                     show/hide                         */
/*#######################################################*/	
.show
	{
	display: block;
	visibility: visible;
	}

.hide
	{
	display: none;
	visibility: hidden;
	}



/*#######################################################*/
/*                     basisstramien                     */
/*#######################################################*/
body
	{
	background: #EEA820 url(../beeld/body_bg.jpg) top center no-repeat;
	}

#container
	{
	margin: 10px auto 25px auto;
	text-align: left;
	width: 960px;
	}


/*#######################################################*/
/*                     zoekvenster                       */
/*#######################################################*/
#container_zoekvenster
	{
	margin: 0 auto;
	text-align: left;
	width: 960px
	}
	
#zoekvenster
	{
	margin: 0 0 0 519px;
	width: 293px;
	height: 44px;
	background: url(../beeld/scherm-zoeken.gif) 0 0
	}
	
#zoekvenster:hover
	{
	background: url(../beeld/scherm-zoeken.gif) 0 -44px
	}

#zoekformulier
	{
	padding: 10px 15px;
	}
	
#zoekwoord
	{
	width: 200px;
	height: 20px;
	line-height: 20px;
	}
	
#zoekvenster #zoekwoord
	{
	background: transparent;
	border: 1px solid transparent;
	color: transparent;
	}
	
#zoekvenster:hover #zoekwoord
	{
	background: #FFF;
	border: 1px solid #EEA820;
	color: #000;
	}

#zoekwoord
	{
	float: left;
	}

#submit
	{
	float: right;
	}
	
.zoekresultaten
	{
	list-style-type: none;
	}
	
	
/*#######################################################*/
/*                     navigatie                         */
/*#######################################################*/	
#container_hoofdnavigatie
	{
	margin: 0 128px;
	}
	
ul#hoofdnavigatie
	{
	list-style-type: none;
	}

ul#hoofdnavigatie li
	{
	display: inline;
	}

ul#hoofdnavigatie li a
	{
	float: left;
	height: 39px;
	text-decoration: none;
	text-indent: -9000px;
	}

ul#hoofdnavigatie li a.wijkteam
	{
	width: 101px;
	background: url(../beeld/wijkteam_bg.jpg) 0 0 no-repeat;	
	}
	
ul#hoofdnavigatie li a.home
	{
	width: 518px;
	background: url(../beeld/logo_bg.jpg) 0 0 no-repeat;	
	}
	
ul#hoofdnavigatie li a.contact
	{
	width: 84px;
	background: url(../beeld/contact_bg.jpg) 0 0 no-repeat;	
	}	
	
ul#hoofdnavigatie li a.wijkteam:hover,
ul#hoofdnavigatie li a.home:hover,
ul#hoofdnavigatie li a.contact:hover
	{
	background-position: 0 -39px;
	}

#container_navigatie
	{
	position: relative;
	z-index: 2;
	margin: 17px 221px 0 221px;
	width: 518px;
	}
	
ul#pulldownnavigatie
	{
	list-style-type: none;
	width: auto;
	float: left;
	}
	
ul#pulldownnavigatie:after
	{
	content: '.'; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

ul#pulldownnavigatie li
	{
	position: relative;
	list-style: none;
	float: left;
	margin: 0 10px 0 5px;
	}
	
ul#pulldownnavigatie li a
	{
	display: block;
	text-decoration: none;
	color: #9D2121;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	}
	
ul#pulldownnavigatie ul
	{
	width: 174px; 
	margin: 0;
	padding: 0;
	background: #F7F7E8; /* IE6 Bug */ 
	text-align: left;
	position: absolute;
	display: none;
	left: -5px;
	z-index: 500;
	border-left: 5px solid #C22616;
	}
	
ul#pulldownnavigatie ul.show
	{	
	display: block;
	}
	
ul#pulldownnavigatie li ul li
	{
	margin: 0;
	border-bottom: 1px solid #C22616;
	width: 100%;
	}

ul#pulldownnavigatie li ul li a
	{
	display: block;
	text-decoration: none;
	color: #000;
	padding: 5px;
	font-weight: normal;
	font-size: 12px;
	}

ul#pulldownnavigatie li:hover ul,
ul#pulldownnavigatie li li:hover ul,
ul#pulldownnavigatie li.over ul,
ul#pulldownnavigatie li li.over ul
	{
	display: block;
	background: #F7F7E8
	}

ul#pulldownnavigatie li.menuparent:hover,
ul#pulldownnavigatie li.actief,
ul#pulldownnavigatie li.over
	{
	background: #F7F7E8 !important;
	border-left: 5px solid #9D2021;
	margin: 0 10px 0 0;
	}
	
ul#pulldownnavigatie li a:hover
	{
	color: #9D2121;
	}
	
ul#pulldownnavigatie li ul li a:hover
	{
	color: #000;
	background: #EFEFD3;
	}


/*#######################################################*/
/*                     twitter                           */
/*#######################################################*/	
#twitter
	{
	position: absolute;
	width: 29px;
	height: 19px;
	top: 4px;
	right: 0;
	} 


/*#######################################################*/
/*                     caroussel                         */
/*#######################################################*/	
#container_caroussel
	{
	height: 230px;
	margin: 0 75px;
	position: relative;
	}

#luik_links,
#luik_rechts
	{
	position: relative;
	float: left;
	margin: -29px 0 0 0;
	width: 146px;
	height: 282px;
	background: url(../beeld/luik_links_v.gif) 0 0 no-repeat;
	}
	
#luik_rechts
	{
	float: right;
	background: url(../beeld/luik_rechts_v.gif) 0 0 no-repeat;
	}
	
a#terug,
a#vooruit
	{
	position: absolute;
	top: 59px;
	left: 46px;
	display: block;
	width: 57px;
	height: 62px;
	background: url(../beeld/pijl_links.gif) 0 0 no-repeat;
	text-indent: -9000px;
	}

a#vooruit
	{
	left: 43px;
	background: url(../beeld/pijl_rechts.gif) 0 0 no-repeat;
	}
	
a#terug:hover,
a#vooruit:hover
	{
	background-position: 0 -62px;
	}

#carousselcontent
	{
	float: left;
	width: 518px;
	background: #FFF;
	}
	
ul#carousselnavigatie
	{
	width: 518px;
	list-style-type: none;
	}

ul#carousselnavigatie li
	{
	float: left;
	}
	
ul#carousselnavigatie li a
	{
	display: block;
	width: 29px;
	height: 12px;
	background: url(../beeld/navigatie_caroussel_bg.gif) 0 0 no-repeat;
	text-indent: -9000px;
	}
	
ul#carousselnavigatie li a:hover,
ul#carousselnavigatie li a.actief
	{
	background-position: 0 -12px;
	}
	
#caroussel
	{
	margin: 0 0 6px 0; 
	float: left;
	width: 518px;
	height: 214px;
	position: relative;
	overflow: hidden;
	}
	
#carousseldata
	{
	position: absolute;
	border-width: 0;
	outline-width: 0;
	width: 518px;
	height: 214px;
	}
	
div#carousseldata img
	{
	width: 518px;
	height: 214px;
	float: left;
	}	


/*#######################################################*/
/*                     content site                      */
/*#######################################################*/	
#container_site
	{
	margin: 2px 221px 0 221px;
	background: #FFF;
	}
	
#content
	{
	min-height: 250px;
	}

#main
	{
	padding: 20px;
	}
	
#main h2
	{
	font-size: 18px;
	color: #8A1313;
	margin: 0 0 5px 0; 
	padding: 0 0 3px 0;
	}
	
#main ul,
#main ol
	{
	margin: 0;
	padding: 0 0 0 16px;
	}
	
ul#subnavigatie
	{
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

ul#subnavigatie li
	{
	
	}
	
ul#subnavigatie li a,
ul#subnavigatie li span
	{
	display: block;
	padding: 0 15px 0 0;
	color: #9D2121;
	font-weight: bold;
	}
	
ul#subnavigatie li a:hover,
ul#subnavigatie li span
	{
	color: #CF771A;
	}

#kruimelnavigatie
	{
	margin: 0 0 20px 0;
	background: #EFEFD3;
	padding: 5px;
	border-left: 5px solid #C22616;
	}


/* nieuws */	
.datum
	{
	display: block;
	float: left;
	width: 70px;
	background: #EFEFD3;
	padding: 5px;
	border-right: 5px solid #C22616;
	margin: 0 10px 0 0;
	}

.nieuwskop	
	{
	height: 25px;
	line-height: 25px;
	}
	
.nieuwsdivider
	{
	margin: 20px 0 20px -20px;
	}
	
#container_nieuwsarchief
	{
	border-top: 1px solid #EEA820;
	margin: 0px 221px;
	background: #FBECCE;
	line-height: 25px;
	height: 25px;
	}
	
#container_nieuwsarchief h2
	{
	color: #8A1313;
	font-size: 12px;
	float: left;
	margin: 0 10px 0 20px;
	}
	
ul#pagination
	{
	liststyle-type: none;
	}
	
ul#pagination li
	{
	display: inline;
	}
	
/* agenda */
.t_agenda
	{
	width: 478px;
	font-size: 11px;
	margin: 0 0 10px 0;
	}

.td_adatum
	{
	width: 150px;
	text-align: left;
	background: #EFEFD3;
	font-size: 10px;
	}

.td_akop,
.td_atekst
	{
	width: auto;
	text-align: left;
	background: #EFEFD3;
	border-left: 5px solid #C22616;
	}

.td_atekst
	{
	background: #FFF;
	font-size: 12px;
	}
	
.td_adatum div
	{
	padding: 5px;
	}

.td_akop div,	
.td_atekst div
	{
	padding: 5px 5px 5px 7px;
	}			
	
.streep
	{
	color: #9E1313;
	font-size: 12px;
	}
	


/*#######################################################*/
/*                     footer                            */
/*#######################################################*/		
#container_footer
	{
	font-size: 11px;
	border-top: 1px solid #E8A41E;
	margin: 0px 221px;
	background: #F7F7E8 url(../beeld/footer_bg) 0 0 repeat-y;
	line-height: 140%;
	position: relative;
	min-height: 150px;
	}
	
#container_footer h2
	{
	color: #8A1313;
	font-size: 12px;
	}
	
#kol1,
#kol2,
#kol3
	{
	float: left;
	width: 172px;
	}

.footer_content1
	{
	min-height: 150px;
	padding: 10px 20px;
	}
	
.footer_content2
	{
	min-height: 150px;
	padding: 10px;
	}
	
.footer_content3
	{
	min-height: 150px;
	padding: 10px;
	}
	
a#logo2parts
	{
	position: absolute;
	right: 5px;
	bottom: 2px;
	display: block;
	width: 160px;
	height: 70px;
	background: url(../beeld/2parts.gif) 0 0 no-repeat;
	text-indent: -9000px;
	}	
	
a#logo2parts:hover
	{
	background-position: 0 -70px;
	}
	
#container_schaduw
	{	
	height: 108px;
	width: 960px;
	background: url(../beeld/schaduw_bg.jpg) top center no-repeat;
	}
	
	
/*#######################################################*/
/*                     formulieren                       */
/*#######################################################*/
#aanmeldformulier
	{
	display: block;
	margin: 10px 0;
	}	

#aanmeldformulier label
	{
	display: block;
	margin: 0 0 5px 0;
	}	
	
#aanmeldformulier input
	{
	float: left;
	display: block;
	width: 120px;
	padding: 0;
	margin: 0 0 5px 0;
	background: #FFF;
	border: 0;
	height: 20px;
	padding: 5px 0 0 5px;
	font-size: 11px;
	color: #555;
	border: 1px solid #EFEFD3;
	}

#aanmeldformulier span
	{
	display: block;
	float: left;
	width: 20px;
	}
	
#aanmeldformulier img
	{
	float: left;
	padding: 4px 0 0 5px;
	}
	
.hidden
	{
	display: none;
	}
	
input#verstuur
	{
	background: #F7F7E8;
	color: #EDA41E;
	width: 100px;
	text-align: left;
	font-weight: bold;
	border: 0px solid #EFEFD3;
	}
	
input#verstuur:hover
	{
	color: #000;
	}