html, body {
  margin: 0;
  padding: 0;
}
body {
  background: url(../images/body-bg.gif) repeat-x #fff;
  font-size: 84%;
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  line-height: 1.5em;
  width: 100%;
  height: 100%;
}
a{
  text-decoration: none;
}
a:link {
  color: #008F0D;
}
a:visited {
  color: #015409;
}
a:hover {
  color: #cc6600;
}
input:invalid {
  -moz-box-shadow: none;
  box-shadow: none;
}
sup {
    font-size: 9px;
}
.cl {
  clear:left;
}
.cr {
  clear:right;
}
.cb {
  clear:both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
#site-wrapper {
  /*width: 950px;*/
  /*margin: 0 auto;*/
}
#header-wrapper, #content-wrapper, #slideshow-wrapper .slideshow-inner {
  width: 950px;
  margin: 0 auto;
}
#header-wrapper {
  /*height: 95px;*/
    height: auto;
  position: relative;
}
#header-wrapper #logo {
  margin-top: 10px;
  margin-left: 15px;
}
#header-wrapper #navigation {
  position: relative;
  margin-top: 5px;
}
#header-wrapper #navigation .menu-left {
  width: 14px;
  min-height: 35px;
  float: left;
  background: url('../images/menu-left-bg.gif') repeat-y;
}
#header-wrapper #navigation .menu-right {
  width: 14px;
  min-height: 35px;
  float: right;
  background: url('../images/menu-right-bg.gif') repeat-y;
}
#header-wrapper #navigation ul.menu {
  list-style: none;
  padding: 0 14px;
  margin: 0;
  min-height: 35px;
  float: left;
  width: 100%;
  position: relative;
  background: url('../images/menu-bg.gif') repeat;
}
#header-wrapper #navigation ul.menu:before {
    display: block;
    content: "";
    width: 14px;
    height: 100%;
    position: absolute;
    left: 0;
    background: url('../images/menu-left-bg.gif') repeat-y;
}
#header-wrapper #navigation ul.menu:after {
    display: block;
    content: "";
    width: 14px;
    height: 100%;
    position: absolute;
    right: 0;
    background: url('../images/menu-right-bg.gif') repeat-y;
}
#header-wrapper #navigation ul.menu li {
  float: left;
  /*background: url('../images/menu-separator.gif') no-repeat right top;*/
  height: 100%;
  padding: 0 1px 3px 0;
  position: relative;
}
#header-wrapper #navigation ul.menu li a, #header-wrapper #navigation ul.menu li span {
  color: #fff;
  text-decoration: none;
  font-size: 11px;
  padding: 7px 15px 0 15px;
  font-weight: bold;
  height: 25px;
  display: inline-block;
  background: url('../images/menu-seperator.gif') no-repeat right top;
}
#header-wrapper #navigation ul.menu li.dropdown a, #header-wrapper #navigation ul.menu li.dropdown span {
  background: url('../images/menu-seperator-arrow.gif') no-repeat right top;
    cursor: default;
}
#header-wrapper #navigation ul.menu li a:hover {
  /*background: url('../images/menu-hover-bg.gif') repeat-x top left;*/
}
#header-wrapper #navigation ul.menu li:hover {
  background: url('../images/menu-hover-bg.gif') repeat-x top left;
}
#header-wrapper #navigation ul.menu li:hover ul.submenu {
  display: block;
}
#header-wrapper #navigation ul.menu ul.submenu {
  display: none;
  z-index: 10;
  position: absolute;
  top: 32px;
  padding: 0;
  margin: 0;
  background: none;
  list-style: none;
  width: auto;
  min-width: 100%;
  background: #13560a;
}
#header-wrapper #navigation ul.menu ul.submenu li {
  clear: left;
  /*background: url('../images/menu-sub-bg.gif') repeat-x;*/
  background: none;
  width: 100%;
  padding: 0 1px 0 0;
  position: relative;
  height: 31px;
  background: #13560a;
}
#header-wrapper #navigation ul.menu ul.submenu li a {
  background: #13560a;
  font-size: 10px;
  display: block;
  height: 24px;
  margin: 0;
  font-weight: bold;
    cursor: pointer;
}
#header-wrapper #navigation ul.menu ul.submenu li a:hover {
  /*background: url('../images/menu-sub-hover-bg.gif') repeat-x top left;*/
  background: #0b4303;
}

