
/********************************** Bereiche der Website ***********************************/

body{
color: #000;
background-color: #E1DFCA;
background-image: url('resources/body.jpg');
background-repeat: repeat-x;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 76%;
}

* {
margin: 0;
padding: 0;
font-size: 1em;
border: none;
}

#BORDER {
width: 1000px;
margin-left: auto;
margin-right: auto;
}

#HEADER {
float: left;
clear: both;
background-color: #fff;
width: 1000px;
height: 110px;
}

#MIDDLE {
float: left;
clear: both;
background-color: #fff;
width: 1000px;
min-height: 500px;
height: auto !important;
height: 500px;
padding-bottom: 10px;
background-image: url('resources/middle.jpg');
background-repeat: repeat-y;
}

#LOGO {
float: right;
}

#CONTROLS {
float: left;
font-size: 0.8em;
}

#FOOTER {
font-size: 0.8em;
float: left;
clear: both;
width: 1000px;
height: 40px;
background-image: url('resources/footer.jpg');
background-repeat: repeat-x;
}

#FOOTERMENU {
float: left;
clear: both;
padding-top: 5px;
background-image: url('resources/footer_left.jpg');
background-repeat: no-repeat;
}

#MAINMENU {
float: left;
clear: both;
width: 1000px;
height: 60px;
background-color: #B91722;
border-bottom: 1px solid #fff;
}

#SUBMENU {
float: left;
clear: both;
width: 243px;
}

#SUBMENU a img {
float: left;
clear: both;
margin-bottom: 2px;
}

#PROMOTION {
float: left;
clear: both;
width: 757px;
}

#PROMOTION .standard {
float: left;
clear: both;
width: 757px;
margin-bottom: 0px;
margin-top: 0px;
}

#PROMOTION .csc-textpic, #PROMOTION csc-textpic-imagewrap, #PROMOTION .csc-textpic-image, #PROMOTION img {
float: left;
clear: both;
}

#LEFTCOLUMN {
float: left;
width: 243px;
}

#RIGHTCOLUMN {
float: right;
width: 757px;
}

#SUBCONTENT {
width: 203px;
float: left;
clear: both;
padding: 20px;
background-image: url('resources/submenu_bottom.jpg');
background-repeat: no-repeat;
min-height: 60px;
height: auto !important;
height: 60px;
}

#SUBCONTENT .standard {
float: left;
clear: both;
width: 243px;
margin-bottom: 10px;
}

#HIGHLIGHT {
float: left;
width: 244px;
overflow: hidden;
}

#HIGHLIGHT .standard {
float: left;
clear: both;
display: inline;
width: 224px;
margin-left: 10px;
margin-right: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #BFBB91;
}

#HIGHLIGHT .standard p {
margin-bottom: 3px;
}

#HIGHLIGHT .frame-2 {
float: left;
clear: both;
width: 244px;
}

#HIGHLIGHT .standard img {
margin-top: 10px;
margin-bottom: 10px;
}

#HIGHLIGHT .csc-textpic, #HIGHLIGHT csc-textpic-imagewrap, #HIGHLIGHT .csc-textpic-image, #HIGHLIGHT img, #HIGHLIGHT .csc-textpic-caption {
float: left;
clear: both;
}

#CONTENT {
float: right;
width: 513px;
overflow: hidden;
}

#CONTENT .standard {
float: left;
clear: both;
width: 513px;
margin: 0px 0px 10px 0px;
}

.clear {
float: left;
clear: both;
}

/******************************** allgemeine Einstellungen *********************************/

small {
font-size: 0.8em;
}

h1,h2,h3,h4,h5,h6 {
margin-top: 0px;
margin-bottom: 0.5em;
}

#CONTENT .csc-firstHeader {
padding-top: 20px;
}

#HIGHLIGHT h1, #HIGHLIGHT h2, #HIGHLIGHT h3 {
padding-top: 20px;
}

.csc-textpic-intext-left-nowrap h1 {
margin-top: 0em;
margin-bottom: 0.5em;
}

#CONTENT h1 {
font-size: 1.8em;
padding-left: 10px;
padding-right: 10px;
color: #B91722;
}

#HIGHLIGHT h1 {
font-size: 1em;
padding-left: 0px;
padding-right: 0px;
color: #333;
}

#CONTENT h2 {
font-size: 1.5em;
padding-left: 10px;
padding-right: 10px;
color: #333;
}

#HIGHLIGHT h2 {
font-size: 1em;
padding-left: 0px;
padding-right: 0px;
color: #333;
}

#CONTENT h3 {
font-size: 1.3em;
padding-left: 10px;
padding-right: 10px;
color: #333;
}

#HIGHLIGHT h3 {
font-size: 1em;
padding-left: 0px;
padding-right: 0px;
color: #333;
}

#CONTENT h4 {
padding-left: 10px;
padding-right: 10px;
color: #333;
}

#HIGHLIGHT h4 {
padding-left: 0px;
padding-right: 0px;
color: #333;
}

#CONTENT p {
color: #333;
line-height: 1.3em;
padding-left: 10px;
padding-right: 10px;
}

#HIGHLIGHT p {
color: #333;
font-size: 0.9em;
line-height: 1.3em;
padding-left: 0px;
padding-right: 0px;
}

#HIGHLIGHT .frame-1 p {
padding-left: 10px;
padding-right: 10px;
}

#HIGHLIGHT .csc-textpic-caption {
padding-top: 5px;
}

#SUBCONTENT h1 {
font-size: 1.1em;
color: #333;
}

#SUBCONTENT p {
font-size: 0.9em;
}

#CONTENT .standard .csc-textpic {
padding-left: 10px;
padding-right: 10px;
}

