body
{
	font-family: "Lucida Grande", Verdana;
	font-size: 11px;
	line-height: 15px;
	color:#444455;
	margin:0px;
	padding:0px;
	
	background-image: url("../images/key_vis.gif");
	background-position:0px 350px;
	background-repeat:no-repeat;
	background-attachment:fixed;
}


/*

	common text styles

*/
h1,h2,h3,h4,h5,h6 {
	line-height:11px;
}
h1,h2,h3 {
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
}
h4, h5, h6 {
	font-family:Arial;
	font-size:11px;
	margin:10px 0px;
}
h1 {
	text-transform:uppercase;
	letter-spacing:1px;
}
h3 {
	color:#666666;
}
h4 {
	color:#999999;
}
h6 {
	margin:0px;
	float:left;
	margin-right:11px;
	line-height:15px;
}
p, ul, ol, dl {
	line-height:15px;
}
div#content a {
	color:#777788;
	text-decoration:none;
	border-bottom:1px dotted #aaaacc;
}
div#content a:hover {
	border-bottom-style:solid;
}

a img {
	border:0px solid #ffffff;
}

/*
	General Layout
	(index.snippet)
*/

div#header {
	height:50px;
	clear:both;
}
div#options {
	padding:5px 20px;
	float:right;
}

div#main_menu {
	padding-left:200px;
	clear:both;
	border:1px solid #666666;
}
div#pages_menu {
	margin-left:0px;
	background-color:#b4b4b4;
	padding-left:240px;
/*	background-color:#dddef0;*/
}
div#tags_menu {
	float:right;
	width:450px;
	clear:left;
}

div#col_left {
	position:fixed;
	left:0px;
	top:120px;
	width:200px;
	float:left;
}
div#content {
	margin-left:250px;
	min-height:700px;
}
div#startpage {
	position:absolute;
	left:0px;
	top:43px;
/*	float:left;
	margin:0px 70px 0px 20px;*/
}

div.language_select {
	position:absolute;
	left:20px;
	top:96px;
/*	margin-left:20px;
	margin-top:10px;*/
}
div.language_select a {
	text-transform:lowercase;
	text-decoration:none;
	color:#bcbbbb;
}
div.language_select a:hover {
	color:#9a9999;
}
div.language_select a.selected {
	color:#9a9999;
	border-bottom:1px solid #fede58;
}
div.clear {
	clear:both;
}

div.pages {
	float:left;
}
div.pages a ins {
	text-decoration:none;
}
div.pages a {
	font-size:10px;
	color:#bcbbbb;
	font-weight:bold;
	text-decoration:none;
}
div.pages div {
	float:left;
	background-color:#ffffff;
	border-bottom:1px solid #ffffff;
	margin:1px 4px;
	padding:2px 5px;
	text-align:center;
	min-width:70px;
}
div.pages a:hover div {
	border-bottom:1px solid #bcbbbb;
}
div.pages a div.selected {
	border-bottom:1px solid #fede58;
	color:#999999;
}
div.pages_sep {
	float:left;
	height:22px;
	background-color:#bcbbbb;
}

div.tags a {
}

/* image menu and overview */
div.image_menu.overview {
	width:400px;
	padding-left:25px;
}
div.image_menu.overview>img {
	margin-left:-31px;
}
div.image_menu {
	background-color:#d7d6d5;
	width:420px;
	margin-left:0px;
	float:right;
	padding:0px 25px 0px 5px;
}
div.image_menu>img {
	float:left;
	margin-left:-11px;
	vertical-align:middle;
}
div.image_menu div {
	padding:3px;
	float:left;
}
div.image_menu div div {
	padding:0px;
	margin0px;
	float:none;
}
.thumbnail {
	width:110px;
	height:70px;
}
.thumbnail.tiny {
	width:37px;
	height:23px;
}

