@charset "utf-8";
/* CSS Document */


* { /* Universalatrribute setzt Ränder zurück - müssen gesetzt werden*/
  padding:0;
  margin:0; 
}



#stage {
/*  position: absolute;
  left: 50%;
  width: 96%;
  height: 100%;
  border:3px dotted #000; 
  margin-left: -48%; 
  top: 29px;*/
}
html, body {
  padding: 0;
  margin: 0;
/*  height: 100%;*/
    width: 100%;
  /*overflow: hidden;*/

}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-family: 'HansomFY-Regular';
  font-size: 16px;
  line-height: 1.2;
  background-color: #fff;
  position: absolute;
  left: 50%;
  width: 96%;
  height: 100%; 
  margin-left: -48%; 
  top: 29px;
/*  border:3px dotted #000;
  height: 100%;*/
}
html {
  overflow-y: scroll;
}

.HansomFY-Italic { 
  font-family: HansomFY-Italic;
  src: url('webfonts/368056_0_0.eot');
  src: url('webfonts/368056_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/368056_0_0.woff2') format('woff2'),url('webfonts/368056_0_0.woff') format('woff'),url('webfonts/368056_0_0.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.HansomFY-LightItalic { 
  font-family: HansomFY-LightItalic;
  src: url('webfonts/368056_1_0.eot');
  src: url('webfonts/368056_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/368056_1_0.woff2') format('woff2'),url('webfonts/368056_1_0.woff') format('woff'),url('webfonts/368056_1_0.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.HansomFY-Regular { 
  font-family: HansomFY-Regular;
  src: url('webfonts/368056_2_0.eot');
  src: url('webfonts/368056_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/368056_2_0.woff2') format('woff2'),url('webfonts/368056_2_0.woff') format('woff'),url('webfonts/368056_2_0.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.HansomFY-BoldItalic { 
  font-family: HansomFY-BoldItalic;
  src: url('webfonts/368056_3_0.eot');
  src: url('webfonts/368056_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/368056_3_0.woff2') format('woff2'),url('webfonts/368056_3_0.woff') format('woff'),url('webfonts/368056_3_0.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.HansomFY-Bold { 
  font-family: HansomFY-Bold;
  src: url('webfonts/368056_4_0.eot');
  src: url('webfonts/368056_4_0.eot?#iefix') format('embedded-opentype'),url('webfonts/368056_4_0.woff2') format('woff2'),url('webfonts/368056_4_0.woff') format('woff'),url('webfonts/368056_4_0.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.HansomFY-Light { 
  font-family: HansomFY-Light;
  src: url('webfonts/368056_5_0.eot');
  src: url('webfonts/368056_5_0.eot?#iefix') format('embedded-opentype'),url('webfonts/368056_5_0.woff2') format('woff2'),url('webfonts/368056_5_0.woff') format('woff'),url('webfonts/368056_5_0.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

a{
  text-decoration:none;
  color:#31B14A;
}

hr{
  border-top:1px solid #000;  
}

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


#header{
  
  width:100%;
/*  border:1px solid blue;  */
}

.tnav{
/*  position:absolute; */
  float:right;
/*  margin-left:54%;
  font-size:16px;
  border:1px solid red;  */
}

.green-bloc{
  background-color:#31B14A;
  width:200px;
  height:12px;
}

#marker{
  width:180px;
  height:15px;
  background-color:#31B14A;  
}

#logo{
/*  border:1px solid #000;*/
}

.address{
  font-size:14px;
}

.address a{
  decoration:none;
}

#content_main{
  margin:30px 0 0 0;
  width:70%;
/*  border:1px dotted red;  */
}

#content_main img{
  width:100%;
  height:auto;
}

#left-content{
  width:1050px;
  position:absolute;
  top:180px;
/*  border:1px dashed blue;  */
}

.col-left{
  margin:0 0 0 3%;
  width:15%;
  border:1px solid red;
}

.col-middle{
  margin:-20px 0 0 20%;
  width:60%;
  border:1px solid green;
}

.col-right{
  margin:-40px 0 0 83%;
  width:15%;
  border:1px solid blue;
}

#carousel{
  display:inline-block;
  width:1600px;
  height:400px;
  vertical-align:top;
/*  border:2px solid blue;*/
}

#carousel-image{
  float:left;
  width:600px;
  clear:both;
/*  background-color:#fee; */
}

#carousel-text{
  float:right;
  width:450px;
  height:350px;
  font-size:24px;
  letter-spacing:0.1em;
  line-height:28px;
  font-weight:bold;
  color:#666;
  vertical-align:top;
/*  background-color:#f99; */
}

.indented{
  margin-left:25%;
}

.frame-layout-1{
  margin-left:25%;
}


.tstyle-td1{
  width:28%;
  vertical-align:top;
}

.tstyle-td1-right{
  width:25%;
  vertical-align:top;
  text-align:right;
  padding-right:20px;
}

.tstyle-td2{
  width:37%;
  vertical-align:top;
}

.tstyle-td2 h2{
  margin-top:0px;
}

