/* copyright 2006 Joris Landman, all rights reserved - copyright notice for http://www.keen.nl/ available at http://www.keen.nl/copyright/ */

/* DEFAULT
-------------------------------- */
* {
	word-spacing: -0.1em;
	margin: 0px;
	padding: 0px;
	border: none;
/*	scrollbar-base-color: #6c684a;*/
/*	scrollbar-track-color: #6c684a;*/
/*	scrollbar-face-color: #e8e3da;*/ /* face of the slidebar */
/*	scrollbar-arrow-color: #ff6600;*/
/*	scrollbar-3dlight-color: #d6cc76;*/ /* some type of shadow */
/*	scrollbar-highlight-color: #e8e3da;*/ /* inner top left */
/*	scrollbar-lightshadow-color: #e8e3da;*/ /* inner bottom right ? */
/*	scrollbar-shadow-color: #e8e3da;*/ /* inner bottom right ? */
/*	scrollbar-darkshadow-color: #d6cc76;*/ /* outer bottom right */
}

/* TAGS
-------------------------------- */
body {
	background-color: #6c684a;
	background-image: url(http://www.keen.nl/library/images/background-container.gif);
	background-repeat: repeat-y;
	background-position: 50% 0%;
	font-family: tahoma, verdana, sans-serif;
	font-size: 62.5%;
	color: #6c684a;
}
em {
	font-style: normal;
}

/* IDs
-------------------------------- */
#container {
	padding-bottom: 0px;
}
#top {
	display: block;
	position: absolute;
	overflow: hidden;
	top: 0px;
	left: 0px;
	width: 1px;
	height: 1px;
}
#bottom {
	display: block;
	overflow: hidden;
	position: relative;
	width: 1px;
	height: 12px;
}

/* CONTENT
-------------------------------- */
.content-table, .menu-table {
	width: 100%;
	max-width: 750px;
}

/* MENU
-------------------------------- */
.menu-wrapper {
	padding-right: 24px;
}

/* TITLES
-------------------------------- */
.title-td, .menu-title-td {
	font-size: 1.6em;
	letter-spacing: 0.1em;
	word-spacing: -0.15em;
}
.menu-title-td, .title-td {
	padding-top: 24px;
	padding-left: 24px;
/*	padding-bottom: 0px;*/
/*	text-transform: capitalize;*/
}
.title-td {
	padding-right: 24px;
}

.title-div, .title-div-hover, .title-div-expanded, .title-div-read {
	cursor: pointer;
	max-width: 684px;
	overflow: hidden;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-top: 0.2em;
	padding-left: 0.6em;
	padding-bottom: 0.3em;
	padding-right: 0.6em;
	vertical-align: middle;
}

