/* --------------------------------------------------------------------------- */
/* --------------------------- >>> CONTENT BEREICH <<< ----------------------- */
/* --------------------------------------------------------------------------- */

/* ########## Hilfreiche CSS-Klassen [start] ########## */

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.preis{
    color: #FF0019 !important;    
}

/* dieser Style ist wichtig fuer IE6, bewirkt, dass die Seite nicht auseinander geschoben wird, durch den rechten Abstand der letzetn rechten Box */
.lastRight {
  margin-right: 0px !important;
}

/* ########## Hilfreiche CSS-Klassen [end] ########## */

/* ########## Blank CSS-Klassen [########## */

#shadow {}

/* ########## Boxen mit Verlauf [start] ########## */

/* Allg. Einstellungen für die Boxen mit Verlauf */
#box_1er_verlauf, #box_2er_verlauf, #box_3er_verlauf, #box_4er_verlauf, #box_5er_verlauf {
    position:relative;
    float:left;
    margin-right: 10px;
    margin-bottom: 12px;
    padding: 0px;
    overflow:hidden;
}

/* Allg. Einstellungen <h1> + <h2> für die Boxen mit Verlauf */
#box_1er_verlauf h1, #box_2er_verlauf h1, #box_3er_verlauf h1, #box_4er_verlauf h1, #box_5er_verlauf h1 {
    padding: 7px 0px 0px 7px;
    margin: 0;
    font-size:14px;
    font-weight: bold;
    text-transform:uppercase;
    color: #808080;
    overflow:hidden;
}

#box_1er_verlauf h2, #box_2er_verlauf h2, #box_3er_verlauf h2, #box_4er_verlauf h2, #box_5er_verlauf h2 {
    padding: 7px;
    margin: 0;
    font-size:20px;
    font-weight: bold;
    text-transform:uppercase;
    color: #808080;
    overflow:hidden;
}

#box_1er_verlauf h4, #box_2er_verlauf h4, #box_3er_verlauf h4, #box_4er_verlauf h4, #box_5er_verlauf h4 {
    padding: 7px 0px 0px 7px;
    margin: 0;
    font-size:14px;
    font-weight: bold;
    text-transform:uppercase;
    color: #808080;
    overflow:hidden;
}

/* Allg. Einstellungen <p> für die Boxen mit Verlauf */
#box_1er_verlauf p, #box_2er_verlauf p, #box_3er_verlauf p, #box_4er_verlauf p, #box_5er_verlauf p {
    padding: 7px;
    margin: 0;
    font-size:11px;
    font-weight:normal;
    overflow:hidden;
}

/* Spezielle Einstellungen für Box 1er mit Verlauf => 950px */
#box_1er_verlauf {
    width: 950px; 
    height: 150px; /* Standard-Höhe */
    background-image:url("../css_images/box1er_verlauf_unten.png");
    background-position:bottom;
    background-repeat:no-repeat;
}

#box_1er_verlauf h1 {
    background-image:url("../css_images/box1er_verlauf_oben.png");
    background-position:top;
    background-repeat:no-repeat;
}

/* Spezielle Einstellungen für Box 2er mit Verlauf => 470px */
#box_2er_verlauf {
    width: 470px; 
    height: 150px; /* Standard-Höhe */
    background-image:url("../css_images/box2er_verlauf_unten.png");
    background-position:bottom;
    background-repeat:no-repeat;
}

#box_2er_verlauf h1 {
    background-image:url("../css_images/box2er_verlauf_oben.png");
    background-position:top;
    background-repeat:no-repeat;
}

/* Spezielle Einstellungen für Box 3er mit Verlauf => 310px */
#box_3er_verlauf {
    width: 310px; 
    height: 150px; /* Standard-Höhe */
    background-image:url("../css_images/box3er_verlauf_unten.png");
    background-position:bottom;
    background-repeat:no-repeat;
}

