body {
    margin: 0px;
    overflow: hidden;
    font-family: /* 'Univers LT Std 45 Light' */ 'Arial', 'sans-serif';
    font-size: 14px;
    text-align: justify;
}

h1 {
    font-size: 14px;
    font-weight: normal;
    text-transform:uppercase;
    padding-top: 5px;
    padding-bottom: 0px;
}

/* CONTAINER ======================================================================================================== */

#container {
    /* Dimensions */
    width: 1415px;
}

.shadow-top {
    /* Dimensions */
    width: 100%; height: 121px;
    /* Background */
    background-image: url("../img/layout/shadowTop.png");
    background-repeat: no-repeat;
    background-position:0px 2px;
}

.shadow-left {
    /* Dimensions */
    width: 120px; height: 666px;
    /* Floating */
    float:left;
    /* Background */
    background-image: url("../img/layout/shadowLeft.png");
    background-repeat: no-repeat;
    background-position:1px 0px;
}

#stage {
    /* Dimensions */
    width: 1174px; height: 666px;
    /* Floating */
    float: left;
    /* Position */
    position: relative;
}

.shadow-right {
    /* Dimensions */
    width: 121px; height: 666px;
    /* Floating */
    float:left;
    /* Background */
    background-image: url("../img/layout/shadowRight.png");
    background-repeat: no-repeat;
    background-position:-2px -1px;
}

.shadow-bottom {
    /* Dimensions */
    width: 100%; height: 122px;
    /* Floating */
    clear: both;
    /* Background */
    background-image: url("../img/layout/shadowBottom.png");
    background-repeat: no-repeat;
    background-position:-1px -2px;
}

/* BRAND INFORMATION ================================================================================================ */

#brand-information {
    /* Position */
    position: absolute;
    top: 0px; left: 0px;
    /* OTHER */
    display: none;
}

#brand-information  a {
    width: 100%;
    height: 100%;
    display:block;
}


/* SLIDES =========================================================================================================== */

#slideshow {
    /* Dimensions */
    width: 897px; height:439px;
    /* Position */
    position: absolute;
    top: 144px; left: 95px;
    /* */
    overflow: hidden;
}

.slide {
    /* Dimensions */
    width: 997px; height:439px; /* 897px */
}

.box1 {
    width: 569px;
    float:left;
}

.box2 {
    height: 100%;
    width: 275px;
    float: right;
    overflow:auto;
    margin-right: 100px;
}

.box3 {
    height: 100%;
    width: 897px;
    float: right;
    overflow:auto;
    margin-right: 100px;
}

/* NAVIGATION ======================================================================================================= */

#navigation a {
    width: 100%;
    height: 100%;
    display:block;
}


/* TOP NAVIGATION */

#top-navigation {
	/* Position */
	position: absolute;
	top: -13px;
	width: 404px;
	height: 14px;
}

#top-navigation ul {
    /* Position */
    margin: 0px; padding: 0px;
}

#top-navigation ul li {
    /* Floating */
    display: block;
    float: left;
    /* Position */
    margin-left: 0px; margin-right: 12px;
    /* OTHER */
    cursor: pointer;
}

#top-navigation li.impressum {
    background-repeat: no-repeat;
    width: 80px; height: 11px;
}

.svg #top-navigation li.impressum {
    background-image: url("../img/navigation/impressum.svg") !important;
}

#top-navigation li.impressum {
    background-image: url("../img/navigation/impressum.png");
}

.en #top-navigation li.impressum {
    background-repeat: no-repeat;
    width: 93px; height: 11px;
}

.en .svg #top-navigation li.impressum {
    background-image: url("../img/navigation/impressum-englisch.svg") !important;
}

.en #top-navigation li.impressum {
    background-image: url("../img/navigation/impressum-englisch.png");
}

#top-navigation li.datenschutz {
    background-repeat: no-repeat;
    width: 90px; height: 11px;
}

.svg #top-navigation li.datenschutz {
    background-image: url("../img/navigation/datenschutz.svg") !important;
}

#top-navigation li.datenschutz {
    background-image: url("../img/navigation/datenschutz.png");
}

