/*

colors:

dark grey	#615e5b
light grey	#95908c
selection	#cba987

blue grey:	#8e99a3
*/

body {
	padding:0px;
	margin:0px;
	margin-top:0px;
	background-color:#ffffff;
	
	font-family:Verdana;
	font-size:11px;
	line-height:14px;
	color:#615e5b;
	
	background-position:0px 4px;
	background-repeat:no-repeat;
}

a:active {
	outline:none;
}


/*

	Navigation elements

*/
#startpage {
	display:block;
	position:absolute;
	left:0px;
	top:20px;
	text-decoration:none;
	width:200px;
	height:35px;
	line-height:35px;
	background-image:url('../img/spacer.gif');
	outline:none;
}
a#startpage:active {
	outline:none;
}
#categories {
/*	position:absolute;*/
	margin-left:220px;
	margin-top:4px;
	margin-right:0px;
	height:25px;
	border-bottom:1px solid #95908c;
}
#categories a {
	display:block;
	float:left;
	padding:6px 25px 5px 25px;
	color:#615e5b;
	font-weight:bold;
	text-decoration:none;
}
#categories a:hover {
}
#categories a.selected {
	color:#cba987;
}

#projects {
	position:absolute;
	left:238px;
	top:31px;
	right:0px;
	height:25px;
}
#projects a {
	display:block;
	float:left;
	padding:4px 7px;
	color:#615e5b;
	text-decoration:none;
}
#projects a:hover {
}
#projects a.selected {
	color:#cba987;
}



#pages0 {
	display:none;
}
#pages1 {
	position:absolute;
	right:10px;
	top:31px;
	height:25px;
}
#pages1 a {
	display:block;
	float:left;
	padding:4px 8px;
	color:#615e5b;
	text-decoration:none;
	font-size:10px;
	letter-spacing:1px;
}
#pages1 a:hover {
}
#pages1 a.selected {
	color:#cba987;
}


#languages {
	position:absolute;
	right:10px;
	top:4px;
	height:25px;
}
#languages a {
	display:block;
	float:left;
	padding:6px 8px 5px 8px;
	text-decoration:none;
	color:#95908c;
}
#languages a.selected {
	color:#cba987;
}


#images {
	position:absolute;
	left:35px;
	top:90px;
	width:150px;
	line-height:19px;
}
#images a {
	display:block;
	float:left;
	width:7px;
	height:10px;
	margin-right:6px;
	margin-bottom:6px;
	border:1px solid #95908c;
	text-decoration:none;
	font-size:1px;
	line-height:1px;
}
#images a.switch {
	color:#615e5b;
	font-family:Verdana;
	text-align:center;
	font-size:10px;
	line-height:10px;
	border:1px solid #ffffff;
}
#images a.switch:hover {
	color:#ffffff;
	border:1px solid #95908c;
}
#images a:hover {
	background-color:#95908c;
}
#images a.selected {
	border:1px solid #95908c;
	background-color:#95908c;
}



a img {
	border-style:none;
}
a {
	outline:none;
}

/*

Content-elements

*/
#image_overview,
#project_overview {
	position:absolute;
	left:220px;
	top:90px;
	width:600px;
}
#project_overview img,
#image_overview img {
	width:100px;
	height:103px;
	margin-right:20px;
	margin-bottom:20px;
}
#project_overview a,
#image_overview a {
	text-decoration:none;
}


#image_text {
	position:absolute;
	left:35px;
	bottom:0px;
	width:150px;
	text-align:right;
}
#image_text p {
	margin-bottom:0px;
	margin-top:7px;
}
#image_content {
	position:absolute;
	left:0px;
	top:90px;
	padding:0px;
}
#image_content a p {
	margin:0px;
}
#image_content img {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:220px;
}

#page {
	position:absolute;
	left:220px;
	top:90px;
	width:400px;
}


.content h1 {
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#cba987;
}
.content a {
	color:#767e87;
	text-decoration:none;
}
.content a:hover {
	border-bottom:1px dashed #767e87;
}
.content p {
}

.ipunkt {
	display:block;
	text-decoration:none;
	font-size:1px;
	line-height:1px;
	width:7px;
	height:7px;
}
.ipunkt:hover {
	background:url('../img/ipunkt.gif') no-repeat 0px 0px;
}

#ipunkt-jann {
	position:absolute;
	left:37px;
	top:12px;
	z-index:2;
}
#ipunkt-wilken {
	position:absolute;
	left:125px;
	top:12px;
	z-index:3;
}