/* CSS Print Document */

/* ---------- Anfang Allgemeine Einstellungen fuer die ganze Site ------------ */
body {
background-color: #ffffff; 
margin: 0px;
padding: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000000;
margin: 0 5%;
}
.clearer {
clear: both;
height: 0;
line-height: 0;
font-size: 1%;
}
.highlight {
font-weight: bold;
}
a:link, a:visited {
color: #520;
font-weight: bold;
text-decoration: underline;
}

.alignleft {
}
.alignright {
}

/* ---------- Ende Allgemeine Einstellungen fuer die ganze Site ------------ */


/* ------------------------ Anfang Seiten-Container ------------------------ */
#outerpagewrapper {
width:100%;
}
#innerpagewrapper {
width:100%;

}
/* ------------------------ Ende Seiten-Container ------------------------ */
/* ------------------------ Anfang Header ------------------------ */
#header {
width:100%;
border-bottom: 1px solid #000000;
}
table#headertable {
width: 100%;
border-collapse: collapse;
border: none;
}
td#logospalte {
display:none !important;
}
td#logospalte img {
display:none !important;
}
td#titelspalte {
padding: 0px 0px 15px 0px;
text-align: center;
vertical-align: middle;
}
#titelspalte h1 {
padding: 3pt 0;
margin: 0;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 11pt;
letter-spacing: 3pt;
}
#titelspalte h2 {
border: none;
padding: 0;
margin: 0;
font-size: 9pt;
font-weight: bold;
letter-spacing: 2px;
}
#titelspalte h2 span {
letter-spacing: 3pt;
}
td#extrasspalte {
display:none !important;
}
/* ------------------------ Ende Header ------------------------ */
/* ------------------------ Anfang Header schmal ------------------------ */
#headerschmal {
width:100%;
border-bottom: 1px solid #000000;
}

#headerschmal h1 {
padding: 0;
margin: 0;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 9pt;
font-weight:bold;
letter-spacing: 2px;
text-align:center;
}
#headerschmal h1 span {
padding: 0 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#headerschmal h2 {
padding: 0;
margin:0;
font-size: 9pt;
font-weight: bold;
letter-spacing: 2px;
text-align:center;
}
/* ------------------------ Ende Header schmal ------------------------ */
/* ------------------------ Anfang horizontale Firmen-Infobox ------------------------ */
div#firmeninfo {
width:100%;
border-bottom: 1px solid #000000;
padding: 5px 0px;
margin:0;
}
div#firmeninfofloat1 {
}
div#firmeninfofloat1 p {
float:none  !important;
font-size: 9pt;
text-align: center;
padding: 0;
margin: 0;
}
div#firmeninfofloat2 {
}
div#firmeninfofloat2 p {
float:none  !important;
font-size: 9pt;
text-align: center;
padding: 0;
margin: 0;
}
/* ------------------------ Ende horizontale Firmen-Infobox ------------------------ */
/* ------------------------ Anfang horizontale Navigation ------------------------ */
div#horizontalmenu {
display:none !important;
}
/* ------------------------ Ende horizontale Navigation ------------------------ */
/* ------------------------ Anfang Breadcrumb Navigation - im Moment nur optischer Trenner ------------------------ */
#breadcrumb {
display:none !important;
}
/* ------------------------ Ende Breadcrumb Navigation - im Moment nur optischer Trenner ------------------------ */
/* ------------------------ Start des Grundlayouts Mittelbereiches ------------------------ */
#allcontent {
width: 100%;
}
#navigation {
display:none;
}
#content {
width: 100%;
}
#contentmargin {
width: 100%;
}
#extras {
display:none !important;
}
/* ------------------------ Ende des Grundlayouts des Mittelbereiches ------------------------ */
/* ------------------------ Anfang des Content Bereichs ------------------------ */
/* Anfang der aktuellen Seite */
div#aktuelleseite {
padding: 3px 0;
border-bottom: 1px solid #000000;
margin-bottom: 20px;
font-weight: bold;
font-size: 9pt;
text-align:center;
letter-spacing: 4px;
}
div#aktuelleseite span {
font-weight:bold;
}
/* Ende der aktuellen Seite */

