@charset "utf-8";


/* ----------------- Body ---------------- */

* {
margin: 0;
padding: 0;
}

img {
	border: none;
}

body {
background: #B57631 url(../images/layout/background.jpg) 0 0 repeat-x;
font: 0.8em Arial, Helvetica, sans-serif;
color: #333;
line-height: 1.6em;
margin: 0 auto auto 0;
}

p {
margin: 0 0 15px 0;
}

h1 {
font-size: 1.6em;
color: #646464;
font-weight: normal;
padding: 55px 0 0 25px;
}

h2 {
font-size: 0.9em;
color: #9b9b9b;
font-weight: normal;
padding-left: 44px;
}

h3 {
font-size: 1.6em;
font-variant: small-caps;
color: #9b9b9b;
font-weight: normal;
float: left;
margin: -25px 0 0 0;
}

.red {
color: #D5262B;
}

.grey {
color: #6B6B6B;
}

.bilder {
border: 1px solid #6B6B6B;
margin: 0 10px 0 0;
padding: 2px;
}

/* ----------------- Container ---------------- */

#container {
width: 935px;
background-repeat: repeat-y;
background-color: #fff;
}

/* ----------------- Left ---------------- */

#left {
background: url(../images/layout/left.jpg) 0 0 no-repeat;
width: 289px;
height: 572px;
float: left;
font-size: 0.1em;
color: #fff;
}

/* ----------------- Right ---------------- */

#right {
width: 646px;
float: left;
}

/* ----------------- Logo ---------------- */

#logo {
background: url(../images/layout/logo.gif) 0 0 no-repeat;
width: 646px;
height: 120px;
}

/* ----------------- Content ---------------- */

#content {
background: url(../images/layout/content.jpg) 0 0 no-repeat;
width: 646px;
height: 452px;
}

#content_clear {
float: none;
clear: both;
}

/* ----------------- Navi ---------------- */

#navi {
width: 150px;
float: left;
padding: 8px 0 0 23px;
line-height: 3.3em;
float: left;
}

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

#navi ul li {
width: 170px;
list-style-type: none;
display: block;
}

#navi ul li a:link, #navi ul li a:visited {
text-transform: uppercase;
font-weight: normal;
display: block;
text-decoration: none;
color: #fff;
}

#navi ul li a:hover, #navi ul li a.navi_active {
text-transform: uppercase;
font-weight: bold;
display: block;
text-decoration: none;
color: #fff;
}

/* ----------------- Anschrift ---------------- */

#anschrift {
margin: 30px 0 0 -15px;
padding-top: 10px;
float: left;
line-height: 0.5em;
font-size: 0.9em;
}

#anschrift a {
color: #b4b4b4;
text-decoration: none;
}

#anschrift a:hover {
color: #828282;
text-decoration: none;
}

/* ----------------- Subnavi ---------------- */

#subnav {
width: 160px;
margin: 0 0 0 310px;
font-size: 0.1em;
color: #fff;
float: left;
}

#subnav ul {
list-style-type: none;
}

#subnav ul li {
float: left;
}

#subnav ul li a:link, #subnav ul li a:visited, #subnav ul li a:hover, #subnav ul li a:active {
margin: 0;
text-decoration: none;
display: block;
color: #fff;
}

#subnav ul li a.index:link, #subnav ul li a.index:visited, #subnav ul li a.index:hover, #subnav ul li a.indexActive {
background: url(../images/layout/subnav/home.jpg) 0 0 no-repeat;
width: 36px;
height: 41px;
}

#subnav ul li a.kontakt:link, #subnav ul li a.kontakt:visited, #subnav ul li a.kontakt:hover, #subnav ul li a.kontaktActive {
background: url(../images/layout/subnav/kontakt.jpg) 0 0 no-repeat;
width: 36px;
height: 41px;
}

#subnav ul li a.anfahrt:link, #subnav ul li a.anfahrt:visited, #subnav ul li a.anfahrt:hover, #subnav ul li a.anfahrtActive {
background: url(../images/layout/subnav/anfahrt.jpg) 0 0 no-repeat;
width: 36px;
height: 41px;
}

#subnav ul li a.impressum:link, #subnav ul li a.impressum:visited, #subnav ul li a.impressum:hover, #subnav ul li a.impressumActive {
background: url(../images/layout/subnav/impressum.jpg) 0 0 no-repeat;
width: 36px;
height: 41px;
}

/* ----------------- Inhalt ---------------- */

#inhalt {
width: 430px;
height: 330px;
float: left;
padding: 30px 0 0 20px;
}

#inhalt a {
color: #000;
text-decoration: underline;
}

#inhalt a:hover {
color: #D5262B;
text-decoration: none;
}

ul.inhalt {
margin: 0 auto;
list-style-type: none;
}

ul.inhalt li {
background: url(../images/required.png) 0 3px no-repeat;
list-style-type: none;
padding-left: 20px;
}

#skip {
width: 100px;
height: 30px;
float: left;
text-align: right;
padding: 0 0 0 520px;
}

#skip a {
color: #333;
text-decoration: none;
}

#skip a:hover {
color: #fff;
text-decoration: none;
background-color: #333;
}

#clear {
float: none;
clear: both;
}

/* ----------------- Subnavi Footer ---------------- */

#footer {
background: url(../images/layout/footer.jpg) 0 0 repeat-x;
height: 57px;
width: 100%;
}

#footer ul {
list-style-type: none;
padding: 20px 0 0 300px;
}

#footer ul li {
float: left;
font-size: 0.9em;
}

#footer ul li a, #footer ul li a:hover {
margin: 0;
text-decoration: none;
display: block;
color: #fff;
}

#footer span {
padding: 0 10px 0 10px;
color: #fff;
}