/*
  Name: wgzimmer.ch Stylesheet IMPORTED FROM LIVE 17.02.13
  Description: Stylesheet for the color changing in the wgzimmer.ch website
  Author: Markus Erdmann
  Author URI: http://www.esense.ch
*/

/*
basic babyblue color: #ACDBF7;
basic blue color:#52ADDB;
basic gray color: #5B5B5B;

IE 6 png: color: #d7e9ed;
*/


/* background-color */
body.gray #header,
body.gray #navigation,
body.gray #footer,
body.gray #footer .knopf .wrapper {
background-color: #b5b5b5;
}

body.gray #footer .knopf .wrapper {
border-color: #b5b5b5;
}

body.gray.small #footer {
background-color: transparent;
}

body.gray ul.nav li.button a span.link {
background-color: #b5b5b5;
color: #ffffff;
text-shadow: 0 1px 0 #000000;
}

body.gray #countryChange a span,
body.gray #languageChange a span,
body.gray #faqButtonDescription,
body.gray #wishlistHeaderNav,
body.gray #wishlistHeaderNav a,
body.gray .expanded span.description {
color: #ffffff;
text-shadow: 0 1px 0 #000000;
}

/*** active nav button ***/
body.gray ul.nav li.button.active a span.link {
background-color:#fff !important;
color:#000 !important;
text-shadow: 0 1px 0 #FFFFFF;
}

/*** hover nav button ***/
body.gray ul.nav li.button a:hover span.link {
color:#ffffff;
}

/*** custom shadow colors ***/
body.gray #languageChange,
body.gray #countryChange,
body.gray #colorChange {
box-shadow:0px 2px 5px #555555;
-webkit-box-shadow:0px 2px 5px #555555;
-moz-box-shadow:0px 2px 5px #555555;
}

body.gray a#language:hover,
body.gray a#country:hover,
body.gray a#color:hover {
box-shadow:0px 2px 5px #555555;
-webkit-box-shadow:0px 2px 5px #555555;
-moz-box-shadow:0px 2px 5px #555555;
}

body.gray #languageChange.expanded,
body.gray #countryChange.expanded,
body.gray #colorChange.expanded {
box-shadow:0px 2px 5px #b5b5b5;
-webkit-box-shadow:0px 2px 5px #b5b5b5;
-moz-box-shadow:0px 2px 5px #b5b5b5;
}

body.gray a#language,
body.gray a#country,
body.gray a#color,
body.gray a#language:hover,
body.gray a#country:hover,
body.gray a#color:hover,
body.gray #languageChange,
body.gray #countryChange,
body.gray #colorChange,
body.gray a#doit {
border-color:#000000;
}

/* not in use
body.gray #countryChange a span,
body.gray #languageChange a span {
background-color:#b5b5b5;
}
*/

/* color change */
a#color span.gray,
div#color span.gray{
background-color: #b5b5b5;
}

#colorChange a.gray {
background-color: #b5b5b5;
}
/* background-color */
body.darkblue #header,
body.darkblue #navigation,
body.darkblue #footer,
body.darkblue #footer .knopf .wrapper {
background-color: #798dc7;
}

body.darkblue #footer .knopf .wrapper {
border-color: #798dc7;
}

body.darkblue.small #footer {
background-color: transparent;
}

body.darkblue ul.nav li.button a span.link {
background-color: #798dc7;
color: #ffffff;
text-shadow: 0 1px 0 #000000;
}

body.darkblue #countryChange a span,
body.darkblue #languageChange a span,
body.darkblue #faqButtonDescription,
body.darkblue #wishlistHeaderNav,
body.darkblue #wishlistHeaderNav a,
body.darkblue .expanded span.description {
color: #ffffff;
text-shadow: 0 1px 0 #000000;
}

/*** active nav button ***/
body.darkblue ul.nav li.button.active a span.link {
background-color:#fff !important;
color:#000 !important;
text-shadow: 0 1px 0 #FFFFFF;
}

/*** hover nav button ***/
body.darkblue ul.nav li.button a:hover span.link {
color:#ffffff;
}

