html {
}

* {
padding: 0;
margin: 0;
}

body {
color: #f4d58c;
background-color: #808080;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

/* =============================
DIV-Bereiche
============================= */

#start-wrapper {
position: relative;
margin-top: 20px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
width: 990px;
height: 742px;
background-image: url(images/layout/start-hg.gif);
background-position: top left;
background-repeat: no-repeat:
background-color: #e603913;
color: #f4d58c;
border-bottom: 20px solid #808080;
}

#start-logobereich {
position: absolute;
top: 29px;
left: 29px;
width: 932px;
height: 450px;
}

#start-logobereich img {
border: none;
}

#start-textbereich {
position: absolute;
top: 479px;
left: 49px;
width: 892px;
height: 215px;
/*line-height: 15px;*/
text-align: center;
overflow: auto;
}

#wrapper {
position: relative;
margin-top: 20px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
width: 990px;
height: 812px;
background-image: url(images/layout/seiten-hg.gif);
background-position: top left;
background-repeat: no-repeat:
background-color: #e603913;
color: #f4d58c;
border-bottom: 20px solid #808080;
}

#navibereich {
position: absolute;
top: 198px;
left: 285px;
width: 625px;
height: 12px;
padding: 4px 0 6px 0;
text-align: left;
}

#navibereich ul {
margin: 0;
}

#navibereich li {
display: inline;
list-style-type: none;
margin: 0;
}

#navibereich a {
color: #f78f28;
font-weight: bold;
text-decoration: none;
padding: 0 8px 0 0;
}

#navibereich a:active {
text-decoration: none;
}

#navibereich a:hover, #navibereich li.aktiv a {
color: #f4d58c;
text-decoration: none;
}

#subnavibereich {
position: absolute;
top: 250px;
left: 140px;
width: 135px;
padding: 0;
text-align: left;
}

#subnavibereich ul {
margin: 0;
}

#subnavibereich li {
list-style-type: none;
margin: 0;
padding-bottom: 10px;
}

#subnavibereich a {
color: #f78f28;
text-decoration: none;
}

#subnavibereich a:active {
text-decoration: none;
}

#subnavibereich a:hover, #subnavibereich a.aktiv {
color: #f4d58c;
text-decoration: none;
}

#textbereich {
position: absolute;
top: 250px;
left: 285px;
width: 625px;
height: 500px;
padding-right: 15px;
/*line-height: 15px;*/
overflow: auto;
}

.bildlinks {
float: left;
margin-bottom: 5px;
margin-left: 5px;
display: inline;
}

.bildrechts {
float: right;
margin-bottom: 5px;
margin-left: 5px;
display: inline;
}

.csc-textpic-caption {
font-size: 10px;
}

/* =============================
Allgemeine HTML-Elemente
============================= */

#start-textbereich h1 {
font-size: 13px;
color: #f4d58c;
margin-bottom: 1em;
}

h1 {
font-size: 13px;
color: #f78f28;
margin-bottom: 1em;
}

h2 {
font-size: 12px;
color: #f78f28;
margin-bottom: 1em;
}

h3 {
font-size: 12px;
color: #f78f28;
margin-bottom: 1em;
}

a {
text-decoration: underline;
outline: none;
}

a:link {
color: #f4d58c;
}

a:visited {
color: #f4d58c;
}

a:hover {
color: #f78f28;
}

a:active {
color: #f78f28;
}

p, ul {
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
}

ul ul {
margin: 0;
}

li {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 1em;
}

/* =============================
Formulare
============================= */

label {
display: block;
float: left;
width: 150px;
font-size: 90%;
}

form {
margin-top: 1em;
}

form div.error {
color: #050505;
font-weight: bold;
}

input {
border: 1px solid #9e9e9e;
margin-bottom: 0.5em;
width: 300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

textarea {
border: 1px solid #9e9e9e;
margin-bottom: 0.5em;
width: 300px;
height: 4em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

input[type="submit"] {
margin-top: 1em;
margin-bottom: 1em;
width: 150px;
margin-left: 150px;
}

fieldset.csc-mailform {
border: 0;
}

.csc-mailform-check {
border: none;
margin-bottom: 0.5em;
width: 20px;
}

#mailformAngebot {
margin-bottom: 0.5em;
width: 300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}