/* ---   css bei Niki Huwyler 2011   --- */
/* ---   unter cc lizenz   --- */
/* ---   http://creativecommons.org/licenses/by-nc-sa/2.0/  --- */

body {
	color: #333;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #999999 url(../picts/page/background.gif) repeat-x; }

html {
	margin: 0px;
	padding: 0px; }

/* Tabellen */
td {
	vertical-align: top; 
	color: #000;
	border: 1px dotted maroon;
	padding: 2px; }
	
.searchfield { border: 1px solid #990000; background: #fff;}
.searchfield:focus { border: 1px solid #ff0000; background: #e7e7e7;}
.sbutton { 
	font-size: 11px; color: #990000; font-weight: bold; background-color: #E8E8E8; border: 1px solid #990000;}
	
p {
	font-size: 1em; }

img {
	border: 0 }

a:link {
	color: #800000;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	text-decoration: none }

a.selected2 {
	color: #800000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline }

a:visited {
	color: #666666;
	font-weight: normal;
	text-decoration: none }

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

a[rel="external"]:before {
	content: url(../picts/valipicts/extern.gif);
	vertical-align: middle;
	text-decoration: none }

h1 {
	color: #330000;
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 0.4em;
	padding-right: 0;
	padding-bottom: 0.3em;
	padding-left: 0.6em; }

h2 {
	color: #330000;
	margin: 0;
	font-size: 1em;
	padding: .5em 0 .4em .6em;
	font-weight: bold;
	letter-spacing: 1px; }

h3 {
	color: #330000;
	margin: 0;
	font-size: 0.7em;
	padding: 0.2em 0 0.1em 1.5em;
	font-weight: bold;
	letter-spacing: 1px; }

#container {
	width: 985px;
	\width: 1005px;
	w\idth: 985px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	padding: 0px;
	background: url(../picts/page/u-nav.gif) top left repeat-y; }

#banner {
	text-align: right;
	background: #D22E2A url(../picts/page/header.jpg) repeat-y left top;
	height: 96px; }

#content {
	float: right;
	width: 792px;
	font-size: 0.8em;
	padding: 0px;
	margin-left: 0px;
	background: url(../picts/page/middle.gif) repeat-y right top; }

#sidebar {
	float: left;
	width: 179px;
	margin: 0px;
	padding: 0px; }

/* Footer mit 2 Hacks und einem Workaround */
/* Die Hintergrundpositionen entfernt einen 1 Pixel-Abstand des Footers (nach oben) beim IE */
#footer {
	text-align: right;
	width: 100%;
	height: 41px;
	vertical-align: bottom;
	margin-bottom: 1px;
	background: url(../picts/page/footer.jpg) no-repeat bottom left;
	color: #333;
	font-size: 0.8em;
	clear: both;
	display: inline;

	display: block; 

/* fuer alle anderen Browser */ }
html + body #footer {
	display: inline; }

/* fuer IE 5 */
#footer a, #footer a:visited {
	text-decoration: none;
	background: none;
	color: #333; }

#footer a:hover, #footer a:active,  #footer a:focus, #footer a:focus .sffocus {
	color: #333; }

#footer p a, #footer p a:visited {
	text-decoration: none;
	background: none;
	color: #333; }

#footer p a:hover, #footer p a:active,  #footer p a:focus {
	color: #333; }

input {
	border: 1px;
	border-bottom: 1px dotted #666 }

/* ========= Navigations - Bereich ======== */

/* Navigation (global) */
#nav ul, li, p {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif; }

#nav {
	width: 180px;
	font-size: 1em;
	float: left;
	display: inline;
	margin: 0 0 0 7px; }

#nav ul {
	display: block;
	border-top: 1px solid #cc0000;
	font-size: 1em; }

#nav ul li {
	padding: 1px 0 0 0;
	list-style: none;
	white-space: nowrap;
	background: url(../picts/page/n-bg-li.gif) top left no-repeat; }

#nav a, #nav a:visited {
	display: block;
	width: 180px;
	padding: 0 0 2px 0;
	color: #cc0000;
	font-weight: normal;
	text-indent: 9px;
	font-size: 0.8em;
	line-height: 173%;
	background: url(../picts/page/n-inactive.gif)left center repeat-y #e9e9e9;
	border-bottom: 1px solid #C43C38;
	text-decoration: none; }

#nav a:hover, #nav a:active, #nav a:focus, #nav a:focus .sffocus {
	background: url(../picts/page/n-active.gif) left center repeat-y #e9e9e9;
	color: #800000; }

/* Navigation (styling the level) */
a#level-0, a:visited#level-0 {
	background: url(../picts/page/n-active.gif) left center repeat-y #e9e9e9;
	font-weight: bold;
	border-bottom: none; }

a:hover#level-0, a:active#level-0, a:focus#level-0, a:focus#level-0 .sffocus {
	background: url(../picts/page/n-active.gif) left center repeat-y #e9e9e9;
	font-weight: bold; }

/* Menü (LEVEL 1 [sub]) */
#nav ul ul {
	background: #dddddd;
	border-top: 0px;
	margin: 0 0 0 11px; }

