﻿
* {
	margin: 0;
	padding: 0;
}

body {
	background:  #f3e5c8  url(bg.jpg) no-repeat center top;
	margin: 0;
	color: #444;
	font : 10px/18px Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	padding-top: 45px;
	padding-bottom: 10px;
}

.container {
	background: #FDF5E6;
	width:700px;
	margin-left: auto;
	margin-right:auto;
	padding: 15px;
	border: 1px dashed #999;
}

.header {
	height: 100px;
	background: url(wall.jpg);
	border: 1px solid #666;
}


.main {
	margin-top: 15px;
}

.sidenav {
	float: left;
	width: 180px;
}

.content {
	float: right;
	width: 495px;
}

.footer {
	border: 1px dashed #999;
	background: #FFFAF0;
	padding: 5px 10px;
	text-align: right;
}

.clearer {
	clear: both;
}



/* HEAD*/

.header .title {
	margin: 16px auto 0px 110px;
	color: #FFF;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	line-height: 18px;
}

.header a {
	color: #FFF;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.header a:hover{
	color: #FFCC66;
}


/* SIDENAV*/

.sidenav h1 {
	color: #664;
	font-size: 1.3em;
	border: 1px dashed #999;
	background: #FFFAF0;
	padding: 3px 10px;
	margin-top: 20px;
	margin-bottom: 5px;
}

.sidenav ul {
	border: 0px dashed #666;
	margin: 0;
}
	
.sidenav li {
	list-style: none;
	margin: 0;
}

.sidenav li a {
	display: block;
	width:165px;
	margin: 0;
	padding: 3px 5px 3px 10px;
	border-bottom: 1px solid #999;
	color: #664;
	font-size: 1.0 em; 
	text-decoration: none;
}
	
.sidenav li a:hover {
	color: #996600;
	background: #FFFAF0 url(select.gif) right no-repeat;
}



.path
{
	color: #666;
	font: normal 10px verdana;
	margin: 0px;
}


.path a {
	color: #990000;
	text-decoration: none;
}

.path a:hover {
	color: #FF9933;
}



/* CONTENT */

.content .item {
	padding: 6px 35px;
	background: #FFFAF0;
	margin-bottom: 15px;
	border: 1px dashed #999;
}

.content .gast {
	padding: 6px 5px;
	background: #FFFAF0;
	margin-bottom: 15px;
	border: 1px dashed #999;
}


.content .descr {
	color: #666;
	margin-bottom: 6px;
	text-align: right;
	}

.content li {
	list-style: url(li.gif);
	margin-left: 15px;
}

.content h1 {
	text-align: right;
	font-size: 1.4em;
	padding-bottom:5px;
	border-bottom: dashed 1px;
}


/* FOOTER */

.footer a {
	color: #990000;
	text-decoration: none;
}

.footer a:hover {
	color: #FF9933;
	text-decoration: underline;
}

.footer .link
 {
	float: left;
	width: 150px;
	text-align: left;
}


/* Allgemeine Formatierungen */

a {
	color:#990000;
	text-decoration: underline;
}

a:hover {
	color: #FF9933;
}

h1,h2,h3 {
	color: #553;
	padding-top: 6px;
}

h1 {
	font-size: 1.4em;
	margin-bottom: 4px;
}

h2 {
	font-size: 1.3em;
	margin-bottom:18px;
	margin-top: 15px;
}

h3 {
	font-size: 1.2em;
	margin-bottom: 8px;
}

h4 {
	font-size: 1.1em;
	text-align: center;
	margin-bottom: 12px;
	margin-top: 8px;
}

p,cite,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}

.bd {
	font-weight: bold;
}



img
{
	border: 1px solid #666;
}


/* Spezielle Formatierungen */

.udl {
	text-decoration:underline;
	margin-top:10px;
	padding-bottom: 8px;
	font-size: 1.2em;
}


.cite {
	background: url(quote.gif) no-repeat;
	color: #333;
	display: block;
	font: normal 1.2em "Times New Roman", Times, serif;;
	padding-left: 28px;
	padding-right:20px;
}

.preload
{display:none;
position:absolute;
height:1; width: 1px;
top: -1000px; left: -1000px;
}


.komm {
	font-size: 11px;
	font-style:italic;
	text-align: right;
	margin-top: 5px;
}


.brett {
	text-align: right;
	margin: 15px 0;	
	font-size: 1.2em;
}

.brett a {
	text-decoration: none;
}

.jav {
	font-size: 11px;
	font-style:italic;
	margin-top: 10px;
	color: #990000;
	text-align: right;
}

.imgl
{
float:left; 
width: 180px; height: 120px; 
margin: 10px 15px 10px 0;
}

.imgr
{
float:right; 
width: 180px; height: 120px; 
margin: 10px 0px 10px 15px;
}