/* BASIS ELEMENTEN */

body{
	margin:0;
	padding:0;
	background:url(../images/body_ag.jpg) top center; /* Paarse sterren achtergrond */
	font:14px Arial, Helvetica, sans-serif; /* Lettertype algemeen voor de héle website, behalve spciaal gestylde elementen */
	color:#1a2e3a; /* Kleur van lettertype op de hele site, behalve spciaal gestylde elementen*/
}

#container{
	margin:0;
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position:relative;
}

#wrapper{
	width:980px;
	margin:0 auto;
	position:relative;
}

#header{
	width:980px;
	height:220px;
	background:url(../images/header_ag.png) top center no-repeat;
}
#header h1{ display:none; }

#main{ position:relative; float:left; }

#content{ float:right; width:633px; position:relative; margin:0 0 25px 0; text-align:left; }

#footer{
	width:980px;
	height:579px;
	background:url(../images/footer_ag.png) bottom center no-repeat;
	clear:both;
}
#footer h2{
	font-size:24px;
	text-transform:uppercase;
	margin:30px 0 5px 0;
}

object { outline:none; overflow:hidden; }

/* EIND BASIS ELEMENTEN */

/* LINKJES ALGEMEEN */

a:link, a:visited{ /* Kleur en gedrag van alle tekstuele linkjes, behalve spciaal gestylde elementen */
}

a:hover, a:active{
}

/* EIND LINKJES ALGEMEEN */

/* LOGO */

#logo{
	width:347px;
	height:140px;
	float:left;
}

#logo a:link, #logo a:visited{
	width:347px;
	height:140px;
	display:block;
	background:url(../images/logo.png) 13px 0;
}
#logo a:hover,#logo a:active{ background:url(../images/logo.png) 0 -140px; }

#logo span{ display:none; }

/* EIND LOGO */

/* MENU HEADER 01 */

#header_menu_01{
	margin:60px 10px 0 0;
	width:620px;
	height:70px;
	position:relative;
	float:right;
}

#header_menu_01 ul{ padding:0; margin:0; }

#header_menu_01 ul li { display:inline; float:left; }
#header_menu_01 ul li span{ display:none; }
#header_menu_01 ul li a{ display:block; float:left; }
	
#header_menu_01 #home{ width:125px; height:70px; background:url(../images/header_menu_01.jpg) 0 0; }
#header_menu_01 #home:hover, #header_menu_01 #home.current{ background:url(../images/header_menu_01.jpg) 0 -70px; }
#header_menu_01 #biografie{ width:123px; height:70px; background:url(../images/header_menu_01.jpg) -123px 0; }
#header_menu_01 #biografie:hover, #header_menu_01 #biografie.current{ background:url(../images/header_menu_01.jpg) -123px -70px; }
#header_menu_01 #agenda{ width:105px; height:70px; background:url(../images/header_menu_01.jpg) -248px 0; }
#header_menu_01 #agenda:hover, #header_menu_01 #agenda.current{ background:url(../images/header_menu_01.jpg) -248px -70px; }
#header_menu_01 #burenboek{ width:143px; height:70px; background:url(../images/header_menu_01.jpg) -354px 0; }
#header_menu_01 #burenboek:hover, #header_menu_01 #burenboek.current{ background:url(../images/header_menu_01.jpg) -354px -70px; }
#header_menu_01 #contact{ width:124px; height:70px; background:url(../images/header_menu_01.jpg) -496px 0; }
#header_menu_01 #contact:hover, #header_menu_01 #contact.current{ background:url(../images/header_menu_01.jpg) -496px -70px; }

/* EIND MENU HEADER 01 */

/* MENU HEADER 02 */

#header_menu_02{
	margin:11px 0 0 0;
	padding:0 78px 0 0;
	width:530px;
	height:60px;
	float:right;
}

#header_menu_02 ul{ padding:0; margin:0; }

#header_menu_02 ul li { display:inline; float:left; }
#header_menu_02 ul li span{ display:none; }
#header_menu_02 ul li a{ display:block; float:left;  }
	
