/* CSS Document */
* {padding:0; margin:0;}

body {
color: white;
background-color: #dddcdc;
background-image: url(images/bgcontent.gif);
background-repeat:repeat-y;
background-position:center;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
	scrollbar-face-color: #969595;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
}

#wrapper {
color:black;
width:900px;
min-height:600px;
background-image: url(images/bgwrapper.jpg);
background-repeat:no-repeat;
background-position:top right;
margin-top: 0px; /* so wird's zentriert! */
margin-left:auto;
margin-bottom:0px;
margin-right:auto;
}

#head {
width:700px;
height:50px;
background-image: url(images/bgmenu.png);
background-repeat:repeat-x;
background-position:top;
text-align: left;
padding-left:25px;
overflow:hidden;
}

#head ul{
margin:0;
}

#head li{
padding-top:18px;
padding-right:17px;
padding-left:15px;
color:#721215;
display:block;
font-size:14px;
float:left;
list-style:none;
width:auto;
height:50px;
background-image:url(images/separator.png);
background-repeat:no-repeat;
background-position:top right;
}

#head li li{
padding:0;
margin-bottom:5px;
clear:both;
color:#721215;
display:block;
font-size:14px;
list-style:none;
background:none;
width:auto;
height:20px;
}

#head li ul{
position:absolute;
left:-9999px;
top:-9999px;
display:inline;
width:0;
height:0;
background-color:transparent;
}

#head li:hover ul{
margin-top:5px;
padding:10px;
left:auto;
top:auto;
display:block;
width:auto;
height:auto;
background-color:#FFFFFF;
background-image:url(images/bgsubnav.gif);
background-position:bottom;
background-repeat:repeat-x;
border:1px solid #2f0508;
}

#head a{
color:#721215;
font-size:15px;
font-weight:normal;
text-decoration:none;
}

#head a:hover,
#head a:focus,
#head a:active {
color:#721215;
text-decoration:underline;
}

.seperator {
width:36px;
height:50px;
background-image:url(images/separator.png);
background-repeat:no-repeat;
background-position:top center;
float:left;
}

.content {
width:900px;
margin-top:10px;
margin-bottom:20px;
}

.content-inhalt {
float:left;
height:380px;
overflow-y:auto;
}

.contenttop {
width:auto;
height:13px;
background-image: url(images/contentbox-top.jpg);
background-repeat:no-repeat;
background-position:left;
}

.contentbottom {
width:auto;
height:13px;
background-image: url(images/contentbox-bottom.jpg);
background-repeat:no-repeat;
background-position:left top;
}

.contentarea {
width:auto;
background-image:url(images/contentbox-bg.png);
background-repeat:repeat-y;
background-position:left;
}

.image{
float:right;
margin-top:50px;
margin-right:132px;
z-index:100;
position:relative;
}

.content p {
width:450px;
padding-left:40px;
font-size:12px;
line-height:1.5;
color:000000;
padding-bottom:30px;
}

.content-inhalt p {
padding:10px;
font-size:13px;
line-height:1.3;
color:1b1b1b;
}

.content img{
padding-left:20px;
}

.content ul {
padding:0 0 0 40px;
font-size:12px;
color:#721215;
line-height:1.3;
}

.content li {
list-style-type:none;
margin:0;
}

.content a{
color:#721215;
font-size:12px;
font-weight:normal;
text-decoration:none;
}

.content a:hover,
.content a:focus,
.content a:active {
color:#721215;
text-decoration:underline;
}

.headline img{
padding-left: 40px;
padding-top:28px;
padding-bottom:28px;
}

#subnav {
float:left;
margin:0;
padding:0;
}

#subnav ul {
width:220px;
}

#subnav li {
list-style-type:none;
border-left:1px solid #721215;
/*border-bottom:1px solid #721215;*/
margin:0;
}

#subnav a {
display:block; /*ganze Fläche anklickbar machen*/
text-decoration:none;
color:#721215;
background-color:white;
padding:6px;
border-left:3px solid white; /*nicht sichtbar*/
}
#subnav a:hover,
#subnav a:focus,{
color:#721215;
background-color:white;
border-left-color:#721215;
border-bottom:none;
text-decoration:underline;
}
#subnav a:active {
color:white;
background-color:#721215;
}

#subnav p {
width:240px;
padding:10px;
font-size:13px;
line-height:1.3;
color:1b1b1b;
border-left:1px solid #721215;
}

.content-schmal {
float:left;
width:640px;
height:380px;
/*border-top: 1px solid #721215;*/
}

.content-schmal p {
padding:10px;
font-size:13px;
line-height:1.3;
color:1b1b1b;
}

.content-kontakt {
margin-left:30px;
float:left;
width:585px;
height:380px;
/*border-top: 1px solid #721215;*/
}

.content-kontakt p {

padding:10px;
font-size:13px;
line-height:1.3;
color:1b1b1b;
}

.content-anfahrt {
float:left;
width:430px;
height:380px;
/*border-top: 1px solid #721215;*/
}

.content-opnv {
float:left;
width:230px;
height:380px;
/*border-top: 1px solid #721215;*/
}

.content-opnv p {
padding-left:20px;
padding-top:50px;
font-size:13px;
line-height:1.3;
color:1b1b1b;
}

td.galerie img {
float: left;
padding:2px;
margin-right: 5px;
margin-bottom: 5px;
}

h2 {
color:#721215;
font-size: 19px;
font-weight:normal;
text-transform:uppercase;
padding-left: 40px;
padding-top:28px;
margin-bottom:28px;
width:480px;
/*display:block;*/
}

h3 {
color:#721215;
font-size: 18px;
font-weight:normal;
text-transform:uppercase;
padding-left:40px;
padding-bottom:10px;
/*display:block;*/
}

#fusszeile {
width:900px;
color:#808080;
font-size:11px;
text-align:left;
padding-top:80px;
padding-left:40px;
}

#fusszeile a{
color:#808080;
font-size:12px;
font-weight:normal;
text-decoration:none;
}

#fusszeile a:hover,
#fusszeile a:focus,
#fusszeile a:active {
color:#1b1b1b;
text-decoration:underline;
}

td.form {
font-size:13px;
}

input.textfeld
{
    height: 21px;
    padding: 3px;
    margin: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #721215;
    background-color: #ffffff;
}

input.textfeld:focus
{
    border-color: #721215;
    background-color: #FACC00;
}

input.textfeld:hover
{
    border-color: #000000;
}

textarea.textfeld
{
    padding: 3px;
    margin: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #721215;
    background-color: #ffffff;
}

textarea.textfeld:focus
{
    border-color: #721215;
    background-color: #FFFFFF;
}

textarea.textfeld:hover
{
    border-color: #721215;
}

.clearing {clear:both;}