/*** custom shadow colors ***/
body.darkblue #languageChange,
body.darkblue #countryChange,
body.darkblue #colorChange {
box-shadow:0px 2px 5px #555555;
-webkit-box-shadow:0px 2px 5px #555555;
-moz-box-shadow:0px 2px 5px #555555;
}

body.darkblue a#language:hover,
body.darkblue a#country:hover,
body.darkblue a#color:hover {
box-shadow:0px 2px 5px #555555;
-webkit-box-shadow:0px 2px 5px #555555;
-moz-box-shadow:0px 2px 5px #555555;
}

body.darkblue #languageChange.expanded,
body.darkblue #countryChange.expanded,
body.darkblue #colorChange.expanded {
box-shadow:0px 2px 5px #798dc7;
-webkit-box-shadow:0px 2px 5px #798dc7;
-moz-box-shadow:0px 2px 5px #798dc7;
}

body.darkblue a#language,
body.darkblue a#country,
body.darkblue a#color,
body.darkblue a#language:hover,
body.darkblue a#country:hover,
body.darkblue a#color:hover,
body.darkblue #languageChange,
body.darkblue #countryChange,
body.darkblue #colorChange,
body.darkblue a#doit {
border-color:#000000;
}

/* not in use
body.darkblue #countryChange a span,
body.darkblue #languageChange a span {
background-color:#798dc7;
}
*/

/* color change */
a#color span.darkblue,
div#color span.darkblue{
background-color: #798dc7;
}

#colorChange a.darkblue {
background-color: #798dc7;
}
/* background-color */
body.grayblue #header,
body.grayblue #navigation,
body.grayblue #footer,
body.grayblue #footer .knopf .wrapper {
background-color: #74bdda;
}

body.grayblue #footer .knopf .wrapper {
border-color: #74bdda;
}

body.grayblue.small #footer {
background-color: transparent;
}

body.grayblue ul.nav li.button a span.link {
background-color: #74bdda;
color: #555;
text-shadow: 0 1px 0 #FFFFFF;
}

body.grayblue #countryChange a span,
body.grayblue #languageChange a span,
body.grayblue #faqButtonDescription,
body.grayblue #wishlistHeaderNav,
body.grayblue #wishlistHeaderNav a,
body.grayblue .expanded span.description {
color: #555;
text-shadow: 0 1px 0 #FFFFFF;
}

/*** active nav button ***/
body.grayblue ul.nav li.button.active a span.link {
background-color:#fff !important;
color:#000 !important;
text-shadow: 0 1px 0 #FFFFFF;
}

/*** hover nav button ***/
body.grayblue ul.nav li.button a:hover span.link {
color:#000;
}

/*** custom shadow colors ***/
body.grayblue #languageChange,
body.grayblue #countryChange,
body.grayblue #colorChange {
box-shadow:0px 2px 5px #aaaaaa;
-webkit-box-shadow:0px 2px 5px #aaaaaa;
-moz-box-shadow:0px 2px 5px #aaaaaa;
}

body.grayblue a#language:hover,
body.grayblue a#country:hover,
body.grayblue a#color:hover {
box-shadow:0px 2px 5px #aaaaaa;
-webkit-box-shadow:0px 2px 5px #aaaaaa;
-moz-box-shadow:0px 2px 5px #aaaaaa;
}

body.grayblue #languageChange.expanded,
body.grayblue #countryChange.expanded,
body.grayblue #colorChange.expanded {
box-shadow:0px 2px 5px #74bdda;
-webkit-box-shadow:0px 2px 5px #74bdda;
-moz-box-shadow:0px 2px 5px #74bdda;
}

body.grayblue a#language,
body.grayblue a#country,
body.grayblue a#color,
body.grayblue a#language:hover,
body.grayblue a#country:hover,
body.grayblue a#color:hover,
body.grayblue #languageChange,
body.grayblue #countryChange,
body.grayblue #colorChange,
body.grayblue a#doit {
border-color:#858585;
}

/* not in use
body.grayblue #countryChange a span,
body.grayblue #languageChange a span {
background-color:#74bdda;
}
*/

/* color change */
a#color span.grayblue,
div#color span.grayblue{
background-color: #74bdda;
}

