/* ---   css bei Niki Huwyler 2008   --- */
/* ---   unter cc lizenz   --- */
/* ---   http://creativecommons.org/licenses/by-nc-sa/2.0/  --- */
body {
	background: #5A5A5A url(../picts/sq.gif) repeat 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal; }

a:link img, a:visited img {
	/* kein border bei img links */
border-style: none }

a img { color: white; }

/* trick fuer border0 in Netscape 4 */
@media all {
	a img { color: inherit; }
}   /* kein farbwechsel */

a:link {
	color: #999933;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none }

a:visited {
	color: #CCCCCC;
	font-size: 11px;
	text-decoration: underline}

a:hover, a:active {
	color: #FFFFFF;
	text-decoration: underline }

h1 {
	color: #996666;
	font-size: 13px;
	padding: 0 0 0 0.4em;
	font-weight: bold;
	letter-spacing: 1px; }

h2 {
	color: #eee;
	margin: 0;
	font-size: 12px;
	padding: 0.5em 0 0 0.6em;
	font-weight: bold; }
	
abbr, acronym, .theabbr {
	cursor: help;
	border-bottom: 1px dotted #000; }
	
/* ---  Navigation   --- */
#navcontainer {
	margin: 0px;
	padding: 0px; }

#navcontainer ul {
	margin: 0px;
	padding: 1px;
	list-style-type: none;
	text-align: left; }

#navcontainer ul li {
	float: left; }

#navcontainer ul li a {
	text-decoration: none;
	font-size: 10px/12px;
	font-weight: bold;
	float: left;
	margin: 0px;
	height: 10px;
	width: 70px;
	color: #000;
	padding-top: 75px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px; }


#home { background: url(../navi/home.gif) no-repeat top left; }
#home a:hover { 
	background: url(../navi/homeover.gif) no-repeat top left;
	color: #ffffff; }
#home1 { background: url(../navi/homeover.gif) no-repeat top left; }
	
#foto { background: url(../navi/foto.gif) no-repeat top left; }
#foto a:hover { 
	background: url(../navi/fotoover.gif) no-repeat top left;
	color: #ffffff; }
#foto1 { background: url(../navi/fotoover.gif) no-repeat top left; }

#archiv { background: url(../navi/archiv.gif) no-repeat top left; }
#archiv a:hover { 
	background: url(../navi/archivover.gif) no-repeat top left;
	color: #ffffff; }
#archiv1 { background: url(../navi/archivover.gif) no-repeat top left; }

#preise { background: url(../navi/preise.gif) no-repeat top left; }
#preise a:hover { 
	background: url(../navi/preiseover.gif) no-repeat top left;
	color: #ffffff; }
#preise1 { background: url(../navi/preiseover.gif) no-repeat top left; }
	
#bio { background: url(../navi/bio.gif) no-repeat top left; }
#bio a:hover { 
	background: url(../navi/bioover.gif) no-repeat top left;
	color: #ffffff; }
#bio1 { background: url(../navi/bioover.gif) no-repeat top left; }

#guestbook { background: url(../navi/guestbook.gif) no-repeat top left; }
#guestbook a:hover { 
	background: url(../navi/guestbookover.gif) no-repeat top left;
	color: #ffffff; }
#guestbook1 { background: url(../navi/guestbookover.gif) no-repeat top left; }
	
#links { background: url(../navi/links.gif) no-repeat top left; }
#links a:hover { 
	background: url(../navi/linksover.gif) no-repeat top left;
	color: #ffffff; }
#links1 { background: url(../navi/linksover.gif) no-repeat top left; }

#kontakt { background: url(../navi/kontakt.gif) no-repeat top left; }
#kontakt a:hover { 
	background: url(../navi/kontaktover.gif) no-repeat top left;
	color: #ffffff; }
#kontakt1 { background: url(../navi/kontaktover.gif) no-repeat top left; }
	
/* ---   struktur   --- */

#header {
	height: 1px;
	background-color: #000000; }

#haut {
	background: #cccccc url(../picts/logo.gif) no-repeat 80%;
	height: 100px; }

#conteneur {
	position: absolute;
	width: 100%;
	background-color: #5A5A5A; }

#centre {
	background: #333333 url(../picts/h-dr.jpg) repeat 0;
	color: #ffffff;
	padding: 10px;
	margin-left: 200px;
	margin-right: 150px; }
	
#gauche {
	position: absolute;
	left: -1px;
	width: 160px;
	top: 124px;}

#droite {
	position: absolute;
	right: 0px;
	width: 150px; }

#pied {
	color: #333;
	font-size: 0.7em;
	height: 23px;
	background-color: gray; }
#pied a:link, a:active {
	color: #333;
	text-decoration: none}

.menuhaut {
	list-style-type: none;
	margin: 0;
	padding: 0; }

.menuhaut li {
	display: inline; }

.menuhaut a {
	margin: 0 2px;
	color: #000000;
	text-decoration: underline; }

.menuhaut a:hover {
	text-decoration: none; }

.menugauche {
	list-style-type: none;
	margin: 0;
	padding: 0; }

.menugauche li {
	margin-bottom: 5px; }

.menugauche a {
	margin: 0 12px;
	color: #999933;
	text-decoration: underline; }

.menugauche a:hover {
	text-decoration: none;
	color: #FFFFFF; }
	
.menugauche a:active, a:visited {
	text-decoration: none;
	color: #999999; }


.menudroit {
	list-style-type: none;
	margin: 0;
	padding: 0; }

.menudroit li {
	margin-bottom: 5px; }

.menudroit a {
	margin: 0 12px;
	color: #000000;
	text-decoration: underline; }

.menudroit a:hover {
	text-decoration: none; }

p {
	margin: 0 0 11px 6px;
	font-size: 10px;
}