#box_3er_verlauf h1 {
    background-image:url("../css_images/box3er_verlauf_oben.png");
    background-position:top;
    background-repeat:no-repeat;
}

/* Spezielle Einstellungen für Box 4er mit Verlauf => 230px */
#box_4er_verlauf {
    width: 230px; 
    height: 150px; /* Standard-Höhe */
    background-image:url("../css_images/box4er_verlauf_unten.png");
    background-position:bottom;
    background-repeat:no-repeat;
}

#box_4er_verlauf h1 {
    background-image:url("../css_images/box4er_verlauf_oben.png");
    background-position:top;
    background-repeat:no-repeat;
}

/* Spezielle Einstellungen für Box 5er mit Verlauf => 182px */
#box_5er_verlauf {
    width: 182px; 
    height: 150px; /* Standard-Höhe */
    background-image:url("../css_images/box5er_verlauf_unten.png");
    background-position:bottom;
    background-repeat:no-repeat;
}

#box_5er_verlauf h1 {
    background-image:url("../css_images/box5er_verlauf_oben.png");
    background-position:top;
    background-repeat:no-repeat;
}

/* ########## Boxen mit Verlauf [end] ########## */



/* #### Preise in Boxen [start] #### */
#box_preis {
    position: absolute;
    bottom: 8px;
    right: 8px;
}
/* #### Preise in Boxen [end] #### */


/* ##### TextBox 4 Spalter mit Trennlinie [start] ##### */
#textbox_4er_trennline {
    position:relative;
    float:left;
    width: 224px; /* 316px | durch border 1px = -1px | durch padding 5px = -10px  */
    height: 300px;
    border-right: 1px solid #cccccc;
    margin-right: 4px;
    margin-bottom: 12px;
    padding: 5px;
}

.borderRightNull {
    border-right: 0px solid #cccccc !important; /* die rechte Box darf kein Border haben */
}

#textbox_4er_trennline h1 {
    padding: 10px 0px 10px 0px;
    margin: 0;
    color:#3b4143;
    font-size:11px;
    font-weight:bold;
}

#textbox_4er_trennline p {
    padding: 0px;
    margin: 0px;
    font-size:11px;
    font-weight:normal;
}
#textbox_4er_trennline li {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
}
/* ##### TextBox 4 Spalter [end] ##### */


/* ##### TextBox 3 Spalter mit Trennlinie [start] ##### */
#textbox_3er_trennline {
    position:relative;
    float:left;
    width: 305px; /* 316px | durch border 1px = -1px | durch padding 5px = -10px  */
    height: 300px;
    border-right: 1px solid #cccccc;
    margin-right: 4px;
    margin-bottom: 12px;
    padding: 5px;
}
.borderRightNull {
    border-right: 0px solid #cccccc !important; /* die rechte Box darf kein Border haben */
}

#textbox_3er_trennline h1 {
    padding: 10px 0px 10px 0px;
    margin: 0;
    color:#3b4143;
    font-size:11px;
    font-weight:bold;
}

#textbox_3er_trennline p {
    padding: 0px;
    margin: 0px;
    font-size:11px;
    font-weight:normal;
}
#textbox_3er_trennline li {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
}
/* ##### TextBox 3 Spalter [end] ##### */

/* ##### TextBox 2 Spalter mit Trennlinie [start] ##### */
#textbox_2er_trennline {
    position:relative;
    float:left;
    width: 463px; /* 316px | durch border 1px = -1px | durch padding 5px = -10px  */
    height: 300px;
    border-right: 1px solid #cccccc;
    margin-right: 4px;
    margin-bottom: 12px;
    padding: 5px;
}

.borderRightZero {
    border-right: 0px solid #cccccc !important; /* die rechte Box darf kein Border haben */
}

#textbox_2er_trennline h1 {
    padding: 10px 0px 10px 0px;
    margin: 0;
    color:#3b4143;
    font-size:11px;
    font-weight:bold;
}

