html, body {height: 100%; margin: 0; padding: 0;}
body{background-color: #1C2833; font-size: 0.75em;}
body, input, select, textarea {font-family: "Trebuchet MS", Arial, Sans;}
input, select, textarea {font-size: 1em;}

table#wrapper {width: 100%; height: 100%;}
table#wrapper td {vertical-align: middle; text-align: center;}
table#wrapper table td,
div#container {text-align: left;}

div#container {
	/* background-color: #B4CCD8; */
	background-color: #DDE5F0;
	margin: 5% auto 5% auto;
	width: 980px;
	height: 776px;
	position: relative;
}

div#left {float:left;width: 365px;}
div#left h1 {display: none;}
div#right {float:right;width:605px; padding-top: 65px;}
div#footer{clear:both;}

div#content {
	background-color: #fff;
	border-left: 1px solid #86969D;
	border-top: 1px solid #86969D;
	line-height: 140%;
	padding: 30px 20px 180px 30px;
	position:relative;
	z-index: 1;
}

div#container.admin,
div#text {overflow: auto;}
div#text {height: 473px; }

a, a:visited {color: #3B73A8;}
a:hover {color: #809099;}
a img {border: 0;}

h1 {margin: 0; padding: 10px; font-size: 180%;}
h2 {margin: 10px 0 10px 0; font-size: 150%;font-weight:bold; padding-bottom:10px; border-bottom:1px #ccc solid;}
h3 {font-size: 120%;}
h4 {font-size: 110%; font-style: italic;}

th {text-align: left;}

ul.cat-list {
	font-size: 110%; 
	line-height: 150%;
	list-style-type: none; 
	padding: 0;
	margin: 10px 0 10px 0;
}
ul.cat-list li {margin-bottom: 10px;}

div#navigation {
	position: absolute; 
	margin-top: -1.6em;
	right:0;
	width:600px;
	height:1.6em;
	font-size: 1.1em;
	z-index: 2;
}

div.notice-message{
	border: 1px solid #86969D;
	color: #1C2833;
	font-size: 1em;
	padding:3px;
	background-color: #B4CCD8;	
	margin:0;
}

div.text-center {font-size: 1.2em; text-align: center; margin: 60px;}
ul#subnav{
	/* Deze marge maakt ruimte voor subnav-foto */
	padding-bottom:340px;
}
div.subnav-foto {
	position: absolute; 
	bottom: 40px; 
	left: 37px;
}
div.mp3player {margin-bottom: 10px;}


/* Tabs */
#tabs {
	background-color: #1C2833;
	border-bottom: 4px solid #354B60;
	padding: 0;
	height: 23px;
	text-align: right;
}
#tabs a img {border: none;}
#tabs img {margin-right: 10px;}
/* ----- */

/* Auto-scroll imagestrip */
div#image-strip {
	overflow-x: hidden;
	white-space: nowrap;
	width: 584px;
	position:absolute;
	right: 0;
	bottom: 40px;
}
div#image-strip img {
	/* padding-right: 1px; */
	height: 120px;
}
/* ----- */


/* Slideshow project afbeeldingen */
div#slideshow {position: relative; width: 300px; height: 300px; background-color: #DDE5F0;}
div#slideshow div {position: absolute; left: 0; top: 0; }
div.slide {width: 300px; height: 300px; background: #DDE5F0;}
/* ----- */


/* Scroll pane projecten */
div#scroll-container {
	margin-top: 20px;
	position:absolute;
	width: 570px;
	margin-left:-10px;
}
/* ----- */

div#scroll-content {
	width: 500px;
	margin: 0 10px 0 10px;
	overflow: hidden;
	/* border: 1px solid #B4CCD8; */
}

div#scroll-content a, 
div#scroll-content a:visited {
	color: #1C2833;
	text-decoration: none;
}
div#scroll-content a:hover {color: #86969D;}

div#scroll-content td.categorie a {
	display:block;
	vertical-align:middle;
	background-color: #B4CCD8;
	font-size: 0.9em;
	padding: 3px;
	height: 30px;
	line-height:120%;
}

div#scroll-content td.categorie-rand {
	/*border: 1px solid #ccc;*/
	padding-bottom:10px;
}

div#scroll-content td.image {
	padding-right: 5px;
	text-align: center;
}

div#scroll-content img.thumb {
	/*margin: 10px;*/
	height: 100px;
}

div.edit {
	background-color: #fff;
	width: 975px;
	margin: 5px auto 5px auto;
	padding: 5px;
}

/* ----- */