html
{
    height:100%;
}

body
{
    margin:0px;
    padding:0px;
    background-color:#fffabf;
    height:100%;
}

#bgall
{
    position:relative;
    width:100%;
    min-height:100%;
    height:auto !important;
    height:100%;
    background: url(../img/verlauf.gif) top left repeat-x;
    text-align:center;
    z-index:0;
}

#header
{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:684px;
    height:285px;
    border-bottom:0px solid #571b0a;
}

#headertext
{
    position: absolute;
    top:59px;
    left:23px;
    width:319px;
    height:131px;
    background: url(../img/headertext.gif) top left no-repeat;
}

#headerpic
{
    position: absolute;
    top:42px;
    left:470px;
    width:183px;
    height:248px;
    background: url(../img/headerpic.jpg) top left no-repeat;
}

#navigation
{
    position:absolute;
    top:215px;
    left:23px;
    width:360px;
    padding-bottom:2px;
}

#navigation td
{
    line-height:30px;
	text-align:left;
}

.navsymbol
{
    width:13px;
    height:13px;
    background: url(../img/symbol1.gif) center left no-repeat;
}

.navlink
{
    padding:0px 15px;
}

td.navlink a:link, td.navlink a:visited
{
    font-family:Verdana;
    font-size:10pt;
    font-weight:bold;
    color:#3f1d07;
    text-decoration:underline;
}

td.navlink a:hover, td.navlink a:focus, td.navlink a:active
{
    color:#af1d07;
}

td.navlink p
{
	margin:0;
	padding:0;
    font-family:Verdana;
    font-size:10pt;
    font-weight:bold;
    color:#af1d07;
    text-decoration:underline;
}

a:link.link,
a:visited.link
{
    font-family:Verdana;
    font-size:10pt;
    font-weight:normal;
    color:#3f1d07;
    text-decoration:none;
}

a:hover.link,
a:focus.link,
a:active.link
{
    color:#af1d07;
}

.contentblock
{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:660px;
    text-align:justify;
    padding:1px;
    font-family:Georgia;
    color:#571b0a;
    z-index:2;
}

.contentblock h1
{
    margin-top:30px;
    padding-left:10px;
    line-height:33px;
    background-color:#efeaaf;
    font-size:1.4em;
    font-weight:normal;
}

.contentblock h3
{
	margin:20px 0 10px 0;
	padding:0 10px;
}

.contentblock p
{
    position:relative;
    width:440px;
	margin:5px 0 10px 0;
    padding:0px 10px ;
    font-size:1em;
    line-height:1.2em;
}
.contentblock ul {
	margin:0 0 10px 30px;
	padding:0;
}
.contentblock li {
	margin:3px 0;
}

.inline
{
    display:inline;
}

.contentblock p.fullwidth
{
    width:640px;
}

.contentblock a:link, .contentblock a:visited
{
    color:#571b0a;
    text-decoration:none;
}

.contentblock a:hover, .contentblock a:focus, .contentblock a:active
{
    color:#571b0a;
    text-decoration:underline
}

.contentblock img
{
    position:absolute;
    top:80px;
    left:470px;
    border:0;
}
.contentblock ul.gallery {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
.contentblock ul.gallery li {
	float:left;
	padding:12px;
}
.contentblock ul.gallery img {
	position:static;
	float:left;
}
.contentblock iframe,
.contentblock div.video,
.contentblock video {
	margin:20px 10px 10px 10px;
}
/**
 * images in articles
 */
.contentblock a.article-img {
	display:block;
	margin:20px 10px;
	z-index:1;
}
.contentblock a.article-img,
.contentblock a.article-img img {
	position:relative;
	top:0;
	left:0;
}
.contentblock a.article-img.left,
.contentblock a.article-img.left img {
	float:left;
}
.contentblock img.inline-img {
	display:inline;
}
.contentblock a.article-img.left {
	margin:0 20px 0 10px;
}
.contentblock a.article-img.right,
.contentblock a.article-img.right img {
	float:right;
}
.contentblock a.article-img.right {
	margin:0 10px 0 20px;
}

#termine
{
    margin:0px 10px;
    border:1px solid #571b0a;
}

#termine tr
{
    color:#571b0a;
    text-align:left;
}

#termine th
{
    padding:5px;
}

#termine td
{
    border-width:1px 0px 0px 0px;
    border-style:solid;
    border-color:#571b0a;
    font-size:0.9em;
    vertical-align:top;
    padding:5px;
    line-height:1.4em;
}

.bold
{
    font-weight:bold;
}

.underline
{
    text-decoration:underline;
}
.clear {
	clear:both;
}

input, textarea
{
    width:420px;
    font-size:0.7em;
    font-family:Georgia;
    font-weight:normal;
    margin:5px 0px 20px 11px;
    padding:4px;
    color:#571b0a;
    border-width:1px;
    border-style:solid;
    border-color:#503018;
    background-color:#efeaaf;
}

input, select
{
    width:240px;
    margin:0px;
}

input
{
    padding:1px 4px;
}

select.select
  { font-size:0.7em;
    font-family:Georgia;
    font-weight:normal;
    color:#571b0a;
    border-width:1px;
    border-style:solid;
    border-color:#571b0a;
    background-color:#efeaaf;
  }

option
  { background-color:#efeaaf }

.formtable
{
    width:420px;
    border:1px solid #571b0a;
    margin:5px 0px 20px 11px;
    background-color:#f7f3b7;
}

.formleft
{
    font-size:0.7em;
    font-family:Georgia;
    font-weight:normal;
    color:#571b0a;
    padding:5px;
}

.button
{
    width:150px;
    height:30px;
    font-weight:normal;
    border:3px double #672b1a;
    margin:5px 11px;
}

#spacer
{
    position:relative;
    top:0px;
    height:100px;
    background: url(../img/blank.gif);
}

#footer
{
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:1;
    width:100%;
    height:120px;
    background: url(../img/verlauf5.jpg) bottom left repeat-x;
}
#footer .inner {
	position:relative;
	width:684px;
	height:120px;
	margin:0 auto;
	padding-left:42px;
}
#footer span,
#footer a {
	float:left;
	margin-top:90px;
	font-family:Verdana;
	font-size:11px;
	text-decoration:none;
	color:#8f6d57;
}
#footer a:hover {
	text-decoration:underline;
}