#colorChange a.grayblue {
background-color: #74bdda;
}
/* background-color */
body.babyblue #header,
body.babyblue #navigation,
body.babyblue #footer,
body.babyblue #footer .knopf .wrapper {
background-color: #ACDBF7;
}

body.babyblue #footer .knopf .wrapper {
border-color: #ACDBF7;
}

body.babyblue.small #footer {
background-color: transparent;
}

body.babyblue ul.nav li.button a span.link {
background-color: #ACDBF7;
color: #555;
text-shadow: 0 1px 0 #FFFFFF;
}

body.babyblue #countryChange a span,
body.babyblue #languageChange a span,
body.babyblue #faqButtonDescription,
body.babyblue #wishlistHeaderNav,
body.babyblue #wishlistHeaderNav a,
body.babyblue .expanded span.description {
color: #555;
text-shadow: 0 1px 0 #FFFFFF;
}

/*** active nav button ***/
body.babyblue ul.nav li.button.active a span.link {
background-color:#fff !important;
color:#000 !important;
text-shadow: 0 1px 0 #FFFFFF;
}

/*** hover nav button ***/
body.babyblue ul.nav li.button a:hover span.link {
color:#000;
}

/*** custom shadow colors ***/
body.babyblue #languageChange,
body.babyblue #countryChange,
body.babyblue #colorChange {
box-shadow:0px 2px 5px #aaaaaa;
-webkit-box-shadow:0px 2px 5px #aaaaaa;
-moz-box-shadow:0px 2px 5px #aaaaaa;
}

body.babyblue a#language:hover,
body.babyblue a#country:hover,
body.babyblue a#color:hover {
box-shadow:0px 2px 5px #aaaaaa;
-webkit-box-shadow:0px 2px 5px #aaaaaa;
-moz-box-shadow:0px 2px 5px #aaaaaa;
}

body.babyblue #languageChange.expanded,
body.babyblue #countryChange.expanded,
body.babyblue #colorChange.expanded {
box-shadow:0px 2px 5px #ACDBF7;
-webkit-box-shadow:0px 2px 5px #ACDBF7;
-moz-box-shadow:0px 2px 5px #ACDBF7;
}

body.babyblue a#language,
body.babyblue a#country,
body.babyblue a#color,
body.babyblue a#language:hover,
body.babyblue a#country:hover,
body.babyblue a#color:hover,
body.babyblue #languageChange,
body.babyblue #countryChange,
body.babyblue #colorChange,
body.babyblue a#doit {
border-color:#858585;
}

/* not in use
body.babyblue #countryChange a span,
body.babyblue #languageChange a span {
background-color:#ACDBF7;
}
*/

/* color change */
a#color span.babyblue,
div#color span.babyblue{
background-color: #ACDBF7;
}

#colorChange a.babyblue {
background-color: #ACDBF7;
}
/* background-color */
body.pink #header,
body.pink #navigation,
body.pink #footer,
body.pink #footer .knopf .wrapper {
background-color: #e490d7;
}

body.pink #footer .knopf .wrapper {
border-color: #e490d7;
}

body.pink.small #footer {
background-color: transparent;
}

body.pink ul.nav li.button a span.link {
background-color: #e490d7;
color: #ffffff;
text-shadow: 0 1px 0 #000000;
}

body.pink #countryChange a span,
body.pink #languageChange a span,
body.pink #faqButtonDescription,
body.pink #wishlistHeaderNav,
body.pink #wishlistHeaderNav a,
body.pink .expanded span.description {
color: #ffffff;
text-shadow: 0 1px 0 #000000;
}

/*** active nav button ***/
body.pink ul.nav li.button.active a span.link {
background-color:#fff !important;
color:#000 !important;
text-shadow: 0 1px 0 #FFFFFF;
}

/*** hover nav button ***/
body.pink ul.nav li.button a:hover span.link {
color:#ffffff;
}

/*** custom shadow colors ***/
body.pink #languageChange,
body.pink #countryChange,
body.pink #colorChange {
box-shadow:0px 2px 5px #555555;
-webkit-box-shadow:0px 2px 5px #555555;
-moz-box-shadow:0px 2px 5px #555555;
}