/* == SLIDESHOW == */
#slideshow-wrapper {
  width: 100%;
  background: url('../images/slideshow-shadow.gif') no-repeat center bottom;
  height: 420px;
  margin-bottom: -45px;
  margin-top: 14px;
}
#slideshow-wrapper .slideshow-inner {
  height: 355px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
#slideshow-wrapper .slideshow-inner .slideshow {
  z-index: 2;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #ffffff;
}
#slideshow-wrapper .slideshow-inner .slideshow img {
  position: absolute;
  top: 0;
  left: 0;
}

/* == CONTENT == */
#content-wrapper {
  margin-top: 15px;
}
#content-wrapper #sidebar-left {
  float: left;
  width: 250px;
}
#content-wrapper #content {
  margin-left: 25px;
  width: 675px;
  float: left;
}

/* == SIDEBAR BLOCK == */
#sidebar-left .csc-default, .news-latest-container .last {
  background-color: #f4f4f4;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
#sidebar-left .csc-default {
  margin: 0 0 15px 0;
}
#sidebar-left .csc-default.blink {
  border: 2px solid #008f0d;
}
#sidebar-left .csc-default h1 {
  display: block;
  background: #e6e6e6;
  margin: 0;
  padding: 5px 10px 5px 10px;
  font-size: 1.1em;
}
#sidebar-left .csc-default .bodytext {
  padding: 5px 15px;
}

/* == NEWS BLOCK == */
.news-latest-container {
  
}
.news-latest-container .news-latest-item {
  padding-bottom: 15px;
  margin: 20px 0 20px 0;
  border-bottom: 1px solid #bbb;
}
.news-latest-container .news-latest-item h2 {
  margin: 0 auto;
  line-height: 1.2em;
}
.news-latest-container .news-latest-item {
  margin: 0.5em 0 0.5em 0;
}
.news-latest-container .last {
  padding: 1em;
}
.news-latest-container hr.clearer {
  clear: both;
}
.news-latest-container .readmore {
  padding-left: 20px;
  background: url('../images/readmore.gif') center left no-repeat;
}
.news-single-item .gallery .news-single-img {
  float: none;
}
.news-single-item .gallery .single-image {
  float: left;
  margin: 2px;
  width: 150px;
  height: 133px;
  text-align: center;
}
.single-list-image {
    float: left;
    margin-right: 10px;
}
.single-list-image a img {
    float: none !important;
    margin: 0 5px 0 0;
}
/* NEWS AKTION */
.news-latest-container .news-latest-item.aktion {
  background-color: #f4f4f4;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.news-latest-container .news-latest-item.aktion h1 {
  display: block;
  background: #e6e6e6;
  margin: 0;
  padding: 5px 10px 5px 10px;
  font-size: 1.3em;
}
.news-latest-container .news-latest-item.aktion .news-latest-content {
  padding: 5px 15px;
}

/* == FAHRZEUGE == */
.car_prev {
  height: 160px;
  width: 700px;
  background: url('../images/fahrzeuginfos.png') no-repeat;
}
#car_model-s    { background-position: -700px 0px; }
#car_ampera     { background-position: -700px -160px; }
#car_karma      { background-position: -700px -320px; }
#car_outlander  { background-position: -700px -480px; }
#car_leaf       { background-position: -700px -640px; }
#car_env200     { background-position: -700px -800px; }
#car_i3         { background-position: -700px -960px; }
#car_zoe        { background-position: -700px -1120px; }
#car_ion        { background-position: -700px -1280px; }
#car_fortwo     { background-position: -700px -1440px; }
#car_twizy      { background-position: -700px -1600px; }
#car_golf       { background-position: -700px -1760px; }
#car_soul       { background-position: -700px -1920px; }
#car_tourer     { background-position: -700px -2080px; }
#car_model-x    { background-position: -700px -2240px; }
#car_model-s:hover      { background-position: 0px 0px;}
#car_ampera:hover       { background-position: 0px -160px; }
#car_karma:hover        { background-position: 0px -320px; }
#car_outlander:hover    { background-position: 0px -480px; }
#car_leaf:hover         { background-position: 0px -640px; }
#car_env200:hover       { background-position: 0px -800px; }
#car_i3:hover           { background-position: 0px -960px; }
#car_zoe:hover          { background-position: 0px -1120px; }
#car_ion:hover          { background-position: 0px -1280px; }
#car_fortwo:hover       { background-position: 0px -1440px; }
#car_twizy:hover        { background-position: 0px -1600px; }
#car_golf:hover         { background-position: 0px -1760px; }
#car_soul:hover         { background-position: 0px -1920px; }
#car_tourer:hover       { background-position: 0px -2080px; }
#car_model-x:hover      { background-position: 0px -2240px; }

