@import url(http://fonts.googleapis.com/css?family=Titillium+Web:600,300,700);
@import url(https://fonts.googleapis.com/css?family=Exo+2:400,500);
* {
  margin: 0;
  padding: 0;
}
html {
  height: 100%
}
body {
  /*background: url(../img/h2_hg_high_res.jpg) left top repeat-x fixed;*/
  background: #2093d1; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #B3DCF2 0%, #7DB7D7 41%, #0a72b7 100%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#B3DCF2), color-stop(41%,#7DB7D7), color-stop(100%,#0a72b7)); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #B3DCF2 0%,#7DB7D7 41%,#0a72b7 100%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #B3DCF2 0%,#7DB7D7 41%,#0a72b7 100%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #B3DCF2 0%,#7DB7D7 41%,#0a72b7 100%); /* IE10+ */
  background: radial-gradient(ellipse at center, #B3DCF2 0%,#7DB7D7 41%,#0a72b7 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B3DCF2', endColorstr='#0a72b7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  /*background-color: #2E8BC8;*/
  font-family: 'Titillium Web', arial, sans-serif, helvetica;
  text-align: center;
  width: 100%;
  height: 100%;
}
a {
  text-decoration: none;
}
div#main {
  position: relative;
  /*background-image: url(../img/body-background.png);
  background-repeat: repeat-x;
  background-position-y: 35%;
  background-size: 16%;*/
}
div#container {
  /*background: #FFF url(../img/bg_container.png) left bottom repeat-x;*/
  background-color: #FFF;
  width: 990px;
  margin: 20px auto;
  text-align: left;
  box-shadow: 0 0 10px #666;
  border-radius: 4px;
}
div#top {
  height: 135px;
  position: relative;
}
div#logo {
  position: absolute;
  left: 25px;
  top: 25px;
}
div#sublogo {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
div#lang {
  font-size: 12px;
  color: #6c6e71;
  position: absolute;
  right: 20px;
  top: 20px;
}
div#headermenu {
  position: absolute;
  bottom: 10px;
  right: 20px;
  font-size: 12px;
  color: #6c6e71;
}
div#headermenu a,
div#lang a {
  color: #6c6e71;
}
div#headermenu a:hover,
div#lang a:hover {
  color: #000;
}
div#navbg {
  /*height: 34px;*/
  background: #FFF;
}
div#nav {
  height: 31px;
  /*background-image: url(../img/bg_nav.png);*/
  background-color: #0069B4;
  background-repeat: repeat;
  background-size: cover;
}
div#slide {
  height: 342px;
  position: relative;
}
div#slide #deco {
  background: url(../img/deco.png) left top no-repeat;
  width: 280px;
  height: 53px;
  left: 300px;
  top: 0;
  z-index: 20;
}
div#cycle {
  height: 170px;
  position: relative;
}
div#cycle #deco {
  position: absolute;
  background: url(../img/deco.png) left top no-repeat;
  width: 280px;
  height: 53px;
  left: 200px;
  top: 0;
  z-index: 20;
}
div#footer {
  /*height: 180px;*/
  position: relative;
}
div#footer #footernav {
  /*position: absolute;
  left: 0px;
  top: 20px;*/
}
div#footer #footerlogo {
  position: absolute;
  left: 25px;
  top: 25px;
}
div#col2 {
}
div#col2 #col2center {
  width: 710px;
  float: left;
}
div#col2 #col2left {
  width: 280px;
  float: left;
}
div#col2 #col2right {
  width: 280px;
  float: left;
}
div#col3 {
}
div#col3 #col3left {
  width: 200px;
  float: left;
}
div#col3 #col3center {
  width: 510px;
  float: left;
}
div#col3 #col3right {
  width: 280px;
  float: left;
}
.main {
  padding: 20px 25px;
}
.right {
  padding: 20px 25px;
  padding-left: 0;
}
.left {
  padding: 20px 25px;
  padding-right: 0;
}
.left .left-deco {
}
.cont {
  font-size: 14px;
  color: #828386;
}
.cont.main {
  font-size: 16px;
}
.cont p {
  /*line-height: 20px;*/
  margin-bottom: 15px;
}
.cont b,
.cont strong  {
  font-weight: 600;
}
.cont h1 {
  font-size: 26px;
  color: #147dc0;
  margin-bottom: 12px;
  text-transform: uppercase;
  font-weight: 600;
}
.cont h2 {
  font-size: 16px;
  color: #147dc0;
  margin-bottom: 12px;
}
.cont h3 {
  font-size: 14px;
  color: #147dc0;
  margin-bottom: 12px;
}
.cont h4 {
  font-size: 13px;
  color: #147dc0;
  margin-bottom: 12px;
}
.cont h5 {
  font-size: 12px;
  color: #147dc0;
  margin-bottom: 12px;
}
.cont h6 {
  font-size: 11px;
  color: #147dc0;
  margin-bottom: 12px;
}
.cont ul, .cont ol {
  padding-left: 20px;
  margin-bottom: 15px;
}
ul.multicolumnContainer {
  padding-left: 0px;
  margin-bottom: 0px;
}
.cont a {
  color: #2a89c7;
}
.cont a:hover {
  color: #000;
}
.csc-frame-2col {
  column-count: 2;
  column-gap: 25px;
  /*Mozilla Präfix -moz-*/
  -moz-column-count: 2;
  -moz-column-rule: solid 0px #f2f2f2;
  -moz-column-gap: 25px;
  /*Webkit Präfix -webkit-*/
  -webkit-column-count: 2;
  -webkit-column-rule: solid 0px #f2f2f2;
  -webkit-column-gap: 25px;
}
.csc-frame-3col {
  column-count: 3;
  column-gap: 25px;
  /*Mozilla Präfix -moz-*/
  -moz-column-count: 3;
  -moz-column-rule: solid 0px #f2f2f2;
  -moz-column-gap: 25px;
  /*Webkit Präfix -webkit-*/
  -webkit-column-count: 3;
  -webkit-column-rule: solid 0px #f2f2f2;
  -webkit-column-gap: 25px;
}
.news-list-item {
  position: relative;
  height: 180px;
}
.news-list-item-left {
  position: absolute;
  left: 0;
  top: 0;
  width: 135px;
}
.news-list-item-left .deco, .left .left-deco {
  margin-bottom: 12px;
  height: 16px;
  /*background: url(../img/bg_blue.png) left top repeat-y;
   background-size: cover; */
  background-color: #0069B4;
}
.news-list-item-right {
  width: 510px;
  position: absolute;
  left: 150px;
  top: 0;
}
.news-list-item-right p {
  font-size: 14px;
  line-height: 20px;
}
.news-list-item-right .deco, .content-deco {
  margin-bottom: 12px;
  height: 16px;
  /*background: #CCC url(../img/bg_grey.png) left top repeat-x;*/
  background: #E2E2E2;
}
.news-list-item-right h2 {
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
}
.news-list-item-right h2 a {
  color: #2a89c7;
}
.news-list-item-right a {
  color: #2a89c7;
}
.news-list-item a:hover {
  color: #000;
}
.news-latest-container {
}
.news-latest-item {
  font-size: 14px;
}
.news-latest-header {
  padding-left: 10px;
  line-height: 24px;
  color: #FFF;
  text-transform: uppercase;
  margin: -10px -10px 12px -10px;
  border-radius: 3px 3px 0 0;
  height: 24px;
  /*background: url(../img/bg_blue.png) left top repeat-y;
  background-size: cover;*/
  background-color: #0069B4;
}
.news-latest-item h3 a {
  color: #2a89c7;
}
.news-latest-item a {
  color: #2a89c7;
}
.news-latest-item h3 {
  margin-bottom: 5px;
  margin-top: 10px;
}
.cont.right .deco {
  margin-top: 10px;
  margin-bottom: 12px;
  height: 10px;
  /*background: #CCC url(../img/bg_grey.png) left top repeat-x;*/
  background: #E2E2E2;
}
.news-latest-item a:hover {
  color: #000;
}
#coming {
  /*display: none;*/
  font-size: 14px;
  color: #828386;
  position: absolute;
  bottom: 15px;
  left: 173px;
  font-weight: 600;
}
.gallery-firstprev .csc-textpic-imagerow {
  display: none;
}
.gallery-firstprev .csc-textpic-imagerow:first-child {
  display: block;
}
.csc-textpic-image a {
  display: block;
  position: relative;
}
input[type=submit], button, .button {
  display: inline-block;
  border: 1px solid #B8BCC9;
  border-radius: 3px;
  color: #FFF !important;
  background-color: #0067b2;
  padding: 5px 15px;
  text-decoration: none;
  box-shadow: 0px 0px 3px #CCC;
  -mox-box-shadow: 0px 0px 3px #CCC;
  -webkit-box-shadow: 0px 0px 3px #CCC;
  text-transform: uppercase;
  font-size: .9em;
  outline: none;
  cursor: pointer;
}
.error {
  color: #F00;
}
#footer-address {
  padding: 10px 0;
  margin: 0 20px;
  border-top: 1px solid #ccc;
  clear: both;
  font-size: 12px;
  color: #7C7B7B;
}
#footer-address span {
  color: #147DC0;
  font-weight: 600;
}
#footer-address a {
  color: #7C7B7B;;
}
.cont.right > .news {
  margin-bottom: 15px;
}
.news-latest-container,
#header-user-box {
  padding: 10px;
  background-color: #F5F5F5;
  border-radius: 4px;
}
.cont.right > .news .news-latest-item img {
  width: 100%;
  height: auto;
}