/* -------------------------- Anfang der Shop Box --------------------------- */
div#shopboxwrapper {
position: relative;
width: 100%;
padding: 10px;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
}
div#shopbox {
width: 100%;
}
div#hoehenspanner img {
display:none !important;
}
div#shopboxtext {
}
div#shopboxtextinhalt {
font-size: 9pt;
padding: 0 0 5px 0;
}
div#shopboxtextinhalt a {
color: #000;
text-decoration: none;
}

div#shopboxtitel {
font-size: 9pt;
margin: 0; 
padding: 3px 10px;
border-bottom: 1px solid #000;
position: absolute; 
width:100%;
top: -20px; left: 0px;
}
div#shopboxtitel a {
padding: 3px;
color: #520;
font-weight:bold;
text-decoration: underline;
}

div#shopboxzusatz {
font-size: 9pt; 
padding-top:3px;
margin-left:10px;
margin-bottom:20px;
}
/* -------------------------- Ende der Shop Box --------------------------- */
/* ------------------ Anfang der Angebots - Bildergalerie ------------------------ */
div#galeriewrapper2 {
padding: 0 5px 5px 5px;
margin-bottom:20px;
width: 100%; 
}
div#galeriewrapper {
width: 100%; 
}
.galeriebildundtextwrapper {
float: left;
width: 96px;
}
.galeriebildwrapper {
width: 90px;
padding: 5px 3px 0px 3px;
}
.galeriebild {
width: 82px;
height:82px;
padding:3px;
border: 1px solid;
border-color: #AAA #888 #888 #AAA;
}
.galeriebild img {
width: 80px;
height: 80px;
border: 1px solid;
border-color: #888 #AAA #AAA #888;
}
.galerietext {
font-size: 9pt;
width: 90px;
text-align: center;
padding: 5px 0;
/* border-bottom: 5px solid #ccffff; */
margin: 0px 3px 0px 3px;
background-color: #666699;
color: #ffffff;
}
/* ------------------ Ende der Angebots - Bildergalerie ------------------------ */
/* ------------------ Anfang der Shoprubriken - Galerie ------------------------ */
div#shoprubrikenwrapper {
width:auto;
/* width: 544px;  4 x 90 + 8 x 23 = 544; */
padding-top: 10px;
margin: 0 3px;
margin-bottom:20px;
/* background-color: #ccffff; */
background-color:#ffffff;
}
.shoprubrikenbildundtextwrapper {
float: left;
width: 136px;
}
.shoprubrikenbildwrapper {
width: 90px;
padding: 0px 23px;
}
.shoprubrikenbild {
width: 82px;
height:82px;
padding:3px;
border: 1px solid;
border-color: #AAA #444 #444 #AAA;
background-color: #ffffff;
}
.shoprubrikenbild img {
width: 80px;
height: 80px;
border: 1px solid;
border-color: #444 #AAA #AAA #444;
}
.shoprubrikentext {
font-weight: bold;
font-size: 9pt;
width: 136px;
text-align: center;
padding: 5px 0px 10px 0px;
}
/* ------------------ Ende der Shoprubriken - Galerie ------------------------ */