#textbox_2er_trennline p {
    padding: 0px;
    margin: 0px;
    font-size:11px;
    font-weight:normal;
}
#textbox_2er_trennline li {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
}
#textbox_2er_trennline h1 {
    padding: 0px 0px 10px 0px;
    margin: 0;
    /*color:#E81111;*/
    font-size:11px;
    font-weight:bold;
}
/* ##### TextBox 2 Spalter [end] ##### */



/* ##### Box Fullsize mit Rahmen [start] ##### */
#box_fullsize_rahmen {
    position:relative;
    float:left;
    width: 928px; /* 950px | durch border 1px = -2px | durch padding 10px = -20px  */
    background-color:#fff;
    border: 1px solid #cccccc;
    margin-right: 0px;
    margin-bottom: 12px;
    padding: 10px;
}

#box_fullsize_rahmen h1 {
    padding: 0px 0px 10px 0px;
    margin: 0;
    color:#87888A;
    font-size:11px;
    font-weight:bold;
}

/* Runde Ecken für die Box Fullsize */
/* ##### Box Flexibele Weite mit Rahmen [start] ##### */
#box_flex_rahmen {
    position:relative;
    float:left;
    background-color:#fff;
    border: 1px solid #cccccc;
    margin-right: 0px;
    margin-bottom: 12px;
    padding: 10px;
}
#box_flex_rahmen p {
    /* padding: 7px;*/
    margin: 0;
    font-size:11px;
    font-weight:normal;
    overflow:hidden;
}
#box_flex_rahmen h1 {
    padding: 0px 0px 10px 0px;
    margin: 0;
    color:#E81111;
    font-size:12px;
    font-weight:bold;
}
/* Runde Ecken für die Box Fullsize Flexibele Weite */

#rundLinksOben {
    width: 5px;
    height: 5px;
    background-image:url("../css_images/rundung_links_oben_w.gif");
    background-position:top;
    background-repeat:no-repeat;
    position: absolute;
    top: -1px;
    left: -1px;
}
#rundRechtsOben {
    width: 5px;
    height: 5px;
    background-image:url("../css_images/rundung_rechts_oben_w.gif");
    background-position:top;
    background-repeat:no-repeat;
    position: absolute;
    top: -1px;
    right: -1px;
}
#rundLinksUnten {
    width: 5px;
    height: 5px;
    background-image:url("../css_images/rundung_links_unten_w.gif");
    background-position:bottom;
    background-repeat:no-repeat;
    position: absolute;
    bottom: -1px;
    left: -1px;
}
#rundRechtsUnten {
    width: 5px;
    height: 5px;
    background-image:url("../css_images/rundung_rechts_unten_w.gif");
    background-position:bottom;
    background-repeat:no-repeat;
    position: absolute;
    bottom: -1px;
    right: -1px;
}
/* ##### Box Fullsize mit Rahmen [end] ##### */


/* ##### Box Freesize mit Rahmen [start] ##### */
#box_freesize_rahmen {
    position:relative;
    float:left;
    /* Weite + Höhe wird individuell auf der Seite angegeben  */
    border: 1px solid #cccccc;
    margin-right: 9px;
    margin-bottom: 12px;
    /* padding: 10px 9px 10px 10px; */
}

#box_freesize_rahmen h1 {
    padding: 5px;
    margin: 0;
    color: #3b4143;  /* #E81111;  */
    font-size:14px;
    font-weight:bold;
}
#box_freesize_rahmen p {
    padding: 5px;
    margin: 0;
    color: #3b4143;
    font-size:11px;
}

