/* CSS Document */

/* Fonts */

@font-face {
    font-family: 'TrebuchetMSRegular';
    src: url('trebuc.eot');
    src: url('trebuc.eot?iefix') format('eot'),
         url('trebuc.woff') format("woff"),
         url('trebuc.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TrebuchetMSBold';
    src: url('trebucbd.eot');
    src: url('trebucbd.eot?iefix') format('eot'),
         url('trebucbd.woff') format('woff'),
         url('trebucbd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TrebuchetMSBoldItalic';
    src: url('trebucbi.eot');
    src: url('trebucbi.eot?iefix') format('eot'),
         url('trebucbi.woff') format('woff'),
         url('trebucbi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TrebuchetMSItalic';
    src: url('trebucit.eot');
    src: url('trebucit.eot?iefix') format('eot'),
         url('trebucit.woff') format('woff'),
         url('trebucit.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* General */
* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0px 0px 0px 0px;
    font-family: "TrebuchetMSRegular";
    font-size: 10pt;
    text-align: center;
    color: #ffffff;
    background-color: #000000;
    /*border: 1px solid green;*/
}

img {
    border: 0px;
}

a {	
    /*text-decoration: none;*/
    color: #f9c428;
}

h1 {
    color: #65b4d9;
    text-align: left;
    font-size: 10pt;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
}

h2 {
    color: #65b4d9;
    text-align: left;
    font-size: 10pt;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
}

h3 {
    color: #65b4d9;
    text-align: left;
    font-size: 12pt;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
}

h4 {
    text-align: left;
}

h2.standard {
    color: #ffffff;
    text-align: left;
    font-size: 10pt;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
    display: inline;
}

h3.standard {
    color: #ffffff;
    text-align: left;
    font-size: 10pt;
    font-weight: normal;
    margin: 10px 0px 10px 0px;
    display: inline;
}

input {
    color: #29abe6;
    border: 0px;
    font-weight: bold;
}

ol {
    margin: 0px 0px 0px 30px;
}

/* Main Design */

#news_outer_container {
    width: 100%;
    height: 65px;
    max-width: 1920px;
    min-width: 1000px;
    z-index: 5;
    position: absolute;
    padding: 0px 0px 0px 0px;
    /*border: 1px solid red;*/
}

#news {
    width: 500px;
    height: 65px;
    left: 50%;
    top: 0px;
    margin-left: -250px;
    position: absolute;
    z-index: 10;
    overflow: hidden;
    /*border: 1px solid red;*/
}

/*
* #back - moved to style-subpart.css
*/

/* Header */

/* Language */

#change_language {
    margin: 0px 0px 0px 0px;
    position: absolute;
    z-index: 20;
    top: 5px;
    right: 5px;
}

#change_language a {
    display: block;
    margin: 0px 5px 0px 0px;
    float: left;
    
}

/*
* #header - moved to style-subpart.css
*/

#logo {
    float: left;
    margin: 30px 0px 0px 30px;
    /*border: 1px solid green;*/
}

#apps {
    width: 322px;
    position: absolute;
    /*float: right;*/
    text-align: right;
    /*margin: 50px 10px 0px 0px;*/
    top: 25px;
    right: 10px;
    z-index: 10;
    /*border: 1px solid red;*/
}

#facebook { 
    width: 156px;   
    text-align: center;
    margin: 10px 10px 0px 0px;
    z-index: 20;
    float: left;
    /*border: 1px solid red;*/
}

#facebook a {    
    margin-right: 5px;
}

#twitter {
    width: 156px;
    text-align: left;
    margin: 20px 0px 0px 0px;
    overflow: hidden;
    float: left;
    /*border: 1px solid red;*/
}

#google_play {
    text-align: left;
    float: left;
    margin: 10px 10px 0px 0px;
}

#app_store {
    text-align: left;
    float: left;
    margin: 10px 0px 0px 0px;
}

/* Content */

#content {    
    width: 100%;
    height: 300px;
    position: relative;
    padding: 10px 0px 10px 0px;
    /*border: 1px solid blue;*/
}

/* Footer */

/*
* #footer - moved to style-subpart.css
*/

#info {
    width: 161px;
    height: 51px;
    margin: 200px 0px 0px 80px;
    padding: 15px 10px 10px 20px;
    font-size: 8pt;
    /*background: url('../img/background-info.png') top center no-repeat;*/
    background: url('../img/bg-map.png') top left repeat;
    border: 1px solid #ffffff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    /*box-sizing: border-box;*/
    /*border: 1px solid green;*/
}

/* Front */