.en #top-navigation li.datenschutz {
    background-repeat: no-repeat;
    width: 52px; height: 11px;
}

.en .svg #top-navigation li.datenschutz {
    background-image: url("../img/navigation/datenschutz-englisch.svg") !important;
}

.en #top-navigation li.datenschutz {
    background-image: url("../img/navigation/datenschutz-englisch.png");
}

#top-navigation li.bygmh {
    background-repeat: no-repeat;
    width: 46px; height: 11px;
}

.svg #top-navigation li.bygmh {
    background-image: url("../img/navigation/bygmh_schrift.svg") !important;
}

#top-navigation li.bygmh {
    background-image: url("../img/navigation/bygmh_schrift.png");
}

/* BITTE HIER ENGLISCHE BILDER EINFUEGEN */

#top-navigation li.language {
    background-repeat: no-repeat;
    width: 93px; height: 11px;
}

.svg #top-navigation li.language {
    background-image: url("../img/navigation/ENGLISH-english.svg") !important;
}

#top-navigation li.language {
    background-image: url("../img/navigation/ENGLISH-englisch.png");
}

.en .svg #top-navigation li.language {
    background-image: url("../img/navigation/DEUTSCH-deutsch.svg") !important;
}

.en #top-navigation li.language {
    background-image: url("../img/navigation/DEUTSCH-deutsch.png");
}

/* HOME NAVIGATION */

#home-navigation {
    background-repeat: no-repeat;
    position:absolute;
    right: 0px; top: 0px;
    width: 116px; height: 45px;
}

.svg #home-navigation.white {
    background-image: url("../img/navigation/bygmh_white.svg") !important;
}

.svg #home-navigation.black {
    background-image: url("../img/navigation/bygmh_black.svg") !important;
}

#home-navigation.white {
    background-image: url("../img/navigation/bygmh_white.png");
}

#home-navigation.black {
    background-image: url("../img/navigation/bygmh_black.png");
}

/* SLIDESHOW NAVIGATION */

#slideshow-navigation {
    /* Position */
    position: absolute;
    bottom: 65px;
}

#slideshow-navigation ul {
    /* Position */
    margin: 0px; padding: 0px;
}

#slideshow-navigation ul li{
    /* Floating */
    display: block;
    float: left;
    /* Position */
    margin-left: 2px; margin-right: 2px;
    /* OTHER */
    cursor: pointer;
}

#slideshow-navigation .slide-navigation-item {
    /* Dimensions */
    width: 14px; height: 14px;
    /* OTHER */
    cursor: pointer;
}

#slideshow-navigation.black .slide-navigation-item {
    background-image: url("../img/navigation/bulletSmall_black.png");
    background-repeat: no-repeat;
}

#slideshow-navigation.black .slide-navigation-item.active {
    background-image: url("../img/navigation/bulletBig_black.png");
    background-repeat: no-repeat;
}

#slideshow-navigation.white .slide-navigation-item {
    background-image: url("../img/navigation/bulletSmall_white.png");
    background-repeat: no-repeat;
}

#slideshow-navigation.white  .slide-navigation-item.active {
    background-image: url("../img/navigation/bulletBig_white.png");
    background-repeat: no-repeat;
}

/* PAGE NAVIGATION */

#page-navigation ul {
    /* Position */
    position: absolute;
    bottom: 0px; left: 0px;
    margin: 0px; padding: 0px;
}

#page-navigation ul li{
    /* Floating */
    display: block;
    float: left;
    /* Position */
    margin-left: 7px; margin-right: 5px;
    /* OTHER */
    cursor: pointer;
}

#page-navigation li.was {
    background-repeat: no-repeat;
    width: 42px; height: 15px;
}

.en #page-navigation li.was {
    background-repeat: no-repeat;
    width: 57px; height: 15px;
}

.svg #page-navigation.white li.was {
    background-image: url("../img/navigation/was_white.svg") !important;
}

.svg #page-navigation.black li.was {
    background-image: url("../img/navigation/was_black.svg") !important;
}