.preis-hover-trigger {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index:99;
  top:0;
  left:0;
}
.preis-hover-box {
  display:none;
  width:200px;
  height:auto;
  position: absolute;
  border:1px solid #bbb;
  background:#fff;
  top:-50%;
  left:50%;
    margin-left: -100px;
  z-index:2;
  box-shadow:0px 0px 10px 1px #aaa;
}
.preis-hover-img {
    height: 150px;
    vertical-align: middle;
    display: table-cell;
}
.preis-hover-box .name {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  background:#f4f4f4;
  font-weight: bold;
}

/* == UNTERSTUETZER == */
#unterstuetzer {
  position: relative;
}
#unterstuetzer .person {
  float: left;
  position: relative;
  margin: 5px;
  border:1px solid #bbb;
}
#unterstuetzer .person.empty {
  border: 1px solid transparent;
}
#unterstuetzer .person.active img {
  position:absolute;
  width: 140px;
  height: 188px;
  z-index: 2;
  left:-20px;
  top:-27px;
}
#unterstuetzer .person, #unterstuetzer .trigger, #unterstuetzer .portrait, #unterstuetzer .portrait img {
  width: 100px;
  height: 134px;
}
#unterstuetzer .back {
  display: none;
  position: absolute;
  width: 150px;
  height: 201px;
  top: -25%;
  left: -25%;
  border: 1px solid #bbb;
  background: #fff;
  z-index: 1;
}
#unterstuetzer .trigger {
  position:absolute;
  z-index:3;
  top:0;
  left:0;
}
#unterstuetzer .portrait { text-align:center; line-height:0px;position:relative }
#unterstuetzer .info {
  border: 1px solid #bbb;
  position:absolute;
  z-index: 2;
  top: 100%;
  height: auto;
  width: 150px;
  background: #fff;
  left: -1px;
}
#unterstuetzer .info .text {
  padding: 3px;
  font-size: 11px;
}
#unterstuetzer .info .name {
  font-weight: bold;
  text-align: center;
  background: #e4e4e4;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: 0 3px;
}
#unterstuetzer .zitat {
  display:none;
  width: 180px;
  position: absolute;
  bottom: 50%;
  left: 100%;
  border-radius: 5px;
  background: #fff;
  padding: 15px 10px 10px 15px;
  color:#000;
  box-shadow: 0px 0px 10px 1px #aaa;
  z-index: 2;
}
#unterstuetzer .zitat .text {
  position: relative;
  z-index: 2;
}
#unterstuetzer .icon {
  position: absolute;
  background: url('../images/quote.png') no-repeat;
  width: 22px;
  height: 18px;
  top:5px;
  left:5px;
  z-index: 0;
}
#unterstuetzer .arrow {
  position:absolute;
  background: url('../images/speecharrow.png') no-repeat;
  width: 28px;
  height: 18px;
  bottom: -16px;
  left: 0;
}
#unterschrift-wrapper {
  width: 436px;
  height: 280px;
  /*background: url('../images/ampera-haube.jpg') no-repeat;*/
  position: absolute;
  left: 229px;
  top: 151px; /* (134 + 5 + 5 + 1 + 1)*numImage (height+margin-top+margin-bottom+border-top+border-bottom */
  border: 1px solid #bbb;
  overflow: hidden;
}
#unterschrift-wrapper .unterschrift {
  position: absolute;
}
#unterschrift-wrapper .unterschrift img {
  width: 436px;
  height: 280px;
}

