/**
 * @project	    www.mhh-plus.de
 * @copyright   2009, Claus Coviello, www.webseiten-mit-sinn.de
 * @version     Variation der Grundfarben nach Menuebereichen
 * @version     01.00.00
 * @since       01.00.00
 * @modified    2009-08-19
 */
.bg-1 #outer-container {
    background-image:url('../_img/rahmen/linie-senkrecht-orange.gif');
}

.bg-2 #outer-container {
    background-image:url('../_img/rahmen/linie-senkrecht-hellgruen.gif');
}

.bg-3 #outer-container {
    background-image:url('../_img/rahmen/linie-senkrecht-gelb.gif');
}

.bg-4 #outer-container {
    background-image:url('../_img/rahmen/linie-senkrecht-hellblau.gif');
}

.bg-5 #outer-container {
    background-image:url('../_img/rahmen/linie-senkrecht-tuerkies.gif');
}


.bg-1 #inner-container {
    background-image:url('../_img/rahmen/linie-senkrecht-orange.gif');
}

.bg-2 #inner-container {
    background-image:url('../_img/rahmen/linie-senkrecht-hellgruen.gif');
}

.bg-3 #inner-container {
    background-image:url('../_img/rahmen/linie-senkrecht-gelb.gif');
}

.bg-4 #inner-container {
    background-image:url('../_img/rahmen/linie-senkrecht-hellblau.gif');
}

.bg-5 #inner-container {
    background-image:url('../_img/rahmen/linie-senkrecht-tuerkies.gif');
}

/**
 * Seitengrundfarben
 */
.bg-1 h1 {
    color:#E75113;
}

.bg-2 h1 {
    color:#D0D100;
}

.bg-3 h1 {
    color:#FABC20;
}

.bg-4 h1 {
    color:#63C3DA;
}

.bg-5 h1 {
    color:#8BCBC1;
}

/**
 * abgetoente Grundfarben fuer besseren Kontrast
 */
.bg-1 a,
.bg-1 h1 .normal,
.bg-1 h2 {
    color:#E75113;
}

.bg-2 a,
.bg-2 h1 .normal,
.bg-2 h2 {
    color:#B2B300;
}

.bg-3 a,
.bg-3 h1 .normal,
.bg-3 h2 {
    color:#DBA51D;
}

.bg-4 a,
.bg-4 h1 .normal,
.bg-4 h2 {
    color:#54A6BA;
}

.bg-5 a,
.bg-5 h1 .normal,
.bg-5 h2 {
    color:#76ADA5;
}


.bg-1 #footer-screen {
    background-image:url('../_img/rahmen/seitenabschluss-orange.gif');
}

.bg-2 #footer-screen {
    background-image:url('../_img/rahmen/seitenabschluss-hellgruen.gif');
}

.bg-3 #footer-screen {
    background-image:url('../_img/rahmen/seitenabschluss-gelb.gif');
}

.bg-4 #footer-screen {
    background-image:url('../_img/rahmen/seitenabschluss-hellblau.gif');
}

.bg-5 #footer-screen {
    background-image:url('../_img/rahmen/seitenabschluss-tuerkies.gif');
}


.bg-1 ul li {
    background-image:url('../_img/listenzeichen-orange.gif');
}

.bg-2 ul li {
    background-image:url('../_img/listenzeichen-hellgruen.gif');
}

.bg-3 ul li {
    background-image:url('../_img/listenzeichen-gelb.gif');
}

.bg-4 ul li {
    background-image:url('../_img/listenzeichen-hellblau.gif');
}

.bg-5 ul li {
    background-image:url('../_img/listenzeichen-tuerkies.gif');
}


.bg-1 #layout-right .img-box .subdiv,
.bg-1 #layout-right .text-box {
    background-image:url('../_img/rahmen/orange-unten.gif');
}

.bg-2 #layout-right .img-box .subdiv,
.bg-2 #layout-right .text-box {
    background-image:url('../_img/rahmen/hellgruen-unten.gif');
}

.bg-3 #layout-right .img-box .subdiv,
.bg-3 #layout-right .text-box {
    background-image:url('../_img/rahmen/gelb-unten.gif');
}

.bg-4 #layout-right .img-box .subdiv,
.bg-4 #layout-right .text-box {
    background-image:url('../_img/rahmen/hellblau-unten.gif');
}

.bg-5 #layout-right .img-box .subdiv,
.bg-5 #layout-right .text-box {
    background-image:url('../_img/rahmen/tuerkies-unten.gif');
}


.bg-1 #layout-right .img-box span.rahmen-oben,
.bg-1 #layout-right .text-box span.rahmen-oben {
    background-image:url('../_img/rahmen/orange-oben.gif');    
}

.bg-2 #layout-right .img-box span.rahmen-oben,
.bg-2 #layout-right .text-box span.rahmen-oben {
    background-image:url('../_img/rahmen/hellgruen-oben.gif');    
}

.bg-3 #layout-right .img-box span.rahmen-oben,
.bg-3 #layout-right .text-box span.rahmen-oben {
    background-image:url('../_img/rahmen/gelb-oben.gif');    
}

.bg-4 #layout-right .img-box span.rahmen-oben,
.bg-4 #layout-right .text-box span.rahmen-oben {
    background-image:url('../_img/rahmen/hellblau-oben.gif');    
}

.bg-5 #layout-right .img-box span.rahmen-oben,
.bg-5 #layout-right .text-box span.rahmen-oben {
    background-image:url('../_img/rahmen/tuerkies-oben.gif');    
}


.bg-1 #layout-right .text-box h2 {
    background-color:#E75113;
}

.bg-2 #layout-right .text-box h2 {
    background-color:#D0D100;
}

.bg-3 #layout-right .text-box h2 {
    background-color:#FABC20;
}

.bg-4 #layout-right .text-box h2 {
    background-color:#63C3DA;
}

.bg-5 #layout-right .text-box h2 {
    background-color:#8BCBC1;
}