body  { margin-top:0px; margin-right:0px; margin-left:0px;}
select, input	{border-color:black; border-width=1; }
textarea		{border-color:black; border-width=1;}
.textareasmall {background-color:#ffffff;	color: #000000;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:11px}
.norm		{text-decoration : none;font-family: courier new,arial, Helvetica, sans-serif;font-size : 13px;}
a:hover 	{text-decoration: underline}
/*
a:active  {color:inherit}
a:visited {color:inherit}
*/

.f1bk	  	{font-size:11px;font-family:courier new,arial,verdana,helvetica;text-decoration:none;color:#000000;line-height:14px; }
.f1abk	  	{font-size:11px;font-family:arial,verdana,helvetica;text-decoration:none;color:#000000;line-height:14px; }
.f1vbk	  	{font-size:11px;font-family:verdana,arial,helvetica;text-decoration:none;color:#000000;line-height:14px; }
.f1vbkw	  	{font-size:11px;font-family:verdana,arial,helvetica;text-decoration:none;color:#000000;line-height:14px; letter-spacing:2px;}
.f1vwe	  	{font-size:11px;font-family:verdana,arial,helvetica;text-decoration:none;color:#ffffff;line-height:14px; }
.f1vgy	  	{font-size:11px;font-family:verdana,arial,helvetica;text-decoration:none;color:#5a5a5a;line-height:14px; }
.f1vwew	  	{font-size:11px;font-family:verdana,arial,helvetica;text-decoration:none;color:#ffffff;line-height:14px; letter-spacing:2px;}

.f1oe	  	{font-size:11px;font-family:courier new,arial,verdana,helvetica;text-decoration:none;color:#ff6300;line-height:14px; }
.f1rdv	  	{font-size:11px;font-family:verdana,arial,helvetica;text-decoration:none;color:#c50400;line-height:14px; }
.f1we	  	{font-size:11px;font-family:courier new,arial,verdana,helvetica;text-decoration:none;color:#ffffff;line-height:14px; }
.f1lh15bk 	{font-size:11px;font-family:courier new,arial,verdana,helvetica;text-decoration:none;color:#000000;line-height:16px; }

.f2bk 		{font-size:13px;font-family:courier new,arial,verdana,helvetica;text-decoration:none;color:#000000;line-height:18px; }
.f2vbk 		{font-size:13px;font-family:verdana,arial,helvetica;text-decoration:none;color:#000000;line-height:16px; }
.f2vwe 		{font-size:13px;font-family:verdana,arial,helvetica;text-decoration:none;color:#ffffff;line-height:16px; }
.f2vgy 		{font-size:13px;font-family:verdana,arial,helvetica;text-decoration:none;color:#5a5a5a;line-height:16px; }
.f2abk 		{font-size:13px;font-family:arial,verdana,helvetica;text-decoration:none;color:#000000;line-height:16px; }

.f3bk 		{font-size:12px;font-family:courier new,arial,verdana,helvetica;text-decoration:none;color:#000000;line-height:16px; }
.f2we		{font-size:13px;font-family:courier new,arial,verdana,helvetica;text-decoration:none;color:#ffffff;line-height:16px; }
.f2oe  		{font-size:11px;font-family:courier new,arial,verdana,helvetica;text-decoration:none;color:#ff6300;line-height:14px; }
.f2gy  		{font-size:11px;font-family:courier new,arial,verdana,helvetica;text-decoration:none;color:grey;line-height:14px; }
.f2oe 		{font-size:13px;font-family:courier new,arial,verdana,helvetica;text-decoration:none;color:#ff6300;line-height:16px; }
.f2gy 		{font-size:13px;font-family:courier new,arial,verdana,helvetica;text-decoration:none;color:grey;line-height:16px; }
.orange		{font-size:11px;font-family:courier new,arial,verdana,text-decoration:underline;color:#ff6300;}
.black		{font-size:11px;font-family:courier new,arial,verdana,text-decoration:underline;color:#000000;}
.l1bk  		{font-size:11px;font-family:verdana,arial, helvetica;text-decoration:underline;color:#000000;line-height:14px;}
.l1vbku		{font-size:11px;font-family:verdana,arial, helvetica;text-decoration:underline;color:#000000;line-height:14px;cursor:pointer;}
.l1vbk  	{font-size:11px;font-family:verdana,arial,helvetica;text-decoration:none;color:#000000;line-height:14px;}
.l2vbk    {font-size:13px;font-family:verdana,arial,helvetica;text-decoration:none;color:#000000;line-height:16px;}
.l2vbku    {font-size:13px;font-family:verdana,arial,helvetica;text-decoration:underline;color:#000000;line-height:16px;}
.l1vwe  	{font-size:11px;font-family:verdana,arial,helvetica;text-decoration:none;color:#ffffff;line-height:14px;}
.l2gn  		{font-size:13px;font-family:courier new,arial,verdana,helvetica;text-decoration:underline;color:green;line-height:14px;}
.l2bk  		{font-size:13px;font-family:courier new,arial,verdana,helvetica;text-decoration:underline;color:black;line-height:14px;}
.l1bknd		{font-size:11px;font-family:verdana,arial,helvetica;text-decoration:none;color:#000000;line-height:14px;}
.l1tdnbk	{font-size:11px;font-family:courier new,arial,verdana,helvetica;text-decoration:none;color:#000000;line-height:14px;}
.roadlink	{font-size:15px;font-family:courier new,arial,verdana,helvetica;text-decoration:underline;color:#ffffff;line-height:14px;}
.roadlinkv	{font-size:13px;font-family:verdana,arial,helvetica;text-decoration:underline;color:#ffffff;line-height:14px;}


.fieldactive { background-color:#FFFFE0; font-size:12px; font-family:verdana,sans-serif; width=150px;}
.fieldinactive { background-color:#ffffff; font-size:12px; font-family:verdana,sans-serif; width=150px;}
.fieldactive1 { background-color:#FFFFE0; font-size:11px; }
.fieldinactive1 { background-color:#ffffff; font-size:11px; }

.button {
  display: inline-block;
  *display: inline;
  padding: 4px 10px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 12px;
  line-height: 20px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  border: 1px solid #bbbbbb;
  *border: 0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.button:hover {
  text-decoration: none;
 }

.button-autobahn {

  margin-bottom: 4px;
  margin-right: 4px;
  line-height: 14px;
  padding: 4px 5px;
  font-weight: normal;
  font-size: 11px;
  white-space: nowrap;
  min-width: 24px;

  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);

}

.button-bundesstrasse {
  margin-bottom: 4px;
  margin-right: 4px;
  line-height: 14px;
  padding: 4px 5px;
  font-weight: normal;
  font-size: 11px;
  white-space: nowrap;
  min-width: 24px;

  color: #000000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid #000000;
  background-color: #ffcc33;
  *background-color: #ffcc33;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffcc33), to(#FFCC00));
  background-image: -webkit-linear-gradient(top, #ffcc33, #FFCC00);
  background-image: -o-linear-gradient(top, #ffcc33, #FFCC00);
  background-image: linear-gradient(to bottom, #ffcc33, #FFCC00);
  background-image: -moz-linear-gradient(top, #ffcc33, #FFCC00);
  background-repeat: repeat-x;
  border-color: #000000 #000000 #000000;
  border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffcc33', endColorstr='#FFCC00', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.button-landstrasse {
  margin-bottom: 4px;
  margin-right: 4px;
  line-height: 14px;
  padding: 4px 5px;
  font-weight: normal;
  font-size: 11px;
  white-space: nowrap;
  min-width: 24px;

  color: #000000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid #000000;
  background-color: #ffffff;
  *background-color: #ffffff;
  background-image: -webkit-gradient(linear, 0 0, 0 150%, from(#ffffff), to(#f0f0f0));
  background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0);
  background-image: -o-linear-gradient(top, #ffffff, #f0f0f0);
  background-image: linear-gradient(to bottom, #ffffff, #f0f0f0);
  background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);
  background-repeat: repeat-x;
  border-color: #000000 #000000 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.headline {
  height:21px;
  /* background-image:url('/assets/images/v1/headlineback_mobile.gif'); */
  background-image:url('/assets/images/v1/headlineback.png');
  background-repeat:no-repeat;
  background-position:0px 0px;
  padding-top:5px;
  padding-left:34px;
}

.boxcontent {
  padding: 7px;
  text-align:justify;
  margin:0px;
}

.p1 {
  padding: 7px;
  margin:0px;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.fixed-top {
  left: 0;
  margin-bottom: 0;
  /*position: fixed;*/
  right: 0;
  top: 0;
  z-index: 8;
}

.pull-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.comment-badge {
  border-radius: 8px;
  font-size: 11px;
  left: -5px;
  padding: 2px 5px;
  position: relative;
  top: -12px;

  background-color: #999999;
  color: #FFFFFF;
  font-weight: bold;
  line-height: 14px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  vertical-align: baseline;
  white-space: nowrap;

  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.row {
  width:100%;
  display:table;
}

.row-trending {
  /* width:285px; */
  width:312px;
  display:table;
  background-color:#fafafa;
  margin:2px;
}

.td-road-autobahn {
  background-image:url('/assets/images/v1/anumberback.gif');
  background-position:left top;
  background-repeat: no-repeat;
}

.td-road {
  float:left;
  width:50%;
  height:28px;
  background-color:#f0f0f0;
  text-align:left;
  vertical-align:center;
}

.td-region {
  float:left;
  width:50%;
  background-color:#dfdfdf;
}

.td-msg-head-heading {
  float:left;
  width:70%;
}

.td-msg-head-info {
  float:left;
  width:30%;
  text-align: right;
}

.td-history-time {
  float:left;
  width:22%;
}

.td-history-message {
  float:left;
  width:78%;
}

.td-comment-picto {
  float:left;
  width:60px;
}

.td-comment-photo {
  float:left;
  width:240px;
}

.td-comment {
  float:left;
  min-width:240px;
}

.td-comment-ucp {
  float:left;
  min-width:240px;
  padding-right:9px;
}

.p-road {
  margin-top:9px;
  margin-left:13px;
}

.p-trending-road {
  margin-left:4px; margin-top:6px; margin-right:0px;
}

.p-trending-heading {
  margin-top:7px; margin-bottom:0px; margin-right:4px;
}

.p-trending-section {
  margin-top:5px; margin-bottom:5px; margin-right:4px;
}

.p-comment-photo-caption {
  float:right;
  padding-right:0px;
  padding-top:0px;
  padding-bottom:14px;
  margin-bottom:0px;
  margin-top:0px;
  margin-right:-10px;
  color: #5a5a5a;
  font-family: verdana,arial,helvetica;
  font-size: 10px;
  line-height: 13px;
  text-decoration: none;
}

.caption-link {
  color: #5a5a5a;
  text-decoration: none;
}

.caption-link:hover {
  text-decoration: none;
  color: #5a5a5a;
 }

.td-trending-road {
  float:left;
  width:55px;
}

.td-trending-content {
  /*width:230px;
  float:right;
  */
}

.p-msg-head-heading {
  padding-top:10px;
  padding-bottom:3px;
  padding-left:6px;
  padding-right:6px;
  margin-bottom:0px;
  margin-top:0px;
  /*line-height:15px;*/
}

.p-msg-head-body {
  padding-top:0px;
  padding-bottom:8px;
  padding-left:6px;
  padding-right:6px;
  margin-bottom:0px;
  margin-top:0px;
  /*line-height:15px;*/
}

.p-header-content {
  margin-left:30px;
  padding-top:5px;
}

.p-msg-history-time-mobile {
  padding-top:10px;
  padding-bottom:0px;
  padding-left:6px;
  padding-right:6px;
  margin-bottom:0px;
  margin-top:0px;
  /*line-height:15px;*/
}

.bg-white {
  background-color:#ffffff;
}

.cursor-pointer {
 cursor:pointer;
}

.header-long {
  width:100%;
  height:23px;
  background-image:url('/assets/images/v1/headlineback_long.gif');
  background-repeat: no-repeat;
}

.badge-success {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: 9px;
    padding: 1px 8px 2px;
    background-color: #468847;
    color: #FFFFFF;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    white-space: nowrap;
}

.init-comment-button {
  min-width:250;
  font-weight: bold;
  padding-left:15px;
  padding-right:15px;
  padding-top:9px;
  padding-bottom:9px;
  margin-top:10px;
  margin-bottom:0px;
  font-size: 14px;
  /*background-color:#468847;*/
  border-radius: 9px;
  /*color:#ffffff;*/
  background-color:#ffcc00;
  border-color:#f0f0f0;
}

.feedback-count {
  position: relative;
  width: 20px;
  height: 19px;
  padding: 0px;
  background: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: #7F7F7F solid 1px;
}

.feedback-count:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 3px 5px 3px 0;
  border-color: transparent #FFFFFF;
  display: block;
  width: 0;
  z-index: 1;
  left: -5px;
  top: 4px;
}

.feedback-count:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 3px 5px 3px 0;
  border-color: transparent #7F7F7F;
  display: block;
  width: 0;
  z-index: 0;
  left: -6px;
  top: 4px;
}

.outer-fbw {
  margin-left:3px; margin-top:3px; height:25px;
}

.feedback-wrapper {
    width: 92px;
    margin-left:2px;
    /*
    margin-bottom:5px;
    padding:2px;
    overflow: auto;
    */
    cursor: pointer;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.feedback-wrapper-incorrect {
    /* width: 120px; */
    margin-left:2px;
    margin-bottom:5px;
    /*padding:2px;
    overflow: auto;*/
    float:left;
    cursor: pointer;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.feedback-content {
  float:left;
  width:52px;
  margin-top:2px;
}

.feedback-content-incorrect {
  float:left;
  width:77px;
  margin-top:2px;
}

.feedback-counter {
  float:left;
  margin-top:1px;
  width:30px; /* 40px */
  font-size:11px;
}

.label-feedback {
  font-size: 10.844px;
  font-weight: normal;
  line-height: 12px;
  padding: 1px 5px 2px;
  background-color: #3A87AD;
  border-radius: 3px;
  color: #FFFFFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  vertical-align: baseline;
  white-space: nowrap;
}

.label-feedback-incorrect {
  font-size: 10.844px;
  font-weight: normal;
  line-height: 12px;
  padding: 1px 5px 2px;
  background-color: #999;
  border-radius: 3px;
  color: #FFFFFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  vertical-align: baseline;
  white-space: nowrap;
}

.label-warning {
  background-color: #F89406;
}

.comment-text {
  padding-top:0px;
  padding-bottom:4px;
  padding-left:6px;
  padding-right:6px;
  margin-bottom:0px;
  margin-top:0px;
}

.msg-reporter-box {
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  margin: 8px;
  background-color: #FFFFFF;
  width:300px;
}

.wrapper-page {
  /*width:1020px; */
  width:1200px;
  display:table;
  margin:0 auto;
}

.wrapper-header {
  /* width:820px; */
  width:890px;
  display:table;
  /* margin:0 auto; */
}

.container-header-left {
  float:left;
  width:155px;
  height:80px;
  background-color:#e4e5e4;
  text-align:left;
}

.container-header-right {
  float:left;
  /* width:665px; */
  width:735px;
  height:79px;
  /*vertical-align:middle;*/
  text-align:left;
  background-color:#f0f0f0;
  border-top: 1px solid #dfdfdf;
}

.container-logo {
  float:left;
  width:280px;
  height:110px;
  position: relative;
}

.container-logo img {
    position: absolute;
    left: 0;
    bottom: 0;
}

/*
.container-leaderboard {
  float:right;
  margin-bottom:10px;
  vertical-align:middle;
  text-align:left;
}
*/

.container-leaderboard {
  background-color:#f0f0f0;
  padding-top:10px;
  vertical-align:middle;
  text-align:left;
}

.container-main {
  float:left;
  width:890px;
}

.container-skyscraper {
  float:left;
  width:190px;
  margin-left:10px;
}

.container-fixed-skyscraper {
  width: 310px;
  margin-left:898px;
  position:fixed;
}

.navbar {
  width:100%;
  background-color:#e3e4e3;
  height:25px;
  text-align:left;
  vertical-align:center;
  margin: 0px;
}

.navbar-time {
  color: rgb(102, 102, 102);
  display: inline-block;
  vertical-align: middle;
  margin-top: 5px;
  margin-left:8px;
}

.wrapper-content {
  width:890px;
  display:table;
  background-color:#e3e4e3;
}

.container-sidebar-left {
  float:left;
  width:152px;
  padding-left:3px;
  background-color:#e3e4e3;
  min-height:600px;
  text-align:left;
}

.container-content {
  float:left;
  background-color:#f0f0f0;
  padding-left: 20px;
  padding-right: 15px;
  width: 700px;
  min-height:600px;
}

.wrapper-footer {
  width:1000px;
  display:table;
}

.container-facebook {
  margin: auto;
  width: 220px;
  text-align: right;
}

.p-home-contentblock {
  text-align:justify;
  width:305px;
}

.td-home-contentblock-header {
  width:100%;
  vertical-align:top;
  height:23px;
  background-image:url('/assets/images/v1/headlineback.png');
  background-repeat:no-repeat;
}

.wrapper-nav-mobile {
  display:table;
  height:37px;
  width:100%;
  padding:3px;
  background-color:#CD1D1B;
  position:fixed;
  z-index:900;
}

.td-nav-mobile-left {
  float:left;
  width:20%;
  text-align:left;
}

.td-nav-mobile-title {
  float:left;
  width:60%;
  text-align:center;
}

.td-nav-mobile-right {
  float:right;
  width:20%;
  text-align:right;
}

.button-mobile-nav-left {
  margin-top:6px;
  height:28px;
  font-size: 13px;
  font-family: verdana,arial,helvetica;
  background-color:#ffcc00;
  border-color:#f0f0f0;
}

.button-mobile-nav-right {
  margin-top:6px;
  margin-right:8px;
  height:28px;
  font-size: 13px;
  font-family: verdana,arial,helvetica;
  background-color:#ffcc00;
  border-color:#f0f0f0;
}

.h1-mobile-nav-title {
  marign:0px;
  padding:0px;
  font-size:16px;
  color:#f0f0f0;
  font-family: verdana,arial,helvetica;
  /*line-height:12px*/
}

.push-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.alert-green {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
    border: 1px solid;
    border-radius: 4px;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

img.picto {
  padding:5px; width:50px; height:50px;
  border-radius:11px;
  object-fit:cover;
}

img.commentPhoto {
  border-radius: 5px;
  height: 230px;
  object-fit: cover;
  padding: 5px;
  width: 245px;
}

.table-row {
  display:table-row;
}

.msg-content-cell {
  display:table-cell;
  width:660px;
}

.msg-disclosure-cell {
  display:table-cell;
  width:40px;
  height:100%;
  text-align:center;
  vertical-align:middle;
  background-color:white;
}