/* General things... */
* {
	margin: 0;
}

html, body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	max-height: 100%;
	height: 100%;
	width: 100%;
}

body {
	background: #ffffBB url(/intranet/img/bg8l.gif) repeat-x;
	font-family: sans-serif;
	width: 100%;
/*	border: 1px solid #f7ffe7; */
}

/* Header divs */
div#logo {
	top: 0px;
	left: 0px;
	position: absolute;
}

#gr1 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 166px;
	height: 68px;
	background: url(/intranet/img/gr1l.gif) no-repeat;
}

#gr2 {
	position: absolute;
	top: 109px;
	right: 0px;
	width: 166px;
	height: 45px;
	background: url(./img/gr2.gif) no-repeat;

	display: none;
}

/* Top menu (grey) */
div#menu1 {
	position: absolute;
	top: 69px;
	left: 54px;
	z-index: 10;
	width: 840px;
}

#menu1 ul {
	list-style: none;
	margin: 0px;
	padding-left: 20px;
}

#menu1 li {
	float: left;
}
#menu1 li.breaker {
	background: url(/intranet/img/mbr.gif) center 0px no-repeat;
	width: 5px;
	height: 17px;
	display: block;
}

#menu1 li a {
	text-decoration: none;
	color: #333333;
	font-size: 12px;
	font-family: sans-serif;
	display: block;
	padding: 2px 10px;
	height: 18px;
	float: left;
}

#menu1 li a.selected {
	background: url(/intranet/img/mbtn_hover.gif) center 1px  no-repeat;
}

#menu1 li a:hover {
	background: url(/intranet/img/mbtn_hover.gif) center 1px  no-repeat;
	color: #8c6239;
}

/* Submenu (brown) */
#menu2 {
	position: absolute;
	top: 88px;
	left: 0px;
	font-size: 11px;
	padding-left: 160px;
	z-index: 9;
}
#forummenu2 { /* Special version for forum page */
	position: absolute;
	top: 88px;
	left: 0px;
	right: 10px;
	background: #ffffBB;
	font-size: 11px;
	height: 20px;
	z-index: 9;
	padding-left: 150px; 
	color: #000000;
}
#forummenu2 a { color: #000000; }
#forummenu2 a:hover { color: #ffffff; }


#menu2 ul {
	list-style: none;
	margin: 0px;
	padding-left: 100px; 
}

#menu2 li {
	float: left;
}

#menu2  a {
	text-decoration: none;
	color: #333333;
	font-size: 11px;
	font-family: sans-serif;
	display: block;
	padding: 4px 10px 3px 10px;
	height: 15px;
	float: left;
	border:  1px solid #ffffBB;
	border-width:  4px 0px 0px 0px;
}

#menu2  a.checked {
	color: #ffffff;
	background: #f7ffe7;
	border: 1px solid #8c6239;
	border-width: 3px 1px 0px 1px;
	color: #8c6239;
	border-bottom: 1px solid #f7ffe7;
}

#menu2 a:hover {
	color: #ffffff;
	background: #f7ffe7;
	border: 1px solid #8c6239;
	border-width: 2px 0px 1px 0px;
	color: #8c6239;
	padding: 6px 10px 2px 10px;
}
#menu2 a.checked:hover {
	color: #ffffff;
	background: #f7ffe7;
	border: 1px solid #8c6239;
	border-width: 3px 1px 0px 1px;
	color: #8c6239;
	border-bottom: 1px solid #f7ffe7;
	margin-top: 0px;
	padding: 4px 10px 3px 10px;
}
/* Some general things - used in page */
.bordered {
	border: 1px solid #dddbc0;
	margin-bottom: 10px;
}

.filled {
	background: #f7ffe7;
}

/* Finally, the page */

#thepage {
	top: 113px;
	font-size: 12px;
	z-index: 5;
	margin-top: 0px;  /* This does not work with jquery.corner.js */

	background: #8c6239;
	border: 1px solid #8c6239;

	left: 0px;
	margin-right: 225px;
	margin-left:  150px;
	right: 224px;
}
#thepageborder {
	background: #f7ffe7;
}

#innerpage {
	/* Make it easier to position things in #thepage */
	margin: 10px 10px 0px 10px;
	padding-bottom: 10px;
}
#thepage.sxbleft { /* Used when sidebar is on the left side of page - if it weren't for IE, this could have been done with a '+' selector */
	left: 220px;
	padding: 0px 0px 10px 20px;
	margin-left: 220px;
	margin-right:  auto;
	margin-bottom: 20px;
	right: 4px;
}

#thepage.sxbright { /* Used when sidebar is on the right side of page - if it weren't for IE, this could have been done with a '+' selector */
	left: 0px;
	padding: 10px 0px 10px 20px;
	margin-right: 225px;
	margin-left:  130px;
	right: 224px;
}

