f/*
Design by Flashtemplatesdesign.
Released for free under a Creative Commons Attribution 3.0 License
*/

*
{
border: 0;
margin: 0;
}

img
{
border: 0px;
}


a{
	color: #604316;
	text-decoration:none;
}




a:hover{
	text-decoration: underline;
	color: #000000;
}

#menu li a:hover, #menu li a.selected, #menu li a.selected:hover
{ color: #000;										/*kleur menu text selected*/
  border-color: #006598;
  	background:url('../images/nav_tab_bg1.png') no-repeat 0 -34px;
	
} 

body{
	font: 16px Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	color: #604316;
	background:  url(images/bg11.jpg) repeat-x top;

}

#bg{
	background:url(images/bg_img.jpg) center top no-repeat ;
}

#maintop{
	background: url(images/top.png) 0px 0px no-repeat;
	width:984px;
	height: 9px;
}
#mainbot{
	background: url(images/bot.png) no-repeat;
	width:984px;
	height: 14px;
}


#main {
	width: 100%;
	max-width: 984px;
	margin: 0 auto; /* centreren */
	padding-top: 4px;
  }
  


/
  


#header{
	width: 984px;                 /* breedte kopfoto */
	height: 250px;							/* hoogte main */	
	margin: 0px auto;
	background:#FFFFFF;
}

#logo{
	text-align: right;
	padding-top: 1px;
	padding-right: 50px;
	height: 200px;													/* hoogte header, orig 341  */
	background: url(images/img_b1.jpg) 7px 0px no-repeat;
}



#logo a {
	text-decoration: none;
	font-style: italic;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
}


#logo H2 a{
	font-size: 10px;
}

#buttons{
	width: 970px;
	height: 55px;
	margin-left: 7px ;
	background: url(images/menu1.jpg) top repeat-x;
	text-align:center;
}

#buttons ul {
    padding-left: 20px;
    margin: 0px;
}

#buttons li,
#buttons li a.first
{							/* text geselecteerd */
	color: #b7c5e9;	
	display: inline;
		
}

#buttons a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
	display: block;
	float: left;
	width: ;							/* orig 145px */
	height: 43px;
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 9px;
	margin-right: 17px;						/* orig 5px */
	text-align: center;
}

#buttons a:hover
{							/* text bij hovering */
	text-decoration: underline;							/* orig: "text decoration: underline;" */
	color: #FFFFFF;									/* text kleur = wit */
	
}


#content{
	width: 984px;									/* wit blok breedte totaal */
	background: url(images/content_bg.gif) 7px repeat-y #FFFFFF;			/* roze blok 1 regel */
}

#content1{
	width: 984px;									/* breedte totaal */
	background: url(images/content_bg1.gif) 7px repeat-y#FFFFFF;			/* roze blok 1 regel */
}

#content2{
	width: 984px;									/* breedte totaal */
	background: url(images/content_bg2.gif) 7px repeat-y#FFFFFF;			/* roze blok 1 regel */
}

#content3{
	width: 984px;									/* breedte totaal */
	background: url(images/content_bg3.gif) 7px repeat-y#FFFFFF;			/* roze blok 1 regel */
}

#content4{
	width: 984px;									/* breedte totaal */
	background: url(images/content_bg4.gif) 7px repeat-y#FFFFFF;			/* roze blok 1 regel     gif moet nog gemaakt worden!!!!!!!!!!    */
}

#content_top { background: url(images/content_top.gif)   7px top no-repeat;}		/* roze blok lijntje bovenkant */
#content_top1 { background: url(images/content_top1.gif) 7px top no-repeat;}
#content_top2 { background: url(images/content_top2.gif) 7px top no-repeat;}
#content_top3 { background: url(images/content_top3.gif) 7px top no-repeat;}
#content_top4 { background: url(images/content_top4.gif) 7px top no-repeat;}	/*   gif moet nog gemaakt worden!!!!!!!!!!    */
}
#content_bot { background: url(images/content_bot.gif)   7px bottom no-repeat;}		/* roze blok lijntje onderkant */
#content_bot1 { background: url(images/content_bot1.gif) 7px bottom no-repeat;}	
#content_bot2 { background: url(images/content_bot2.gif) 7px bottom no-repeat;}	
#content_bot3 { background: url(images/content_bot3.gif) 7px bottom no-repeat;}
#content_bot4 { background: url(images/content_bot4.gif) 7px bottom no-repeat;}	/*   gif moet nog gemaakt worden!!!!!!!!!!    */
}


#left{
	width: 684px;									/* breedte tekst */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 17px;
}


#left1{
	width: 540px;									/* breedte tekst */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 17px;
}

#left2{
	width: 570px;									/* breedte tekst2 */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 17px;
}