.title-div {
	background-color: #ff6600;
	background-image: url(http://www.keen.nl/library/images/background-title.gif);
	border: 1px solid #ff9900;
	color: #ffffff;
}
.title-div a, .title-div a:link, .title-div a:visited, .title-div a:hover, .title-div a:active {
	color: #ffffff;
	text-decoration: none;
}

.title-div-read {
	background-color: #ff6600;
	background-image: url(http://www.keen.nl/library/images/background-title.gif);
	border: 1px solid #ff9900;
	color: #ffcc99;
}
.title-div-read a, .title-div-read a:link, .title-div-read a:visited, .title-div-read a:hover, .title-div-read a:active {
	color: #ffcc99;
	text-decoration: none;
}

.title-div-hover {
	background-color: #ffffff;
	border: 1px solid #d6cc76;
/*	background-image: none;*/
	color: #c69c06;
}
.title-div-hover a, .title-div-hover a:link, .title-div-hover a:visited, .title-div-hover a:hover, .title-div-hover a:active {
	color: #c69c06;
	text-decoration: none;
}

.title-div-expanded {
	background-color: #ffffff;
	border: 1px solid #d6cc76;
/*	background-image: none;*/
	color: #ff6600;
}
.title-div-expanded a, .title-div-expanded a:link, .title-div-expanded a:visited, .title-div-expanded a:hover, .title-div-expanded a:active {
	color: #ff6600;
	text-decoration: none;
}

/* SELECTIES, TREFWOORDEN, OPDRACHTGEVERS, INFO, TEXT
-------------------------------- */
/*.selectie-logo {
	color: #ff6600;
}*/
.link {
	margin-top: -2px;
	margin-bottom: -2px;
}
.menu-trefwoorden-td, .menu-opdrachtgevers-td, .menu-selectie-td, .menu-info-td {
	padding-top: 12px;
	padding-left: 48px;
/*	padding-bottom: 0px;*/
	padding-right: 48px;
	line-height: 1.3em;
	letter-spacing: 0.1em;
}
.trefwoorden-td {
	padding-top: 12px;
	padding-left: 48px;
/*	padding-bottom: 0px;*/
	padding-right: 48px;
	line-height: 1.3em;
	letter-spacing: 0.1em;
}
.opties-td {
	padding-top: 12px;
	padding-left: 48px;
/*	padding-bottom: 0px;*/
	padding-right: 48px;
	line-height: 1.3em;
	letter-spacing: 0.1em;
}
.info-td {
	display: block;
	padding-top: 12px;
	padding-left: 12px;
	padding-bottom: 24px;
	padding-right: 48px;
	vertical-align: top;
	line-height: 1.3em;
	letter-spacing: 0.1em;
}

.menu-trefwoorden-td, .trefwoorden-td, .menu-opdrachtgevers-td, .menu-selectie-td {
	font-size: 1.2em;
}
.menu-info-td, .info-td, .opties-td {
	font-size: 1em;
}

.menu-selectie-td em, .menu-trefwoorden-td em, .trefwoorden-td em, .opties-td em, .menu-opdrachtgevers-td em, .menu-info-td em, .info-td em {
	letter-spacing: 0.1em;
	font-weight: bold;
}
.text-div em, .emphasis {
	padding-left: 0.3em;
	padding-right: 0.3em;
	background-color: #ff6600;
	border: 1px solid #ff9900;
	line-height: 1.6em;
	word-spacing: -0.15em;
	letter-spacing: 0.1em;
	color: #ffffff;
}

.selectie-div, .trefwoorden-div, .opties-div, .opdrachtgevers-div, .menu-info-div, .text-div {
	padding: 0.4em;
	padding-left: 0.6em;
	padding-right: 0.6em;
}
.info-div {
	padding-top: 0.6em;
	padding-left: 0.6em;
	padding-bottom: 0.4em;
	padding-right: 0.6em;
	margin-bottom: 12px;
}
.share-div {
	padding-top: 0.6em;
	padding-left: 0.6em;
	padding-bottom: 0.4em;
	padding-right: 0.6em;
	margin-top: 12px;
	margin-bottom: 12px;
}

.info-div p, .share-div p {
	padding-bottom: 0.4em;
}

.selectie-div {
	background-color: #ffffff;
	border: 1px solid #d6cc76;
}
.trefwoorden-div {
	background-color: #ffddbb;
	border: 1px solid #ffbb77;
}
.menu-info-div, .opties-div, .info-div, .share-div, .text-div, .opdrachtgevers-div {
	background-color: #e8e3da;
	border: 1px solid #d6cc76;
}

.selectie-div a, .selectie-div a:link, .selectie-div a:visited, .selectie-div a:hover, .selectie-div a:active, .trefwoorden-div a, .trefwoorden-div a:link, .trefwoorden-div a:visited, .trefwoorden-div a:hover, .trefwoorden-div a:active, .opdrachtgevers-div a, .opdrachtgevers-div a:link, .opdrachtgevers-div a:visited, .opdrachtgevers-div a:hover, .opdrachtgevers-div a:active, .menu-info-div a, .menu-info-div a:link, .menu-info-div a:visited, .menu-info-div a:hover, .menu-info-div a:active, .info-div a, .info-div a:link, .info-div a:visited, .info-div a:hover, .info-div a:active, .share-div a, .share-div a:link, .share-div a:visited, .share-div a:hover, .share-div a:active, .text-div a, .text-div a:link, .text-div a:visited, .text-div a:hover, .text-div a:active, .opties-div a, .opties-div a:link, .opties-div a:visited, .opties-div a:hover, .opties-div a:active {
	color: #6c684a;
	text-decoration: underline;
}
.selectie-div a:hover, .selectie-div a:active, .trefwoorden-div a:hover, .trefwoorden-div a:active, .opdrachtgevers-div a:hover, .opdrachtgevers-div a:active, .menu-info-div a:hover, .menu-info-div a:active, .info-div a:hover, .info-div a:active, .share-div a:hover, .share-div a:active, .text-div a:hover, .text-div a:active, .opties-div a:hover, .opties-div a:active {
	text-decoration: none;
}

/* FILLER ONDER MENU
-------------------------------- */
.filler {
	width: 100%;
	font-size: 1px;
	height: 26px;
}

/* LINES SEPARATING ITEMS
-------------------------------- */
.filler, .content-table {
	background-image: url(http://www.keen.nl/library/images/bar.gif);
	background-repeat: no-repeat;
	background-position: 24px 100%;
}

/* SELECTED SEARCH LINKS
-------------------------------- */
.selectie-div .search-link, .selectie-div .search-link a, .selectie-div .search-link a:link, .selectie-div .search-link a:visited, .selectie-div .search-link a:hover, .selectie-div .search-link a:active, .trefwoorden-div .search-link, .trefwoorden-div .search-link a, .trefwoorden-div .search-link a:link, .trefwoorden-div .search-link a:visited, .trefwoorden-div .search-link a:hover, .trefwoorden-div .search-link a:active, .trefwoorden-div .search-link, .trefwoorden-div .search-link a, .trefwoorden-div .search-link a:link, .trefwoorden-div .search-link a:visited, .trefwoorden-div .search-link a:hover, .trefwoorden-div .search-link a:active, .opdrachtgevers-div .search-link, .opdrachtgevers-div .search-link a, .opdrachtgevers-div .search-link a:link, .opdrachtgevers-div .search-link a:visited, .opdrachtgevers-div .search-link a:hover, .opdrachtgevers-div .search-link a:active, .info-div .search-link, .info-div .search-link a, .info-div .search-link a:link, .info-div .search-link a:visited, .info-div .search-link a:hover, .info-div .search-link a:active {
	text-decoration: none;
	color: #ff6600;
}

/* THUMBNAILS IN ITEM
-------------------------------- */
/* image size: w94 x h71 (laying) or w56 x h75 (standing) */
.thumbnails-table {
	padding-bottom: 6px;
}

.thumb-td {
	width: 94px; /* should equal the width of .thumb-div */
	vertical-align: top;
	padding-bottom: 6px;
	padding-right: 6px;
}
.thumb-td-right {
	vertical-align: top;
	padding-bottom: 6px;
}
.thumb-div {
	cursor: pointer;
	background-image: url(http://www.keen.nl/library/images/background-images.gif);
	width: 94px; /* should equal the width of .thumb-td */
	min-height: 71px;
	border: 1px solid #d6cc76;
	/*max-height: 71px;*/
	overflow: hidden;
	background-color: #ffffff;
}
.blank-thumb {
	width: 94px;
	height: 71px;
}

/* IMAGES IN ITEM
-------------------------------- */
.images-td {
	width: 400px; /* should equal the width of .images-div */
	padding-top: 12px;
	padding-left: 48px;
	padding-bottom: 12px;
	vertical-align: top;
}
/* image size: w400 x h300 (laying) or w400 x h533 (standing) */
.images-div {
	background-image: url(http://www.keen.nl/library/images/background-images.gif);
	width: 400px; /* should equal the width of .images-td */
	/*max-height: 533px;*/
	overflow: hidden;
	margin-bottom: 12px;
	/*margin-top: 0px;*/
	background-color: #ffffff;
	border: 1px solid #d6cc76;
}




/* COMMENTS
-------------------------------- */
/* display: block;
maakt div zo breed als hij vullen kan i.p.v. 100%
i.v.m. h1, h2, h3 */




/* PRINTING
-------------------------------- */
/*	page-break-before: always;*/
/*	page-break-after: always;*/
/*	put in javascript and system classes!*/


/* COLORS
-------------------------------- */
/*#6c684a
#c69c06
#d6cc76
#e8e3da
#ff6600
#ff9900
#ffbb77
#ffeedd
#ffffff*/


/* ALL CLASSES
-------------------------------- */
/*
.content-table
.filler
.images-div
.images-td
.info-div
.info-td
.item
.item-collapsed
.item-expanded
.menu-info-div
.menu-info-td
.menu-item
.menu-opdrachtgevers-td
.menu-selectie-td
.menu-table
.menu-title-td
.menu-trefwoorden-td
.menu-wrapper
.opdrachtgevers-div
.opties-div
.opties-td
.search-link
.selectie-div
.selectie-logo
.text-div
.title-bar
.title-div
.title-div-expanded
.title-table
.title-td
.trefwoorden-div
.trefwoorden-td
*/




/* ALL IDs
-------------------------------- */
/*
#bottom
#contact
#container
#content1, #content2, etc.
#item0, #item1, etc.
#item1image1, #item1image2, etc.
#joris
#keen
#menuwrapper
#opdrachtgevers
#profiel
#project1
#titlebar0, #titlebar1, etc.
#titlediv0, #titlediv1, etc.
#top
#zoeken
*/