body.pink a#language:hover,
body.pink a#country:hover,
body.pink a#color:hover {
box-shadow:0px 2px 5px #555555;
-webkit-box-shadow:0px 2px 5px #555555;
-moz-box-shadow:0px 2px 5px #555555;
}

body.pink #languageChange.expanded,
body.pink #countryChange.expanded,
body.pink #colorChange.expanded {
box-shadow:0px 2px 5px #e490d7;
-webkit-box-shadow:0px 2px 5px #e490d7;
-moz-box-shadow:0px 2px 5px #e490d7;
}

body.pink a#language,
body.pink a#country,
body.pink a#color,
body.pink a#language:hover,
body.pink a#country:hover,
body.pink a#color:hover,
body.pink #languageChange,
body.pink #countryChange,
body.pink #colorChange,
body.pink a#doit {
border-color:#000000;
}

/* not in use
body.pink #countryChange a span,
body.pink #languageChange a span {
background-color:#e490d7;
}
*/

/* color change */
a#color span.pink,
div#color span.pink{
background-color: #e490d7;
}

#colorChange a.pink {
background-color: #e490d7;
}
/* background-color */
body.darkrose #header,
body.darkrose #navigation,
body.darkrose #footer,
body.darkrose #footer .knopf .wrapper {
background-color: #e6659c;
}

body.darkrose #footer .knopf .wrapper {
border-color: #e6659c;
}

body.darkrose.small #footer {
background-color: transparent;
}

body.darkrose ul.nav li.button a span.link {
background-color: #e6659c;
color: #ffffff;
text-shadow: 0 1px 0 #000000;
}

body.darkrose #countryChange a span,
body.darkrose #languageChange a span,
body.darkrose #faqButtonDescription,
body.darkrose #wishlistHeaderNav,
body.darkrose #wishlistHeaderNav a,
body.darkrose .expanded span.description {
color: #ffffff;
text-shadow: 0 1px 0 #000000;
}

/*** active nav button ***/
body.darkrose ul.nav li.button.active a span.link {
background-color:#fff !important;
color:#000 !important;
text-shadow: 0 1px 0 #FFFFFF;
}

/*** hover nav button ***/
body.darkrose ul.nav li.button a:hover span.link {
color:#ffffff;
}

/*** custom shadow colors ***/
body.darkrose #languageChange,
body.darkrose #countryChange,
body.darkrose #colorChange {
box-shadow:0px 2px 5px #555555;
-webkit-box-shadow:0px 2px 5px #555555;
-moz-box-shadow:0px 2px 5px #555555;
}

body.darkrose a#language:hover,
body.darkrose a#country:hover,
body.darkrose a#color:hover {
box-shadow:0px 2px 5px #555555;
-webkit-box-shadow:0px 2px 5px #555555;
-moz-box-shadow:0px 2px 5px #555555;
}

body.darkrose #languageChange.expanded,
body.darkrose #countryChange.expanded,
body.darkrose #colorChange.expanded {
box-shadow:0px 2px 5px #e6659c;
-webkit-box-shadow:0px 2px 5px #e6659c;
-moz-box-shadow:0px 2px 5px #e6659c;
}

body.darkrose a#language,
body.darkrose a#country,
body.darkrose a#color,
body.darkrose a#language:hover,
body.darkrose a#country:hover,
body.darkrose a#color:hover,
body.darkrose #languageChange,
body.darkrose #countryChange,
body.darkrose #colorChange,
body.darkrose a#doit {
border-color:#000000;
}

/* not in use
body.darkrose #countryChange a span,
body.darkrose #languageChange a span {
background-color:#e6659c;
}
*/

/* color change */
a#color span.darkrose,
div#color span.darkrose{
background-color: #e6659c;
}

#colorChange a.darkrose {
background-color: #e6659c;
}
/* background-color */
body.orange #header,
body.orange #navigation,
body.orange #footer,
body.orange #footer .knopf .wrapper {
background-color: #f4b337;
}

body.orange #footer .knopf .wrapper {
border-color: #f4b337;
}