/* == TABLES == */
table {
  border: 0;
  border-spacing: 0;
  border-collapse: collapse;
}
tr td, tr th {
  padding: 3px 6px;
  border: 1px solid #bbb;
}
th {
  background: #e6e6e6;
}
table.full {
    width: 100%;
}
table.no-border td {
    border:none;
}
table.preise {
  width: 100%;
}
table.preise td {
  text-align: center;
  position: relative;
}
table.float-table {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
table.pay-table {
  text-align: left;
}
table.pay-table th {
  font-weight: normal;
}
table.standorte_car { text-align: left; width:100%; }
table.standorte_car th.stadt {
  text-align: left;
  font-size: 18px;
  padding: 10px 0 10px 20px;
}
table.standorte_car tr.clickable {
  cursor: pointer;
}
table.standorte_car tr.strasse td {
    border: none;
    height: 60px;
    width: 25%;
}
table.standorte_car tr.strasse td.s_name {
    background: #f1f1f1;
}
table.standorte_car tr.strasse {
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
}
table.standorte_car tr.strasse td:first-child {
}
table.standorte_car tr.strasse td:last-child {
    border-right: 1px solid #bbb;
}
table.standorte_car tr:last-child {
    border-bottom: 1px solid #bbb;
}
table.partner {
  width: 675px;
}
table.partner td {
  border: none;
  position: relative;
}
table.partner.ko td {
  padding: 10px;
}
table.partner.as td {
  width: 168px;
}
table.partner.as td img {
  width: 100%;
}

/* SEITEN FLOATS */
#anmeldung_button {
  position: fixed;
  top: 0;
  right: 0;
}
#right_container {
    position: fixed;
    top: 30%;
    width: 8%;
    right: 0;
}
#key_social {
    position: absolute;
  right: 0;
  width: 100%;
    padding-bottom: 50%;
  min-width: 5%;
  max-width: 95px;
  background: url('../images/key-rae.png') top left no-repeat scroll;
  background-size: 200%;
}
#key_social .link1 {
    padding-bottom: 77.4%;
  width: 100%;
  top: 0;
  display:block;
}
#key_social .link1:hover {
  opacity: 0.3;
  background: url('../images/key-rae.png') top right no-repeat;
  background-size: 200%;
}
#key_social .link2 {
  padding-bottom: 64.7%;
  width: 100%;
  display:block;
}
#key_social .link2:hover {
  opacity: 0.3;
  background: url('../images/key-rae.png') 100% 55% no-repeat;
  background-size: 200%;
}
#klimawerkstadt {
    position: absolute;
    right: 0;
    width: 100%;
    max-width: 110px;
    margin-top: 180%;
    background: url('../images/klimawerkstadt_essen.png') top left no-repeat scroll;
    background-size: 100%;
    padding-bottom: 100%;
    display: block;
}
/* == FOOTER == */
#footer-wrapper {
  clear: both;
  text-align: center;
  margin-top: 100px;
}
#footer-wrapper .center {
  text-align: center;
}
#footer-wrapper .partner a {
    display: block;
    /*width: 129px;*/
    height: 53px;
    text-align: center;
    float: right;
    margin: 5px;
}

/* == BUCHEN ELEMENT == */
#form{margin:0;padding:10px 0 10px 10px;width:auto; font-family:Verdana, Geneva, sans-serif;font-size:12px;}
#form label {font-weight:bold;}
#form select {font-size:12px;}
#form .bookbegin{}
#form .bookbegin label{float:left;}
#form .bookend label{float:left;}

#form h4{margin:0;padding-bottom:5px;font-size:12px;}
#form img{padding-left:5px;}
#form .booktb{width:80px;font-size:12px;height:15px;padding-left:0.4em}
#form .bookcb{vertical-align:middle;}
#form .ui-spinner-input {width:50px;margin-top:0;height:15px;}
#form span.ui-spinner {position:relative;top:0px;left:3px}
#form span.dop {position:relative;top:0px;left:5px;}
#form .bookelektro{display:block;padding:0 0 0 10px;font-weight:bold;height:20px;margin-left:5px;}
#form .clearer{clear:both;}
#form .bookend{}
#form .electro{margin-top:10px;}
#form .submitbutton{margin-top:20px}
#form #buchen-error-msg{color:red;font-weight:bold;margin-top:5px;}