li {
padding-left: 30px;
padding-right: 10px;
padding-bottom: 8px;
list-style: none;
background-image: url('resources/dot.jpg');
background-repeat: no-repeat;
background-position: 10px 6px;
}

a:link, a:visited, a:hover {
color: #B61922;
text-decoration: none;
}

#CONTENT .contenttable {
width: 493px!important;
margin: 0px 10px 0px 10px;
float: left;
clear: both;
border: 0;
border-collapse: collapse;
}

* html #CONTENT .contenttable {
display: inline;
}

#HIGHLIGHT .contenttable {
width: 224px;
float: left;
clear: both;
border: 0;
border-collapse: collapse;
}

td {
font-size: 0.9em;
padding: 4px 4px 4px 0px;
vertical-align: top;
border-bottom: 1px solid #B1AF9F;
}

.tr-last td {
border-bottom: none;
}

.contenttable-0 .td-0 {
font-weight: bold;
}

form, input, textarea, label {
font-size: 12px;
}

#CONTENT form {
width: 493px;
margin: 0px 10px 0px 10px;
float: left;
clear: both;
display: inline;
}

#HIGHLIGHT form {
width: 224px;
float: left;
clear: both;
}

#CONTENT .csc-mailform-field {
float: left;
clear: both;
width: 493px;
padding-top: 3px;
padding-bottom: 3px;
}

#HIGHLIGHT .csc-mailform-field {
float: left;
clear: both;
width: 224px;
padding-top: 3px;
padding-bottom: 3px;
}

#CONTENT .radiowrap fieldset {
float: left;
width: 336px;
}

#HIGHLIGHT .radiowrap fieldset {
float: left;
clear: both;
width: 224px;
}

#CONTENT label {
width: 151px;
float: left;
}

#HIGHLIGHT label {
width: 224px;
float: left;
clear: both;
padding-bottom: 2px;
}

#CONTENT .checkwrap label, #CONTENT .radiowrap fieldset label {
float: left;
clear: none;
width: 312px;
}

#HIGHLIGHT .checkwrap label, #HIGHLIGHT .radiowrap fieldset label {
clear: none;
width: 200px;
}

#CONTENT .placeholder {
width: 151px;
float: left;
height: 10px;
}

#CONTENT .forminput {
width: 336px;
}

#HIGHLIGHT .forminput {
width: 218px;
clear: both;
}

#CONTENT .formtext {
width: 336px;
}

#HIGHLIGHT .formtext {
width: 218px;
clear: both;
}

.forminput {
float: left;
padding: 2px;
border: 1px solid #B1AF9F;
}

.formtext {
float: left;
padding: 2px;
border: 1px solid #B1AF9F;
}

#CONTENT select {
float: left;
width: 342px;
border: 1px solid #B1AF9F;
}

#CONTENT option {
float: left;
padding: 0px 2px 0px 2px;
width: 317px;
clear: both;
}

#HIGHLIGHT select {
float: left;
clear: both;
width: 224px;
border: 1px solid #B1AF9F;
}

#HIGHLIGHT option {
float: left;
padding: 0px 2px 0px 2px;
width: 195px;
clear: both;
}

#CONTENT .formsubmit {
width: 493px;
float: left;
clear: both;
border: 1px outset #B1AF9F;
padding: 0px;
margin: 0px;
}

#HIGHLIGHT .formsubmit {
width: 224px;
float: left;
clear: both;
border: 1px outset #B1AF9F;
padding: 0px;
margin: 0px;
}

.csc-mailform-check {
float: left;
width: 14px;
height: 14px;
margin-right: 10px;
}

.csc-textpic-text {
padding-top: 10px;
float: left;
}

.csc-mailform-radio {
float: left;
clear: none;
width: 14px;
height: 14px;
margin-right: 10px;
}

#map {
float: left;
clear: both;
width: 757px;
}

embed, .tx-rlmpflashdetection-pi1 {
float: left;
clear: both;
}

#HIGHLIGHT .csc-uploads {
float: left;
clear: both;
width: 224px;
}

#HIGHLIGHT .uploads-image img {
margin: 0px;
}

#HIGHLIGHT .uploads-image {
float: left;
width: 50px;
padding-right: 10px;
margin-bottom: 10px;
}

#HIGHLIGHT .uploads-description {
float: right;
width: 164px;
margin-bottom: 10px;
}

#CONTENT .csc-uploads {
float: left;
clear: both;
width: 450px;
padding-left: 10px;
}

#CONTENT .uploads-image img {
margin: 0px;
}

#CONTENT .uploads-image {
float: left;
width: 30px;
padding-right: 10px;
margin-bottom: 10px;
}

#CONTENT .uploads-description {
float: right;
width: 410px;
margin-bottom: 10px;
}

#HIGHLIGHT .vcard{
float: left;
clear: both;
display: inline;
width: 224px;
margin-left: 10px;
margin-right: 10px;
padding-top: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #BFBB91;
}

.vcard .abteilung {
float: left;
clear: both;
}

.vcard .tel {
float: left;
clear: both;
background-image: url('resources/phone.gif');
background-repeat: no-repeat;
padding-left: 21px;
background-position: 0px 0px;
}

.vcard .vCardIcon {
margin-right: 5px;
}

/****************************************** Menüs *******************************************/

.menu-item {
color: #7B7B7B;
float: left;
padding: 5px 0px 5px 0px;
}

.menu-separator {
color: #7B7B7B;
float: left;
padding: 5px 10px 5px 10px;
}

.menu-item a:link, .menu-item a:visited {
color: #7B7B7B;
text-decoration: none;
}

.menu-item a:hover {
color: #000;
text-decoration: none;
}

