/** Hintergrund **/
div.bgOutside {
    position:relative;
    background:url(/img/unicredit/content/tour/bg/tour-background-outside.jpg) top left no-repeat;
    width:970px;
    height:592px;
}

/** Haupttextbox  **/
div.flyingTextbox {
    bottom:31px;
    right:30px;
}
div.flyingTextbox div.narrow {
    width:400px;
}

/** Sprechblasen **/
    #locations {
        width:408px;
        right:494px;
        left:auto;
        top:63px;
    }
    body.bg #locations {
        width:505px;
        right:430px;
    }
    body.de #locations {
        width:377px;
    }
    body.en #locations {
        width:380px;
    }
    body.hr #locations {
        width:333px;
    }
    body.it #locations {
        width:405px;
    }
    body.hu #locations {
        width:410px;
    }
    body.ro #locations {
        width:372px;
    }
    body.ro #locations {
        width:338px;
    }
    body.ru #locations {
        width:322px;
    }

    #locations div.it {
        background-image:url(/img/unicredit/content/tour/cityview_bubble_it.gif);
    }
    #locations div.hr {
        background-image:url(/img/unicredit/content/tour/cityview_bubble_hr.gif);
    }
    #locations div.bg {
        background-image:url(/img/unicredit/content/tour/cityview_bubble_bg-2.gif);
    }
    #locations div.hu {
        background-image:url(/img/unicredit/content/tour/cityview_bubble_hu.gif);
    }
    #locations div.ro {
        background-image:url(/img/unicredit/content/tour/cityview_bubble_ro.gif);
    }

    #fastlane {
        width:205px;
        left:670px;
        top:46px;
    }
    #exhibition {
        width:190px;
        left:685px;
        top:245px;
    }
    #truck {
        width:263px;
        left:161px;
        top:309px;
    }

/** Eventnavigation im Layer 'Browse locations' **/
div.eventNavigation {
    background:url(/img/unicredit/bg/event_navigation.jpg) no-repeat left top;
    width:700px;
    height:137px;
    padding:11px 0px 10px 5px;
    margin-top:20px;
    position:relative;
}
div.eventNavigation h1.graphicalHeadline {
    margin-left:5px;
    margin-bottom:5px;
}

div.eventNavigation ul {
    float:left;
    padding-left:5px;
    width:370px;
}
div.eventNavigation ul li {
    list-style:none;
    line-height:17px;
    padding:2px 0px 2px 0px;
    clear:both;
}
* html div.eventNavigation ul li {
    padding:1px 0px 1px 0px;
}

div.eventNavigation ul li a {
    line-height:17px;
    position:relative;
    float:left;
}

div.eventNavigation ul li a span {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#ffffff;
    line-height:17px;
    display:block;
    cursor:pointer;
}
div.eventNavigation ul li a span.location {
    width:170px;
    float:left;
    padding-left:5px;
}

#locations div.bubblecontent p span,
div.eventNavigation ul li a span.location span {
    display:block;
    float:left;
    background:url(/img/unicredit/next_red.gif) no-repeat left 3px;
    width:25px;
    height:17px;
    line-height:17px;
}
div.eventNavigation ul li.active a span.location span {
    background:url(/img/unicredit/next.gif) no-repeat left 3px;
}
#locations div.bubblecontent p span {
    background:url(/img/unicredit/next.gif) no-repeat left 0px;
}

div.eventNavigation ul li a span.date {
    width:165px;
    float:right;
    padding-left:25px;
}

/** Vergangenheit **/
/** Add styles vor special markup of events in past **/
div.eventNavigation ul li.past a span {
/**    color:#000000;  **/
}

/** Nächstes anstehendes **/
div.eventNavigation ul li.next a span {
    font-weight:bold !important;
}

/** Aktiver Event **/
div.eventNavigation ul li.active a span {
    color:#3f77b2;
}
div.eventNavigation ul li.active a {
    background:url(/img/unicredit/bg/event_navigation_left.gif) no-repeat left top;
}
div.eventNavigation ul li.active a span.date {
    background:url(/img/unicredit/bg/event_navigation_right.gif) no-repeat right top;
}

#cityinfo {
    width:690px !important;
    position:relative;
    left:auto;
    top:-20px;
}
#cityinfo h1 {
}
#cityinfo div.bT {
    background:url(/img/unicredit/bg/textbox_border_top.gif) repeat-x top;
}
#cityinfo div.bB {
    background:url(/img/unicredit/bg/textbox_border_bottom.gif) repeat-x bottom;
}
#cityinfo div.bL {
    background:url(/img/unicredit/bg/textbox_border_left.gif) repeat-y left;
}
#cityinfo div.bR {
    background:url(/img/unicredit/bg/textbox_border_right.gif) repeat-y right;
}

#cityinfo div.cTL {
    background:url(/img/unicredit/bg/textbox_corner_top_left.gif) no-repeat;
}
#cityinfo div.cTR {
    background:url(/img/unicredit/bg/textbox_corner_top_right.gif) no-repeat;
}
#cityinfo div.cBL {
    background:url(/img/unicredit/bg/textbox_corner_bottom_left.gif) no-repeat;
}
#cityinfo div.cBR {
    background:url(/img/unicredit/bg/textbox_corner_bottom_right.gif) no-repeat;
}
#cityinfo div.bC {
    height:298px;
    overflow:auto;
}
#cityinfo div.image {
    float:left;
    width:195px;
}
#cityinfo div.event-description {
    float:right;
    width:455px;
    overflow:hidden;
}

div.specialEvents {
    border-top:1px solid #E3E5E0;
    margin-top:10px;
    padding-top:10px;
    clear:both;
}

#cityinfo div.defaultTextColumn h1 {
    margin-bottom:10px;
}

#cityinfo div.specialEvents .narrow {
    width:auto;
    padding-bottom:0;
    padding-top:0;
}
#cityinfo div.specialEvents  h3.specialEventsHeadline {
    padding-bottom:15px;
}
#cityinfo div.specialEvents div.image {
    width:180px;
    padding-right:20px;
    overflow:hidden;
    height:auto;
}

#cityinfo div.specialEvents .narrow p {
    padding-bottom:0;
}
div.specialEvents div.text div.moreLink {
    padding-right:20px;
}


/** Für die Trucks-Tecdatas im Layer Truck **/
    table.tecdata {
        table-layout:fixed;
        width:100%;
        padding:0;
        border-collapse:collapse;
        margin-left:15px;
        margin-top:12px;
    }
    table.tecdata td {
        vertical-align:top;
        padding-bottom:6px;
    }
    table.tecdata td.label {
        width:88px;
    }
    table.tecdata p {
        color:#555555;
    }
    table.tecdata p strong {
        font-weight:bold;
    }