div.image_menu a.selected div div {
	background-color:#fede58;
}
div.image_menu a.selected img,
.inactive,
.inactive img {
	opacity:0.35;
	-moz-opacity:0.2;
	-khtml-opacity:0.2;
	filter:alpha(opacity=20);
}

/* project_menu.snippet, project_item.snippet, project_menu_sep.snippet */
.pro_menu {
	padding:10px;
	padding-left:20px;
}
.pro_menu p {
	margin:5px 0px;
}
.pro_menu p a {
	padding-right:20px;
	text-decoration:none;
	border-bottom:1px solid #ffffff;
	border-right:1px dotted #ffffff;
	color:#9a9999;
}
.pro_menu p a:hover {
	border-bottom:1px dotted #bcbbbb;
	border-right:1px dotted #bcbbbb;
}
.pro_menu p.selected a {
	border-bottom:1px solid #bcbbbb;
	border-right:1px solid #bcbbbb;
}

/*
div#header {
	height:80px;
	width:100%;
	background-color:#ddddee;
}
div#main_menu {
	width:100%;
	height:70px;
	border-bottom:1px dotted #bbbbcc;
}
div#col_left {
	float:left;
	width:180px;
	border-right:1px dotted #bbbbcc;
	padding:0px;
}
div#col_right {
	float:right;
	width:220px;
	border-left:1px dotted #bbbbcc;
	padding:0px;
}
div#content {
	margin-left:185px;
	margin-right:230px;
}

div#options {
	float:right;
	width:300px;
	text-align:right;
	padding:0px 20px;
}
div#images_menu a {
	border:0px none #ffffff;
}
*/

/*
	Typography for language select and search input

*/
/*
div#options {
	font-size:9px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#777788;
	font-weight:bold;
}
div#options a {
	color:#333344;
	text-decoration:none;
}
div#options a:hover {
	color:#dd4400;
}
*/
/*
	Startpage layout
	(startpage.snippet)

*//*
div#startpage {
	padding:10px 20px;
}*/

/*
	Menus
*/
/* page_menu: page_menu.snippet, page_menu_sep.snippet, page_menu_item.snippet, page_menu_item_sep.snippet*/
/*
div.clear {
	clear:both;
}
div.pages {
	padding-left:180px;
	clear:both;
	border-top:1px solid #aaaabb;
}
div.page_item {
	float:left;
	text-align:left;
	margin-right:1px;
	padding:1px 15px;
}
div.pages.dp0,
div.pages.dp1 {
	background-color:#ccccdd;
}
div.pages.dp2 {
	background-color:#eeeeff;
}
div.pages.dp3 {
	background-color:#eeeeff;
}
div.pages.dp0 div.page_item {
	width:80px;
	background-color:#bbbbcc;
	border-bottom:3px solid #bbbbcc;
}
div.pages.dp1 div.page_item {
	width:80px;
	padding:3px 15px;
	background-color:#bbbbcc;
	border-bottom:3px solid #bbbbcc;
}
div.pages.dp2 div.page_item {
	background-color:#ddddee;
	border-bottom:3px solid #ddddee;
}
div.pages.dp3 div.page_item {
	background:#ffffff;
	border-bottom:3px solid #ffffff;
}

div.pages ins,
div.pages a {
	color:#444466;
	text-decoration:none;
}
div.pages.dp1 a {
	font-weight:bold;
}
div.pages.dp3 a {
	font-style:italic;
}
div.pages a:hover div.page_item {
	border-bottom:3px solid #555566;
}

div.pages div.page_item.selected {
	border-bottom:3px solid #dd4400;
}
div.pages.dp3 div.page_item.selected {
	border-bottom:3px solid #aaaabb;
}
*/
/* categorie_menu.snippet, categorie_item.snippet, categorie_menu_sep.snippet */
.cat_menu {
}

/* project_menu.snippet, project_item.snippet, project_menu_sep.snippet */
.pro_menu {
}

