.csstooltip:after { background: #ffe600; color: #000; }
.csstooltip:before { border-top: 20px solid #ffe600; }

#descriptionBox { width: 650px; }

.sidebarNavigation .navigation-container li { padding: 5px 10px; }
.sidebarNavigation .navigation-container li a { padding: 0; display: inline; border-bottom: 1px solid #ffe600; }
.sidebarNavigation .navigation-container li a:hover {
    background: #ffe600;
    color: #000 !important;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.sidebarNavigation .quicklinks-container i {}
.sidebarNavigation .quicklinks-container i:hover {
    background: #ffe600;
    color: #000 !important;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.infospot .toggle_btn { display: inline-block; width: 40px; vertical-align: top; }
.infospot .headline { display: inline-block; width: 375px; }

.infospot .header { padding-bottom: 10px; cursor: pointer; }
.infospot .header .close { opacity: 1; }
.infospot .header .close .csstooltip:after {
font-family: 'PT Serif', sans-serif;font-weight: normal;font-size: 38px;line-height: 67px;
}

.infospot .header .close { float: left; position: relative; top: auto; right: auto; margin-right: 10px; text-shadow: none; }
.infospot .header .close i.fa-info { display: none; }
.infospot .header .close.open i.fa-angle-down { display: none; }
.infospot .header .close.open i.fa-info { display: inline-block; }

.infospot .header .close i.fa-info { padding: 5px 5px 2px; }
.infospot .header .close i.fa-angle-down { padding: 5px 2px 2px; }
.infospot .header h1 { color: #fff!important; line-height: 33px; }
.infospot .header h2 { margin: 0px; font-size: 20px; margin-bottom: 5px;     margin-top: 5px; font-weight:bold; color: #ffe600; }

.infospot .middle ul { padding: 0px; margin: 0; }
.infospot .middle ul li { background: #3a3a3a; padding: 8px 20px 8px 10px; list-style: none; margin: 0; border-bottom: 1px solid black; font-weight: bold; }

.infospot .middle ul li a { border-bottom: 1px solid #ffe600; color: #ffe600; text-decoration: none; }

.infospot .middle ul li a:hover { background: #ffe600; color: #000;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.content_boxes {
font-family: "Trebuchet MS", Helvetica, sans-serif!important;
}
.content_boxes .box { position: absolute; left: 10px; width: 450px; bottom: 10px; }


#bvb_map h1,
#bvb_map .stadium_text,
#bvb_map .stadium_image {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 730px;
}
#bvb_map h1 { margin-bottom: 20px; }
#bvb_map .stadium_text p {
width: 33.33%;

float: left;
border-left: 15px solid transparent;
}

.nr {
    background-clip: padding-box;
    background-color: #ffed00;
    border-radius: 15px;
    display: inline-block;
    height: 18px;
    line-height: 15px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 3px;
    text-align: center;
    width: 18px;
    color: #000;
    font-size: 80%;
}

#bvb_map .stadium_image {
    position: relative;
    padding-bottom: 20px;
}

.stadium_image > span {
    background-color: #000;
    border-radius: 15px;
    color: #ffed00;
    height: 20px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    width: 20px;
    font-size: 80%;
}

.stadium_image > span a {
color: #ffed00;
}

.stadium_image > span:hover,
.stadium_image > span.hover {
    background-color: #ffed00;
    color: #000;
    cursor:pointer;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#bvb_map .stadium_text a {
    color: #ffe600;
    text-decoration: none;
    border-bottom: 1px solid #ffe600;
}
#bvb_map .stadium_text a:hover,
#bvb_map .stadium_text a.hover {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

    background: #ffe600;
    color: #000 !important;
    border-bottom: 1px solid #ffe600;
}



.bvb_button,
#bvb_map_button {
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 10px;
    left: 470px;
    background: black;
    color: yellow;
    line-height: 67px;
    text-align: center;
    font-size: 38px;
}
#bvb_map_button.left {
left:10px;
}

.bvb_button a {
color: yellow;
}
.bvb_button:hover a,
.bvb_button a:hover {
color:black;
}

.bvb_button:hover,
#bvb_map_button:hover {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

    background: #ffe600;
    color: #000 !important;
    cursor:pointer;
}

.meta-container { display:none; }

.quicklinks-container,
.image-container {
    position: fixed;
    z-index: 1000;
    background: black;
}

.image-container {
padding-top: 20px!important;
top:0;
}
.quicklinks-container {
    padding: 0!important;
    margin-bottom: 0;

top: 109px;
    background: black;
    width: 180px;
}
.navigation-container {
padding-top: 150px;
}

.open .quicklinks-container {
    right: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.closed .quicklinks-container { right: -200px }

#sidebarNavigationBlock { padding:0; }

.sidebarNavigation .quicklinks-container .quicklinks i.fa-circle-o-notch:before { content: "\f04b"; }
.sidebarNavigation .quicklinks-container .quicklinks i.fa-circle-o:before { content: "\f04d"; }

.quicklinks-container { width: 230px; }
.closed .quicklinks-container { right: -230px }
@media (min-width: 768px) {
.quicklinks-container { width: 250px; }
.closed .quicklinks-container { right: -250px }
}