/* Runde Ecken für die Box Freesize */
#rundLinksOben2 {
    width: 5px;
    height: 5px;
    background-image:url("../css_images/rundung_links_oben_w.gif");
    background-position:top;
    background-repeat:no-repeat;
    position: absolute;
    top: -1px;
    left: -1px;
}
#rundRechtsOben2 {
    width: 5px;
    height: 5px;
    background-image:url("../css_images/rundung_rechts_oben_w.gif");
    background-position:top;
    background-repeat:no-repeat;
    position: absolute;
    top: -1px;
    right: -1px;
    _right: -2px;
}
#rundLinksUnten2 {
    width: 5px;
    height: 5px;
    background-image:url("../css_images/rundung_links_unten_w.gif");
    background-position:bottom;
    background-repeat:no-repeat;
    position: absolute;
    bottom: -1px;
    _bottom: -2px;
    left: -1px;
}
#rundRechtsUnten2 {
    width: 5px;
    height: 5px;
    background-image:url("../css_images/rundung_rechts_unten_w.gif");
    background-position:bottom;
    background-repeat:no-repeat;
    position: absolute;
    bottom: -1px;
    _bottom: -2px;
    right: -1px;
    _right: -2px;
}

#rundRechtsUnten3 {
    width: 5px;
    height: 5px;
    background-image:url("../css_images/rundung_rechts_unten_w.gif");
    background-position:bottom;
    background-repeat:no-repeat;
    position: absolute;
    bottom: -1px;
    _bottom: -1px;
    right: -1px;
    _right: -2px;
}

/* ALT
#rundLinksOben2 {
    position: absolute;
    top: -1px;
    left: -1px;
}
#rundRechtsOben2 {
    position: absolute;
    top: -1px;
    right: -1px;
    _right: -2px;
}
#rundLinksUnten2 {
    position: absolute;
    bottom: -1px;
    _bottom: -2px;
    left: -1px;
}
#rundRechtsUnten2 {
    position: absolute;
    bottom: -1px;
    _bottom: -2px;
    right: -1px;
    _right: -2px;
}
*/
/* ##### Box Freesize mit Rahmen [end] ##### */

/* ##### Text Fullsize ohne Rahmen [start] ##### */
#text_fullsize {
    position:relative;
    float:left;
    width: 930px; /* 950px | durch padding 10px = -20px  */
    margin-bottom: 6px;
    padding: 10px;
}

#text_fullsize h1 {
    padding: 0px 0px 10px 0px;
    margin: 0;
    color:#3b4143;
    font-size:16px;
    font-weight:bold;
}

/*#text_fullsize h2 {
    padding: 0px 0px 10px 0px;
    margin: 0;
    color:#87888A; 
    font-size:11px;
    font-weight:normal;*/
} 
/* ##### Text Fullsize ohne Rahmen [end] ##### */


/* ##### Text Fullsize SEO [start] ##### */
#text_fullsizeSEO {
    position:relative;
    float:left;
    width: 930px; /* 950px | durch padding 10px = -20px  */
    margin-bottom: 6px;
    padding: 10px;
}

#text_fullsizeSEO h1 {
    padding: 0px 0px 10px 0px;
    margin: 0;
    color:#3b4143;
    font-size:16px;
    font-weight:bold;
}

#text_fullsizeSEO h2 {
    padding: 0px 0px 10px 0px;
    margin: 0;
    color:#87888A; 
    font-size:11px;
    font-weight:normal;
} 

#text_fullsizeSEO a, #text_fullsizeSEO a:link, #text_fullsizeSEO a:visited {
    font-size:11px;
    color: #87888A;
    text-decoration:none;
}
#text_fullsizeSEO a:hover {
    text-decoration:underline;
}


/* ##### Text Fullsize SEO [end] ##### */

/* ##### Sitemap auf der Startseite [start] ##### */
.mini-sitemap {
    width: auto; /* 165px */
    position:relative;
    float:left;
    margin: 0px 0px 10px 0px;
    padding: 25px 0px 85px 50px;
    overflow:hidden;
    font-size:11px;
    color: #87888A;
}

/* erste Zeile soll leicht abgesetzt sein */
.mini-sitemap:first-line {
    line-height: 20px;
}

.mini-sitemap .unterpunkt {
    padding-left: 15px;
}