body.orange.small #footer {
background-color: transparent;
}

body.orange ul.nav li.button a span.link {
background-color: #f4b337;
color: #555;
text-shadow: 0 1px 0 #FFFFFF;
}

body.orange #countryChange a span,
body.orange #languageChange a span,
body.orange #faqButtonDescription,
body.orange #wishlistHeaderNav,
body.orange #wishlistHeaderNav a,
body.orange .expanded span.description {
color: #555;
text-shadow: 0 1px 0 #FFFFFF;
}

/*** active nav button ***/
body.orange ul.nav li.button.active a span.link {
background-color:#fff !important;
color:#000 !important;
text-shadow: 0 1px 0 #FFFFFF;
}

/*** hover nav button ***/
body.orange ul.nav li.button a:hover span.link {
color:#000;
}

/*** custom shadow colors ***/
body.orange #languageChange,
body.orange #countryChange,
body.orange #colorChange {
box-shadow:0px 2px 5px #aaaaaa;
-webkit-box-shadow:0px 2px 5px #aaaaaa;
-moz-box-shadow:0px 2px 5px #aaaaaa;
}

body.orange a#language:hover,
body.orange a#country:hover,
body.orange a#color:hover {
box-shadow:0px 2px 5px #aaaaaa;
-webkit-box-shadow:0px 2px 5px #aaaaaa;
-moz-box-shadow:0px 2px 5px #aaaaaa;
}

body.orange #languageChange.expanded,
body.orange #countryChange.expanded,
body.orange #colorChange.expanded {
box-shadow:0px 2px 5px #f4b337;
-webkit-box-shadow:0px 2px 5px #f4b337;
-moz-box-shadow:0px 2px 5px #f4b337;
}

body.orange a#language,
body.orange a#country,
body.orange a#color,
body.orange a#language:hover,
body.orange a#country:hover,
body.orange a#color:hover,
body.orange #languageChange,
body.orange #countryChange,
body.orange #colorChange,
body.orange a#doit {
border-color:#858585;
}

/* not in use
body.orange #countryChange a span,
body.orange #languageChange a span {
background-color:#f4b337;
}
*/

/* color change */
a#color span.orange,
div#color span.orange{
background-color: #f4b337;
}

#colorChange a.orange {
background-color: #f4b337;
}
/* background-color */
body.yellow #header,
body.yellow #navigation,
body.yellow #footer,
body.yellow #footer .knopf .wrapper {
background-color: #f1ea2a;
}

body.yellow #footer .knopf .wrapper {
border-color: #f1ea2a;
}

body.yellow.small #footer {
background-color: transparent;
}

body.yellow ul.nav li.button a span.link {
background-color: #f1ea2a;
color: #555;
text-shadow: 0 1px 0 #FFFFFF;
}

body.yellow #countryChange a span,
body.yellow #languageChange a span,
body.yellow #faqButtonDescription,
body.yellow #wishlistHeaderNav,
body.yellow #wishlistHeaderNav a,
body.yellow .expanded span.description {
color: #555;
text-shadow: 0 1px 0 #FFFFFF;
}

/*** active nav button ***/
body.yellow ul.nav li.button.active a span.link {
background-color:#fff !important;
color:#000 !important;
text-shadow: 0 1px 0 #FFFFFF;
}

/*** hover nav button ***/
body.yellow ul.nav li.button a:hover span.link {
color:#000;
}

/*** custom shadow colors ***/
body.yellow #languageChange,
body.yellow #countryChange,
body.yellow #colorChange {
box-shadow:0px 2px 5px #aaaaaa;
-webkit-box-shadow:0px 2px 5px #aaaaaa;
-moz-box-shadow:0px 2px 5px #aaaaaa;
}

body.yellow a#language:hover,
body.yellow a#country:hover,
body.yellow a#color:hover {
box-shadow:0px 2px 5px #aaaaaa;
-webkit-box-shadow:0px 2px 5px #aaaaaa;
-moz-box-shadow:0px 2px 5px #aaaaaa;
}

