/*
Copyright Mediative 2009
www.mediative.nl
info@mediative.nl
*/

body{
	background:url(../images/Page-BgTexture.jpg) no-repeat top center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5c6459;
	padding-top:150px;
	margin:0;
}
a:link{
	color: #006600;
	text-decoration:none;
}
a:visited{
	color: #006600;
	text-decoration:none;
}
a:hover{
	color: #006600;
	text-decoration:underline;
}
a:active{
	color: #006600;
	text-decoration:none;
}

/* WRAPPER */
#wrapper{
	width:986px;
	height:600px;
	margin:auto;
}
#wrapper-top{
	background:url(../images/bg-top.png) no-repeat;
	width:986px;
	height:37px;
	padding-top:13px;
}
#wrapper-middle{
	background:url(../images/bg-middle.png) repeat-y;
	width:986px;
	padding:5px 0 20px 0;
	
	clear:both;
}
#wrapper-clear{
	width:986px;
	clear:both;
}
#wrapper-bottom{
	background:url(../images/bg-bottom.png) bottom;
	width:986px;
	height:30px;
	padding:17px 0 13px 0;
	clear:both;
}

/* MAIN */
#main-left{
	width:177px;
	margin:0 0 0 20px;
	float:left;
}
#main-middle{
	width:528px;
	margin:0px 30px 0px 30px;
	padding-top:15px;
	float:left;
}
#main-right{
	width:177px;
	margin:0 20px 0 0;
	float:left;
}

/* SIDERS */
.sidebar{
	width:177px;
	margin-bottom:10px;
}
.sider-top{
	background:url(../images/sider-top.png) no-repeat;
	width:177px;
	height:26px;
	padding:7px 0 7px 0;
}
.sider-middle{
	background:url(../images/sider-middle.png);
	width:177px;
}
.sider-middle-content{
	width:150px;
	margin:0 15px 0 15px;
	padding-top:10px;
}
.sider-bottom{
	background:url(../images/sider-bottom.png);
	width:177px;
	height:16px;
}
.sider-header1{
	background:url(../images/sider-header1.png);
	width:40px;
	height:30px;
	float:left;
	margin:0 0 0 7px;
}
.sider-header2{
	background:url(../images/sider-header2.png);
	width:123px;
	height:30px;
	float:left;
	margin:0 7px 0 0;
	color:#FFFFFF;
	font-style: normal;
	font-weight: bold;
}

/* MENUBAR */
/* begin Menu */
/* menu structure */
#menu{
	height: 30px;
	width:960px;
	background-image: url('../images/nav.png');
	margin:0 13px 0 13px;
}
#user3{
	height: 30px;
	width:840px;
	float:left;
}
#user4{
	height:30px;
	width:120px;
	float:left;
	margin-top:4px;
}
.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
	text-align:left;
	text-decoration:none;
	outline:none;
	letter-spacing:normal;
	word-spacing:normal;
}

.artmenu, .artmenu ul
{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.artmenu li
{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 5;
	background:none;
}

.artmenu li:hover
{
	z-index: 10000;
	white-space: normal;
}

.artmenu li li
{
	float: none;
}

.artmenu ul
{
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	background:none;
}

.artmenu li:hover>ul
{
	visibility: visible;
	top: 100%;
}

.artmenu li li:hover>ul
{
	top: 0;
	left: 100%;
}

.artmenu:after, .artmenu ul:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.artmenu, .artmenu ul
{
	min-height: 0;
}

.artmenu ul
{
	background-image: url(../images/spacer.gif);
	padding: 10px 30px 30px 30px;
	margin: -17px 0 0 -30px;
}

.artmenu ul ul
{
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}



/* menu structure */

.artmenu
{
	padding: 7px 6px 0px 6px;
}

.nav
{
	position: relative;
	height: 30px;
	z-index: 100;
}

.nav .l, .nav .r
{
	position: absolute;
	z-index: -1;
	top: 0;
	height: 30px;
}

.nav .l
{
	left: 0;
	right:4px;
}

.nav .r
{
	right: 0;
	width: 760px;
	clip: rect(auto, auto, auto, 956px);
}

/* end Menu */

/* begin MenuItem */
.artmenu ul li
{
	clear: both;
}

.artmenu a
{
	position:relative;
	display: block;
	overflow:hidden;
	height: 30px;
	cursor: pointer;
	text-decoration: none;
	margin-right: 2px;
	margin-left: 2px;
}


.artmenu a .r, .artmenu a .l
{
	position:absolute;
	display: block;
	height: 30px;
	background:none;
}

.artmenu a .l
{
	left:0;
	right:4px;
}

.artmenu a .r
{
	width:408px;
	right:0;
	clip: rect(auto, auto, auto, 404px);
}

.artmenu a .t 
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	padding: 0 4px;
	margin: 0 4px;
	text-align: center;
}
.artmenu a:hover .t{
	color: #F90;
}
.artmenu a.active .t{
	color: #F90;
	font-style:oblique;
}


