@charset "utf-8";

/*
	Obrist und Partner CSS
	Copyright (c) 2006 Obrist und Partner. All rights reserved.
	Don't steal Design = Good Karma.
	Wed 26 Apr 2006
*/

body {
	margin: 20px 5px;
	color: #000;
	background: #fff;
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}

h1, h2 {
	font-size: 14px;
}

ol li,
ul li {
	margin: 0 0 1em 0;
}


/* Container
-------------------------------------------------------------------------- */

#container {
	width: 700px;
	margin: 0 auto;
	text-align: left;
}


/* Navigation
-------------------------------------------------------------------------- */

#nav {
	list-style-type: none;
	margin: 20px auto;
	padding: 0;
	background: transparent;
}

#nav li {
	display: inline;
	margin-right: 20px;
	font-weight: bold;
}

#nav li a {
	font-weight: normal;
	text-decoration: none;
}

#nav li a:link,
#nav li a:visited { color: #999; }
#nav li a:hover { color: #000; text-decoration: underline; }
#nav li a:active { color: #0cf; }


/* Content
-------------------------------------------------------------------------- */

#content a { text-decoration: none; }
#content a:link,
#content a:visited { color: #000; border-bottom: 1px solid #ccc; }
#content a:hover { color: #000; border-bottom: 1px solid #000; }
#content a:active { color: #0cf; border-bottom: 1px solid #0cf; }


div.colleft {
	float: left;
	margin: 0 40px 0 0;
}

div.colright {
	float: left;
	margin: 0 0 20px 0;
}

div.colright p { margin-bottom: 2em; }

#content p.webnote {
	clear: both;
	width: 380px;
	padding: 20px 0;
}


/* Gallery
-------------------------------------------------------------------------- */

.gallery img {
	border: 1px solid #999;
	margin: 0 20px 20px 0;	
}

.randomgallery img {
	margin: 0px 0 20px 0;	
}

.webgallery {
	line-height: 0;
	padding: 1px;
}

.webgallery p {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 11px;
	line-height: 1.3em;
}

.webgallery img {
	border: 1px solid #999;
}

.webgallery div.webbox {
	float: left;
	margin: 0 20px 20px 0;
}


/* Footer
-------------------------------------------------------------------------- */

#footer {
	clear: both;
	width: 700px;
	margin: 20px auto;
	border-top: 1px solid #999;
	padding: 5px 0;
	font-size: 10px;
	color: #999;
	background: transparent;
}

#footer a { text-decoration: none; }
#footer a:link,
#footer a:visited { color: #999; }
#footer a:hover { color: #000; text-decoration: underline; }
#footer a:active { color: #0cf; }


/* Special
-------------------------------------------------------------------------- */

.marker {
	color: #000;
	background: #ff6;
	padding: 2px;
	font-weight: bold;
}

.highover:hover {
	color: #000;
	background: #ff9;
	padding: 1px 0;
}

#naturstrom {
	text-align: left;
	margin: 2em 0;
}