﻿@charset "utf-8";

/* Allgemeine Definitionen
----------------------------------------------- */
* {
padding: 0;
margin: 0;
border: 0;
}


body {
background: #71BF44;
color: #3F3F3F;
font-family: Arial, sans-serif;
font-size: 80%;
line-height: 1.45em;
text-align: center;
}

.clear {
clear: both;
height: 0px;
}

img,
a img {
border: 0;
}
.none {
display: none;
}
.left {
float: left;
margin: 0 1em 0.5em 0; 
}
.right {
float: right;
margin: 0 0 0.5em 1em;
}
.standardlist {
list-style-type: none;
}
.center {
text-align: center;
}

/* Typografie
----------------------------------------------- */
a:link {
color: #A31421;
outline: none;
text-decoration: underline;
}
a:visited {
color: #999;
text-decoration: underline;
}
a:hover,
a:focus {
color: red;
text-decoration: none;
}
a:link.link {
border-bottom: 1px solid #A31421;
color: #3F3F3F;
outline: none;
text-decoration: none;
}
a:visited.link {
border-bottom: 1px solid #A31421;
color: #999;
text-decoration: none;
}
a:hover.link,
a:focus.link {
border-bottom: 1px solid white;
color: red;
text-decoration: none;
}
.extern {
background: url(gfx/extern.gif) no-repeat 1px 50%;
padding-left: 16px;
outline: none;
}
a.hide,
a:link.hide {
border: none;
color: #3F3F3F;
outline: none;
text-decoration: none;
}
.center {
text-align: center;
}
p {
font-size: 1em;
line-height: 1.5em;
margin: 0.75em 0;
}
h1 {
font-family: Arial, sans serif;
font-size: 1.67em;
font-weight: normal;
color: #00693F;
margin: 0 0 10px 0;
}
h2,
h3 {
font-family: Arial, sans serif;
font-size: 1.35em;
font-weight: normal;
color: #00693F;
}
h4 {
font-size: 1em;
font-weight: bold;
margin: 1.5em  0 0 0;
}
body#inhalt .links {
display: none;
}
strong,
em {
font-weight: bold;
}
cite {
font-style: normal;
font-size: 0.95em;
color: #666;
}
address {
font-style: normal;
font-size: 1em;
line-height: 1.5em;
margin: 0.75em 0;
}
dl {
list-style: none;
}
dl.range dt {
font-weight: 600;
}
dl.range dt img {
display: block;
}
dl.range dd {
margin: 0 0 0.75em 0;
height: 5.5em;
}
dl.sitemap dt {
font-weight: 600;
}
dl.sitemap dd {
margin: 0.2em 0 1.25em 0;
}
.null {
padding: 0;
margin: 0;
}
.small {
font-size: 0.9em;
}
.kursiv {
font-style: oblique;
}
ul.wegbeschreibung {
margin-left: 25px;
}
.imgleft dd,
.imgright dd {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 0.95em;
font-style: oblique;
margin-top: -7px;
}
.opening p,
.opening address {
font-weight: bold;
margin: 0;
}
.upper {
text-transform: uppercase;
}

/* Layout
----------------------------------------------- */
#container {
margin: 45px auto 20px auto;
width: 750px;
background: white;
color: #3F3F3F;
text-align: left;
border-color: #00693F;
}

#header {
float: left;
width: 750px;
height: 150px;
border-top: 10px solid #00693F;
background: #FFFFFF url(logotop4.png) no-repeat;
}

/* Logo Replacement */
#header h1 {
/*background: url(logotop4.jpg) no-repeat;*/
height: 150px;
margin: 0 0 0 30px;
position: absolute;
width: 282px;
}
#header h1 a {
/*background: url(logotop2.jpg) no-repeat;*/
display: block;
height: 150px;
text-indent: -2000px;
width: 282px;
}
#header h1 a,
#header h1 a:visited,
#header h1 a:hover,
#header h1 a:focus {
border: 0;
outline: none;
text-decoration: none;
}

#menu {
float: left;
width: 750px;
height: 1.75em;
line-height: 1.75em;
border-bottom: 1px solid #76A167;
color: #00693F;
background: #71BF44;
}
#menu ul {
list-style-type: none;
}
#menu li {
float: left;
white-space: nowrap;
}
#menu li a:link,
#menu li a:visited {
background: #71BF44;
color: #00693F;
display: block;
outline: none;
text-align: center;
text-decoration: none;
width: 125px;
}
#menu li a:hover,
#menu li a:focus {
background: #71BF44;
color: #3F3F3F;
text-decoration: none;
}
li#active {
display: block;
width: 125px;
text-align: center;
text-decoration: none;
color: #BCD752;
background: #00693F;
font-weight: bold;
}

#bigcontent {
background: #FFFFFF url(gfx/bg_grauverl.gif) repeat-x;
float: left;
padding: 1.7em 20px 1.7em 50px;
width: 750px; /* für IE 5x */
voice-family: "\"}\"";
voice-family:inherit;
width: 680px; /* so sollte es sein */
}
html>body #bigcontent { /* Re-Korrektur für Opera */
width: 680px;
}

.leftcolumn {
float: left;
width: 325px;
}
.rightcolumn {
float: right;
width: 325px;
}

#content {
background: #FFFFFF;
float: left;
padding: 1.7em 20px 1.7em 50px;
width: 750px; 
voice-family: "\"}\"";
voice-family:inherit;
width: 680px; 
}
html>body #content { /* Re-Korrektur für Opera */
width: 680px;
}



#footer {
background: url(gfx/line.gif) top center no-repeat;
border-bottom: 10px solid #00693F;
font-size: 0.92em;
margin-top: 20px;
text-align: center;
}

.opening {
padding: 0 0.5em;
color: #3F3F3F;
border-left: 8px solid #f1f1f1;
}
.imgright {
float: right;
margin: 0 0 0.5em 1em;
}
.imgleft {
float: left;
margin: 0 1em 0.5em 0; 
}
.frame {
padding: 25px;
background: url(gfx/bilderrahmen.jpg) no-repeat;
}
.framesmall {
padding: 25px;
background: url(gfx/bilderrahmenklein.jpg) no-repeat;
}
.framesmallhoch {
padding: 25px;
background: url(gfx/bilderrahmenkleinh.jpg) no-repeat;
}
.frameshg {
padding: 25px;
background: url(gfx/thumbrahmen_hg.jpg) no-repeat;
}
.thumb {
padding: 8px;
background: url(gfx/thumbrahmen.jpg) no-repeat;
}