/* end MenuItem */

/* begin MenuSubItem */
.artmenu ul a
{
	display:block;
	text-align: center;
	white-space: nowrap;
	height: 20px;
	width: 120px;
	overflow:hidden;
	line-height: 20px;
	margin-right: auto;


	background-color: #DADADA;
	background-position: left top;
	background-repeat: repeat-x;
	border-top-width:0;
	border-bottom: 1px solid #347227;
	border-right: 1px solid #347227;
	border-left: 1px solid #347227;
}

.nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
	display: inline;
	float: none;
	margin: inherit;
	padding: inherit;
	background-image: none;
	text-align: inherit;
	text-decoration: inherit;
}

.artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
	text-align: left;
	text-indent: 12px;
	text-decoration: none;
	line-height: 20px;
	color: #347227;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 13px;
}

.artmenu ul ul a
{
	margin-left: auto;
}

.artmenu ul li a:hover
{
	color: #F90;
	border-color: #347227;
}

.artmenu ul li:hover>a
{
	color: #F90;
	border-color: #347227;
}

.nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span
{
	color: #8B7D46;
}

.nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span
{
	color: #8B7D46;
}


/* end MenuSubItem */
/* END MENUBAR */

/* SEARCHBAR */
div.search input
{
	background:#f0ede0;
	width: 110px;
	border: 1px solid #ccc;
}

/* FOOTER */
#footer{
	background:url(../images/footer.png);
	width:960px;
	height:30px;
	margin:0 13px 0 13px;
	display:inline-block;
	color:#DBD4B8;
	font-size: 11px;
}

#footer a{

}
#footer a:link{
	color: #DBD4B8;
	text-decoration:none;
}
#footer a:visited{
	color: #DBD4B8;
	text-decoration:none;
}
#footer a:hover{
	color: #DBD4B8;
	text-decoration:underline;
}
#footer a:active{
	color: #DBD4B8;
	text-decoration:none;
}

/* NIEUWS */

#nieuws{
	width:530px;
	margin-bottom:25px;
}

#nieuws-titel{
	color: #006600;
	width:520px;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	padding:0 5px 0 5px;
}
#nieuws-info{
	width:520px;
	font-size:10px;
	padding:0 5px 5px 5px;
}
#nieuws-tekst{
	width:520px;
	font-size:12px;
	border-top:1px dotted #666666;
	padding:5px 5px 0 5px;
}

