/*
    Document   : map-page
    Created on : 23.03.2011, 17:01:56
    Author     : weh
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#map-menubar {

    margin-top: 20px;
    margin-bottom: 20px;
}
#front-right #map-menubar { margin-left: 0; background: url("../img/map-header-front.png") no-repeat scroll 0 0 transparent; }
#map-menubar select {
    margin-left: 5px;
    margin-right: 8px;
}

/*#map-box {
    margin-top: 5px;
    margin-left: 30px;
    width: 890px;
}*/
#front-right #map-box { margin: 0; margin-bottom: 10px; width: 480px }

/*#map-box div.content {
    border: 1px solid #d2d2d2;
    border-top: none;
    border-bottom: none;
    background: white url('../img/layout/box-verlauf.png') 0 100% repeat-x;;
    min-height: 457px;
    padding: 0 4px;
}*/
#front-right #map-box div.content { width: 470px;}

#map-box div.topbar { background: url('../img/layout/bigbox-header-890.png') no-repeat; width: 890px; height: 6px; }
#front-right #map-box div.topbar { background: url('../img/layout/bigbox-header-480.png') no-repeat; width: 480px; height: 6px; }

#map-box div.bottombar { background: url('../img/layout/bigbox-footer-890.png') no-repeat; width: 890px; height: 6px; }
#front-right #map-box div.bottombar { background: url('../img/layout/bigbox-footer-480.png') no-repeat; width: 480px; height: 6px; }



/* Maps */
div#filterselect form select {
    margin: 4px 0;
    font-size: 8pt;
}

div#main div.content div#map {
    margin-left: -7px;
}
div#gmapbubble {
    width: 850px;
    margin-top: 10px;
    margin-bottom: 20px;
}
div#gmapbubble div.wrapper {
    width: 850px;
    height: 550px;
    overflow: auto;
}

div#gmapbubble ul.tabs {
    text-align: left; /* set to left, right or center */
    margin: 1em 0 1em 0; /* set margins as desired */
    border-bottom: 1px solid #ccc; /* set border COLOR as desired */
    list-style-type: none;
    padding: 1px 5px;
}

div#gmapbubble ul.tabs li{
    display:inline;
    list-style-type: none;
    background-color:#ccc;
    margin:1px;
}

div#gmapbubble ul.tabs li a {
    padding: 3px 4px;
    border: 1px solid #ccc;
    background-color: #ccc;
    text-decoration: none;
    border-bottom: none;
}

div#gmapbubble ul.tabs li.selected { /* settings for selected tab */
    border-bottom: 1px solid #fff; /* set border color to page background color */
    background-color: #fff; /* set background color to match above border color */
}

div#gmapbubble ul.tabs li.selected a { /* settings for selected tab link */
    background-color: #fff; /* set selected tab background color as desired */
    color: #000; /* set selected tab link color as desired */
    position: relative;
    top: 1px;
    padding-top: 4px; /* must change with respect to padding (X) above and below */
}

div#gmapbubble ul.tabs li a.toggler {
    border: 2px solid #cccccc;
    background-color: #cccccc;
}

div#gmapbubble ul.tabs li a.selected {
    border: 2px solid #cccccc;
    border-bottom: 2px solid white;
    background-color: white;
}


/**********************{ Colorbox }**********************/
#display { width: 720px; height: 580px; overflow: hidden}
#framecontainer { width: 10000px; height: 605px;}

#framecontainer .frame table.fancy {
    width: 680px;
    margin: 0 auto;
}

.frame {
    padding: 20px;
    width: 700px; height: 560px;
    overflow: scroll;
    position: absolute; top: 0; left: 0;
}

.frame .wysiwyg { margin-top: 15px;}

.markerlabels { background: #0094DA; color: white; border: 1px solid #EBF6FA; padding: 5px;}
.markerlabels.hover {
    display: none !important;
    visibility: visible !important;}