#front {
    width: 100%;
    max-width: 1920px;
    min-width: 1000px;
    top: 108px;
    left: 0px;
    z-index: 5;
    margin: 0px 0px 0px 0px;
    position: absolute;
    text-align: left;
    /*border: 1px solid red;*/
}

/* Front > Tabs */

#tabs {
    width: 345px;
    height: 780px;
    float: left;
    margin: 0px 0px 0px 35px;
    /*border: 1px solid red;*/
}

#tab_menu {
    width: 39px;
    height: 780px;
    float: left;
    text-align: right;
    margin: 0px 0px 0px 1px;
    /*padding: 85px 0px 0px 0px;*/
    /*border: 1px solid green;*/
}

/* Front > Tabs > Tab menu */
.menu_item {
    margin: 4px 0px 0px 0px;
    /*border: 1px solid green;*/
}

.menu_item_blue {
    /*margin: 85px 0px 0px 0px;*/
    margin: 25px 0px 0px 0px;
}

.menu_item_blue_first {
    margin: 60px 0px 0px 0px;
}

.menu_item_first {
    margin: 40px 0px 0px 0px;
}

.menu_item_blue_last {
    margin: 60px 0px 0px 0px;
}

.menu_item_admin_first {
    margin: 40px 0px 0px 0px;
}

#tab_main {
    width: 305px;
    float: right;
    /*border: 1px solid blue;*/
}

.bg_tab {
    /*width: 293px;*/
    /*height: 768px;*/
    width: 305px;
    height: 780px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 6px;
    box-sizing: border-box;
    text-align: center;
    background: url('../img/bg-map.png') top left repeat;
    border: 1px solid #ffffff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    /*border: 1px solid red;*/
}

/* Front > Map */

#subpart_content {
    width: 100%;
    position: absolute;
    top: -33px;
    right: 20px; 
}

.subpart_button {
    display: block;
    float: right;
    margin: 0px 10px 0px 0px;
}

#info_text {
    width: auto;
    height: 18px;
    margin: 35px 85px 0px 420px;
    position: relative;
    color: #f9c428;
    text-align: center;
    font-size: 14px;
    font-style: italic;
    /*border: 1px solid red;*/
}

#map {
    width: auto;
    height: 594px;
    /*margin: 85px 85px 0px 420px;*/
    margin: 52px 85px 0px 420px;
    position: relative;
    /*background-color: #000000;*/
    /*opacity:0.5;
    filter: alpha(opacity=50);*/
    /*border: 1px solid green;*/
}

#map_div {
    /*width: 96%;*/
    width: auto;
    /*height: 554px;*/
    height: 582px;
    /*height: 90%;*/
    z-index: 20;
    margin: 0 auto;
/*    margin-top: 14px ;
    margin-bottom: 14px;*/
    /*opacity: 1;
    filter: alpha(opacity=100);*/
    position: relative;    
    box-sizing: border-box;
    /*border: 1px solid red;*/
}

.bg_map {
    width: auto;
    /*min-height: 582px;*/
    min-height: 594px;
    /*margin: 0px 6px 0px 6px;*/
    margin: 0px 0px 0px 0px;
    text-align: center;
    overflow: hidden;
    background: url('../img/bg-map.png') top left repeat;
    /*border: 1px solid red;*/
    border: 1px solid #ffffff;
    padding: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    box-sizing: border-box;
}

/* Front > Banner */

#banner {
    width: 65px;
    height: 225px;
    float: right;
    margin: 262px 1px 0px 0px;
    /*padding: 10px 0px 10px 0px;banner_allit.png*/
    z-index: 5;
    /*border: 1px solid blue;*/
}

/* Clear */

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
    font-size: 1pt;
    margin-top: -1px;
  /*border: 1px solid blue;*/
}

/* Tab > Content */

#tab_content {
    padding: 15px 10px 10px 10px;
    text-align: center;
    /*border: 1px solid red;*/
}

.yellow {
    color: #f9c428;
}

.dark {
    color: #222222;
}

.pointer {
    cursor: pointer;
}

.blue {
    color: #65b4d9;
}

.text {
    /*color: #f9c428;*/
    color: #ffffff;
    text-align: left;
    padding: 10px 10px 10px 10px;
}

.text_hint {
    /*color: #f9c428;*/
    color: #ffffff;
    text-align: left;
    padding: 10px 10px 10px 20px;
}

.text_right {
    width: 50%;
    float: right;
    color: #ffffff;
    text-align: right;
    padding: 10px 10px 10px 10px;
    /*border: 1px solid red;*/
}

.text_title {
    color: #ffffff;
    text-align: left;
    font-weight: bold;
    padding: 10px 10px 10px 0px;
}

#ajax_loading {
    margin: auto;
    margin-top: 20px;
}