.cont.right > .news .news-latest-item h3 {
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
}

.co2-counter-container {
  margin-bottom: 20px;
  margin-top: -3px;
}
.co2-counter-container h2 {
  margin: 0;
  text-transform: uppercase;
  line-height: 1.2;
}
.co2-counter-container h2 span {
  font-size: 14px;
  font-weight: 600;
}
.co2-counter {
  height: 130px;
  width: 255px;
  position: relative;
  margin: 5px 0;
  color: #FFF;
  text-align: center;
}
.co2-counter.top {
  background-image: url(../img/h2-co2-counter_02.png);
}
.co2-counter.bottom {
  background-image: url(../img/h2-co2-counter_01.png);
}
.co2-counter .co2-counter-title {
  padding: 15px 0; 
  font-family: 'Exo 2', sans-serif;
  font-size: 16px;
}
.co2-counter span {
  display: block;
  position: absolute;
  bottom: 15px;
}
.co2-counter .auto {
  left: 6px;
  width: 64px;
}
.co2-counter .bus {  
  left: 70px;
  width: 64px
}
.co2-counter .km {  
  left: 132px;
  width: 117px
}
.co2-counter .co2 {
  left: 6px;
  width: 64px;
}
.co2-counter .nox {  
  left: 80px;
  width: 70px;
}
.co2-counter .fs {  
  left: 162px;
  width: 85px;
}
.co2-counter .fs-titel {  
  position: absolute;
  top: 56px;
  right: 12px;
  width: 81px;
}