/*#form .searchBtn{
  border:0;background-color:transparent;
  background-image:url(../img/btn.png);width:100px;height:30px;background-repeat:no-repeat;color:transparent;cursor:pointer;
}*/
#form .searchBtn {
  color: #000;
}
#form .searchBtn:hover {
  color: #c77405;
}

/* == ANDERES == */
div.csc-mailform ol {
  list-style: none;
}
/* So wird's gemacht */
.anmeldung, .buchen {
  position: relative;
}
.anmeldung a, .buchen a.online {
  display: block;
  position: absolute;
  line-height: 0;
  padding: 0;
  margin: 0;
}
.anmeldung a.zur-anmeldung {
  top: 147px;
  left: 210px;
  width: 118px;
  height: 26px;
}
.anmeldung a.zur-anmeldung:hover {
  background: url('../images/anleitung/anmeldung_1_hover.jpg') no-repeat top left;
}
.anmeldung a.anmeldungsschritte {
  top: 173px;
  left: 117px;
  width: 197px;
  height: 31px;
}
.anmeldung a.anmeldungsschritte:hover {
  background: url('../images/anleitung/anmeldung_1_hover2.jpg') no-repeat top left;
}
.anmeldung a.partner {
  top: 149px;
  left: 91px;
  width: 163px;
  height: 35px;
}
.anmeldung a.partner:hover {
  background: url('../images/anleitung/anmeldung_3_hover.jpg') no-repeat top left;
}
.anmeldung a.buchen-next-btn {
  bottom: 10px;
  right: 10px;
}
.buchen a.online {
  top: 170px;
  left: 56px;
  width: 58px;
  height: 25px;
}
.buchen a.online:hover {
  background: url('../images/anleitung/buchung_1_hover.jpg') no-repeat top left;
}
/* Anmeldungs Seite */
.anmeldung_btn {
  width: 156px;
  height: 61px;
  float: left;
  background: url('../images/anmeldung_btn.png') top left no-repeat;
}
.anmeldung_btn:hover {
  background-position: bottom left;
}
/* == CHRONIK == */
#chronik .eintrag {
  margin: 5px 0;
}
#chronik .eintrag .datum {
  position: relative;
  margin-top: 10px;
  z-index: 1;
}
#chronik .eintrag .datum:before {
  border-top: 1px solid #008F0D;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
#chronik .eintrag .datum span {
  background: #fff;
  padding: 0 15px;
  margin-left: 10px;
  font-weight: bold;
}
#chronik .eintrag .aktion {
  clear: both;
  margin-top: -10px;
}
#chronik .eintrag .aktion .beschreibung {
  float: left;
  width: 255px;
  padding-right: 10px;
  padding-top: 10px;
  text-align: right;
}
#chronik .eintrag .aktion .bild {
  float: right;
  border-left: 1px solid #008F0D;
  padding-left: 9px;
  padding-top: 10px;
}
#chronik .eintrag .aktion .bild img {
  width: 400px;
}
/* == TESLA MODEL S BUCHUNG == */
div.csc-mailform {
  background-color: #f4f4f4;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;

}
div.csc-mailform .csc-form-element {
  padding: 5px 15px;
}
div.csc-mailform .csc-form-element-header h1 {
  display: block;
  background: #e6e6e6;
  margin: 0;
  padding: 5px 10px 5px 10px;
  font-size: 1.1em;
}
div.csc-mailform .csc-form-element-header {
  padding: 0;
}
div.csc-mailform li label {
  text-align: right;
}
div.csc-mailform .csc-form-element-submit {
  margin-left: 13em;
}
#field-12, #field-13 {
  position: absolute;
  margin: 0 0 0 -999em;
}
/* == TESLA MODEL S BUCHUNG 2 == */
div.tx-powermail h3 {
  display: none;
}
.powermail_message {
  padding-left: 20px;
  min-height: 65px;
  background: #e6e6e6;
  background-position: 98% 10px;
  background-repeat: no-repeat;
}
.powermail_message_ok {
  background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_ok.png");
}
.powermail_message_error {
  background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_error.png");
}
.powermail_message {
  list-style: none;
}
.powermail_message li {
  padding: 10px 50px 10px 0;
  font-weight: bold;
}
div.tx-powermail fieldset {
  background-color: #f4f4f4;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 30px 15px 15px 15px;
}
div.tx-powermail legend {
  display: block;
  background: #e6e6e6;
  margin: 0;
  padding: 5px 10px 5px 10px;
  font-size: 1.1em;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  font-weight: bold;
}
div.tx-powermail .powermail_fieldwrap {
  margin: 10px 0;
  position: relative;
  clear: left;
}
div.tx-powermail .powermail_fieldwrap input[type=text] {
  width: 229px;
}
div.tx-powermail .powermail_fieldwrap input, div.tx-powermail label {
  min-height: 20px;
  height: 20px;
  margin: 0;
}
div.tx-powermail label {
  display: block;
  float: left;
  width: 13em;
  text-align: right;
  margin-right: 1em;
  vertical-align: baseline;
  height: 100%;
}
.powermail_captcha_outer {
  display: inline;
  width: 229px;
  float: left;
}
.powermail_captcha_outer img {
  margin: 2px;
}
.formError { z-index: 990; }
.formError .formErrorContent { z-index: 991; }
.formError .formErrorArrow { z-index: 996; }
.formErrorInsideDialog.formError { z-index: 5000; }
.formErrorInsideDialog.formError .formErrorContent { z-index: 5001; }
.formErrorInsideDialog.formError .formErrorArrow { z-index: 5006; }

