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;}


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;}
p {padding:10px 0;}
ul {padding:9px 0 10px 0px}
li {padding:4px 0px;}
/* e) Komponenten auf der Anbieter-Detail Seite */

.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; }

.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;width:520px;} /* 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:326px; position:relative; top:-7px; margin-bottom:20px;}
.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:98px; font-weight:bold; padding:15px 0 10px 28px; position:relative;}
#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 { margin-bottom:-110px; }


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