#header_menu_02 #burengerucht{ width:215px; height:60px; background:url(../images/header_menu_02.jpg) 0 0; }
#header_menu_02 #burengerucht:hover, #header_menu_02 #burengerucht.current{ background:url(../images/header_menu_02.jpg) 0 -60px; }
#header_menu_02 #fotos{ width:92px; height:60px; background:url(../images/header_menu_02.jpg) -215px 0; }
#header_menu_02 #fotos:hover, #header_menu_02 #fotos.current{ background:url(../images/header_menu_02.jpg) -215px -60px; }
#header_menu_02 #video{ width:100px; height:60px; background:url(../images/header_menu_02.jpg) -305px 0; }
#header_menu_02 #video:hover, #header_menu_02 #video.current{ background:url(../images/header_menu_02.jpg) -305px -60px; }
#header_menu_02 #demos{ width:122px; height:60px; background:url(../images/header_menu_02.jpg) -407px 0; }
#header_menu_02 #demos:hover, #header_menu_02 #demos.current{ background:url(../images/header_menu_02.jpg) -407px -60px; }

/* EIND MENU HEADER 02 */

/* LINKS */

#links{
	width:347px;
	min-height: 700px;
	height: auto !important;
	height: 700px;
	background:url(../images/links_ag.png) left top no-repeat;
	float:left;
	position:relative;
}

#art_links{
	width:347px;
	height:495px;
	margin:-83px 0 0 0 !important;
	background: transparent;
    position:relative;
}

#art_links img {
	position: absolute;
}

#muziek_speler{ margin:0 0 0 45px; overflow:hidden; background:transparent; }
#muziek_speler h2{
	text-transform:uppercase;
	margin:0 0 15px 10px;
	font-size:24px;
}

/* EIND LINKS */

/* RECHTS */

#rechts{
	width:633px;
	float:right;
	position:relative;
}

#pagina_titel{
	width:633px;
	height:65px;
	float:right;
	background:url(../images/pagina_titel_ag.png) top center no-repeat;
}

/*	INSTELLINGEN VOOR DE PAGINA TITEL
	LETTERTYPE ZELF WORDT GEGENEREERD DOOR DE CUFÓN JAVASCRIPT  */
#pagina_titel h2{
	color:#685d7c;
	font-size:24px;
	margin:22px 0 0 50px;
	text-transform:uppercase;
}

/* ARTIKEL */

.artikel{ clear:both; margin:0 0 -12px 0; }
.artikel_top{ height:34px; background:url(../images/artikel_top_ag.png) left top no-repeat; }
.artikel_header_content{ height:75px; background:url(../images/artikel_header_content_ag.png) left top no-repeat; }
.artikel_header_datum{ height:61px; background:url(../images/artikel_header_datum_ag.png) left top no-repeat; }
.artikel_header_burenboek{ height:75px; background:url(../images/artikel_header_burenboek_ag.png) left top no-repeat; }
.artikel_header_video{ height:75px; background:url(../images/artikel_header_video_ag.png) left top no-repeat; }
.artikel_wrapper{
	position:relative;
	background:url(../images/artikel_content_core.gif) left repeat-y;
	margin:0;
}
.artikel_content{
	min-height: 100px;
	height: auto !important;
	height: 100px;
	padding:15px 50px 0  50px;
	background:url(../images/artikel_content_ag.png) left top no-repeat; position:relative;
}
.artikel_content_burenboek{
	min-height: 100px;
	height: auto !important;
	height: 100px;
	padding:0 50px 0  50px;
	background:url(../images/artikel_content_ag.png) left top no-repeat; position:relative;
}
.artikel_content_video{
	min-height: 100px;
	height: auto !important;
	height: 100px;
	padding:15px 50px 0 50px;
	margin:0;
	background:url(../images/artikel_content_ag.png) left top no-repeat; position:relative;
}
.artikel_content p{
	margin:0 0 15px 0;
}
.artikel_content_video p{
	margin:0;
}
.artikel p a:link, .artikel p a:visited{
	color:#44687d;
	text-decoration:underline;
	white-space:nowrap;
}
.artikel p a:hover, .artikel p a:active{
	color:#fff;
	background:#1a2e3a;
	text-decoration:none;
}
.artikel_bottom{
	height:15px;
	background:url(../images/artikel_bottom_ag.png) left top no-repeat;
	clear:both;
}
.artikel_bottom_video{
	height:15px;
	background:url(../images/artikel_bottom_video.png) left top no-repeat;
	clear:both;
}
.artikel h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#1a2e3a;
	font-weight:normal;
	margin:0 0 0 40px;
	line-height:45px;
}
.artikel h1 a:link, .artikel h1 a:visited{
	color:#44687d;
	text-decoration:none;
	padding:0 0 0 65px;
	display:block;
}
.artikel h1 a:hover, .artikel h1 a:active{
	color:#1a2e3a;
	text-decoration:underline;
}
.artikel_header_datum h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#FFF;
	font-weight:normal;
	margin:0 0 0 90px;
	line-height:61px;
}
.artikel_header_burenboek h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#FFF;
	font-weight:normal;
	margin:0 0 0 90px;
	line-height:61px;
}
.artikel_header_datum h1 a:link, .artikel_header_datum h1 a:visited{
	color:#FFF;
	text-decoration:none;
	padding:0 0 0 0;
	display:block;
}
.artikel_header_datum h1 a:hover, .artikel_header_datum h1 a:active{
	color:#FFF;
	text-decoration:underline;
}
.artikel_header_video h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#1a2e3a;
	font-weight:normal;
	margin:0 0 0 0;
	line-height:45px;
}