body.yellow #languageChange.expanded,
body.yellow #countryChange.expanded,
body.yellow #colorChange.expanded {
box-shadow:0px 2px 5px #f1ea2a;
-webkit-box-shadow:0px 2px 5px #f1ea2a;
-moz-box-shadow:0px 2px 5px #f1ea2a;
}

body.yellow a#language,
body.yellow a#country,
body.yellow a#color,
body.yellow a#language:hover,
body.yellow a#country:hover,
body.yellow a#color:hover,
body.yellow #languageChange,
body.yellow #countryChange,
body.yellow #colorChange,
body.yellow a#doit {
border-color:#858585;
}

/* not in use
body.yellow #countryChange a span,
body.yellow #languageChange a span {
background-color:#f1ea2a;
}
*/

/* color change */
a#color span.yellow,
div#color span.yellow{
background-color: #f1ea2a;
}

#colorChange a.yellow {
background-color: #f1ea2a;
}
/* background-color */
body.lightgreen #header,
body.lightgreen #navigation,
body.lightgreen #footer,
body.lightgreen #footer .knopf .wrapper {
background-color: #00f200;
}

body.lightgreen #footer .knopf .wrapper {
border-color: #00f200;
}

body.lightgreen.small #footer {
background-color: transparent;
}

body.lightgreen ul.nav li.button a span.link {
background-color: #00f200;
color: #555;
text-shadow: 0 1px 0 #FFFFFF;
}

body.lightgreen #countryChange a span,
body.lightgreen #languageChange a span,
body.lightgreen #faqButtonDescription,
body.lightgreen #wishlistHeaderNav,
body.lightgreen #wishlistHeaderNav a,
body.lightgreen .expanded span.description {
color: #555;
text-shadow: 0 1px 0 #FFFFFF;
}

/*** active nav button ***/
body.lightgreen ul.nav li.button.active a span.link {
background-color:#fff !important;
color:#000 !important;
text-shadow: 0 1px 0 #FFFFFF;
}

/*** hover nav button ***/
body.lightgreen ul.nav li.button a:hover span.link {
color:#000;
}

/*** custom shadow colors ***/
body.lightgreen #languageChange,
body.lightgreen #countryChange,
body.lightgreen #colorChange {
box-shadow:0px 2px 5px #aaaaaa;
-webkit-box-shadow:0px 2px 5px #aaaaaa;
-moz-box-shadow:0px 2px 5px #aaaaaa;
}

body.lightgreen a#language:hover,
body.lightgreen a#country:hover,
body.lightgreen a#color:hover {
box-shadow:0px 2px 5px #aaaaaa;
-webkit-box-shadow:0px 2px 5px #aaaaaa;
-moz-box-shadow:0px 2px 5px #aaaaaa;
}

body.lightgreen #languageChange.expanded,
body.lightgreen #countryChange.expanded,
body.lightgreen #colorChange.expanded {
box-shadow:0px 2px 5px #00f200;
-webkit-box-shadow:0px 2px 5px #00f200;
-moz-box-shadow:0px 2px 5px #00f200;
}

body.lightgreen a#language,
body.lightgreen a#country,
body.lightgreen a#color,
body.lightgreen a#language:hover,
body.lightgreen a#country:hover,
body.lightgreen a#color:hover,
body.lightgreen #languageChange,
body.lightgreen #countryChange,
body.lightgreen #colorChange,
body.lightgreen a#doit {
border-color:#858585;
}

/* not in use
body.lightgreen #countryChange a span,
body.lightgreen #languageChange a span {
background-color:#00f200;
}
*/

/* color change */
a#color span.lightgreen,
div#color span.lightgreen{
background-color: #00f200;
}

#colorChange a.lightgreen {
background-color: #00f200;
}
/* background-color */
body.darkgreen #header,
body.darkgreen #navigation,
body.darkgreen #footer,
body.darkgreen #footer .knopf .wrapper {
background-color: #13bc13;
}

body.darkgreen #footer .knopf .wrapper {
border-color: #13bc13;
}

body.darkgreen.small #footer {
background-color: transparent;
}

body.darkgreen ul.nav li.button a span.link {
background-color: #13bc13;
color: #ffffff;
text-shadow: 0 1px 0 #000000;
}