/* OPMAAK */
h2{
	color: #006600;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}
h3{
	color: #5c6459;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}
div.login input
{
	background:#f0ede0;
	width: 130px;
	border: 1px solid #ccc;
}
div.main input
{
	background:#f0ede0;
	width: 130px;
	border: 1px solid #ccc;
}

/* BREADCRUMBS */
.breadcrumbs{
	font-size:11px;
}

.breadcrumbs a:link{
	color:#5c6459;
	text-decoration:underline;
}
.breadcrumbs a:visited{
	color:#5c6459;
	text-decoration:underline;
}
.breadcrumbs a:hover{
	color:#FF6600;
	text-decoration:underline;
}
.breadcrumbs a:active{
	
}


td.cpanel{
	cursor:pointer;
}
td.falbum{
	cursor:pointer;
}
.toevoegform{
	width:524px;
}

/* Gastenboek */
.gastenboek{
	width:530px;
	margin-bottom:20px;
	border-bottom:1px solid #333333;
}
.gastenboek_titel{
	width:530px;
	font-weight:bold;
	padding:1px 0 1px 0;
}
.gastenboek_datum{
	width:530px;
	font-style:italic;
	font-size:10px;
	padding:1px 0 1px 0;
}
.gastenboek_bericht{
	width:520px;
	padding:15px 0 0 5px;
}
.gastenboek_bericht_balk{
	width:5px;
	background-color:#333333;
}
.gastenboek_reactie{
	width:520px;
	padding:15px 0 0 0;
}
.gastenboek_reactie_left{
	width:10px;
}
.gastenboek_reactie_center{
	background:#e2e0d6;
	width:485px;
}
.gastenboek_reactie_right{
	width:25px;
}
.gastenboek_reactie_titel{
	width:530px;
	font-size:11px;
	font-weight:bold;
	padding:1px 0 1px 0;
}
.gastenboek_reactie_datum{
	width:530px;
	font-style:italic;
	font-size:9px;
	padding:1px 0 1px 0;
}
.gastenboek_reactie_reactie{
	width:520px;
	font-size:11px;
	padding:5px 0 5px 5px;
}


#programma_title{
	background-image:url(../images/programma_title.png);
	color:#FFFFFF;
	font-weight:bold;
}
#programma_title2{
	color:#FFFFFF;
	font-weight:bold;
}
#programmarij{
	border-bottom:#333333 dotted 1px;
}
.list{
	list-style-image:url(../images/BlockContentBullets.png);
}
.verjaardagensider{
	list-style-image:url(../images/birthday.png);
}

/* Control Panel */
.controlpanelclear{
	background:none;
}
.controlpanel table{
}

.controlpanel td{
	background:url(../images/cp_vak.png);
	width:130px;
	height:130px;
	vertical-align:middle;
	text-align:center;
}

.controlpanel td:hover{
	background:url(../images/cp_vak_off.png);
}

.controlpanel td a{
	display:block;
}

/* Fotoalbum */
.fotoalbum td{
	background:url(../images/cp_vak.png);
	width:130px;
	height:130px;
	vertical-align:middle;
	text-align:center;
}

.fotoalbum td:hover{
	background:url(../images/cp_vak_off.png);
}

.fotoalbum td a{
	display:block;
}

/* Links */
.links{
width:60px;
height:16px;
margin:3px 0 3px 454px;
}
.comment 
{
width:16px; 
height:16px;
background-image:url(../images/comment_hover.png);
float:left;
margin-right:4px;
}
.comment a {display:block}
.comment img {width:100%; height:100%}
.comment a:hover img {visibility:hidden;}

.edit 
{
width:16px; 
height:16px;
background-image:url(../images/pencil_hover.png);
float:left;
margin-right:4px;
}
.edit a {display:block}
.edit img {width:100%; height:100%}
.edit a:hover img {visibility:hidden;}

.delete 
{
width:16px; 
height:16px;
background-image:url(../images/delete_hover.png);
float:left;
margin-right:4px;
}
.delete a {display:block}
.delete img {width:100%; height:100%}
.delete a:hover img {visibility:hidden;}

/* Table Activiteiten */
td.kalalg{
	padding: 0px;
	margin: 0px;
	center: top;
	line-height: 16px;
}
td.kaltit{ 
	padding: 0px;
	margin: 0px;
	center: top;
}
td.kaltexr{ 
	width: 75px;
	padding: 0px;
	height: 70px;
	cursor: hand;
	margin: 0px;
}

/*Textarea*/
.textarea{
	width:530px;
}

/* Accordion */
#basic-accordian{
	padding:5px;
	width:525px;
}

.accordion_headings{
	padding:5px;
	background:#f3f1e7;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#dad6c4;
}

.accordion_child{
	padding:15px;

}

.header_highlight{
	background:#d6cfae;
}