@charset "iso-8859-2";

@import "style_header.css";
@import "style_directions.css";
@import "style_edit.css";
@import "style_index.css";
@import "style_rssfeed.css";
@import "style_setcompare.css";
@import "style_setinfo.css";
@import "style_statistics_speed_bonus.css";
@import "style_statistics_translations.css";


body
{
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 81%;
    background-color: #E9E9E9;
    background-image: url('../img/bckg.jpg');
    text-align: justify;
    height: 100%;
    
    margin-left:15px;
    margin-right:15px;
}

h1
{
    /*font-family: Verdana, Tahoma, Arial;*/
    font-size: 180%;
    text-align: center;
    color: black;
    font-weight: bold;
    margin-top: 36px;
    margin-bottom: 18px;
}


h1.pagename
{
    /*font-family: Verdana, Tahoma, Arial;
    font-size: 180%;
    text-align: center;
    color: black;
    font-weight: bold;*/
    margin-top: 22px;
    margin-bottom: 22px;
}


h2
{
    /*font-family: Verdana, Tahoma, Arial;*/
    font-size: 140%;
    color: black;
    text-align: center;
    font-weight: bold;
    margin: 0px;
    margin-top: 24px;
    margin-bottom: 12px;
}


h3
{
    font-size:      115%;
    text-align:     left;
    font-weight:    bold;
    color:          black;
    margin:         0em;
    margin-top:     1.5em;
    margin-bottom:  0em;
}


h3.center
{
    text-align:     center;
}


div.width700
{
    width:      700px;
    margin:     0px auto;
    margin-top: 2em;
    padding:    0px;
    text-align: center;
}


div.width600
{
    width:      600px;
    margin:     0px auto;
    margin-top: 2em;
    padding:    0px;
    text-align: center;
}

#content
{
    margin:     0px auto;
    padding:    0px;
    width:      100%;
    /*height:     100%;  */

    text-align: center;
}

div.submenu
{
    clear:both;
    padding-top:10px;
}

pre
{
    text-align: left;
    font-size:  110%;
}



  a.sellink {
    font-size: 120%;
  }