.tstyle-td3{
  width:10%;
  vertical-align:top;
}

.steps {
  display:inline;
  margin-top:10px;
  width:700px;
}

#list{
  width:1050px;
  display:block;
/*  border:1px dashed black; */
}

.location{
  border-bottom:5px solid #31B14A;
  margin:-0px 0 0 0px;
  width:140px;
  font-size:14px;
  font-weight:bold;
}

#item-1{
  height:50px;
  padding:0 0 10px 0;
/*  background-color:#CFC;*/
  border-bottom:1px solid grey;
}

.right-col{
  float:right;
/*  margin:100px 0 0 400px;*/
  border:2px solid #000;
  width:200px;
}

.show-informations{
  display:none;
}

#content_right{
  position:relative;
  float:right;
  margin:-1em 0 0 0;
  /*border:2px solid #31B14A; */
  padding:5px;
  width:25%; 
  overflow:hidden;
}

#page-53 #content_right{
  width:30%;
}

#content_right img{
  width:100%;
  height:auto;
}
#content_right .ce-textpic  {
  border:2px solid #31B14A;
  padding:5px;
  margin-top:10px;
}

.tx-femanager fieldset{
  padding:15px;
}

/*FE-LOGIN*/

.tx-felogin-pi1 fieldset{
  /*ck*/
  width:100%;
  /*padding: 10px;
  margin:20px 0 0 0;*/

}

.tx-felogin-pi1 fieldset div{
/*  float:right;*/
/*  margin:10px 0 0 0;*/
  /*ck */
  display: inline-block;
  width: 33%;
}

#page-76 .tx-felogin-pi1 fieldset div{
  float:left;  
  margin:10px 0 0 0;
}

.tx-felogin-pi1 fieldset input,
.tx-femanager fieldset input{
  margin: 10px 20px 0 3%;
    padding: 0 5px 0 5px;  
  border:1px solid rgb(169, 169, 169);
  background-color:#FFF;  
  color:#000;
}

#page-76 .tx-felogin-pi1 fieldset input,
#page-76 .tx-femanager fieldset input{
  width:50%;
}

#page-76 #femanager_field_moduleSysDmailNewsletter{
  width:auto;
}

#page-80 .tx-femanager div{
  margin-left:0px;
}

.tx-felogin-pi1 legend,
.tx-femanager legend{
  padding:20px 5px 0 5px;
}

.tx-femanager fieldset{
  margin:20px 0 0 0;  
  width:60%;
}

.tx-femanager .input-block-level{
  float:right;
  margin:-30px -70px 0 20px;
}

.tx-femanager div{
  margin-top:10px;
  margin-left:25%;
}

.tx-femanager .femanager_edit .femanager_note{
  padding:10px;
  margin-left: 0%;
  width:30%;
}
/*++++++++++++++POWERMAIL+++++++*/

.powermail_captchaimage{
  width:40% !important;
  margin-left:2rem;
}

/* +++++++++ C A R T +++++++++++++++++*/

.tx-cart #form-coupon,
.tx-cart #coupons{
  display:none;
}
#page-53 .cart-currency-selector {
  display:none;
}

.tx-cart .sp-methods dt{
    font-weight: bold;
    background: url(https://dieselstrasse.de/fileadmin/default/images/icons/ok.png) no-repeat;
    padding-left: 30px;
}
.grey-underline {
  border-bottom:1px solid #e5e5e5;
  font-size:21px;
}


a:hover,
a:focus{
  font-weight:normal;
  color:black;
}
.tx-cart .sp-methods dt a,
.tx-cart .sp-methods dt.msg {
    font-weight: normal;
    color: #000;
    border-bottom: none;
    background: url(https://dieselstrasse.de/fileadmin/default/images/icons/no_ok.png) no-repeat;
    margin-left: -30px;
    padding-left: 30px;
}

.tx-cart .sp-methods dt.msg {
  margin-left: 0;
}

.tx-cart .btn-primary{
  background-color:#31B14A;
}

.tx-cart .btn-default{
  background-color:#d9534f;
  color:#FFF;
}

.tx-cart fieldset dl dd{
  display:none;
}

.tx-cart .acceptConditions{
  display:none;
}

#pxa-cookie-bar p {
    color: #82787d;
    margin: 0;
    font-size: 1.2em;
    line-height: 20px;
    font-family: 'HansomFY-Regular';
}

/*POWERMAIL*/

.tx-powermail .powermail_fieldset{
  border:3px solid #31B14A;
  margin-top:3rem;
  padding: 4rem;
}
.tx-powermail .powermail_legend{
  padding-left:2rem;
  font-size: 3rem;
  border:0;
  margin:0;
}
.tx-powermail .powermail_label{
  padding: 1rem 0 0.2rem 3rem;
}

.tx-powermail .powermail_input{
  margin-left:3rem;
  width:65%;
  padding-left:1rem;
}
.tx-powermail #powermail_field_datumuhrzeit,
.tx-powermail #powermail_field_veranstaltungtitel{
  color:#31B14A;
  font-weight:bold;
}