/* ******************************** aus original main.css *************** */

/* ******************************* Ende main.css ********************** */
/* ***************** Bereich für Content-Eintrag */
/*****  Gesamt-DIV für Eintragszeilen */
#content {
width:100%; /* damit: nimmt Breite des Hauptcontainers "Inhalt" an */
margin:0;
padding:0;
}
/****** Ende Gesamt-DIV für Eintragszeilen */
/* ************ Haupt-Eintragsdiv  */
/***** Standard-Vorgabe DIV ohne css-Klassen */
div.cont_eintrag {

}
/***** Eintrag-Divs mit css-Klassen für Ausrichtung:  */
.cont_eintrag {
float:left;
}
.pos_clear {
    clear:both;
}
/***** Eintrag-Divs mit css-Klassen für Breite:  */
/*********** Ende Eintrag-Divs mit css-Klassen für Breite:  */
/* ********************** Ende Haupt-Eintragsdiv  */
/* ************ Anordnung DIVs für Bild und Text im Eintrag  */
/* für umfluss2 = 1 */
div.umflussbild_li {
float:left;      
}
div.umflusstext_re {
float:left;
}
/* für umfluss2 = 2 */
div.umflussbild_re {
float:left;      
}
div.umflusstext_li {
float:left;
}
/* umfluss2 = 2 ==> Text-DIV erscheint unter Bild, da Bild = float:none;*/
div.fixbild {
float:left;      
}
div.fixbild img {
    float:none;
}
div.fixtext {
    float:left;
}
.bild_rechts {
text-align:right;
}
.bild_mitte {
margin:0 auto;
}
.bild_links {
text-align:left;
}
/* ********************* Ende Anordnung DIVs für Bild und Text  */
/* ***** Div-Breiten Bild und Text */
.contenttext { /* Standard ohne Bild */
/* width:100% */
margin-top:1em; /* Standard: entspricht DB-Standard für contentbild */
}
.bildtext {
margin:0;
font-size:1em;
}
.ab_0_li {
padding-left:0;
}
.ab_1_li {
padding-left:1%;
}
.ab_1_5_li {
padding-left:1.5%;
}
.ab_2_li {
padding-left:2%;
}
.ab_2_5_li {
padding-left:2.5%;
}
.ab_3_li {
padding-left:3%;
}
.ab_4_li {
padding-left:4%;
}
.ab_5_li {
padding-left:5%;
}
.ab_6_li {
padding-left:6%;
}
.ab_10_li {
padding-left:10%;
}
.ab_20_li {
padding-left:20%;
}
.ab_30_li {
padding-left:30%;
}
.ab_40_li {
padding-left:40%;
}
.ab_50_li {
padding-left:50%;
}
.ab_0_re {
padding-right:0;
}
.ab_1_re {
padding-right:1%;
}
.ab_1_5_re {
padding-right:1.5%;
}
.ab_2_re {
padding-right:2%;
}
.ab_2_5_re {
padding-right:2.5%;
}
.ab_3_re {
padding-right:3%;
}
.ab_4_re {
padding-right:4%;
}
.ab_5_re {
padding-right:5%;
}
.ab_6_re {
padding-right:6%;
}
.ab_10_re {
padding-right:10%;
}
.ab_20_re {
padding-right:20%;
}
.ab_30_re {
padding-right:30%;
}
.ab_40_re {
padding-right:40%;
}
.ab_50_re {
padding-right:50%;
}
/* ******************* Ende Div-Breiten Bild und Text */
/* ************* Bereich für dyn. Inhalte: Eintrag ********** */
.katdiv {
    float:left;
    padding:0 0 1em 0;
   width:100%;
}
.class_3 .katdiv {
    padding:1em 0;
    border-bottom:1px solid #000000;
    margin-bottom:2em;
}
.katheader {
font-size:1.6em;
font-weight:bold;
margin:2em 0 2em 0;
color:#444444;
}
.subheader {
font-size:1.4em;
margin:0 0 2em 0;
}
.eintragstitel {
font-size:1.6em;
font-weight:bold;
margin:1.5em 0 0 0;
color:#a34934;
}
.subtitel {
font-size:1.6em;
font-weight:bold;
margin:0 0 1.5em 0;
color:#777777;
}
.class_3 .eintragstitel {
font-size:1.3em;
font-weight:bold;
margin:1em 0 0 0;
color:#a34934;
}
.class_3 .subtitel {
font-size:1.3em;
font-weight:bold;
margin:0 0 0 0;
color:#777777;
}
.anmerkungen {
font-size:1.2em;
    font-weight:bold;
    color:#f00000;
}
#rahmen h1 {
font-size:1.6em;
color:#a34934;
margin:1.5em 0 1.5em 0;
font-weight:bold;
}
#rahmen h2 {
font-size:1.4em;
color:#444444;
margin:1em 0 1em 0;
font-weight:bold;    
} 
#rahmen h3 {
font-size:1.3em;
color:#444;
margin:1em 0 0.5em 0;
font-weight:bold;    
}
#rahmen h4 {
font-size:1.2em;
color:#444;
margin:1em 0 0.5em 0;    
font-weight:bold;
}
#rahmen h5 {
font-size:1.2em;
color:#444;
margin:1em 0 0em 0;    
font-weight:normal;
}
#rahmen h6 {
font-size:1.2em;
color:#444;
margin:1em 0 0em 0;    
font-weight:normal;
}
#rahmen a:link, #rahmen a:visited {
color:#a34934;
text-decoration:underline;    
}
#rahmen a:hover, a:active {
color:#a34934;
text-decoration:none;    
}
.artikel p, #rahmen p {
font-size:1.2em;
margin:0 0 1.5em 0;
}
.artikel ol, #rahmen ol {
font-size:1.2em;
margin:1em;
margin-left:0;
padding-left:0;
list-style-position:inside;
}
.artikel ul, #rahmen ul {
font-size:1.2em;
margin:1em;
margin-left:0;
padding-left:0;
list-style-type:circle; 
list-style-position:inside;
}
.artikel li, #rahmen li {
margin-bottom:0.5em;
}
.artikel img, #rahmen img {
max-width:100%;
height:auto;
float:left;
margin-right:2%;
margin-bottom:2em;
}
.artikel img.bildrechts, #rahmen img.bildrechts {
float:right;
margin-left:2%;
}
.artikel img.vollbild, #rahmen img.vollbild {
float:none;
margin:2em 2%;
}
/* ************* Ende Bereich für dyn. Inhalte ********** */
.link, .preisinfos, .formfeld {
font-size:1.2em;
}
.formfeld label, .formfeld input {
font-size:1em;
}
#bestellfomular label, #bestellformular select, #bestellformular input {
font-size:1em;
}
#bestellformular .schalter {
font-size:1.4em;
}
#bestellinfos {
font-size:1.2em;
}
.formkopf { 
margin:0 0 0 0;
}
#bestellabbruch {
font-weight:bold;
font-size:1.2em;
}
input.bmenge {
    width:7em;
}
input#captcha {
width:3em;
}
p#fehler {
margin-top:2em;
}
/* **************************** Ende Bereich für Content-Eintrag */
#pagetitel {
margin:0 0 0 0;
font-weight:bold;
font-size:1.6em;
color:#a34934;
}
.class_3 #pagetitel {
margin:0 0 0 0;
font-weight:bold;
font-size:1.6em;
color:#a34934;
}
#seitenhinweis {
margin:2em 0 0 0;
font-size:1.1em;
}
/* +++++++++++++++++++++++++++++++++++++++++++ Volle Breite +++++++++++++ */
@media screen and (min-width:960px) {
/* ***************** Bereich für Content-Eintrag */
/*****  Gesamt-DIV für Eintragszeilen */
#content {
width:100%; /* damit: nimmt Breite des Hauptcontainers "Inhalt" an */
margin:0;
padding:0;
}
/****** Ende Gesamt-DIV für Eintragszeilen */
/* ************ Haupt-Eintragsdiv  */
/***** Standard-Vorgabe DIV ohne css-Klassen */
div.cont_eintrag {

}
/***** Eintrag-Divs mit css-Klassen für Ausrichtung:  */
.cont_eintrag.pos_standard {
float:left;
}
.pos_links {
float:left;
}
.pos_rechts {
float:right;
}
.pos_mitte {
margin:0 auto;
}
.pos_clear {
    clear:both;
}
/***** Eintrag-Divs mit css-Klassen für Breite:  */
.breit_25 {
width:25%;
}
.breit_50 {
width:50%;
}
.breit_75 {
width:75%;
}
.breit_100 {
width:100%;
}
/*********** Ende Eintrag-Divs mit css-Klassen für Breite:  */
/* ********************** Ende Haupt-Eintragsdiv  */
/* ************ Anordnung DIVs für Bild und Text im Eintrag  */
/* für umfluss2 = 1 */
div.umflussbild_li {
float:left;      
}
div.umflusstext_re {
float:none;
}
/* für umfluss2 = 2 */
div.umflussbild_re {
float:right;      
}
div.umflusstext_li {
    float:none;

}
/* umfluss2 = 2 ==> Text-DIV erscheint unter Bild, da Bild = float:none;*/
div.fixbild {
float:none;      
}
div.fixbild img {
    float:none;
}
div.fixtext {
    float:none;
}
.bild_rechts {
text-align:right;
}
.bild_mitte {
margin:0 auto;
}
.bild_links {
text-align:left;
}
/* ********************* Ende Anordnung DIVs für Bild und Text  */
/* ***** Div-Breiten Bild und Text */
.contenttext { /* Standard ohne Bild */
/* width:100% */
margin-top:1em; /* Standard: entspricht DB-Standard für contentbild */
}
.contentbild.bild_12 {
width:12.5%;;
}
/* Spaltensatz */
.contenttext.bild_12.spsatz {
width:87.5%;
float:left;
}
.contentbild.bild_25 {
width:25%;
}
.contenttext.bild_25.spsatz {
width:75%;
float:left;
}
.contentbild.bild_35 {
width:35%;
}
.contenttext.bild_35.spsatz {
width:65%;
float:left;
}
.contentbild.bild_50 {
width:50%;
}
.contenttext.bild_50.spsatz {
width:50%;
float:left;
}
.contentbild.bild_65 {
width:65%;
}
.contenttext.bild_65.spsatz {
width:35%;
float:left;
}
.contentbild.bild_75 {
width:75%;
}
.contenttext.bild_75.spsatz {
width:25%;
float:left;
}
.contentbild.bild_100 {
width:100%;
}
.bild_rechts.bild_12 {
text-align:left;
margin-left:87.5%;
}
.bild_rechts.bild_25 {
text-align:left;
margin-left:75%;
}
.bild_rechts.bild_35 {
text-align:left;
margin-left:65%;
}
.bild_rechts.bild_50 {
text-align:left;
margin-left:50%;
}
.bild_rechts.bild_65 {
text-align:left;
margin-left:35%;
}
.bild_rechts.bild_75 {
text-align:left;
margin-left:25%;
}
.bildtext {
margin:0;
font-size:1em;
}
.ab_0_li {
padding-left:0;
}
.ab_1_li {
padding-left:1%;
}
.ab_1_5_li {
padding-left:1.5%;
}
.ab_2_li {
padding-left:2%;
}
.ab_2_5_li {
padding-left:2.5%;
}
.ab_3_li {
padding-left:3%;
}
.ab_4_li {
padding-left:4%;
}
.ab_5_li {
padding-left:5%;
}
.ab_6_li {
padding-left:6%;
}
.ab_10_li {
padding-left:10%;
}
.ab_20_li {
padding-left:20%;
}
.ab_30_li {
padding-left:30%;
}
.ab_40_li {
padding-left:40%;
}
.ab_50_li {
padding-left:50%;
}
.ab_0_re {
padding-right:0;
}
.ab_1_re {
padding-right:1%;
}
.ab_1_5_re {
padding-right:1.5%;
}
.ab_2_re {
padding-right:2%;
}
.ab_2_5_re {
padding-right:2.5%;
}
.ab_3_re {
padding-right:3%;
}
.ab_4_re {
padding-right:4%;
}
.ab_5_re {
padding-right:5%;
}
.ab_6_re {
padding-right:6%;
}
.ab_10_re {
padding-right:10%;
}
.ab_20_re {
padding-right:20%;
}
.ab_30_re {
padding-right:30%;
}
.ab_40_re {
padding-right:40%;
}
.ab_50_re {
padding-right:50%;
}
/* ******************* Ende Div-Breiten Bild und Text */
/* ************* Bereich für dyn. Inhalte: Eintrag ********** */
/* ************* Ende Bereich für dyn. Inhalte ********** */
/* **************************** Ende Bereich für Content-Eintrag */
}
/* +++++++++++++++++++++++++++++++++++++++++++ ENDE Volle Breite +++++++++++++ */