/* OK, what is a website without a sidebar? Sidebar is used for promo and maybe links (forum, blog, ...) */
#sidebar {
	width: 210px;
	position: absolute;
	top: 108px;
	margin: 0px 0px 0px 10px;
	font-size: 12px;
	padding: 10px 5px 0px 5px;
	left:  0px;
	/*background: #c69c6d;*/
	z-index:  9;
}

#sidebar.right { /* Used when sidebar should be on the right side of the window */
	right: 0px;
	left:  auto;
}

#sidebar.left { /* Used when sidebar should be on the left side of the window */
	margin: 0px;
	left: 10px;
	right:  auto;
}

/* Some stylesheets for items used in the sidebar */
#sidebar .sponsor {
	position: absolute;
	background: #eaf8c1;
	height: 85px;
	width: 210px
}

	.sponsor #sponsortext {
		padding-top: 4px;
		padding-left: 64px;
		width: 135px;
		font-size: 9px;
		text-align: center;
	}

	.sponsor #sponsorlogo {
		position: absolute;
		top: 0px;
		left: 5px;
		width: 59px;
		height: 85px;
	}
	
	.sponsorhovered {
		cursor: pointer;
	}

#sidebar .alert {
	padding: 5px;
	background: #f9ccb9;
}

#sidebar .coordinates {
	padding: 5px;
	font-size: 10px;
	background: #c6dbd2;
}
#sidebar ul#bannerbox { height: 175px; width: 210px; overflow: none; margin-bottom: 10px; padding: 0px; }
#sidebar ul#bannerbox li { display: block; height: 175px; width: 210px; background: transparent; text-align:center; overflow:none; padding-left: 0px; margin: 0px; }


/* Some stylesheets for items used in the page body */
#innerpage .fullwidth { /* a full width block */
	width: 99.8%;
	clear: both;
}

#innerpage .width50pct { /* a 2 column layout item */
	width: 49%;
}

#innerpage .left {
	float: left;
}

#innerpage .right {
	float: right;
}


/* Page items */
#innerpage .bordered {
	border:  1px solid #c69c6d;
	border-spacing: 0px;
}
#innerpage table.bordered th {
	text-align: left;
	font-weight: normal;
	padding:  2px;
	background: #edebcf;
}
#innerpage table.bordered .lbordered th {
	border-bottom:  2px solid #8c6239;
	padding:  2px;
}
.smaller {
	font-size:  0.8em;
}
#innerpage table.bordered td {
	border-right: 1px solid #edebcf;
	padding-left: 3px;
	padding-right: 5px;
}
#innerpage table.bordered .even, .even {
	background: transparent;
}
#innerpage table.bordered .odd, .odd {
	background: #f2f5db;
}

#innerpage h1 {
	color:  #603913;
	font-size:  18px;
	background: url(./img/h1b.gif) no-repeat left center;
	padding-left: 28px;
	margin-left: -8px;
	margin-bottom:  10px;
}
#innerpage h2 {
	border:  1px solid #c69c6d;
	border-spacing: 0px;
	width: 99.8%;
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	padding:  2px;
	background: #edebcf;
}
#innerpage p.intro {
	color: #603913;
	margin-bottom: 5px;
}
#innerpage .noborder {
	border:  0px solid red;;
	border-spacing: 0px;
}
#innerpage table.noborder td {
	border:  0px solid red;
}
#innerpage a {
	 color:  #603913;
	 text-decoration: none;
}
#innerpage a:hover {
	 color:  #000000;
	 text-decoration: underline;
}

/* filter etc popups */
.popupfilter {
	position: absolute; 
	width: 200px; 
	left: 0px;
	top: 0px;
	display:none;
}
.popuptop {
	border:  1px solid black;
	border-bottom: 1px solid white;
	background: #ffffff;
	width: 30px;
	position: absolute;
	top:  0px;
	right: 0px;
	z-index: 61;
	text-align: center;
	height:  14px;
	padding-top:  2px;
}
.popupbodyshadow {
	position: absolute;
	top:  16px;
	background: #000000;
	padding:  1px;
	clear:  both;
	z-index:  50;
	width: 100%;
	margin-left: -2px;
}
.popupbody {
	border:  0px solid black;
	background: #ffffff;
	width: 100%;
	clear:  both;
	font-size: 11px;
	z-index: 60;
}


