/* ----------------------------------------------------------------------------
Screen CSS File
Huebsch & Weil
Copyright 2008 by Softloop
---------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
Allgemeine Tags und Klassen
---------------------------------------------------------------------------- */

* {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border: none;
}

body {
	font: 11px Verdana, sans-serif;
	color: #575552;
	background: #fffdf5;
}

html {
	overflow-y: scroll;
}

ul li {
	list-style-type: none;
}

div.pright {
	float: right;
	margin-left: 10px;
}

div.pleft {
	float: left;
	margin-right: 10px;
}

#wrapper {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin: 0px auto;
	width: 900px;
}

#picture {
	width: 660px;
	float: left;
}

#catid_2 #picture { 
}

#header {
	width: 900px;
	float: left;
}

#logo {
	float: left;	
	width: 239px;
	height: 230px;
	margin-left: 1px;
}

#logo a img {
	vertical-align: bottom;
}

#navi {
	position: relative;
	width: 900px;
	height: 100px;
}

#navi ul li {
	float: left;
	list-style-type: none;
}

#navi a {
	color: #A08871;
}

#navi a.current, #navi a.active, #smallnav a:hover, #smallnav a.active {
	color: #603813;
}

ul#smallnav {
	position: absolute;
	top: 31px;
	right: 0px;
	font-size: 11px;
}

ul#smallnav a {
	margin-right: 20px;
}

ul#smallnav li a.active {
	color: #603813 !important;	
}

ul#subnavi {
	position: absolute;
	top: 31px;
	left: 0px;
}

ul#subsubnav a {
	color: #A08871;
	width: 220px;
	border: none;
}

ul#subsubnav a.active {
	color: #603813;
}

ul#subsubnav li {
	font-size: 11px;
	background: none !important;
	padding-left: 0px !important;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #E9D8C1;
}

h1 {
	font: 15px Georgia, sans-serif;
	text-transform: uppercase;
	color: #406882;
	padding-top: 20px;
	padding-bottom: 25px;
}

#sidebar h1 {
	margin-top: -20px;
}

h2 {
	font: 11px Verdana, sans-serif;
	font-weight: bold;
	padding-bottom: 0px;
}

#content {
	float: left;
	padding-top: 21px;
	width: 900px;
	padding-bottom: 20px;
} 

#content p.blau {
	color: #406882;
}

#content a {
	color: #406882;
	border-bottom: 1px solid #406882;
}

#content ul {
	margin-bottom: 1.5em;
}

#content ul li {
	padding-left: 15px;
	list-style-type: none;
	background: url("../pics/bullet.gif") no-repeat 0 6px;
	line-height: 1.5em;
}

#article {
	min-height: 420px;
	float: left;
	border-right: 1px solid #E9D8C1;
	padding-right: 150px;
	width: 510px;
}

*html #article {
	min-height: 420px;
	height: auto !important;
	height: 420px;	
}

#content p {
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

#sidebar {
	padding-top: 20px;
	float: left;
	width: 210px;
	padding-left: 20px;
	overflow: hidden;
}

#sidebar a {
	color: #575552;
}

#sidebar ul li {
	list-style-type: none;
}

span.more {
	color: #406882;
}

span.date {
	color: #406882;
	padding-right: 5px;
	font-weight: bold;
}

ul.news li {
	background: none !important;
	padding-left: 0px !important;
	padding-bottom: 10px;
	margin-bottom: 7px;
	font-size: 10px;
	border-bottom: 1px solid #E9D8C1;
	line-height: 1.5em;
	cursor: pointer;
}

#article ul.news li {
	padding-bottom: 15px;
	margin-bottom: 10px;
	font-size: 11px;
}


ul.news li a {
	border-bottom: none !important;
}



/* ----------------------------------------------------------------------------
zahlennavigation
---------------------------------------------------------------------------- */

#content ul.numberNav {
	margin-bottom: 20px;
	border-bottom: 1px solid #E9D8C1;
	overflow: hidden;
}

#content ul.numberNav a {
	color: #A08871;
	border-bottom: none;
	padding-right: 10px;
}

#content ul.numberNav a.active {
	color: #603813;
}

#content ul.numberNav li {
	float: left;
	padding-left: 0;
	padding-bottom: 7px;
	background: none;
}

*html #content ul.numberNav {
	padding-bottom: 20px;
}

*html #content ul.numberNav li {
	padding-bottom: 0px;
}

#form-module input {
	margin-bottom: 10px;
	border: 1px solid #E9D8C1;
}

#form-module select {
	margin-bottom: 10px;
	border: 1px solid #E9D8C1;
}

#form-module label {
	width: 150px;
	float: left;
}

#form-module label.textarea {
	margin-top: 15px;
	margin-bottom: 10px;
}

label.checkbox {
	float: none	!important;
}

input.checkbox {
	border: none !important;
	margin-bottom: 0 !important;
}

#form-module textarea {
	width: 500px;
	border: 1px solid #E9D8C1;
}

#form-module input.submit {
	margin-top: 20px;
}

/* ----------------------------------------------------------------------------
Tabellen
---------------------------------------------------------------------------- */

table {
	width: 510px;
}

table td {
	border-bottom: 1px solid #E9D8C1;
	vertical-align: top;
	padding: 10px 30px 10px 0;
} 

table th {
	border-bottom: 1px solid #E9D8C1;
	padding: 5px 30px 5px 0;
	text-align: left;
}

ul.newslist {
	margin-top: -20px;
}

ul.newslist li {
	background: none !important;
	margin-top: 20px;
	border-bottom: 1px solid #E9D8C1;
}
