/*------ ALGEMENE OPMAAK ------*/
body, html, tr, td {
	margin: 0;
	padding:0; 
}

td, th, p, li, a, body, div, b, span, input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #103D99;
}

table{border-collapse: collapse; border-color: #103D99; }
img {border: 0;}
td, th { empty-cells:show; vertical-align:top;}
th { font-weight: bold; }
a{	text-decoration: none; }
a:hover{	text-decoration: underline; }
ul{margin:0 0 5px 0; padding-left:20px;}
.small{ font-size: 7pt;}
h1{ font-size: 10pt; }


/*------ END ALGEMENE OPMAAK ------*/


/*--------- INTERFACE ---------*/
body{
	padding-left: 50%;
	background-image: url(images/wood_back.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
}

#container { 
	margin: 0 0 0 -355px;
	padding: 0;
	width: 710px;
}

#topImage{
	float: left;
	clear: none;
	width: 460px;
	margin: 0;
	padding: 0;
}

#topLogo{
	float: left;
	padding: 0;
	margin: 47px 0 0 -440px;
}

#tabGroen{ float: left;	margin: 0 0 0 -14px;	}
#tabRood{ float: left;	margin: 108px 0 0 -14px; }

.menu{
	background-color: #ca0000;
	color: #FFFFFF;
	float: left;
	clear: right;
	width: 250px;
	height: 215px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	line-height: 1.5em;
}

.submenu{
	display: none;
	background-color: #d32b2b;
	color: #FFFFFF;
	position: absolute;
	top: 0;
	margin-left: 230px;
	left: 50%;
	width: 125px;
	height: 215px;
	font-weight: normal;
}

.menu ul,
.submenu ul{
	margin-top: 15px;
	margin-left: 0;
	padding: 0 0 0 5px;
	list-style: none;
}

.menu ul li a,
.submenu ul li a{
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 10px;
}

.menu ul li a:hover,
.submenu ul li a:hover{
	background-image: url(images/arrow.gif);
	background-position: 0px;
	background-repeat: no-repeat;
	margin-left: 0;
	text-decoration: none;
}

.current{ /* Dat het pijltje erbij staat in t menu */
	background-image: url(images/arrow.gif);
	background-position: 00px;
	background-repeat: no-repeat;
	margin-left: 0;
}
/*--------- END INTERFACE ---------*/


/*--------- OPMAAK CONTENT --------*/
#content{
	float: left;
	margin: 25px 0 0 0;
	background-color: #FFFFFF;
	width: 100%;
}

.balk{
   float: left;
   margin: 0;
   width: 100%;
   height: 25px;
   text-align: left;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 13pt;
   line-height: 25px;
}

.balk .b_title{
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 13pt;
   line-height: 25px;
}

.balk .b_edit{
	float: right;
	margin-right: 5px;
	margin-top: -25px;
}

#text{
	float: left;
	margin: 0;
	padding: 15px 10px 10px 10px;
}

.img_news_right{
	float: right;
	margin-left: 10px;
}

.img_news_left{
	float: left;
	margin-right: 10px;
}

#text img{
	margin-bottom: 7px;
	margin-top: 7px;
}

#text .speltakken img {
	float: none;
}

#contact{
	float: left;
	border-top: 1px solid #103D99;
	width: 695px;
	background-color: #FFFFFF;
	margin: 0;
	padding: 5px 5px 5px 10px;
	display: block;
}

div.clearer {clear: left; line-height: 0; height: 0;}  /*om te voorkomen dat footer naar boven float*/

#footer{
	float: left;
	clear: both;
	margin: 25px 0 0 0;
	width: 710px;
	line-height: 22px;
	background-color: #FFFFFF;
	font-size: 9pt;
	text-align: center;
	display: block;
}



.nieuwstabel a{
	text-decoration: underline;
}

.nieuwstabel td{
	border-bottom: 1px solid #ca0000;
	padding: 10px 0 10px 0;
}

#login{
	margin: 0;
	padding: 0;
}

#login .pass{
	margin: 0;
	background-color: #CA0000;
	color: #FFFFFF;
	width: 130px;
	border: none;
}

#login .butSubmit{
	width: 60px;
	height: 1.5em;
	background-color: #FFFFFF;
	color: #ca0000;
	border: 1px solid #D32B2B;
	cursor: pointer;
}