/* ************************* Anfang der Boxen ************************* */
/* ------------------------ Anfang der breiten Box ---------------------------- */
.breite_box {
width:auto;
margin: 0 0 15px 0;
}
.breite_box h2 {
padding: 3px 10px;
border-bottom: 1px solid #000;
margin: 0px;
margin-bottom: 3px;
font-size: 9pt;
}
.breite_box .aussen {
width: auto;
padding: 10px 10px 10px 10px;
}
.breite_box .innen {
width: auto;
}
.breite_box p {
padding: 0px;
margin: 0 0 10px 0;
font-size: 9pt;
}
/* ------------------------ Ende der breiten Box ---------------------------- */
/* ------------------------ Anfang der schmalen Box ---------------------------- */
.schmale_box {
width:auto;
margin: 0 0 15px 0;
}
.schmale_box h2 {
padding: 3px 10px;
border-bottom: 1px solid #000;
margin: 0px;
margin-bottom: 4px;
font-size: 9pt;
}
/* Regeln fuer die Links Ankauf Verkauf Schaetzungen */
.schmale_box h3 {
padding: 0px;
margin: 0px;
font-size: 9pt;
font-weight: bold; 
}
.schmale_box h3 a {
display: block;
width: 100%;
padding: 3px;
color: #520;
font-weight:bold;
text-decoration:underline;
}
html>body .schmale_box h3 a {
width: auto; /* Regel fuer IE, damit Link auf der ganzen Breite akzeptiert wird */
}

.schmale_box .aussen {
width: auto;
padding: 10px 10px 10px 10px;
border: 1px solid #ffffff;
}
.schmale_box .innen {
width: auto;
}
.schmale_box p {
padding: 0px;
margin: 0 0 10px 0;
font-size: 9pt;
}
.float_nach_rechts {
float: none !important;
}
.float_nach_links {
float: none !important;
}
/* ------------------------ Ende der schmalen Box ---------------------------- */
/* ------------------------ Anfang Regeln fuer beide Boxentypen --------------- */
img.pic_nach_rechts {
border: 1px solid #bbbbbb;
padding:0px;
margin: 0px 0px 10px 10px;
float: right;
}
img.pic_nach_links {
border: 1px solid #bbbbbb;
padding:0px;
margin: 0px 10px 10px 0px;
float: left;
}
/* ---------- Anfang Klassen fuer Listen bei den Boxen ---------- */
.breite_box ul, .schmale_box ul {
padding:0;
margin:0;
margin-left:20px;
}

.lineheight_small {
line-height: 10pt;
font-size: 9pt;
}
.lineheight_medium {
line-height: 11pt;
font-size: 9pt;
}
.lineheight_large {
line-height: 12pt;
font-size: 9pt;
}
/* ---------- Ende Klassen fuer Listen bei den Boxen ---------- */
/* ------------------------ Ende Regeln fuer beide Boxentypen ----------------- */
/* ************************* Ende der Boxen ************************* */