#page-navigation.white li.was {
    background-image: url("../img/navigation/was_white.png");
}

#page-navigation.black li.was {
    background-image: url("../img/navigation/was_black.png");
}

.en .svg #page-navigation.white li.was {
    background-image: url("../img/navigation/was_white-englisch.svg") !important;
}

.en .svg #page-navigation.black li.was {
    background-image: url("../img/navigation/was_black-englisch.svg") !important;
}

.en #page-navigation.white li.was {
    background-image: url("../img/navigation/was_white-englisch.png");
}

.en #page-navigation.black li.was {
    background-image: url("../img/navigation/was_black-englisch.png");
}

#page-navigation li.wie {
    background-repeat: no-repeat;
    width: 35px; height: 15px;
}

.en #page-navigation li.wie {
    background-repeat: no-repeat;
    width: 47px; height: 15px;
}

.svg #page-navigation.white li.wie {
    background-image: url("../img/navigation/wie_white.svg") !important;
}

.svg #page-navigation.black li.wie {
    background-image: url("../img/navigation/wie_black.svg") !important;
}

#page-navigation.white li.wie {
    background-image: url("../img/navigation/wie_white.png");
}

#page-navigation.black li.wie {
    background-image: url("../img/navigation/wie_black.png");
}

.en .svg #page-navigation.white li.wie {
    background-image: url("../img/navigation/wie_white-englisch.svg") !important;
}

.en .svg #page-navigation.black li.wie {
    background-image: url("../img/navigation/wie_black-englisch.svg") !important;
}

.en #page-navigation.white li.wie {
    background-image: url("../img/navigation/wie_white-englisch.png");
}

.en #page-navigation.black li.wie {
    background-image: url("../img/navigation/wie_black-englisch.png");
}

#page-navigation li.wer {
    background-repeat: no-repeat;
    width: 42px; height: 15px;
}

.en #page-navigation li.wer {
    background-repeat: no-repeat;
    width: 47px; height: 15px;
}

.svg #page-navigation.white li.wer {
    background-image: url("../img/navigation/wer_white.svg") !important;
}

.svg #page-navigation.black li.wer {
    background-image: url("../img/navigation/wer_black.svg") !important;
}

#page-navigation.white li.wer {
    background-image: url("../img/navigation/wer_white.png");
}

#page-navigation.black li.wer {
    background-image: url("../img/navigation/wer_black.png");
}

.en .svg #page-navigation.white li.wer {
    background-image: url("../img/navigation/wer_white-englisch.svg") !important;
}

.en .svg #page-navigation.black li.wer {
    background-image: url("../img/navigation/wer_black-englisch.svg") !important;
}

.en #page-navigation.white li.wer {
    background-image: url("../img/navigation/wer_white-englisch.png");
}

.en #page-navigation.black li.wer {
    background-image: url("../img/navigation/wer_black-englisch.png");
}

#page-navigation li.kontakt {
    background-repeat: no-repeat;
    width: 21px; height: 15px;
}

.svg #page-navigation.white li.kontakt {
    background-image: url("../img/navigation/kontakt_white.svg") !important;
}

.svg #page-navigation.black li.kontakt {
    background-image: url("../img/navigation/kontakt_black.svg") !important;
}

#page-navigation.white li.kontakt {
    background-image: url("../img/navigation/kontakt_white.png");
}

#page-navigation.black li.kontakt {
    background-image: url("../img/navigation/kontakt_black.png");
}

#page-navigation li.dreidarchitektur {
	background-repeat: no-repeat;
	width: 129px;
	height: 15px;
}

.svg #page-navigation.white li.dreidarchitektur {
    background-image: url("../img/navigation/3dbauplanung_withe.svg") !important;
}

#page-navigation.white li.dreidarchitektur {
	background-image: url("../img/navigation/3darchitektur_white.png");
}
.en #page-navigation li.dreidarchitektur {
	background-repeat: no-repeat;
	width: 140px;
	height: 15px;
}
.en .svg #page-navigation.white li.dreidarchitektur {
    background-image: url("../img/navigation/3dbuilding_withe.svg") !important;
}