body.darkgreen #countryChange a span,
body.darkgreen #languageChange a span,
body.darkgreen #faqButtonDescription,
body.darkgreen #wishlistHeaderNav,
body.darkgreen #wishlistHeaderNav a,
body.darkgreen .expanded span.description {
color: #ffffff;
text-shadow: 0 1px 0 #000000;
}

/*** active nav button ***/
body.darkgreen ul.nav li.button.active a span.link {
background-color:#fff !important;
color:#000 !important;
text-shadow: 0 1px 0 #FFFFFF;
}

/*** hover nav button ***/
body.darkgreen ul.nav li.button a:hover span.link {
color:#ffffff;
}

/*** custom shadow colors ***/
body.darkgreen #languageChange,
body.darkgreen #countryChange,
body.darkgreen #colorChange {
box-shadow:0px 2px 5px #555555;
-webkit-box-shadow:0px 2px 5px #555555;
-moz-box-shadow:0px 2px 5px #555555;
}

body.darkgreen a#language:hover,
body.darkgreen a#country:hover,
body.darkgreen a#color:hover {
box-shadow:0px 2px 5px #555555;
-webkit-box-shadow:0px 2px 5px #555555;
-moz-box-shadow:0px 2px 5px #555555;
}

body.darkgreen #languageChange.expanded,
body.darkgreen #countryChange.expanded,
body.darkgreen #colorChange.expanded {
box-shadow:0px 2px 5px #13bc13;
-webkit-box-shadow:0px 2px 5px #13bc13;
-moz-box-shadow:0px 2px 5px #13bc13;
}

body.darkgreen a#language,
body.darkgreen a#country,
body.darkgreen a#color,
body.darkgreen a#language:hover,
body.darkgreen a#country:hover,
body.darkgreen a#color:hover,
body.darkgreen #languageChange,
body.darkgreen #countryChange,
body.darkgreen #colorChange,
body.darkgreen a#doit {
border-color:#000000;
}

/* not in use
body.darkgreen #countryChange a span,
body.darkgreen #languageChange a span {
background-color:#13bc13;
}
*/

/* color change */
a#color span.darkgreen,
div#color span.darkgreen{
background-color: #13bc13;
}

#colorChange a.darkgreen {
background-color: #13bc13;
}

/*** generate countries ***/

  #countryChange a.ch,
  a#country span.ch,
  div#country span.ch {
  background:#fff url(../img/flags/ch.gif) center center no-repeat;
  }

  /*
  #portal-country a.ch {
  background:#fff url(../img/flags/large-ch.gif) center center no-repeat;
  }
  */