.grey { color: #AAAAAA; }

.red { color: Red; }


table.classic
{
    border:         solid black;
    border-width:   1px;
    vertical-align: middle;
}

th.classic
{
    text-align:     center;
    border:         solid black;
    border-width:   1px;
    background-color: #FFFFFF;
}

tr.classic, tr.odd
{
    border:         solid black;
    border-width:   1px;
}

tr.classic_grey, tr.even
{
    border:         solid black;
    border-width:   1px;
    background-color: #DDDDEE;
}
      
/* **************** Format for highlight mouse over Row/Cols vehicle statistic list ************************* */

td.over, tr.even td.over, tr.odd td.over{background:#ecfbd4;}
td.down, tr.even td.down, tr.odd td.down{background:#bce774;color:#fff;}
td.selected, tr.even td.selected, tr.odd td.selected{background:#bce774;color:#555;}



td.classic
{
    text-align:     right;
    border:         solid black;
    border-width:   1px;
}

td.classic_grey
{
    text-align:     right;
    border:         solid black;
    border-width:   1px;
    background-color: #DDDDEE;
}

.bg_grey
{
    background-color: #DDDDEE;
}

.bg_trans
{

}

table tbody tr td 
{
    text-align: left;  
}

/*
  table.info {
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 600px;
    vertical-align: middle;
    text-align: center;
    border-width: 0px;
  }*/

  img.info {
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
  }


  table.top {
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 8px;
    margin-bottom: 8px;
    width: 96%;
    vertical-align: middle;
    text-align: center;
    border-width: 0px;
    line-height: 1.3rem;
  }
  table.top tbody tr {
    vertical-align: middle;
  }
  table.top tbody tr td {
    font-size: 0.6rem;
    /*text-align: center;
    vertical-align: middle; */
  }

  tr.adm_table_head {
    background-color: #8490ba;
    
  }
  tr.adm_table_head th {
    font-weight: bold;
  }
  
  /*
  table.frame {
    margin-top: 8px;
    margin-bottom: 8px;
    vertical-align: middle;
    text-align: center;
    border-width: 1px;
    width: 600px;
  }*/



  a {
    color: #50608E;
    text-decoration: none;
    font-weight: bold;
  }

  a:hover {
    color: #152560;
    text-decoration: none;
  }
  a.target {
    color: black;
  }


p
{
    text-align:     center;
    margin-top:     1em;
    margin-bottom:  1em;
}



p.justified
{
    text-align: justify;
}

p.left
{
    text-align: left;
}

p.tight
{
    margin-top:     2px;
    margin-bottom:  2px;
}




  /*
  p.main
  {
    font-family: Verdana, Tahoma, Arial;
    font-size: 90%;
    text-align: center;
  }
  */





p.comment
{
    font-size: 90%;
    font-style: italic;
    margin-top: 0px;
    margin-bottom: 0px;
}


p.thanks
{
    margin-right: 32%;
    margin-left: 32%;
    margin-top: 50px;
    margin-bottom: 50px;
    font-style: italic;
    font-weight: bold;
}




  img {
    border-width: 0px;
    margin: 0px;
    padding: 0px;
  }

  img.right {
    float: right;
    margin-left: 4px;
  }
  img.left {
    float: left;
    margin-right: 4px;
  }


  ul {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  li {
    font-size: 91%;
    text-align: justify;
  }


.linkliste {
  padding-top:    0em;
  padding-bottom: 1em;
  margin-top:0em;
  line-height:1.7em;
}

.linkliste li {
  display:        inline; 
  list-style:     none;
  padding-top:    1em;
  padding-bottom: 1em;
  padding-left:0.5em;
  padding-right:0.5em;    
}




div {
  text-align: center;
  /*margin-top:10px;*/
}

div.center
{
  text-align: center;
    margin:     0px auto;
    padding:    0px;
}

form {
  /*text-align: center;  */
}



#id_object {
  height:10em;
  background:#fff;
}

#id_object #id_object_header {
  border:1px solid #000;
}

#id_object #id_object_header #id_prev {
  float:left;
  margin-right:1em;
}

#id_object #id_object_header #id_next {
  float:left;
  margin-right:1em;
}

#id_object #id_object_header #id_goto {
  margin-top:0px;
  text-align:right;
}

#id_object #id_object_body #id_object_left {
  float:left;
  width:40%;
}

#id_object #id_object_body #id_img {
  float:right;
  width:40%;
}

#id_object #id_object_body #id_object_left #id_name {
}

#id_object #id_object_body #id_object_left #id_attr {
}

div.id_translate {
  border:1px solid #00f;
  margin-top:5px;
  background:#fff;
}

div.red {
  color:#f00;
  background:#fff;
}

div.leftedit {
  margin-left:5px;
  background:#fff;
}

div.left {
  background:#fff;
}

div.right {
  background:#fff;
}

div.top {
  background:#fff;
}

/* ============================= footer styles ============================== */
div#footer
{
    margin:         0em;
    margin-top:     3em;
    margin-bottom:  2em;
    clear: both;
}

p#ending
{
    font-size:      85%;
    margin-top:     2em;
    margin-bottom:  1em;
}

/* ============================= picture divs =============================== */

div#width600train2
{
    width:      800px;
    margin:     0px auto;
    padding:    0px;
    text-align: center;
    background-image: url("../img/train2.png");
    background-repeat: no-repeat;
    background-position: center center;
}

div#width600train3
{
    width:      800px;
    min-height: 320px;
    margin:     0px auto;
    margin-top: 0em;
    padding:    0em;
    text-align: center;
    background-image: url("../img/train3.png");
    background-repeat: no-repeat;
    background-position: center center;
}

/* ============================= admin pages =============================== */

.opt_select input
{
  /*font-weight:bold;*/
  color:black;
}

caption
{
  padding-top:    1em;
  padding-bottom: 1em;
  font-size:1.3em;
  font-weight:bold;
  background-color:#D0DFE1;

}

/* ============================= DSGVO Link =============================== */

#top_buttons { 
  /*text-align:center; */
  float: left;
  padding: 0px 0px 0px 3px;
  margin: 2px 0px 0px 15px;
}