.mini-sitemap a, .mini-sitemap a:link, .mini-sitemap a:visited {
    font-size:11px;
    color: #87888A;
    text-decoration:none;
}
.mini-sitemap a:hover {
    text-decoration:underline;
}
/* ##### Sitemap auf der Startseite [end] ##### */
/* ##### Sitemap layout [start] ##### */
.mini-sitemap2 {
    width: auto; /* 165px */
    position:relative;
    float:left;
    margin: 0px 0px 10px 0px;
    padding: 8px 0px 15px 8px;
    overflow:hidden;
    font-size:11px;
    color: #87888A;
}

/* erste Zeile soll leicht abgesetzt sein */
.mini-sitemap2:first-line {
    line-height: 20px;
}

.mini-sitemap2 .unterpunkt {
    padding-left: 15px;
}

.mini-sitemap2 a, .mini-sitemap a:link, .mini-sitemap a:visited {
    font-size:11px;
    color: #87888A;
    text-decoration:none;
}
.mini-sitemap2 a:hover {
    text-decoration:underline;
}

.mini-sitemap-border {
	/* border:0px solid #ededed;  */
	margin: 0px 4px 0px 0px; 
    padding: 8px 8px 8px 12px; 
	width: 151px;
	height:auto;
}
.mini-sitemap-border_all {
	border:2px solid #ededed; 
	margin: -40px 4px 0px 0px; 
  padding: 8px 10px 8px 12px; 
	width: 926px;
	height:230px;
}
/* ##### Sitemap layout [start] ##### */



/* ##### Liste Roter Haken [start] ##### */
ul.haken {
    float: left;
    padding: 8px !important;
} 
ul.haken li {
    font-size:11px;
    font-style:normal;
    color: #3b4143;
    list-style-type:none;
    padding-left:16px !important;
    margin-bottom: 8px !important;
    margin-left: 1px !important;
    line-height: 16px;
    background:transparent url("../css_images/liste-haken.gif") no-repeat scroll;
    background-position: 0px 0px;
} 

/* ##### Liste Roter Haken [end] ##### */

/* ##### Liste Roter grosser Haken mit Kreis [start] ##### */
ul.hakenKreis {
    float: left;
    padding: 8px;
} 
ul.hakenKreis li {
    font-size:11px;
    font-style:normal;
    color: #3b4143;
    list-style-type:none;
    padding-left:20px;
    margin-bottom: 8px !important;
    margin-left: 1px !important;
    line-height: 17px;
    background:transparent url("../css_images/haken_kreis_sm.gif") no-repeat scroll;
    background-position: 0px 0px;
} 

/* ##### Liste Roter grosser Haken mit Kreis [end] ##### */



/* ##### Spezial Links [start] ##### */

/* Link mit dunkelroten Pfeil */
a.pfeil, a.pfeil:link, a.pfeil:visited {
    background-image:url(../css_images/link_pfeil_dunkelrot.gif);
    background-repeat:no-repeat;
    background-position: 2px 5px;
    _background-position: 2px 5px;
    padding-left:14px;
    text-decoration:underline;
    /* display: block; */
    margin-bottom: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #E81111;
}
a.pfeil:hover {
    color: #3b4143;
    text-decoration:underline;
}
/* ##### Spezial Links [end] ##### */

/* Link mit pdf Icon */
a.pdf, a.pdf:link, a.pdf:visited {
    background-image:url(../css_images/pdf.gif);
    background-repeat:no-repeat;
    background-position: 0px 2px;
    _background-position: 0px 2px;
    padding-left:14px;
    text-decoration:underline;
    /* display: block; */
    margin-bottom: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #E81111;
}
a.pdf:hover {
    color: #3b4143;
    text-decoration:underline;
}
/* ##### mit pdf Icon [end] ##### */


/* ##### Button mit Pfeil [start] ##### */

/* Pseudo-Klasse, damit Error-Log nicht voll läuft (Klasse wird leider benutzt, obwohl nicht notwendig) */
#button_pfeil {

}

