/* copyright
--------------------------------------------

site content (c) copyright 2005-2007 by Ramin Visch, info@raminvisch.nl
site design and programming (c) copyright 2005-2007 by Joris Landman, jorislandman.com
see http://www.raminvisch.nl/#Copyright

*/
/* overrule browser defaults
-------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
	border: 0;
	font-size: 12px;
	font-family: helvetica, arial, geneva, verdana, sans-serif;
	color: #000000;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	word-spacing: 0.1em;
/* scroll bars
-------------------------------------------- */
/* 	scrollbar-base-color: #ffffff; */
/* 	scrollbar-track-color: #ffffff; */
/* 	scrollbar-face-color: #badff6; */ /* face of the slidebar */
/* 	scrollbar-arrow-color: #000000; */
/* 	scrollbar-3dlight-color: #ffffff; */ /* some type of shadow */
/* 	scrollbar-highlight-color: #badff6; */ /* inner top left */
/* 	scrollbar-lightshadow-color: #badff6; */ /* inner bottom right ? */
/* 	scrollbar-shadow-color: #badff6; */ /* inner bottom right ? */
/* 	scrollbar-darkshadow-color: #ffffff; */ /* outer bottom right */
}
body {
	background-color: #ffffff;
	color: #000000;
	text-align: center;
	width: 100%;
}
.body-text, .body-image {
	background-color: #ffffff;
	color: #000000;
}
img {
	border: 0;
}
a {
	letter-spacing: 0.1em;
}
a:link {
	text-decoration: underline;
	color: #939598;
	background-color: inherit;
}
a:hover {
	text-decoration: underline;
	color: #000000;
	background-color: inherit;
}
a:visited {
	text-decoration: underline;
	color: #939598;
	background-color: inherit;
}
a:active {
	text-decoration: underline;
	color: #000000;
	background-color: inherit;
}
h1, h2, h3, h4, h5, h6, strong, strong a, em {
/*	text-transform: capitalize;*/
	font-weight: normal;
	color: #000000;
	background-color: inherit;
}
h1, h2, h3, h4, h5, h6, .title {
	letter-spacing: 0.1em;
	font-size: 16px;
	color: #badff6;
	background-color: inherit;
}
strong, strong a, em, em a{
	color: inherit;
	background-color: inherit;
}
/* menu fonts
-------------------------------------------- */
.menu-categorie {
	font-size: 12px;
	letter-spacing: 0.1em;
	color: #badff6;
	background-color: inherit;
	text-decoration: none;
}
.menu-item, .menu-item a, .menu-item a:link, .menu-item a:visited {
	font-size: 12px;
	letter-spacing: 0.1em;
	color: #939598;
	background-color: inherit;
	text-decoration: none;
}
.submenu-bar {
	color: inherit;
}
.menu-item a {
	padding-left: 1px;
	padding-right: 1px;
}
.menu-item a:hover {
	letter-spacing: 0.1em;
	color: #ffffff;
	background-color: #939598;
	text-decoration: none;
}
.menu-item a:active {
	letter-spacing: 0.1em;
	text-decoration: none;
	color: #ffffff;
	background-color: #badff6;
}
/* taking out selected causes problems because it's a javascript assigned class */
.selected, a.selected, a.selected:link, a.selected:hover, a.selected:active, a.selected:visited {
	font-size: 12px;
	letter-spacing: 0.1em;
	text-decoration: none;
	color: #ffffff;
	background-color: #badff6;
}
.div-language {
	display: inline;
	float:right;
	margin-top: 36px;
	white-space: nowrap;
}
.div-language, .div-language a, .div-language a:link, .div-language a:visited {
	font-size: 12px;
	letter-spacing: 0.1em;
	color: #939598;
	background-color: inherit;
	text-decoration: none;
}
.menu-language, a.menu-language, a.menu-language:link, a.menu-language:visited {
	letter-spacing: 0.1em;
	font-size: 12px;
	color: #939598;
	background-color: inherit;
}
a.menu-language:hover {
	letter-spacing: 0.1em;
	color: #ffffff;
	background-color: #939598;
	text-decoration: none;
}
a.menu-language:active {
	letter-spacing: 0.1em;
	text-decoration: none;
	color: #ffffff;
	background-color: #badff6;
}
.menu-language-selected, a.menu-language-selected, a.menu-language-selected:link, a.menu-language-selected:visited, a.menu-language-selected:hover, a.menu-language-selected:active {
	font-size: 12px;
	letter-spacing: 0.1em;
	text-decoration: none;
	color: #ffffff;
	background-color: #badff6;
}
/* other fonts
-------------------------------------------- */
.description, .description a {
	color: #939598;
	background-color: inherit;
	letter-spacing: 0.1em;
	font-size: 12px;
}
/* special links
-------------------------------------------- */
.description a:link {
	text-decoration: underline;
	color: #939598;
	background-color: inherit;
}
.description a:hover {
	text-decoration: underline;
	color: #000000;
	background-color: inherit;
}
.description a:visited {
	text-decoration: underline;
	color: #939598;
	background-color: inherit;
}
.description a:active {
	text-decoration: underline;
	color: #000000;
	background-color: inherit;
}
/* wrapper
-------------------------------------------- */
.wrapper {
	position: relative;
	width: 642px;
	margin: 0px auto 0 auto;
	padding: 0 48px 40px 48px;
	text-align: left;
}
.text-wrapper {
	text-align: left;
}
/* logo image
-------------------------------------------- */
.logo {
	margin-bottom: 16px;
}
/* menu
-------------------------------------------- */
.menu-bar {
	padding: 12px 0px 8px 0px;
}
.submenu-bar-projects {
	color: inherit;
	padding: 8px 8px 8px 8px;
	border-bottom: 1px dotted #badff6;
}
.submenu-bar {
	color: inherit;
	padding: 8px 8px 8px 8px;
	border-bottom: 1px dotted #badff6;
}
/* gallery submenu without space at the bottom */
.submenu-bar-top-projects {
	color: inherit;
	padding: 8px 8px 8px 8px;
	border-top: 1px dotted #badff6;
	border-bottom: 1px dotted #badff6;
}
/* gallery submenu without space at the bottom */
.submenu-bar-top {
	color: inherit;
	padding: 8px 8px 8px 8px;
	border-bottom: 1px dotted #badff6;
}
/* image-bar
-------------------------------------------- */
.image-bar {
	color: inherit;
 	text-align: left;
/*	border-top: 1px solid #ffffff;*/
	border-bottom: 1px dotted #badff6;
}
/* item
-------------------------------------------- */
.item {
	background-color: #ffffff;
	color: inherit;
	border: 1px dotted #000000;
	width: 640px;
	margin-bottom: 48px;
}
.title-bar {
	color: inherit;
	padding: 0px 12px 12px 12px;
	position: relative;
	top: 12px;
}
.subtitle-bar {
	color: inherit;
	padding: 0px 12px 12px 12px;
	position: relative;
	top: 12px;
}
.text-bar {
	color: inherit;
	padding: 12px 12px 12px 12px;
	border-bottom: 1px dotted #badff6;
}
.space-bar {
	color: inherit;
	visibility: hidden;
	display: none;
}
/* prevent nested bars from spacing inward */
.text-bar .title-bar, .text-bar .subtitle-bar, .text-bar .text-bar, .text-bar .space-bar {
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 6px;
}
.ulist, .olist {
	list-style-position: outside;
	padding-left: 36px;
}
.uli {
	list-style-type: none;
/*	list-style-image: url(/Library/Images/li.gif);*/
}
.oli {
	list-style-type: decimal;
}
.oli p, .uli p {
	background-image: url(/Library/Images/li.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
}

/* white bar
-------------------------------------------- */
.white-bar {
	height: 384px;
}
/* gallery images
-------------------------------------------- */
.scroll-image {
	border-bottom: 1px dotted #badff6;
	width: 640px;
	height:320px;
}
/* hidden warnings
-------------------------------------------- */
.hidden {
	width: 0px;
	height: 0px;
	display: none;
	visibility: hidden;
}
.error {
	padding: 12px 12px 12px 12px;
	color: #f00;
	background-color: inherit;
}
.errortag {
	color: #f00;
	background-color: inherit;
}