.artikel img{
	/*float:left;*/
	margin:0 8px 3px 0;
	position:relative;
	/*clear:both;*/
}

.praatwolk_top{
	height:46px;
	background:url(../images/burenboek_wolk_top.png) top center no-repeat;
}
.praatwolk_content{
	background:url(../images/burenboek_wolk_core.png) center repeat-y;
	position:relative;
	margin:0;
	padding:0 10px 0 10px;
	width:513px;
}
.praatwolk_content p{
	margin:0;
}
.praatwolk_bottom{
	background:url(../images/burenboek_wolk_bottom.png) top center no-repeat;
	height:20px;
	clear:both;
}

#schrijf_knop{
	position:absolute;
	right:40px;
	top:15px;
	text-align:center;
}
#schrijf_knop a{
	width:164px;
	height:32px;
	background:url(../images/schrijf_knop.png) center top no-repeat;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	display:block;
	padding:7px 0 0 0;
	text-decoration:none;
	font-size:12px;
}
#schrijf_knop a:hover{
	background:url(../images/schrijf_knop.png) center bottom no-repeat;
	color:#234153;
	text-decoration:none;
}

.burenboekLink{
	float:right;
	position:relative;
	width:75px;
	height:37px;
	margin:-24px 35px 0 0;
}
.website a span, .email a span{
	display:none;
}
.website a:link, .website a:visited{
	width:32px;
	height:37px;
	float:right;
	display:block;
	background:url(../images/icoon_website.png) 0 0;
	margin:0 ;
}
.website a:hover, .website a:active{
	background:url(../images/icoon_website.png)  0 -37px;
}
.email a:link, .email a:visited{
	width:32px;
	height:37px;
	float:right;
	display:block;
	background:url(../images/icoon_email.png) 0 0;
}
.email a:hover, .email a:active{
	background:url(../images/icoon_email.png)  0 -37px;
}

/* DATUM CONFIGURATIE */
div.datum{
	width:55px;
	height:57px;
	float:left;
	margin:0 0 0 9px;
	padding:4px 0 0 0;
	text-align:center;
	text-shadow: 1px 1px 1px #fff;
}
div.datum span.dag{
	clear:both;
	display:block;
	font-size:27px;
	line-height:25px;
}
div.datum span.maand{
	clear:both;
	display:block;
	font-size:13px;
	line-height:14px;
	text-transform:uppercase;
}
div.datum span.jaar{
	clear:both;
	display:block;
	font-size:12px;
	line-height:12px;
}
/* EIND DATUM CONFIGURATIE */