/* ------------------------ Anfang der ibox (Infobox) ---------------------------- */
/* Die Grunddefinitionen der ibox gelten fuer die breite Angebotsbox; alle anderen Boxen werden durch Zusatzdefinitionen davon abgeleitet */
.ibox {
width:80%;
margin: 0px 0px 10px 0px;
padding: 10px;
border: 1px solid #ccc;
}
.ibox h2 {
border-bottom: 1px solid #ccc;
margin: 0px 0px 10px 0px;
font-size: 9pt;
}
.ibox p.number {
margin: 0px;
font-size: 9pt;
float: none !important!;
}
.iboxcontent {
width:100%;
}
.iboxcontent p {
margin: 5px 0px ;
/* margin-left: 163px; linker Standard-Abstand fuer die breite Standard-Box mit Bild, welches einen Schatten aufweist */
font-size: 9pt;
}
.iboxcontent p.frametop {
display:none;
}
.iboxcontent p.available {
color:#bb0000;
font-weight: bold;
text-transform: uppercase;
}
.iboxcontent p.price {
margin: 0px;
float: none !important;
}
.picwrapper {
/* enthaelt das Bild mit Rahmen und Schatten */
float:none !important;
}
.picshadow {
}
.picframe {
}
.picframe img { width: 115px; /* funktioniert auch ohne diese Angabe */
height: 115px; /* funktioniert auch ohne diese Angabe */
border: 1px solid #999;
}
.morepics {
display:none;
}
.ibox a:link, .ibox a:visited {
color: #520;
font-weight:bold;
text-decoration:underline;
}
/* ------------------------ Ende der ibox (Infobox) ---------------------------- */
/* ---------------- Anfang Kontakt-Formular ---------------- */
#kontaktformularcontainer {
width:550px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 15px;
}
#kontaktformular {
/* background-color: #ccffff; */
background-color:#eeeeee;
}
.kontaktformelement {
width:550px;
}
.kontaktformelement .kontaktformlabel1 {
float:left;
width: 150px;
padding: 5px;
font-weight: bold;
font-size: 9pt;
}
.kontaktformelement .kontaktformlabel2 {
float:left;
width: 350px;
padding: 5px;
font-size: 9pt;
}
.kontaktformelement .kontaktforminput {
float:left;
padding: 5px;
}
.kontaktformelement .kontaktforminput input.txt {
border: 1px inset #000000;
font-size: 9pt;
}
.kontaktformelement .kontaktforminput input.radiobutton {
border: none;
}
.kontaktformelement .kontaktforminput input.submitbutton {
border: 1px outset #000000;
font-size: 9pt;
font-weight: bold;
}
.kontaktformelement .kontaktforminput textarea {
border: 1px inset #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
}
/* .kontaktformtext wird momentan nicht verwendet */
.kontaktformtext {
padding: 10px 5px;
font-size: 9pt;
}
/* .kontaktformtitel wird momentan nicht verwendet */
.kontaktformtitel {
padding: 5px;
font-weight: bold;
text-align:center;
font-size: 12pt;
}
/* ---------------- Ende Kontakt-Formular ---------------- */
/* ---------------- Anfang Newsletter-Formular ---------------- */
#newsletterformularcontainer {
width:550px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 15px;
color: #000066;
}
#newsletterformular {
/* background-color: #ccffff; */
background-color:#eeeeee;
}
.newsletterformelement {
width:550px;
}
.newsletterformelement .newsletterformlabel1 {
float:left;
width: 150px;
padding: 5px;
font-weight: bold;
font-size: 9pt;
}
.newsletterformelement .newsletterformlabel2 {
float:left;
width: 350px;
padding: 5px;
font-size: 9pt;
}
.newsletterformelement .newsletterforminput {
float:left;
padding: 5px;
}
.newsletterformelement .newsletterforminput input.txt {
border: 1px inset #000000;
font-size: 9pt;
}
.newsletterformelement .newsletterforminput input.submitbutton {
border: 1px outset #000000;
font-size: 9pt;
font-weight: bold;
}
.newsletterformelement .newsletterforminput input.radiobutton {
border: none;
}
/* .newsletterformtext wird momentan nicht verwendet */
.newsletterformtext {
padding: 10px 5px;
font-size: 9pt;
}
/* .newsletterformtitel wird momentan nicht verwendet */
.newsletterformtitel {
padding: 5px;
font-weight: bold;
text-align:center;
font-size: 12pt;
}
/* ---------------- Ende Newsletter-Formular ---------------- */

/* ---------------- Anfang der Angebotsdetails --------------- */
#centeredItems {
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
font-size: 9pt;
}
#centeredItems p {
margin-top:0px;
margin-bottom: 10px;
padding: 0px;
}

#centeredItems img {
border: 1px solid;
border-color: #aaa #444 #444 #aaa;
}

/* ---------------- Ende der Angebotsdetails --------------- */

/* ------------------------ Ende des Content Bereichs ------------------------ */


/* ------------------------ Start Footer ------------------------ */
div#outerfooter {
padding: 2px 0px 0px 0px;
border-top: 1px solid #000000;
margin-top: 2px;
}

div#footer {
font-weight: normal;
padding: 3px 5px;
margin: 0;
}
div#footerfloat1 {
margin: 0;
padding: 0;
}
div#footerfloat1 p {
font-weight: bold;
font-size: 9pt;
text-align: center;
padding: 0px;
margin: 0;
}
div#footerfloat2 {
margin: 0;
padding: 0;
}
div#footerfloat2 p {
font-weight: bold;
font-size: 9pt;
text-align: center;
padding: 0px;
margin: 0;
}
/* ------------------------ Ende Footer ------------------------ */