.formError {
  cursor: pointer;
}
.formError .formErrorContent {
  border: 2px solid #ddd;
  position: relative;
  color: #fff;
  font-size: 11px;
  padding: 4px 10px 4px 10px;
  background: #008F0D;
  line-height: 11px;
}
.formError .formErrorArrow {
  width: 15px;
  margin: -2px 0 0 13px;
  position: relative;
}
.formError .formErrorArrowBottom {
  box-shadow: none;
  margin: 0 0 0 12px;
  top: 2px;
}
.formError .formErrorArrow div {
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  font-size: 0px;
  height: 1px;
  margin: 0 auto;
  line-height: 0;
  display: block;
  background: #008F0D;
}
.formError .formErrorArrowBottom div {
  box-shadow: none;
}
.formError .formErrorArrow .line10 {
  width: 15px;
  border: none;
}
.formError .formErrorArrow .line9 {
  width: 13px;
  border: none;
}
.formError .formErrorArrow .line8 {
  width: 11px;
}
.formError .formErrorArrow .line7 {
  width: 9px;
}
.formError .formErrorArrow .line6 {
  width: 7px;
}
.formError .formErrorArrow .line5 {
  width: 5px;
}
.formError .formErrorArrow .line4 {
  width: 3px;
}
.formError .formErrorArrow .line3 {
  width: 1px;
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  border-bottom: 0 solid #ddd;
}
.formError .formErrorArrow .line2 {
  width: 3px;
  border: none;
  background: #ddd;
}
.formError .formErrorArrow .line1 {
  width: 1px;
  border: none;
  background: #ddd;
}
/* == STÄDTECHAMPION == */
h2.champion-monat {
  text-align: center;
}
table.champion-table {
  border: none;
  margin: 0 auto;
}
table.champion-table tr.row1 {
  background: #e9e9e9;
}
table.champion-table td, table.champion-table th {
  padding: 10px;
  border: none;
}
table.champion-table td {
  text-align: center;
  font-weight: bold;
}
table.champion-table th {
  text-align: right;
  font-weight: normal;
  background: transparent;
}
.champion-stadt {
  margin: 30px 0 10px 0;
  font-size: 24px;
  text-align: center;
}
.champion-image {
  text-align: center;
  margin: 0 0 30px 0;
}
.monat-prev {
  float: left;
}
.monat-next {
  float: right;
}
/* == JQUERY UI == */
#ui-datepicker-div
{background-color:#dadada;
  border:1px solid;
  width:200px;  
}
.ui-widget-content a {
  color: #008F0D;
}
.ui-widget-content a:hover {
  color: #cc6600;
}

/* == DOWNLOAD BEREICH == */
.download-block {
    display: block;
    position: relative;
    width: 150px;
    height: 180px;
    float: left;
    margin: 5px;
    text-align: center;
}
.download-block span {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 2px;
    background: #e6e6e6;
    border: 1px solid #ddd;
}
.download-block:hover span {
    display: none;
}
.download-block-img {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 150px;
    height: 180px;
}