body {
        margin: 0px;
        padding: 0px;
  background-color: #383635;
        color: #555;
        font: 12px/160% Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
        text-align: center;
        }

/* Reset margin and padding for all elements */

* {margin: 0; padding: 0;}

#header {background-color: #fff; text-align:center; border-right:1px solid #888686; border-left:1px solid #888686; width: 798px; padding-bottom:15px;}

hr {color:#CA000E;margin: 20px 0;}
span.preis {color: #CC0000;
font-size: 1.3em;
font-weight: bold;
left: 458px;
position: relative;
top: 30px;}
#footerlinks a {color:#bbb;}

img {border:0px;}

/* 3: PAGE STRUCTURE
============================================================================ */

/* a) Shared components for all pages */

#wrapper {width: 800px; margin: 0 auto; text-align: left;  }

#ubercontent { background: transparent url(/pix/kopf.gif) no-repeat; width: 800px; height:10px; margin-top: 40px; background-color:#fff;} /* <====== */
#content { background-image: url(/pix/bar.gif); background-repeat: repeat-x; background-position:0px 0px; border-right:1px solid #888686; border-left:1px solid #888686; width: 798px; padding: 0px; padding-top: 65px; background-color:#fff;} /* <====== */
#contentende {width: 100%; height:71px; margin: 0px; padding:0px;} /* <====== */
#untercontent { background-image: url(/pix/fuss.gif); background-repeat:no-repeat; width: 800px; height:10px; background-color:#fff;} /* <====== */

.mittetext {text-align: center; color:#fff; font-size:14px; margin-top:40px; margin-bottom:50px;letter-spacing: 2px; font-weight:bold;}
h2 {font: 1.8em Georgia, Times, serif; margin-bottom: 0.5em; margin-top: 10px; color:#CA000E;}
h3 {font: 1.4em Georgia, Times, serif; margin-bottom: 0.5em; margin-top: 10px; color:#CA000E;}
p {padding:10px 0;}
ul {padding:9px 0 10px 0px}
li {padding:4px 0px;}
/* e) Komponenten auf der Anbieter-Detail Seite */

#fernwartung {display:inline-block;left: 42px;position: relative;}
#fernwartung:hover {background:none !important;}
#durchwahl {
position: relative;
top: -55px;
left: 250px;
background:none !important; 
text-decoration:none !important;}
#linkseite {width:200px;}
#schaufenster {
	margin: 15px 0;/*
	border:8px solid #fff;
	box-shadow:0px 0px 8px #bbb;
	-moz-box-shadow:0px 0px 8px #bbb;
	-webkit-box-shadow:0px 0px 8px #bbb;
*/
	/*IE DOES NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}
#formkopf {width:140px; display: inline-block;margin-top:22px;}
#formbody {
width: 184px;
padding-bottom: 8px;
margin-top: -8px;
background: #E8E8E8; /* old browsers */
background: -moz-linear-gradient(top, #E8E8E8 0%, #D6D6D6 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E8E8E8), color-stop(100%,#D6D6D6)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E8E8E8', endColorstr='#D6D6D6',GradientType=0 ); /* ie */
background: -o-linear-gradient(top, #E8E8E8 0%, #D6D6D6 100%); /* opera */
border-bottom:3px solid #6f0e08; border-left:3px solid #6f0e08; border-right:3px solid #6f0e08;
-webkit-border-radius: 0px 0px 4px 4px;-moz-border-radius: 0px 0px 4px 4px;border-radius: 0px 0px 4px 4px;
}
#formlink {color:#4f4d4c !important; background:none !important; margin-left: 7px;}
#formlink:hover {color:#000 !important; text-decoration:underline; }
.formgo {
color: #fff;
width: 162px;
height: 28px;
margin: 0 5%;
background: #93221B; /* 
background: -moz-linear-gradient(top, #93221B 0%, #710F09 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93221B), color-stop(100%,#710F09));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93221B', endColorstr='#710F09',GradientType=0 );
background: -o-linear-gradient(top, #93221B 0%,#710F09 100%); */
}

.mc-field-group input{color: #676767 !important;}


.randabstand {
        margin: 5px 40px;
        /*border: 1px solid #ddd;*/
        }

.logo1 {margin:20px 15px 15px 0;}
.logo2 {margin:0 15px 20px 0;}

/* e) Clear floats */

.clear {clear: both;}

.clearall {
        display: block;
        clear: both;
        height: 1px;
        margin: 0;
        font-size: 1px;
        line-height: 1px;
        }

a.weiss {color:#fff; text-decoration:none;}
a:hover.weiss {color:#fff;}
a:focus.weiss {outline:none;}

#content a, #content a:visited {color:#CA000E; text-decoration:underline; background:#fff; padding:4px;}
#content a:hover, #content a:active {color:#fff; background:#CA000E; padding:4px; text-decoration:none;}
#content a:active,#content a:focus { /*outline:expression(hideFocus='true');*/ outline:none; }
#startangebot a {background:none !important;}

.partner a, .partner a:hover {padding:0px !important; text-decoration:none !important; background:#fff !important;}

#navigat {list-style-type:none; width:190px; padding:0px !important; }
#navigat li {background:#6f0e08; border-bottom:1px #871811 solid; padding:0px !important;}
#navigat a {display:block; padding:8px 0 8px 45px !important; font-size:1.2em; letter-spacing: 1px; background-color:transparent !important; text-decoration:none !important; color:#fff !important;}
#navigat a:hover {text-decoration:underline !important; background: #871811 url(/pix/pfeil.gif) no-repeat 18px 10px !important;}
#navigat a:active, #navigat a:focus {/* outline:expression(hideFocus='true');*/ outline:0; }

#navunterteil {background: url(/pix/navunten.png) no-repeat; height:266px; width:180px; padding:1px 0 0 10px; font-size:11px; line-height:1.5em;}
#navunterteil h4 {text-decoration:underline; margin:18px 0 6px; font-size:12px;}

#whitestripe {background: url(/pix/whitestripe.gif) no-repeat; z-index:999; display:block; height:15px; position:relative; left:0px; top:-11px; width:195px;}


.zwoelf {font-size: 12px;}
.vierzehn {font-size: 14px;}
.sechzehn {font-size: 16px;}
.achtzehn {font-size: 18px;}

#navigation img {padding:0px !important; margin:0px !important;}

div#umschlossen{width:749px; padding:0 25px} /* Breite Spalte */
div#spalte{float:right;padding-right: 10px; width: 510px;} /* Breite Spalte */
div#navigation{float:left; background: #6F0E08;}
div#extra{float:left; clear:left; width:180px; margin-left:15px; }

#spalte ul{padding-left:30px;}

/*Für Startseite*/
div#homemitte{float:left;width:380px;} /* Breite Artikelteil */
div#homespalte{float:right;width:300px; margin-right:10px;} /* Breite Spalte */

.uebersch a:hover, .autor a:hover {border-bottom-width: 1px;}
.uebersch a:link, .uebersch a:visited, .autor a:link, .autor a:visited {border-bottom-width: 0;}

a img {border: none;}

#spalte ul {list-style-type: none;}
#spalte ul li {background: url(/pix/punkt.gif) no-repeat 0px 12px; padding-left:12px;}

fieldset {
        margin-bottom: 20px;
        padding: 0px;
        border: 4px solid #c4e3ff;
        border-width: 0 0 0px;

        }

fieldset.last {padding: 0; border: 0;}
legend, h3.green {
        padding: 5px 0 15px;
        color: #93bb3a;
        font-size: 13px;
        font-weight: bold;
        font-family: Verdana, Arial, sans-serif;
        }
label {
        color: #4d5762;
        font-size: 11px;
        font-family: Arial, Verdana, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        }
label span {color: #000;}
label span.required, .required {color: #f00;}
label.alt {
        color: #555;
        font-size: 12px;
        font-weight: normal;
        text-transform: none;
        }
fieldset.submit {
   width: 320px;
   margin: 40px 0 20px;
   padding: 30px 20px;
        border: 1px solid #c4e3ff;
        border-width: 4px 0 1px;
   background: #e1f1ff url(/images/bglistbox.gif) repeat-x;
   }
input.textfield, textarea {
        width: 240px;
        padding: 4px;
        border: 2px solid #ddd;
        color: #777;
        background: #f9f9f9;
        font-size: 120%;
        font-family: Verdana, Arial, sans-serif;
        }
textarea {font-size: 120%;}
tr.alt textarea {
        width: 350px;
        color: #00f;
        font-size: 90%;
        font-family: Monaco, Courier, 'Courier New', sans-serif;
        }
input.submitbutton {padding: 3px;}
input.textfield:focus, textarea:focus {border: 2px solid #9fd2ff; color: #333;}


/* Error Felder */
div.box  {
        background: #FFC9C9;
        border: 1px solid #E73E3E;
        margin-left: 50px;
        margin-top: 16px;
        width: 25em;
}

div.box_header {
        background: #E73E3E;
        color: #ffffff;
        padding: 2px 8px 2px 8px;
        font-weight: bold;
}

div.box_content {
        margin: 0px;
        padding: 8px;
        font-size: 10pt;
}

div.boxerfolg  {
        background: #DEF0D8;
        border: 1px solid #77C460;
        margin-left: 50px;
        margin-top: 16px;
        margin-bottom: 20px;
        width: 25em;
}

div.box_headererfolg {
        background: #77C460;
        color: #ffffff;
        padding: 2px 8px 2px 8px;
        font-weight: bold;
}


.angebot {background: url(/pix/angebote.png) no-repeat; margin:30px 0 58px; }
.angebot h3 {color: #fff; font-size: 1.25em; font-family: Verdana, Arial, sans-serif; padding:7px 0 0 14px;}
.angebot h4 {color: #fff; font-size: 1.1em; font-family: Verdana, Arial, sans-serif; position:relative; left:318px; position:relative; top:-10px; margin-bottom:20px;width: 178px;text-align:right;}
.angebot img {float:left; padding-right:16px;}
.angebot a.bildlink, .angebot a.bildlink:hover {padding:0px !important; text-decoration:none !important; background:#fff !important;}

#startangebot {background: url(/pix/startangebot.png) no-repeat; color:#6f0e08; height:110px; font-weight:bold; padding:15px 0 10px 28px; position:relative;margin-bottom: 16px;}
#startangebot a.anlink, #startangebot a.anlink:hover {padding:0px !important; text-decoration:underline !important; background:transparent !important;}
#startangebot a.anlink:hover {color:#6f0e08 !important;}
#startangebot p {display:inline;}
#anstbi { position:relative; left:424px; top:-120px; padding:0px !important; text-decoration:underline !important; background:transparent !important;}
.startimg { float: right;margin-right: 18px;padding-left: 5px;}

.footer a:visited, .footer a:hover, .footer a:link{color:#ffffff;background:none;}
.footer {color:#ffffff;background:none;}

fieldset div.mce_inline_error {margin:1em 0;  padding:1em .5em .5em 0; font-weight:bold; z-index:1; color:#D12F19; font-weight:bold; position:relative; top:-1.5em;}