.en #page-navigation.white li.dreidarchitektur {
	background-image: url("../img/navigation/3darchitektur_white-englisch.png");
}

#page-navigation li.design {
    background-repeat: no-repeat;
    width: 69px; height: 15px;
}

.svg #page-navigation.white li.design {
    background-image: url("../img/navigation/design_white.svg") !important;
}

#page-navigation.white li.design {
    background-image: url("../img/navigation/design_white.png");
}

.en .svg #page-navigation.white li.design {
    background-image: url("../img/navigation/design_white-englisch.svg") !important;
}

.en #page-navigation.white li.design {
    background-image: url("../img/navigation/design_white-englisch.png");
}

#page-navigation li.kommunikation {
    background-repeat: no-repeat;
    width: 161px; height: 15px;
}

.en #page-navigation li.kommunikation {
    background-repeat: no-repeat;
    width: 163px; height: 15px;
}

.svg #page-navigation.white li.kommunikation {
    background-image: url("../img/navigation/kommunikation_white.svg") !important;
}

#page-navigation.white li.kommunikation {
    background-image: url("../img/navigation/kommunikation_white.png");
}

.en .svg #page-navigation.white li.kommunikation {
    background-image: url("../img/navigation/kommunikation_white-englisch.svg") !important;
}

.en #page-navigation.white li.kommunikation {
    background-image: url("../img/navigation/kommunikation_white-englisch.png");
}

#page-navigation .active {
    opacity:0.3;
    filter:alpha(opacity=30); /* For IE8 and earlier */
}

/* BRAND NAVIGATION */

#brand-navigation ul {
    /* Position */
    position: absolute;
    bottom: 0px; right: 0px;
    margin: 0px; padding: 0px;
}

#brand-navigation ul li{
    /* Floating */
    display: block;
    float: left;
    /* Position */
    margin-left: 0px;
    /* OTHER */
    cursor: pointer;
}

#brand-navigation li.coqtail {
    background-repeat: no-repeat;
    background-position: 0px 8px;
    width: 43px; height: 52px;
    margin-top: 21px;
    margin-right: 16px;
}

.svg #brand-navigation.white li.coqtail {
    background-image: url("../img/navigation/coqtail_white.svg") !important;
}

.svg #brand-navigation.black li.coqtail {
    background-image: url("../img/navigation/coqtail_black.svg") !important;
}

#brand-navigation.white li.coqtail {
    background-image: url("../img/navigation/coqtail_white.png");
}

#brand-navigation.black li.coqtail {
    background-image: url("../img/navigation/coqtail_black.png");
}

#brand-navigation li.hirschrevier {
    background-repeat: no-repeat;
    width: 67px; height: 73px;
    margin-right: 3px;
}

.svg #brand-navigation.white li.hirschrevier {
    background-image: url("../img/navigation/hirschrevier_white.svg") !important;
}

.svg #brand-navigation.black li.hirschrevier {
    background-image: url("../img/navigation/hirschrevier_black.svg") !important;
}

#brand-navigation.white li.hirschrevier {
    background-image: url("../img/navigation/hirschrevier_white.png");
}

#brand-navigation.black li.hirschrevier {
    background-image: url("../img/navigation/hirschrevier_black.png");
}

#brand-navigation li.scarabaeus {
    background-repeat: no-repeat;
    background-position: 0px 4px;
    width: 52px; height: 36px;
    margin-top: 36px;
    margin-right: 21px;
}

.svg #brand-navigation.white li.scarabaeus {
    background-image: url("../img/navigation/scarabaeus_white.svg") !important;
}

.svg #brand-navigation.black li.scarabaeus {
    background-image: url("../img/navigation/scarabaeus_black.svg") !important;
}

#brand-navigation.white li.scarabaeus {
    background-image: url("../img/navigation/scarabaeus_white.png");
}

#brand-navigation.black li.scarabaeus {
    background-image: url("../img/navigation/scarabaeus_black.png");
}

#brand-navigation .active {
    opacity:0.3;
    filter:alpha(opacity=30); /* For IE8 and earlier */
}