/* handling both of them... *//*
.cat_menu,
.pro_menu {
	margin:0px 10px;
}
.cat_menu h3,
.pro_menu h3 {
	margin-left:0px;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:15px;
	padding-bottom:2px;
	padding-top:2px;
	font-size:9px;
	letter-spacing:2px;
	text-transform:uppercase;
	color:#bbbbcc;
	border-top:2px solid #aaaabb;
	border-bottom:1px dotted #aaaabb;
}
.cat_menu p,
.pro_menu p {
	padding:2px 0px 2px 20px;
	margin:0px;
}
.cat_menu p a,
.pro_menu p a {
	color:#777788;
	text-decoration:none;
}
.cat_menu p a:hover,
.pro_menu p a:hover {
	color:#444455;
}
.cat_menu p a {
	font-weight:bold;
	font-size:9px;
	text-transform:uppercase;
	letter-spacing:2px;
}
.cat_menu p.selected a,
.pro_menu p.selected a {
	color:#dd4400;
}


*/
/* image_menu.snippet, image_item.snippet, image_menu_sep.snippet */
/*
.img_menu {
	line-height: normal;
	padding:0px;
	margin:0px;
}
.img_menu a,
.img_menu span
{
	margin-left:3px;
	margin-top:3px;
}
.img_menu a img {
	border:3px solid #ffffff;
}
.img_menu a:hover img {
	border:3px solid #777788;
}
.img_menu a.selected img {
	border:3px solid #dd4400;
}
.thumbnail {
	width:35px;
	height:26px;
}

div#content .img_menu a {
	color:#777788;
}
div#content .img_menu a:hover {
	color:#333344;
}
div#content .img_menu span {
	color:#ccccdd;
}

a ins {
	text-decoration:none;
}
*/
/* tag menu: co_tags.snippet, tags.snippet, tag.snippet, tag_sep.snippet */
.tags {
	margin:0px 5px;
}
.tags p {
	padding:2px 0px 2px 10px;
	margin:0px;
}
.tags h3 {
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
	font-size:9px;
	letter-spacing:2px;
	text-transform:uppercase;
	color:#333344;
}
.tags .tag {
	white-space:nowrap;
}

.tags a.t0 {
	font-size:9px;
	color:#888899;
}
.tags a.t1 {
	font-size:9px;
	color:#666677;
}
.tags a.t2 {
	font-size:10px;
	color:#666677;
}
.tags a.t3 {
	font-size:11px;
	color:#666677;
}
.tags a.t4 {
	font-size:11px;
	color:#444455;
}
.tags a.t5 {
	font-size:12px;
	color:#222244;
}

.tags a {
	font-size:11px;
	color:#666677;
	text-decoration:none;
}
.tags a:hover {
	color:#aaaa99;
	text-decoration:none;
}
.tags a.selected {
	color:#665929;
	background-color:#fede58;
}
.tags a.onimage {
	border-bottom:1px dotted #bcbbbb;
}

.cotags a:hover {
	color:#882200;
}
.cotags a.selected:hover {
	color:#887711;
}


/*
	Overviews and search results

*/
/*
.overview {
	clear:both;
}
.search {
	border-top:1px dotted #aaaabb;
}
.overview div {
	border:1px dotted #777788;
	padding:5px;
	padding-top:10px;
	padding-bottom:0px;
	text-align:center;
	margin:5px 5px 0px 0px;
	float:left;
}
.overview div p {
	margin:0px;
	line-height:normal;
}
.overview div small {
	letter-spacing:1px;
}
.overview.project div {
	width:100px;
	height:160px;
}
.overview.image div {
	width:90px;
	height:90px;
}
.overview a:hover ins div {
	border:1px solid #777788;
}
.overview a,
.overview a ins {
	text-decoration:none;
}
.overview a {
	color:#777788;
}
.overview a:hover {
	color:#444455;
}
.overview.image a:hover div {
	background-color:#ddddee;
}
*/