/* Tab > Content > Search */

.search {
    width: 250px;
    color: #000000;
    margin: 0 auto;
    /*border: 1px solid green;*/
}

.search_input_filter {
    float: left;
    height: 12pt;
    /*border: 1px solid red;*/
}

.search_input_filter input {
    width: 195px;
    height: 12pt;
}

.search_input {
    float: left;
    height: 12pt;
    /*border: 1px solid red;*/
}

.search_input input {
    width: 225px;
    height: 12pt;
}

.magnifier {
    width: 18px;
    height: 12pt;
    float: left;    
    background-color: #ffffff;
    /*border: 1px solid red;*/
}

.lang_selector {
    width: 16px;
    height: 11pt;
    float: left;
    padding: 1px 0px 0px 0px;
    background-color: #ffffff;
    /*border: 1px solid red;*/
}

.lang_selector_check {
    /*width: 60px;*/
    position: absolute;
    top: 21px;
    left: 330px;
    padding: 5px 0px 5px 0px;
    background-color: #ffffff;
    color: #29abe6;
    font-weight: bold;
    display: none;
    z-index: 100;
    /*border: 1px solid red;*/
}

.lang_selector_check td {
    padding: 0px 2px 0px 2px;
}

.lang {
    width: 20px;
    float: left;
    height: 12pt;
    background-color: #ffffff;
    /*border: 1px solid red;*/
}

.find_select {
    width: auto;
    margin: 5px 5px 5px 5px;
    text-align: left;
    font-size: 9pt;
    /*border: 1px solid green;*/
}

a.selected {
    text-decoration: none;
    color: #ffffff;
}

/* Tab > Content > Sign-in */

#sign-in {
    height: 700px;
    background: url('../img/login-img.png') bottom center no-repeat;
    /*border: 1px solid red;*/
}

.sign_in_line {
    width: 270px;
    height: 1px;
}

/* Tab > Content > Account*/

#change_data {

}

/* Tab > Content > Add track */

.sign_in_info {
    margin: 10px 10px 10px 10px;
    text-align: left;
    color: #f9c428;
}

.h_left {
    float: left;
}

.hint {
    float: right;
    margin: 12px 20px 5px 0px;
    text-align: right;
    font-size: 9pt;
}

.hint a {
    font-weight: bold;
    text-decoration: underline;
    color: red;
}

/* Tab > Content > Edit track */
.back {
    float: right;
    margin: 12px 20px 5px 0px;
    text-align: right;
    font-size: 8pt;
}

.back a {
    font-weight: bold;
    text-decoration: none;
}

/* Tab > Content > Contact us */
.contact_channel {
    color: #f9c428;
    text-align: left;
    padding: 5px 0px 0px 0px;
}

.contact_channel a {
    margin-right: 30px;
}

/* Map > Content > Forum */

.avatar_image {
    width: 55px;
    height: 68px;
}

/* Map > Content > Track info */
.track_info_all {
    z-index: 100;
    line-height: normal;
    display: none;
    /*border: 1px solid green;*/
}

/* Map > Content > Map page */
.map_page {
    display: none;
    /*border: 1px solid green;*/
}

.map_page_content {
    margin: 10px 10px 10px 10px;
    /*border: 1px solid blue;*/
}

.map_page_content_part {
    width: 97%;
    float: left;
    /*position: relative;*/
    /*border: 1px solid blue;*/
}

.map_page_content_close {
    width: 2%;
    float: right;
    margin: 0px 0px 0px 0px;
    text-align: right;
    /*border: 1px solid red;*/
}

/* Progress */
#progress {
    width: 66px;
    height: 66px;
    left: 0px;
    top: 0px;    
    position: absolute;
    background-color: rgba(0,0,0,0.7);
    text-align: center;    
    z-index: 100;
}

#ajax_loading_whole {
    margin: auto;
    margin-top: 300px;
}

/* Hints */

.text_hidden {
    display: none;
}

.hidden_link {
    cursor: pointer;
}

/* Contact */

.contact_label_part {
    margin: 10px 5px 0px 5px;
    color: #f9c428;
}

.contact_form_part {
    margin: 10px 5px 10px 5px;
}

.contact_form_part  input, textarea, select{
    width: 220px;
    color: #29abe6;
    border: 0px;
    font-weight: bold;
}

.contact_send {
    float: right;
}

.stroke {
    text-decoration: line-through;
}

/* Map points */

#jscript_map_points {
    display: none;
}

/* Player */
.audio_player {
    width: 100%;
    height: 100px;
}

/* HTML5 player */
#html5player {
    width: 250px;
}

#html5_player {
    width: 250px;
    margin-top: 30px
}