#left3{
	width: 740px;									/* breedte tekst3 = volle breedte */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 17px;
}

#left4{
	width: 945px;									/* breedte tekst3 = volle breedte */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 17px;
}

.text{
	padding: 15px;
}

#left H1{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
	color: #604316;
	padding-bottom: 10px;
}
#left1 H1{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
	color: #604316;
	padding-bottom: 10px;
}

#left2 H1{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
	color: #604316;
	padding-bottom: 10px;
}
#left3 H1{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;								/* 18px = font-grootte header */
	font-weight:normal;
	color: #604316;
	padding-bottom: 10px;
}

#left4 H1{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;								/* 18px = font-grootte header */
	font-weight:normal;
	color: #604316;
	padding-bottom: 10px;
}

.read{
	text-align:right;
	padding-right:20px;
}

/*  responsive images  */
.responsive {
	width: 100%;
	height: auto;
  }
  /*  responsive youtube video  */
  .container {
	  position: relative;
	  width: 100%;
	  height: 0;
	  padding-bottom: 56.25%;
  }
  .video {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
  }
  

#right{
float:right;
width: 211px;										/* rechter kolom: breedte / afstand vanaf links */			
background: url(images/right_bg.gif) left repeat-y;					/* achtergrond rechterkolom links/right_bg.gif kan je veranderen in plaatje */
margin-right: 7px
}

#right1{
float:right;
width: 330px;										/* rechter kolom: breedte / afstand vanaf links */			
background: url(images/right_bg.gif) left repeat-y;
margin-right:17px

}


#right ul 
{
	list-style: none;
	padding-left:5px;
	margin: 0px;
	display:block;
	padding-bottom: 20px;
	padding-top: 10px;							/* afstand Links vanaf boven */
}

#right ul li{
	padding-bottom: 2px;
}

#archives ul li {
	margin-bottom: 15px;							/* afstanden tussen Links */
	padding-left: 15px;

}

#right h0 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
	color: #FFFFFF;
	text-align:center;
	padding-top: 1px;							/* tekst rechts, afstand van boven */
	height: 25px;
	background: url(images/tit0.gif) left top no-repeat;
	width: 261px;
	margin: 0px 0px 0px 0px;
}

#right h1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
	color: #FFFFFF;
	text-align:center;
	padding-top: 1px;							/* tekst rechts, afstand van boven */
	height: 25px;
	background: url(images/tit.gif) left top no-repeat;
	width: 261px;
	margin: 0px 0px 0px 0px;
}



#right h2 {											
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
	color: #FFFFFF;
	text-align:center;							/* "Links" centreren */
	padding-top: 2px;							/* tekst rechts, afstand van boven */
	height: 27px;								/* afstand tit_b2 vanaf tit2 */
	background: url(images/tit2bright.gif) right top no-repeat;
	width: 211px;
	margin: -3px 0px 0px 0px;
}


#right h3 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
	color: #FFFFFF;
	text-align:center;							/* "Links" centreren */
	padding-top: 2px;							/* tekst rechts, afstand van boven */
	
	height: 111px;								/* afstand tit_b2 vanaf tit2 */
	background: url(images/tit2bright.gif) right top no-repeat;
	width: 211px;
	margin: 0px 0px 0px 0px;
}


#right li a {
	padding-left: 1px;							/* tekst rechts, afstand van links */
}


.tit_b {background: url(images/tit_bot.jpg) left top no-repeat}
.tit_b1 {background: url(images/tit_bot1.jpg) left top no-repeat}
.tit_b2 {background: url(images/tit_bot2.jpg) right top no-repeat}




#calendar {
	padding: 20px 20px 20px 20px;
}

#calendar table {
	width: 100%;
	text-align: center;
}

#calendar tbody td {
	border: 1px solid #F1F1F1;
}

#calendar #prev {
	text-align: left;
}

#calendar #next {
	text-align: right;
}

#calendar tfoot a {
	text-decoration: none;
	font-weight: bold;
}

#calendar #now {
	background: #696969;
	border: 1px solid #ff0000;
	font-weight: bold;
	color: #FFFFFF;
}

.lo { padding: 20px 20px 15px 20px;
}

#right H4 {
	font-size: 13px;
}

#right p
{
padding: 10px;
padding-left: 20px;
}

#archives {
	

}

#footer{
	height: 0px;
	width: 984px;
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 6px;
	text-align: center;
	clear:both;
	margin: 0px auto;
	background: bottom #FFFFFF;
	
}

#footer a{
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
}
.padding{
	padding: 10px;
	color:#FF0000;
	font-weight: bold;
}


img.left { float: left; margin: 0.5em 1em 1em 0; border: 0px solid #999; clear: left; }

img.right { float: right; margin: 0.5em 0 1em 1em; border: 0px solid #999; clear: right; }