/* AUTEUR */
.auteur{
	width:633px;
	height:24px;
	clear:both;
	background:url(../images/artikel_auteur_nieuws_ag.png) left top no-repeat;
	color:#fff;
	font-style:italic;
	font-size:12px;
}

span.auteur{
	margin:0 0 0 70px;
	background:none;
	color:#ab9ecb;
	font-style:italic;
	font-size:12px;
	line-height:24px;
}

/* EIND AUTEUR */

/* EIND ARTIKEL */

/* CONTACTFORMULIER */
div.row label{
	display:block;
	float:left;
	width:100px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#1a2e3a;
}

span.col2 input{
	width:353px;
	height:33px;
	background:url(../images/input_veld_ag.png) top left no-repeat;
	border:none;
	margin:0 0 10px 0;
	padding:8px 10px 0 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#1a2e3a;
	font-size:18px;
	outline:none;
}
span.col2 input:hover, span.col2 input:focus{
	background:url(../images/input_veld_ag.png) bottom left no-repeat;
	color:#FFF;
}

span.col2 textarea{
	width:383px;
	height:123px;
	background:url(../images/textarea_veld_ag.png) top left no-repeat;
	border:none;
	margin:0;
	padding:8px 10px 0 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#1a2e3a;
	font-size:18px;
	overflow:auto;
	outline:none;
	 resize:none; 
}
span.col2 textarea:hover, span.col2 textarea:focus{
	background:url(../images/textarea_veld_ag.png) bottom left no-repeat;
	color:#FFF;
}

div.submit input{
	float:right;
	margin:20px 45px 20px 0;
	width:157px;
	height:48px;
	clear:both;
	border:none;
	background:url(../images/knop_ag.png) center top no-repeat;
	color:#e2ee75;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
}
div.submit input:hover, div.submit input:focus{
	background:url(../images/knop_ag.png) center bottom no-repeat;
	color:#1a2e3a;
	cursor:pointer;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
}
/* EIND CONTACTFORMULIER */

/* TABEL AGENDA */
table.tabel_agenda{
	width:500px;
	border:none;
	margin:0 0 20px 0;
}

.maand_agenda{
	color:#1a2e3a;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.agenda_datum{
	color:#530b85;
}
/* TABEL AGENDA */
/* BLOK */

.blok{
	width:310px;
	height:290px;
	float:left;
	position:relative;
	margin:25px 4px 20px 2px;
}

.blok_top{
	width:310px;
	height:27px;
	background:url(../images/blok_top.png) top left no-repeat;
}
.blok_header{
	width:310px;
	height:75px;
	background:url(../images/blok_header.png) top left no-repeat;
}
.blok_header h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#1a2e3a;
	font-weight:normal;
	margin:0 0 0 40px;
	line-height:45px;
}
.blok_header h1 a:link, .blok_header h1 a:visited{ color:#44687d; text-decoration:none; }
.blok_header h1 a:hover, .blok_header h1 a:active{ color:#1a2e3a;	text-decoration:underline; }
.blok_content p{ margin:0 0 5px 0; }
.blok_content p a:link, .blok_content p a:visited{ color:#44687d; text-decoration:underline; }
.blok_content p a:hover, .blok_content p a:active{ color:#fff; background:#1a2e3a; text-decoration:none; }
.blok_wrapper{ background:url(../images/blok_content_core.png) top left repeat-y; }
.blok_content{
	min-height: 80px;
	height: auto !important;
	height: 80px;
	padding:15px 50px 0 50px;
	background:url(../images/blok_content.png) left top no-repeat; position:relative;
}
.blok_content img{ float:left; margin:0 8px 5px 0; border:none; }
.blok_bottom{ height:24px; background:url(../images/blok_bottom.png) left top no-repeat;}

/* EIND BLOK */

/* EIND RECHTS */

/* MENU VOLGENDE OPTREDENS */

#menu_optredens {
	width: 360px;
	height:100px;
	float:left;
	margin:0 0 0 65px;
	font-size:15px;
	position:relative;
}

#menu_optredens ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu_optredens a{
	padding: 3px;
	width: 100%;
	line-height:23px;
}

#menu_optredens a span, #menu_optredens span.datum {
	color:#4c3487;
}

#menu_optredens a:link, #menu_optredens a:visited {
	color: #152833;
	text-decoration: none;
}