ul.itemlist {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
ul.itemlist li{
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 100%;
}
ul.itemlist a {
	color: #888888;
	text-decoration: none;
	display: block;
	padding: 5px;
	margin: 0px;
	width: auto;
}
ul.itemlist a:hover {
	background: #edebcf;
	color: #000000;	
	font-weight: bold;
}
ul.itemlist li+li {
	 border-top:  1px solid #cccccc;
}

/* Left sidebar */
#emmelienbar{
	position: absolute;
	left:  0px; 
	top: 113px;
/*	background: #ffffBB; */
	width:  140px;
	z-index:  10;
	min-height:  100%;
	height:  100%;
	
	font-size: 12px;
}
#emmelienbar ul	{ list-style: none; padding: 0px; width:100%; margin: 0px; margin-top:  9px;; }
#emmelienbar li	{ padding: 0px; margin: 0px; width:100%;}
#emmelienbar a	{ font-size: 1em; text-decoration: none; color: #8c6239; display: block; width:100%; padding:3px 3px; border-left: 4px;}
#emmelienbar a:hover	{ border-left: 4px solid #8c6239; background: #f7ffe7; color: #8c6239 }
#emmelienbar a.checked	{ border: 1px solid #8c6239; border-width: 1px 0px 1px 5px; background: #f7ffe7; color: #8c6239; }
#emmelienbar a.checked:hover	{ border: 1px solid #8c6239; border-width: 1px 0px 1px 5px; background: #f7ffe7; color: #8c6239; }


/* Footer */
#footer {
	margin-top:  10px; /* Same as top of #thepage + some margin (5px) */
	padding-right:  210px; /* Same as width of #sidebar */
	padding-left:  150px; /* Same as width of #emmelienbar */
	color: #555555;
	font-size:  10px;
	text-align: center;
}

.btntxt { margin-left: 2px; }


.fakebtn { display: block; border:1px solid #666666; background: url(/intranet/img/btnU.gif) repeat-x #f8f8f8; padding: 3px; }
.fakebtn:active { background: #cbcbcb url(/intranet/img/btnD.gif) repeat-x; }


#innerpage table.bordered button td { /* in buttons willen we geen borders... */
        border-right: 0px solid green;
	padding: 1px;
}

.code {
	padding: 3px; 
	font-family: monospace; 
	overflow: auto; 
	border:1px dotted #c69c6d;
}


/* itemskader */
.item { border:  1px solid #c69c6d;
			      border-spacing: 0px;
			      width: 99.8%;
			      /*height: 230px;*/
			      margin-top: 10px;
			      margin-bottom: 5px; }

.item p { padding: 5px;
		  color: #603913;}

.item h5 { text-align: left;
	  				 font-weight: bold;
	  				 font-size: 13px;
	  				 padding:  2px;
	  				 background: #edebcf; }
	  	
.item h6 { border-bottom:  2px solid #8c6239;
					 font-weight: normal;
					 font-size: 12px;
				     padding:  2px;
				     background: #edebcf; }
				 
.item img { float: left;
					  overflow: none;
					  width: 180px;
					  height: 180px;
					  padding: 5px;
					  border-right: 1px solid #c69c6d;
					  margin-right: 5px;
					  /*position: absolute;
					  margin-top: 50%; 
					  top: 220px; 
					  margin-left: 50%; 
					  left: 40px;*/
					  clear: both; }

					  

						
.item ul {list-style-type: none;
					/*margin-left: 205px;*/
					padding: 5px; }
					
.item li {margin-bottom: 5px; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
 html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }







/* Activiteitenlijst voorpagina */
#actlist {
	border:  1px solid #c69c6d;
	padding:  0px 5px 0px 5px;
	color:  #603913;
	width:  350px;
	margin-bottom: 10px;
}
#actlist .focusact td {
	 vertical-align: top;
	 padding: 3px;
}
#actlist .listedact td {
	vertical-align: middle;
}
#actlist .focusact {
	border-spacing: 0px;
	width: 100%;
}
#actlist .schild {
	width: 60px;
	text-align: center;
}
#actlist .date {
	margin-right: 5px;
}
#actlist .titel {
	font-weight: bold;	
}
#actlist .plaats {
	display:  block;
}
#actlist .nota {
	display:  block;
	color: #c69c6d ;
}

#actlist .actpart {
	border-bottom: 1px solid #c69c6d;
	margin-top: 5px; 
	margin-bottom: 10px;
	padding: 3px 10px;
	font-weight: bold;
	
}



/* voorpagina blog */
.blogitem { 
	border:  1px solid #c69c6d;
	padding:  0px 5px 0px 5px;
	color:  #603913;
	margin-bottom: 10px;
}
.blogitem p {
	padding: 5px 0px 3px 10px;
	color: #603913;
}
.blogitem h5 { 
	border-bottom: 1px solid #c69c6d;
	margin-top: 5px; 
	margin-bottom: 0px;
	padding: 3px 10px;
	font-weight: bold;
	font-size: 12px;
}
	  	
.blogitem h6 { 
	font-size: 10px;
	font-weight: normal;
	padding:  2px 10px;
	color: #c69c6d;
}



/* Foto albums */
	.fotobox{ width:100%; float:left; list-style: none; margin-left: 0px; padding-left: 0px; left: 0px;}
	.fotobox a { text-align:center; width:55px; height:70px; border:3px double #cccccc; margin: 0 2px 2px 0; background:#eee; padding-left: 0px; overflow:hidden; opacity: .3; display: block; float:left; }
	.fotobox a img { border: 0px; }