h1	{ font-size: 1.2em; color: #003265; font-weight: bold; }

a.anoline	{ text-decoration: none; color: #003265; }
a.anoline:hover	{ text-decoration: none; color: #000000; }


		
#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; }

#main	{ position: absolute; top: 0px; padding-top: 150px; padding-left: 160px; z-index:20; font-size: 0.7em; }
#main td { font-size: 1em; }




.item	{ border-top: 1px solid #8c6239; border-bottom: 1px solid #8c6239; margin-bottom: 20px; }
.item table.itemtitle	{ width:100%; border:0px; font-size: 1em; background: #edebcf; margin-top: 0px; margin-bottom: 0px; color:#FFFFFF; font-weight: bold; padding:3px 0px; }
.item table.itemtitle td { padding:0px 6px; }
.item table.itemtitle .more	{ text-align:right; font-size: 0.9em;  font-weight: normal; }
.item table.itemtitle .more a	{ text-decoration: none; color: #ffffff; }
.item h1	{ font-size: 1em; display: block; background: #edebcf; margin-top: 0px; margin-bottom: 0px; color:red; padding:3px 6px; }
.item h1 .more	{ float:right; font-size: 0.8em;}
.item p	{ padding: 0px 6px; }

.sponsor	{ text-align:center; margin-bottom: 10px; }

#titlebar	{ position: absolute; left: 0px; width:100%; top: 95px; background: #d9a51e; height: 15px; font-size: 11px; padding-top: 2px; font-weight: bold; color: #003265; z-index:20; }

input.TEXT	{ border:0px; border-bottom: 1px solid #003265; }
a.btn	{ border:1px solid #003265; padding: 3px; width: 150px; text-align:center; display: block; text-decoration: none; color: #003265; margin-bottom: 1px; }
a.btn:hover	{ background: #ECEFF8; color: #003265; }

a.btnbad	{ border:1px solid #003265; padding: 3px; width: 150px; text-align:center; display: block; text-decoration: none; color: #003265; margin-bottom: 1px; background: url(/intranet/images/reddash.gif) no-repeat right center; }
a.btnbad:hover	{ background-color: #ECEFF8; color: #003265; }

a.inlbtn	{ border:1px solid #003265; padding: 1px; width: 150px; text-align:center; display: inline; text-decoration: none; color: #003265; margin-bottom: 1px; }
a.inlbtn:hover	{ background: #ECEFF8; color: #003265; }

th	{ text-align:left; background: #edebcf; color: #8c6239; padding: 2px; }
th a	{ text-decoration: none; color: #d9a51e; padding: 3px; }
.subth	{ background: #d9a51e; color: #003265; }






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


a img { border: 0px; } /* Geen boordjes in links */

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: 86px;
	right: 0px;
	width: 166px;
	height: 45px;
	background: url(/intranet/img/gr2.gif) no-repeat;
}

/* 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: 113px;  /* This does not work with jquery.corner.js */

	background: #8c6239;
	border: 0px; /* solid #8c6239; */

	left: 0px;
	margin-right: 0px;
	margin-left:  150px;
	right: 224px;

	overflow: auto;
}
#thepageborder {
	background: #f7ffe7;
	height: 100%;
}

#innerpage {
	/* Make it easier to position things in #thepage */
	margin: 10px 10px 0px 10px;
	padding-bottom: 10px;
	height: 100%;
	min-height: 500px;
}
#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: #ffffBB;
	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: relative;
	background: #eaf8c1;
	height: 85px;
}

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

#sidebar .sponsor #sponsorlogo {
	position: absolute;
	top: 0px;
	left: 5px;
	background: url("./sponsors/story.jpg") no-repeat center;
	width: 59px;
	height: 85px;
}

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

#sidebar .coordinates {
	padding: 5px;
	font-size: 10px;
	background: #c6dbd2;
}

/* 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 .even {
	background: transparent;
}
#innerpage .odd {
	background: #f2f5db;
}

#innerpage h1 {
	color:  #603913;
	font-size:  18px;
	background: url(/intranet/img/h1b.gif) no-repeat left center;
	padding-left:  18px;
	margin-left: -18px;
	margin-bottom:  10px;
}
#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;
}


/* Footer */
#footer {
	margin-top:  118px; /* Same as top of #thepage + some margin (5px) */
	padding-right:  150px; /* 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;
}