.top_button {
  width:170px;
  height:24px;
  /*background-image:url(./img/button_01.gif);  */
  /*background-repeat:no-repeat; */
  padding: 5px 5px 5px 5px;
  margin: 0px 5px 5px 5px;
  text-align:center;
  /*background-color: #e1d197;
  border: 0px solid #e0c898;
  box-shadow: inset 0 0 3px 3px #a2aad6, 0 0 2px 2px #c3d593; 
  border-radius: 12px;    */
  font-size:12pt;
  line-height: 2.0em;;
  
}
.top_button a {
  /*color:Black;       */
  text-decoration:none; 
  font-weight:bold;

}
.top_button a:hover { 
  color:#DC8FAC;
}
.top_button_activ a {
  /*color:#3F89E4;      */
  text-decoration:none; 
  font-weight:bold;
}

/* ============================= Messages =============================== */
#err_message, .err_message 
{
  color: red;
  padding: 1rem;

} 

#ok_message, .ok_message 
{
  color: green;
  padding: 1rem;

}

#filelink, .filelink 
{
  padding: 1rem;

}


/* ============================= button style =============================== */
.buttons {
  width: 100%; 
  display: flex;
  flex-direction: row;
  justify-content: flex-start; 
  align-items: start; 
  flex-wrap: wrap;  
}

.buttons > div {
  height: 1.6em;
  font-style:italic;
  padding: 2px 5px 0px 5px;
  text-align:center;
  margin: 3px 4px 3px 4px;
  border-radius: 2px;
  background-color: #dbdfdf;
  border: 0px solid #c1c7c7;
  box-shadow: inset 0 0 2px 2px #c1c7c7; 
    
}

.buttons > div:hover {
  background-color: #c2c8c8;
  
}

/* ========================== checkbox options style =========================== */
.flex_option {
  /*width: 60%;*/ 
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: start; 
  flex-wrap: wrap;  
}

.flex_option > div {
  height: 1.6em;
  font-style:italic;
  color:grey;
  padding: 3px 5px 0px 5px;
  text-align:center; 
  /*vertical-align: middle; */
  margin: 3px 4px 3px 4px;
  border-radius: 2px;
  /*background-color: #dbdfdf;  */
  border: 0px solid #c1c7c7;
  box-shadow: inset 0 0 2px 2px #c1c7c7; 
    
}  

.flex_option > div > input {
  vertical-align: bottom; 
  margin: 2px 5px 0px 3px;
}

/* ============================= button settings =============================== */
#setadmin_links  {
  margin: 8px 5px 8px 5px;
  
}#setadmin_links div {
  justify-content: center;
  
}

/* ============================= user preferences =============================== */
#userpref {
  width: 80%; 
  
}

#userpref tbody tr td {
  padding: 3px 5px 3px 5px;
  
}

#setting_langlist {
  /*width: 100%; */
  display: flex;
  flex-direction: row;
  justify-content: flex-start; /*space-around;*/
  align-items: start; /*flex-end; /*stretch; /*center;*/
  flex-wrap: wrap;  
}

#setting_langlist > div {
  height: 1.1em;
  padding: 2px 5px 2px 5px;
  /*font-style:italic;
  margin: 3px 4px 3px 4px;
  text-align:center;
  border-radius: 2px;
  background-color: #dbdfdf;
  border: 0px solid #c1c7c7;
  box-shadow: inset 0 0 2px 2px #c1c7c7;  */
    
}

#setting_setlist {
  /*width: 100%; */
  display: flex;
  flex-direction: row;
  justify-content: flex-start; /*space-around;*/
  align-items: start; /*flex-end; /*stretch; /*center;*/
  flex-wrap: wrap;  
}

#setting_setlist > div {
  height: 1.1em;
  padding: 2px 5px 2px 5px;
  /*font-style:italic;
  margin: 3px 4px 3px 4px;
  text-align:center;
  border-radius: 2px;
  background-color: #dbdfdf;
  border: 0px solid #c1c7c7;
  box-shadow: inset 0 0 2px 2px #c1c7c7;  */
    
}