/* CSS Document */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px;
height: 100%;
font-size:12px;
background-color:#FFFFFF
}
html {
height: 100%;
}

/* general layout */

#container {
position: relative;
min-height: 100%;
height:auto; /* voor moderne browsers */
/*height:100%; /* voor IE */
}

#header {
/*background-image:url(../images/system/header/header_green_back.png);
background-repeat:repeat-x;*/
background-color:#282868;
height:110px;
max-height:110px;
min-width:760px;
width:100%;
}


#left { 
float:left;
width: 195px;
padding:2px 2px 2px 2px;
}

#right {
	float:right;
	width: 195px;
	padding:2px 2px 2px 0px;
}

#center {
	/*float: left;
	min-width:50%;*/
	margin-left: 210px;
	margin-right: 210px;
	max-width: 70%;
}

#help-div{
clear:both;
}

#footer {
position: absolute;
bottom: 0; /* heel belangrijk */
width:100%;
border-top:#000000 3px solid;
background-color:#282868;
font-size:10px;
color:#FFFFFF;
}
/* links */
a:link {color:#282868;}
a:visited {color:#282868;}
a:hover {color:#000000}

a.topMenu:link {color:#FFFFFF; text-decoration:none;}
a.topMenu:visited {color:#FFFFFF; text-decoration:none;}
a.topMenu:hover {color:#999999}

a.inText:link {color:#FF0000; border-bottom:#FF0000 1px dotted; text-decoration:none}
a.inText:visited {color:#FF0000; border-bottom:#FF0000 1px dotted; text-decoration:none}
a.inText:hover {color:#000000; border-bottom:#000000 1px dotted; text-decoration:none}

a.gb:link {color:#FFFFFF; text-decoration:none}
a.gb:visited {color:#FFFFFF; text-decoration:none}
a.gb:hover {color:#FFFFFF; text-decoration:underline}

a.footer:link {color:white; text-decoration:none}
a.footer:visited {color:white; text-decoration:none}
a.footer:hover {color:#999999; text-decoration:none}

a.ext{
	background-image:url(../images/system/icons/extlink.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:10px
}

/* text-layouts */
p.title {
	font-size:20px;
	margin:5px 2px 5px 0px;
	padding-left:22px;
	color:#282868;
}
p.pageTitle{
	font-size:24px;
	color:#282868;
	border-bottom:#999999 1px dashed;
}
p.pageFooter{
	font-size:10px;
	color:#999999;
	border-top:#999999 1px dashed;
}
#menuLeft{
	background:url(../images/system/icons/mouse.png) left no-repeat
}
#login{
	background:url(../images/system/icons/status_online.png) left no-repeat
}
#calRight{
	background:url(../images/system/icons/mouse.png) left no-repeat
}
#quicklinks{
	background:url(../images/system/icons/lightning.png) left no-repeat
}
p.nieuwsTitel{
	font-size:14px;
	font-weight:bold;
	padding-left:22px;
	background:url(../images/system/icons/star.png) left no-repeat
}

p.nieuwsSub{
	font-size:10px;
	margin:4px 0px 2px 0px;
	color:#999999;
	/*clear:left*/
}
.afteller{
	font-size:18px;
	color:#282868;
}

/*abbr {
	border-bottom-style:dashed;
	border-bottom-color:#999999
}*/
/* Menu balk */
#menu {
	background:url(../images/system/menu/menuBar_r1_c1.png) repeat-x;
	padding: 3px 0px 3px 0px;
	font-size:14px;
	color:#FFFFFF	
}
.menu a {
	margin:0px 10px 0px 10px;
}
#nav li a {
	color:#000000;
	padding-left:4px;
}
#nav li a:hover {
	color:white;
}

/* Menu list */
.listed{
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	border-top: 1px dashed #999999;
}

.listed li {
	border-bottom: 1px dashed #999999;
}

.listed li a{
	text-decoration: none;
	color:#FFFFFF;
	display: block;
	height: 1.2em;
	/*width: 180px;*/
	padding: 0.5em 0;
}
.listed li a:hover{
	background-color:#282868;
}
/* tekstgroottes */
.small{
	font-size:smaller;
}

/* forms */
input.login{
	border:#666666 1px solid;
	background-color:#FFFFFF;
	font-size:smaller;
}

/* images */
img.foto {
	padding:2px 2px 2px 2px;
	border:#999999 1px solid;
}


/* expand - collapse */
.expanded {
	visibility: visible;
	display: block;
}
.collapsed {
	visibility: hidden;
	display: none;
}

/* modules */
.module_title{
	font-size:16px;
	background-color:#5C6D1A;
	font-weight:bold;
	padding:2px 2px;
	color:#FFFFFF;
	cursor:pointer;
}
#module_users{
	padding-left:22px;
	background:url(../images/system/icons/status_online.png) no-repeat left center;
}

.module_container{
	padding:2px 0px;
}
div.bordTopBot{
	border-top: 1px dashed #999999;
	border-bottom: 1px dashed #999999;
	padding:5px 2px;
}
div.bordTop{
	border-top: 1px dashed #999999;
	padding:5px 2px;
}
div.module{
	margin-bottom:15px;
}
div.newsItem{
	border-bottom:#999999 1px dashed;
	margin-bottom:5px;
}
/* MY */
div.myLeft{
	width:49%;
}
div.myRight{
	float:right;
	width:49%;
}
.inMy{
	padding:0px 0px 0px 0px;
	line-height:175%;
}
/* end MY */
div.boxContent{
	overflow: auto;
	max-height:500px;
	padding:0px 3px 0px 3px
	
	}
div.box{
	border:#999999 1px dashed;
	margin:0px 0px 10px 0px;
	padding:2px;

	/*overflow: auto;*/
}
.boxTitle{
	font-size:larger;
	font-weight:bold;
	padding:5px 3px 5px 3px;
	border-bottom:#999999 1px dashed;
}
/* Infolabels */
.info{
	background-image: url(../images/system/icons/information.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:20px;
}

/* tabellen */
.borderOn{
	border:#5C6D1A 1px solid;
}
/* GB */
.gb{
width:400px;
margin-bottom:10px
}

.entry span{
float: left;

}
.entry{
	background:url(../images/system/menu/menuBar_r1_c1.png) repeat-x;
	color:#FFFFFF;
	padding:2px
}
div.entryText{
	padding:3px;
	border-bottom:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
}

div.album{
	float:left;
	/*width:160px;
	height:160px;*/
	margin-bottom: 20px;
	margin-right:10px;
}
div.reeks{
	float:left;
	/*width:160px;
	height:160px;*/
	margin-bottom:20px;
	margin-right:10px;

}

/* BEGIN KALENDER */
#datum{
	margin-top:5px;
	background-image:url(../images/kalender/cal.png);
	background-repeat:no-repeat;
	height:24px;
	padding-left: 30px;
	padding-top:3px;
}

#titel{
	cursor:pointer;
	overflow:hidden;
}

.logoKalender{
	width:100%;
	min-height:0;
	height:23px;
	background-image: none;
	background-repeat:no-repeat;
	background-position: right bottom;
	padding-bottom:5px;
}
#omschrijving{
padding-left: 30px;

}
#kalenderContainer{
	overflow:hidden;
	width:70%;
	border-bottom:#CCCCCC 1px solid;
	margin-bottom:10px;
}
.afwijkend {
cursor:help;
}

.dropDown{
	margin-top:2px;
	margin-bottom: 2px;
	width:80%;
}
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #0;
	background-color: #ffffff;
	border: 1px solid #5C6D1A;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #5C6D1A;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #5C6D1A;
	border: 1px solid #5C6D1A;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #5C6D1A;
	border: 1px solid #5C6D1A;
	cursor: pointer;
	color: #ffffff;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #5C6D1A;
	border: 1px solid #5C6D1A;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #5C6D1A;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5C6D1A;
	background: #ffffff;
	font-weight: bold;
	padding: 0px;
	border: 1px solid #5C6D1A;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5C6D1A;
	background: #ffffff;
	font-weight: bold;
	border: 1px solid #5C6D1A;
	}

.fout{
	color:#FF0000;
}
.aangepast{
	color: #999999;
	font-size:9px;
	height: 0;
}
/* EINDE KALENDER */
/* CATAN */
.bgDark {
	background-color:#666666
}
.bgLight {
background-color:#CCCCCC
}
.bgGrey {
background-color:#999999;
}
/* FILES IN TEXT */
.pdf, .doc, .xls, .ppt, .zip{
	background-image: url(../images/system/icons/page_white_acrobat.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:20px;
	min-height:18px
}
.doc{
	background: url(../images/system/icons/page_white_word.png) no-repeat;
}
.xls{
	background: url(../images/system/icons/page_white_excel.png) no-repeat;
}
.ppt{
	background: url(../images/system/icons/page_white_powerpoint.png) no-repeat;
}
.zip{
	background: url(../images/system/icons/page_white_compressed.png) no-repeat;
}
/* CURSOR */
.help{
	cursor:help;
}
/* RANDOM PIC */
.randPicIcons{
	padding-left:15px;
	padding-top:2px;
}
#totemOmschrijvingProfiel{
	padding-left: 10px;
	max-width: 300px;
}
.groen{
	color: #009900;
	font-size: 150%;
	font-weight: bold;
}
/* AFBEELDINGEN */
.downloadIcon{
	padding-top:2px;
}

#error {
	color: #FF0000;
}

img.inline {
margin: 10px;
}
/* GalabalCount*/

.bigg {
	font-size:500%;
	color:#0033CC;
}