#agenda{
	width: 205px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#agenda ul{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.1em;
}

#agenda ul li{
	border-bottom: 1px solid #ca0000;
	margin: 5px 0 5px 0;
	padding-bottom: 5px;
}

#agenda ul li a{ color: #003698; }
.datum{ color: #3e3e3e; }

#foto{
	float: left;
	width: 710px;
	margin: 0;
	padding: 0;
	display: inline;
}

.fototabel{
	border-collapse: collapse;
	color: #003698;
	text-align: center;
	width: 690px;
}
.fotolijstje{
	text-align: center;
}
.fotolijstje select{
	width: 170px;
	text-align: left;
}
.fotothumb{
	text-align: center;
	padding: 0;
	margin: 5px;
}
.fotobig{
	width: 445px;
	vertical-align: middle;
	text-align: center;
}
.fotobignav{
	margin: 5px;
	vertical-align: middle;
}
.fotonav{
	text-align: center;
	color: #CA0000;
}

#gastenboek{
	padding: 0 10px 10px 10px;
}

#gastenboek a:hover {
	color: #ca0000;
}
#gastenboek .underline{
    border-bottom: 1px solid #ca0000;
    padding-bottom: 3px;
    width: 690px;
    display: block;
}
#gastenboek .posttable{
	border-collapse: collapse;
	width: 690px;
}
#gastenboek .postNameTd{
	width: 150px;
}
#gastenboek .postNameA{
	font-weight: bold;
}
#gastenboek .postPostTd{
	vertical-align: top;
	width: 540px;
}
#gastenboek .subject{
	font-weight: bold;
}

#line {
        height: 1px;
        width: 690px;
		margin: 3px 0 3px 0;
        border-top: 1px solid #ca0000;
}

.iframe_cal{
	width: 710px;
	margin: 0;
	padding: 0;
	height: 500px;
}

.tabel_users td, .tabel_users th{
	border: 1px solid #103D99;
	padding-left: 2px;
}

.speltak_details, .adres_details {
 	display: none;
}

.detailrow{
	background-color: #FFFFCC;
	text-indent: 20px;
}

.table_artikel{
	border-left: 1px solid #103D99;
}

.table_artikel .b_edit, .table_artikel .b_delete{
	background-color: #FFFFFF;
	border: none;
}

.table_artikel td{
	padding-left: 2px;
	padding-right: 2px;
	border-right: 1px solid #103D99;
}

.table_artikel th{
	background-color: #103D99;
	border: 1px solid #103D99;
	color: #FFFFFF;
	font-weight: normal;
}

.edit_form{
	display: none;
	width: 460px;
	background-color: #eceae6;
	border: 1px solid #696969;
}

.input_headline{
	color: #3b3b3a;
	font-size: 11px;
	font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
}

/* tables tablesorter */

table.table_users {
	border-color: #BFBFBF;
	color: #414141;
}
table.table_users thead tr th, table.table_users tfoot tr th {
	background-color: #103D99;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 4px;
}
table.table_users thead tr .header {
	text-align: left;
	padding: 3px 21px 3px 3px;
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.table_users tbody td {
	vertical-align: top;
	padding: 0 3px 0 3px;
}
table.table_users tbody tr.odd td {
	background-color: #EEF1F9;
}
table.table_users thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.table_users thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table.table_users thead tr .headerSortDown, table.table_users thead tr .headerSortUp {
	background-color: #1346B0;
}

table.table_users tbody tr.over td{
	background-color: #C4CEEA;
	cursor: default;
}

.table_oudpapier{
	border: 1px solid #BFBFBF;
}

.table_oudpapier td{
	border: 1px solid #BFBFBF;
	padding: 3px;
}

.table_oudpapier tr:hover{
	background-color: #C4CEEA;
}

.map_dialog_btn{
	cursor: pointer;
}

.table_oudpapier .odd{
	background-color: #EEF1F9;
}

.table_oudpapier th{
	background-color: #103D99;
	border: 1px solid #103D99;
	color: #FFFFFF;
	padding: 4px;
	text-align: left;
}

.table_oudpapier tr th{
	border-bottom: 1px solid #BFBFBF;
}

#map{
	display: block;
	width: 600px;
	height: 550px;
	margin: 0;
	padding: 0;
}


/*-------- END OPMAAK CONTENT --------*/