#nav ul ul li {
	font-size: 100%;
	text-indent: 15px;
	white-space: nowrap;
	background: none; }

#nav ul ul li a, #nav ul ul li a:visited {
	width: 170px;
	background: url(../picts/page/n-sub-inactive.gif) left center no-repeat #e9e9e9;
	text-indent: 15px;
	line-height: 173%; }

#nav ul ul li a:hover, #nav ul ul li a:active, #nav ul ul li a:focus, #nav ul ul li a:focus .sffocus {
	background: url(../picts/page/n-sub-active.gif) left center no-repeat #cc0000; }

#nav a#level-1, #nav a:visited#level-1 {
	background: url(../picts/page/n-sub-active.gif) left center no-repeat #cc0000;
	color: #800000; }

a:hover#level-1, a:active#level-1, a:focus#level-1, a:focus#level-1 .sffocus {
	background: url(../picts/page/n-sub-active.gif) left center no-repeat #cc0000; }

/* Hack IE (kein doppelter Abstand bei Listenpunkten durch Border */

/* Hack IE 5.0 Löst in diesem Fall das 2 Pixel-Abstand-Problem und mit float:none das Verrutschen der Menüpunkte */
html + body #nav a {
	width: auto;
	height: 1%; }

html + body #nav a:visited {
	width: auto;
	height: 1%; }

html + body #nav ul li {
	text-indent: 0px;
	display: inline; }

html + body #nav ul ul li {
	text-indent: 0px;
	display: inline; }

#nav-start {
	float: left;
	height: 50px;
	width: 187px;
	background: url(../picts/page/navstart.jpg) no-repeat; }

#nav-end {
	float: left;
	font-size: 1.1em;
	width: 180px;
	background: url(../picts/page/navstop.jpg) no-repeat; }

#nav-end ul li {
	font-size: 1.2em; }

/* Der folgende Style wird nicht auf dem Schirm angezeigt, aber von Screenreadern vorgelesen) */
.hiddenbutreader {
	position: absolute;
	left: -999em;
	top: -999em; }

/* HTML TAGS for ACCESSIBILITY */
dfn {
	display: none; }

abbr, acronym, .theabbr {
	cursor: help;
	border-bottom: 1px dotted #000; }

/* BOX */
#zBox {
	float: right;
	font-size: 1em;
	margin: 0px 2px 20px 10px;
	width: 196px;
	background: url(../picts/page/boxbottom.gif) no-repeat left bottom;
	padding-right: 1px;
	padding-bottom: 4px;
	padding-left: 0px; }

#zBox h2 {
	border-bottom: 1px solid #cc0000;
	background: #fff url(../picts/page/boxtop.gif) no-repeat; }

#zBox p, #zBox div {
	padding: 0px 4px 2px 2px;
	margin: 0 0 0 5px }

#zBox div {
	margin-bottom: 35px; }

/* Box mitte */
.obox-main {
	width: 575px; }
.obox-ro {
	background: url("../picts/page/obox-ro.gif") top right no-repeat; }
.obox-lo {
	background: url("../picts/page/obox-lo.gif") top left no-repeat; }
.obox-ru {
	background: url("../picts/page/obox-ru.gif") bottom right no-repeat; }
.obox-lu {
	background: url("../picts/page/obox-lu.gif") bottom left no-repeat; }
.obox-content {
	margin: 0;
	padding: 0.3em 1.3em 0em 1.3em; }

.obox-main2 {
	width: 772px; }
.obox2-ro {
	background: url("../picts/page/obox-ro.gif") top right no-repeat; }
.obox2-lo {
	background: url("../picts/page/obox-lo.gif") top left no-repeat; }
.obox2-ru {
	background: url("../picts/page/obox-ru.gif") bottom right no-repeat; }
.obox2-lu {
	background: url("../picts/page/obox-lu.gif") bottom left no-repeat; }
.obox2-lu .obox-content {
	margin: 0;
	padding: 0.3em 1.0em 0em 0.8em; }

.p-img {
	float: left; }

.obox-content p {
	color: #000;
	margin: 0 0 7px 0;
	padding: 0; }

.obox-content br {
	line-height: 15px; }

/* Bilder */
.img-right {
	float: right;
	margin: 3px 3px 7px 7px;
	border: 1px solid #666; }

.img-left {
	float: left;
	margin: 3px 11px 7px 0;
	border: 1px solid #666; }

.obox-content a:hover img, .obox-content a:active img, .obox-content a:focus img {
	border: 1px solid #cc0000; }

.obox2-lu .obox-content a:hover img, .obox2-lu .obox-content a:active img, .obox2-lu .obox-content a:focus img {
	border: 1px solid #cc0000; }

/* Layer hiden/show */
#switcher {
	width: 173px;
	height: auto;
	font-size: 0.9em;
	line-height: 1.5;
	text-align: left;
	z-index: 99;
	visibility: hidden; }

#switcher h3 {
	font-size: 0.8em; }

#switcher ul {
	list-style-type: none;
	font-size: 0.8em;
	line-height: 1.4; }

#switcher li {
	display: block;
	padding: 1px 8px; }