/*** IE 6 ***/
  * html body.gray #header,
  * html body.gray #navigation,
  * html body.gray #footer .knopf .wrapper,
  * html body.gray #countryChange a span,
  * html body.gray #languageChange a span {
  background-color: #d7e9ed;
  }

  * html body.gray #footer {
  background-color: #fff;
  }

  * html body.gray .expanded span.description {
  background-color:transparent;
  }

  * html body.gray #countryChange a span,
  * html body.gray #languageChange a span,
  * html body.gray .expanded span.description {
  color: #555;
  }
  * html body.darkblue #header,
  * html body.darkblue #navigation,
  * html body.darkblue #footer .knopf .wrapper,
  * html body.darkblue #countryChange a span,
  * html body.darkblue #languageChange a span {
  background-color: #d7e9ed;
  }

  * html body.darkblue #footer {
  background-color: #fff;
  }

  * html body.darkblue .expanded span.description {
  background-color:transparent;
  }

  * html body.darkblue #countryChange a span,
  * html body.darkblue #languageChange a span,
  * html body.darkblue .expanded span.description {
  color: #555;
  }
  * html body.grayblue #header,
  * html body.grayblue #navigation,
  * html body.grayblue #footer .knopf .wrapper,
  * html body.grayblue #countryChange a span,
  * html body.grayblue #languageChange a span {
  background-color: #d7e9ed;
  }

  * html body.grayblue #footer {
  background-color: #fff;
  }

  * html body.grayblue .expanded span.description {
  background-color:transparent;
  }

  * html body.grayblue #countryChange a span,
  * html body.grayblue #languageChange a span,
  * html body.grayblue .expanded span.description {
  color: #555;
  }
  * html body.babyblue #header,
  * html body.babyblue #navigation,
  * html body.babyblue #footer .knopf .wrapper,
  * html body.babyblue #countryChange a span,
  * html body.babyblue #languageChange a span {
  background-color: #d7e9ed;
  }

  * html body.babyblue #footer {
  background-color: #fff;
  }

  * html body.babyblue .expanded span.description {
  background-color:transparent;
  }

  * html body.babyblue #countryChange a span,
  * html body.babyblue #languageChange a span,
  * html body.babyblue .expanded span.description {
  color: #555;
  }
  * html body.pink #header,
  * html body.pink #navigation,
  * html body.pink #footer .knopf .wrapper,
  * html body.pink #countryChange a span,
  * html body.pink #languageChange a span {
  background-color: #d7e9ed;
  }

  * html body.pink #footer {
  background-color: #fff;
  }

  * html body.pink .expanded span.description {
  background-color:transparent;
  }

  * html body.pink #countryChange a span,
  * html body.pink #languageChange a span,
  * html body.pink .expanded span.description {
  color: #555;
  }
  * html body.darkrose #header,
  * html body.darkrose #navigation,
  * html body.darkrose #footer .knopf .wrapper,
  * html body.darkrose #countryChange a span,
  * html body.darkrose #languageChange a span {
  background-color: #d7e9ed;
  }

  * html body.darkrose #footer {
  background-color: #fff;
  }

  * html body.darkrose .expanded span.description {
  background-color:transparent;
  }

  * html body.darkrose #countryChange a span,
  * html body.darkrose #languageChange a span,
  * html body.darkrose .expanded span.description {
  color: #555;
  }
  * html body.orange #header,
  * html body.orange #navigation,
  * html body.orange #footer .knopf .wrapper,
  * html body.orange #countryChange a span,
  * html body.orange #languageChange a span {
  background-color: #d7e9ed;
  }

  * html body.orange #footer {
  background-color: #fff;
  }

  * html body.orange .expanded span.description {
  background-color:transparent;
  }

  * html body.orange #countryChange a span,
  * html body.orange #languageChange a span,
  * html body.orange .expanded span.description {
  color: #555;
  }
  * html body.yellow #header,
  * html body.yellow #navigation,
  * html body.yellow #footer .knopf .wrapper,
  * html body.yellow #countryChange a span,
  * html body.yellow #languageChange a span {
  background-color: #d7e9ed;
  }

  * html body.yellow #footer {
  background-color: #fff;
  }

  * html body.yellow .expanded span.description {
  background-color:transparent;
  }

  * html body.yellow #countryChange a span,
  * html body.yellow #languageChange a span,
  * html body.yellow .expanded span.description {
  color: #555;
  }
  * html body.lightgreen #header,
  * html body.lightgreen #navigation,
  * html body.lightgreen #footer .knopf .wrapper,
  * html body.lightgreen #countryChange a span,
  * html body.lightgreen #languageChange a span {
  background-color: #d7e9ed;
  }

  * html body.lightgreen #footer {
  background-color: #fff;
  }

  * html body.lightgreen .expanded span.description {
  background-color:transparent;
  }

  * html body.lightgreen #countryChange a span,
  * html body.lightgreen #languageChange a span,
  * html body.lightgreen .expanded span.description {
  color: #555;
  }
  * html body.darkgreen #header,
  * html body.darkgreen #navigation,
  * html body.darkgreen #footer .knopf .wrapper,
  * html body.darkgreen #countryChange a span,
  * html body.darkgreen #languageChange a span {
  background-color: #d7e9ed;
  }

  * html body.darkgreen #footer {
  background-color: #fff;
  }

  * html body.darkgreen .expanded span.description {
  background-color:transparent;
  }

  * html body.darkgreen #countryChange a span,
  * html body.darkgreen #languageChange a span,
  * html body.darkgreen .expanded span.description {
  color: #555;
  }