#button {
    height: 23px;
    /* Richtige Weite wird direkt in der Seite angegeben */
    background-image:url(../css_images/button_rechts.gif);
    background-repeat:no-repeat;
    background-position: top right;
    margin-left: 8px;
}

#button_links {
    height: 23px;
    _height: 19px; /* extra Style nur IE6 (weil der das padding mit dazu zaehlt) */
    background-image:url(../css_images/button_links.gif);
    background-repeat:no-repeat;
    background-position: top left;
    padding-top: 4px;
}
#button a, #button a:link, #button a:visited {
    padding-left: 20px; /* 16px */
    text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #3b4143;
    display: block;
    outline: 0px solid;
}
#button a:hover {
    color: #E81111;
    text-decoration:none;
    outline: 0px solid;
}


/* ##### Button mit Pfeil [end] ##### */

/* ####### HR [start] ######## */

#linie_1 {
    border-bottom: 1px solid #d1d0d0; 
    margin:12px 14px 12px 0px;
}

/* ##### HR  ##### */


/* ####### FOOTER ######## */
#footer {
    font-size:11px;
    color:#87888A;
    padding:18px 0px 20px 0px;
    margin:60px 0px 0px 12px;
    text-align: center;
    width:950px;
    border-top: 0px solid #d1d0d0;
	margin: 0 auto; 
	background:url('../images/bg_border_horizontal.png') repeat-x scroll 0 0 transparent;
}

/* Footer-Links */
#footer a, #footer a:link, #footer a:visited {
    color:#87888A;
    text-decoration:none;
}
#footer a:hover, #footer a:focus, #footer a:active {
    color:#87888A;
    text-decoration:underline;
}

#footer .navFooter li:first-child, #footer .navFooter li.promote {
border-left:medium none;
padding-left:0;
}
#footer .navFooter li.partner {
padding-right:0;
}
#footer .navFooter li.partner, #footer .navFooter li.promote {
float:right;
}
#footer .navFooter li {
border-left:1px solid #999999;
float:left;
line-height:1;
padding:0 12px;
display:inline;
}
#footer .navFooter li.partner a {
background:url('../../fileadmin/images/ic_arrow_small_right_gray.png') no-repeat scroll 100% 4px transparent;
padding-right:11px;
}

/* ####### metanavigation ######## */
#metanavigation {
    position:absolute;
    top:8px;
    left:195px;
    font-size:11px;
    color:#3b4143;
    text-align: right;
    width:770px;
}


/* Meta-Links */
#metanavigation a, #metanavigation a:link, #metanavigation a:visited {
    color:#3b4143;
    text-decoration:none;
}
#metanavigation a:hover, #metanavigation a:focus, #metanavigation a:active {
    color:#3b4143;
    text-decoration:underline;
}


/* ####### metanavigation google ######## */
#metanavigation_google {
    position:absolute;
    top:39px;
    left:815px;
    //top:37px;
    width:160px;
    z-index:100;
    border: 0px;
}

#metanavigation_google input#sbi {
    font-size: 11px;
    color: #87888A;
    border: 0px solid;
}

#go {
  position:absolute;
    top:-3px;
    left:-25px;
    z-index:110;
}

/* ####### PK/GK-Navigation ######## */
#pk_gk_navigation {
    position:absolute;
    top:8px;
    left:278px;
    font-size:14px;
    font-weight: bold;
    text-align: left;
    width:300px;
}

#pk_gk_navigation .aktiv {
  color:#E81111 !important;
}

/* Meta-Links */
#pk_gk_navigation a, #pk_gk_navigation a:link, #pk_gk_navigation a:visited {
    color:#3b4143;
    text-decoration:none;
    margin-right: 12px;
}
#pk_gk_navigation a:hover, #pk_gk_navigation a:focus, #pk_gk_navigation a:active {
    color:#E81111;
    text-decoration:none;
    margin-right: 12px;
}