#menu_optredens a:hover, #menu_optredens a:active {
	color: #6d8390;
}

/* EIND MENU VOLGENDE OPTREDENS */

/* MENU LAATSTE NIEUWS */

#menu_nieuws {
	width: 400px;
	height:100px;
	float:left;
	margin:0 0 0 80px;
	font-size:15px;
	position:relative;
}

#menu_nieuws ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu_nieuws a{
	padding: 3px;
	width: 100%;
	line-height:23px;
}

#menu_nieuws a span{
	color:#818c22;
}

#menu_nieuws a:link, #menu_nieuws a:visited{
	color: #152833;
	text-decoration: none;
}

#menu_nieuws a:hover, #menu_nieuws a:active{
	color: #167ab3;
}

/* EIND MENU LAATSTE NIEUWS */

/* COPYRIGHT */

#copyright{
	font-size:12px;
	color:#5a6608;
	position:absolute;
	bottom:5px;
	left:37px;
}
#copyright a:link, #copyright a:visited{
	color:#3a4205;
	text-decoration:none;
}
#copyright a:hover, #copyright a:active{
	color:#141603;
	text-decoration:none;
}
/* EIND COPYRIGHT */

/* FOTO CAROUSEL */

#laatste_fotos{
	position:relative;
	margin:50px 0 0 45px;
}

#laatste_fotos h2{
	font-size:24px;
	margin:0 0 0 10px;
	text-transform:uppercase;
}

ul#mycarousel{
	list-style:none;
	margin:0;
	height:80px;
}

ul#mycarousel li img{
	position:absolute;
}

ul#mycarousel li a img{
	border:1px solid #309;
	margin-bottom:2px;
}

ul#mycarousel li a img:hover{
	border:1px solid #FFF;
}

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 75px;
    height: 75px;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 180px;
    padding: 20px 30px 20px 40px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  180px;
    height: 80px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/* EIND FOTOCAROUSEL */

/* PAGINIERING ONDER ARTIKELEN */
div.paginering {
	padding:0 0 0 0;
	margin:20px 0 0 100px;
	text-align:center;
	position:relative;
	clear:both;
}

div.paginering a span{
	display:none;
}
	
div.paginering a {
	margin:0 10px 0 0;
	padding:0;
	text-decoration: none;
	color: #4e7588;
	float:left;
	width:38px;
	height:34px;
	line-height:34px;
	background:url(../images/paginering_ag.png) -69px -4px;
}
div.paginering a:hover, div.paginering a:active {
	background:url(../images/paginering_ag.png) -69px -46px;
	color: #1a2e3a;
}
div.paginering span.current {
	margin:0;
	padding:0;
	font-weight: bold;
	color: #4a3b62;
	float:left;
	width:38px;
	height:34px;
	line-height:34px;
}
div.paginering div.niks {
	margin:0;
	padding:0;
	font-weight: bold;
	color: #4a3b62;
	float:left;
	width:38px;
	height:34px;
	line-height:34px;
	background:url(../images/paginering_ag.png) -205px -4px;
}
div.paginering div.niks span{
	display:none;
}
div.paginering span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	color: #ccc;
}
div.paginering a.volgende{
	margin:0 0 0 0;
	width:50px;
	height:42px;
	background:url(../images/paginering_ag.png) -394px 0;
}
div.paginering a.volgende:hover{
	background:url(../images/paginering_ag.png) -394px -42px;
}
div.paginering a.vorige{
	margin:0 0 0 0;
	width:50px;
	height:42px;
	background:url(../images/paginering_ag.png) 0 0;
}
div.paginering a.vorige:hover{
	background:url(../images/paginering_ag.png) 0 -42px;
}
/* EIND PAGINIERING ONDER ARTIKELEN */