/*********************************************
 * MAIN
 *********************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  outline: 0;
  vertical-align: baseline;
}

html, body{
  width: 100%;
}

html {
  background-color:#F5F5F5;
  font-family: 'Open Sans', sans-serif;
  color:#212121;
  line-height:1.5;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  background-color:#333;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

*, *:before, *:after{
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

h1,h2,h3,h4 {
  font-size: inherit;
}

strong {
  font-weight: 600;
}

.wrapper{
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%;
}

.whitebg{
background-color: #FFFFFF;
}

.blackbg{
background-color: #000000;
}

.darkgreybg{
background-color: #5F5F5F;
}

.themegreybg{
background-color: #E9EAED;
}

.lightgreybg{
background-color: #F5F5F5;
}

.pad5{
padding: 5px;
}

.dshadow{
-webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
-moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
}

.mainthemebgcolor{
background-color: #00AAFF;
}

.contrastthemebgcolor{
background-color: #FFBB00;
}

.mainthemefccolor{
color: #00AAFF;
}


/*********************************************
 * LINKS
 *********************************************/
a:link {
color: #0088CC;
text-decoration: none;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}

a:visited {
color: #0088CC;
text-decoration: none;
}

a:hover, a:active{
color: #00AAFF;
text-decoration: underline;
}

a img {
border: none;
}

/* Button Links */
a.buttonlink{
  background: #EEEEEE;
  display: block;
  font-size: 1.2em;
  height: 38px;
  line-height: 1;
  padding: 13px 15px 11px;
  position: relative;
  text-transform: uppercase;

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

a.buttonlink .mainthemebgcolor {
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;

-webkit-transition: opacity 300ms;
-moz-transition: opacity 300ms;
-ms-transition: opacity 300ms;
-o-transition: opacity 300ms;
transition: opacity 300ms;
}

a.buttonlink .text {
position: relative;
-webkit-transition: color 300ms;
-moz-transition: color 300ms;
-ms-transition: color 300ms;
-o-transition: color 300ms;
transition: color 300ms;
}

a.buttonlink:hover{
opacity: 1;
text-decoration: none;
}

a.buttonlink:hover .mainthemebgcolor{
opacity: 1;
}

a.buttonlink:hover .text{
color: #FFFFFF;
}







/* miscellaneous */
.clearfloat{
clear:both;
}

.z1{
z-index:1;
}



/* =========================================================================================================== */

/* application css */
.konto_language_icon{
margin-top: 5px;
}

/* =========================================================================================================== */


.cicontainer{
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
  padding: 15px 0;
  width:980px;
}



/*********************************************
 * NAVIGATION
 *********************************************/

.hauptmenu{
  background-color: #5f5f5f;
  margin-left:auto;
  margin-right:auto;
  width:980px;
}

ul#mainnavigation {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

ul#mainnavigation li {
  float: left;
}

ul#mainnavigation  a:link, ul#mainnavigation a:visited {
  display: block;
/*  width: 120px;  */
  font-weight: bold;
  color: #FFFFFF;
/*  background-color: #5f5f5f;  */
  text-align: center;
  padding: 8px 16px;
  text-decoration: none;
  text-transform: uppercase;
}

ul#mainnavigation a:hover, ul#mainnavigation a:active {
  background-color: #000000;
}

ul#mainnavigation a{
 -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  -moz-transition: background-color 0.3s ease, color 0.3s ease;
  -o-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;

  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}







.save_button_konto save_button{
width: 150px;
}



.contentwrapper{
width:980px;
margin-left: auto;
margin-right: auto;
}

.contentcontainer{
  margin-left: auto;
  margin-right: auto;
  padding: 1.8121457489878542510121457489879%;
  width:100%;
}

.contentcontainer:after {
  content:"";
  display:table;
  clear:both;
}

.contentcontainer:after {
  clear:both;
}
.contentcontainer {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}




.content-left{
margin-right: 1.8121457489878542510121457489879%;
width: 71.98785425101215%;
}

.logincontainer{
padding: 0 0 5px 0;
width: 26.19999999999999%;
}



.messagecontainer{
  clear:both;
  width:980px;
  margin-left:auto;
  margin-right:auto;
  padding-top: 30px;
}

.bannercontainer{
  background-color:#000000;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  clear:both;
}
.footcontainer{
  width:980px;
  margin-left:auto;
  margin-right:auto;
  clear: both;
}
/* =========================================================================================================== */

/* Inhalt der Seite */
/* Die Überschrift der jeweilige Seite */
.caption{
  background-color: #f5F5F5;
  border:1px solid #EEEEEE;
  color: #515151;
  font-family: 'Open Sans', sans-serif;
  font-size: 30px;
  margin-bottom: 22px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px;
  text-decoration: none;

  -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
  -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
}
.content{
  font-family: 'Open Sans', sans-serif;

}
.descriptionbox{
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
  color:#000000;
  text-decoration:none;
  margin-left:0px;
  margin-right:15px;
  padding-bottom: 15px;
  clear: both;
}

.bannerbereich{
}

/* =========================================================================================================== */


/*********************************************
 * BUTTONS
 *********************************************/

.action, .button, #new_opt_in > input{
background-color:#FFFFFF;
border:1px solid #0088CC;
color:#0088CC;
cursor:pointer;
font-weight:bold;
padding:6px 12px;

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}

.action:hover, .button:hover, #new_opt_in > input:hover {
background-color:#00AAFF;
border:1px solid #00AAFF;
color:#FFFFFF;
}


/* - Registrieren exclusive - */





.regbutton {
  background-color:#FFFFFF;
  border: 1px solid #0088CC;
  cursor: pointer;
  display:block;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 34px;
  margin: auto;
  padding-top: 4px;
  padding: 3px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 100%;




  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

  -webkit-transition: opacity 300ms ease-in-out 0ms;
  -moz-transition: opacity 300ms ease-in-out 0ms;
  -ms-transition: opacity 300ms ease-in-out 0ms;
  -o-transition: opacity 300ms ease-in-out 0ms;
  transition: opacity 300ms ease-in-out 0ms;

  -webkit-transition : border 500ms ease-out;
  -moz-transition : border 500ms ease-out;
  -ms-transition : border 500ms ease-out;
  -o-transition : border 500ms ease-out;
  transition : border 500ms ease-out;
}

.regbutton .regreplacer, .regbutton .regpulser {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0%;
  top: 0px;
  opacity: 1;
}

.regbutton:hover {
  border: 1px solid #00aaff;
  color: #00aaff;
  opacity: 1;
}

.regbutton:hover .regreplacer {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

  -webkit-transition: border-radius 800ms, box-shadow 400ms, opacity 1200ms;
  -moz-transition: border-radius 800ms, box-shadow 400ms, opacity 1200ms;
  -ms-transition: border-radius 800ms, box-shadow 400ms, opacity 1200ms;
  -o-transition: border-radius 800ms, box-shadow 400ms, opacity 1200ms;
  transition: border-radius 800ms, box-shadow 400ms, opacity 1200ms;
  box-shadow: 0px 0px 50px 20px rgba(0, 170, 255, 0.5);
  opacity: 0;
}

.regbutton.regpulse .regpulser {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

  -webkit-transition: border-radius 800ms, box-shadow 400ms, opacity 1200ms;
  -moz-transition: border-radius 800ms, box-shadow 400ms, opacity 1200ms;
  -ms-transition: border-radius 800ms, box-shadow 400ms, opacity 1200ms;
  -o-transition: border-radius 800ms, box-shadow 400ms, opacity 1200ms;
  transition: border-radius 800ms, box-shadow 400ms, opacity 1200ms;
  box-shadow: 0px 0px 25px 10px rgba(0, 136, 204, 0.5);
  opacity: 0;
}

.regbutton .reganimatePulse {
  -webkit-animation: pulsate 1600ms alternate 0s infinite;
  -moz-animation: pulsate 1600ms alternate 0s infinite;
  -ms-animation: pulsate 1600ms alternate 0s infinite;
  -o-animation: pulsate 1600ms alternate 0s infinite;
  animation: pulsate 1600ms alternate 0s infinite;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

#reglinkspan {
  font-family: 'Open Sans', sans-serif;
  color: #0088CC;
  text-decoration:none;

  -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;
}

#reglink:hover #reglinkspan {
  color: #00AAFF;
}

#reglink {
  display: block;
}

#reglink:hover {
  text-decoration:none;
}






/* - Registrieren ENDE - */


/* =========================================================================================================== */


/* Platzhalter "UMFRAGEN" im Teilnehmer-Bereich */
#surveys_outer{
  float: none;
  width: 100%;
}
.surveys_header{
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
  background-color: #EAEAEA;
  padding-left: 10px;
  width: 275px
}
.surveys_innerbox{
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
  color:#000000;
  border: 1px solid #CCCCCC;
  padding: 10px;
  height: 200px;
  overflow-y: auto;
}
/* Platzhalter "NEWS" im Teilnehmer-Bereich */
#news_outer{
  float: none;
  width: 100%;
  margin-left:0;
}
#news_label{
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0;
  font-weight: bold;
  background-color: #EAEAEA;
  padding-left: 10px;
  width: 100%;
}
#start_news{
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
  color:#000000;
  text-decoration:none;
  margin-left:0;
  margin-right:15px;
  border: 1px solid #CCCCCC;
  width: 100%;

}
.newsparagraph{
  font-weight: bold;
  margin-top: 15px;
  border-bottom-style: solid;
  border-width: 1px;
  border-bottom-color: #CCCCCC;
  margin-bottom: 5px;
}

/* =========================================================================================================== */

/* KontoBereich für den Account/TN */
.konto_content{
  margin-left: 0px;
  margin-bottom: 30px;
}

/* Profil und Merkmale */
.propertyueber{
  margin-left: 15px;
  margin-bottom: 30px;
}
.propertyfieldsetlegend{
  background-color: #EAEAEA;
  width: 880px;
  padding-left: 15px;
  font-size: 13px;
  font-weight: bold;
  padding:5px;
}

.profil_property_label{
  float: left;
  width: 250px;
  background-color: #F6F6F6;
  vertical-align: middle;
  padding-left: 15px;
  font-weight: bold;
  margin-right: 10px;
}
.save_button_profil_box{
  clear: both;
  padding-bottom: 15px;
}

/* Prömien-Bereich*/
.praemien_kontostand{
  font-weight: bold;
  margin-left:15px;
}
.bonusbox{
  font-size:13px;
  float: left;
  margin-left: 15px;
  margin-bottom: 15px;
}
.bonuslabel{
  background-color: #F6F6F6;
  font-weight: bold;
  width: 180px;
  padding: 1px;
}
.bestellen_link_box{
  display: inline;
  width: 150px;
  font-weight: bold;
  font-size: 20px;
}
.bonus_link_box{
  text-align: right;
  color:#CCCCCC;
  display:none;
}
.bonusbox {
    width: 300px;
    height: 170px;
}

/* Dokumente */
.filetable{
  margin-left: 0px;
  margin-right: 15px;
  margin-bottom: 15px;
  width: 950px;
  font-size: 12px;
}
.fieldtablehead{
  font-weight: bold;
  background-color: #F6F6F6;
}
.filebox{
  border: 1px solid;
  border-color: #F6F6F6;
  padding: 10px;
}

/* Punktetabellen */
.punktetable{
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
  width: 925px;
  font-size: 12px;
}
table .punkteplus{
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
  width: 925px;
  font-size: 12px;
}
table .punkteminus{
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
  width: 925px;
  font-size: 12px;
}
.punktebox{
  border-style: none;
  padding-top: 6px;
}
.punkteamount_text{
  font-weight: bold;
  text-align: right;
}
.punkteamount{
  padding-right: 30px;
  font-weight:bold;
}
.punktehead{
  font-weight: bold;
  background-color: #F6F6F6;
}
.punkterow{
  border-bottom: 1px solid;
  border-bottom-color: #eeeeee;
  height: 30px;
}
.punkterow:nth-child(2n){
  background-color: #fafafa;
}
.punkterow:last-child{
  border-bottom: 1px solid;
  border-bottom-color: #d2d2d2;
}
.punktebody.punkterow:first-child{
  border-top: 1px solid;
  border-top-color: #d2d2d2;
}
table.punkteplus, table.punkteminus {
  width: 925px;
}
tbody .punkteplus.punktepunkte:before {
  content: "+";
}
.punktedatum {
  padding-left: 30px;
}
td.punktedatum {
  width: 100px;
}
td.punkteaktion {
  width: 320px;
}
td.punktepunkte {
  text-align: right;
  width: 90px;
  padding-right: 30px;
}

/* =========================================================================================================== */

/* ANMELDEN LEISTE */
label{
  font-family: 'Open Sans', sans-serif;
}
.anmelden_leiste{
border: 1px solid #CCCCCC;
padding: 8px;

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.anmelden_leiste label{
  color:#666666;
  font-size:16px;
  font-weight:normal;
  width: 100px;
  display: inline-block;
}

.selbstregistrierung{
  margin-left:0px;
  margin-top:4px;
}
.login_field{

}
.email_login{

}
.passwort_login{
  margin-bottom:4px;
}
.button_login{
  float: left;
}
.registrieren_login{
  clear: both;
  margin-bottom: 32px;
  margin-top: 8px;
}
.login_cell_box {
  display: inline-block;
  text-align: right;
  width: 500px;
  margin-top: 30px;
}
.login_username{
  width: 280px;
}
.login_password{
  width: 280px;
}
.forgotten{
  font-size:12px;
  display:inline;
}
.login_cell_box > a.forgotten {
  display: inline;
}
.login_cell_box > .login_cell_submit {
  margin-top: 40px;
  float: right;
}
.login_element_flag{
display: block;
float:left;
font-size:90%;
}
.login_element_flag img { }

.abmelden{
  font-weight: bold;
}

/* =========================================================================================================== */
/* Navigation */
.navibutton{
  float:left;
  margin-right:10px;
}

/* =========================================================================================================== */
/* Promotion-Fenster */
#promotion_outer{
  font-size:12px;
}
#opt_in_gender{
  width: 202px;
}
.promotionrow_normal{
  width: 99%;
  border: 1px solid #CCCCCC;
  margin-top: 10px;
}
.send_button_promotion{
  float: left;
  height: 25px;
  margin-top: 15px;
}


/* =========================================================================================================== */

/* REGISTRY BOXES */
.newuser{
  float: left;
}
.member{
  float: right;
}
.newuser_box{
  border-bottom: #d2d2d2 1px solid;
  text-align: left;
  border-left: #d2d2d2 1px solid;
  padding-bottom: 10px;
  padding-left: 10px;
  width: 470px;
  padding-right: 10px;
  font-size: 13px;
  border-top: #d2d2d2 1px solid;
  border-right: #d2d2d2 1px solid;
  padding-top: 10px;
  height:270px;
  margin-top:10px;
  }
.member_box{
  border-bottom: #d2d2d2 1px solid;
  text-align: left;
  border-left: #d2d2d2 1px solid;
  padding-bottom: 10px;
  padding-left: 10px;
  width: 470px;
  padding-right: 10px;
  font-size: 13px;
  border-top: #d2d2d2 1px solid;
  border-right: #d2d2d2 1px solid;
  padding-top: 10px;
  height:270px;
  margin-top:10px;
  }
.newuser_box_empty{
  text-align: left;
  padding-bottom: 10px;
  padding-left: 10px;
  width: 400px;
  padding-right: 10px;
  font-size: 13px;
  height:260px;
}

/* =========================================================================================================== */
/* BAUSTEINE */
.left{
  float:left;
}
.right{
  float:right;
}

hr {
  border-bottom: 1px solid #fff;
  border-top: 0px;
  width: 1150px;
  height: 1px;
  opacity: 0.2;
  margin: auto;
}

#password, #username, #email, input.selbstregistrierung{
  border: 1px solid #bdc4c9;
  font-size: 16px;
  height: 30px;
  line-height: normal;
  margin: 0 0 4px 0;
  min-height: 34px;
  padding: 4px 8px;
  width:100%;

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#password:focus, #username:focus, #email:focus{
border: 1px solid #00AAFF;
outline:0;
}

.vergessenbox {
  border: 1px solid #CCCCCC;
  padding: 8px;
  text-align: left;

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

input.selbstregistrierung {


}


/* Impressum */
.imp{
  background-color:#FFFFFF;
  font-weight:bold;
}

/* Login */
.content_login{
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
  color:#212121;
  text-decoration:none;
  padding:2px;
  height:20px;
  width:220px;
  font-weight:bold;
}

/* Button in Login-Maske */
.content_login_button{
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
  color:#212121;
  text-decoration:none;
  background-color:#EAEAEA;
  padding:0px;
  height:20px;
  width:80px
}

/* Input-Felder allgemein */
.input{
  border-style:solid;
  border-width:1px;
  border-color:#CCCCCC;
  font-family: 'Open Sans', sans-serif;
  font-size:10px;
  color:#212121;
}






.prop_div select{
  width: 313px;
  margin-left: 0px;
}

/* =========================================================================================================== */

/* Input-Feld, das fehlerhaft ausgefüllt ist */
.fieldWithErrors {
  display: inline;
}

/* Fehleranzeige */
#errorExplanation {
  width: 400px;
  border: 2px solid #CF0000;
  padding: 0 0 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}
#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: 0;
  background-color: #c00;
  color: #fff;
}
#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 8px;
}
#errorExplanation ul {
  margin: 2px 24px;
}
#errorExplanation ul li {
  font-size: 12px;
  list-style: disc;
}

/* =========================================================================================================== */



/* Laenderflaggen */
img.locale {

}

/* Selbstregistrierung */
/*#opt_in_vorname,#opt_in_nachname,#opt_in_password,#opt_in_email {*/
/*width: 210px !important;*/
/*}*/



/* =========================================================================================================== */

/** FOOTER **/
#footer {
background-color: #FFFFFF;
font-family:'Open Sans', sans-serif;
font-size:12px;
height: 150px;
margin-top: 100px;
width: 100%;
}

#footer .trenner {
border-top: 1px solid #CCC;
margin-left:auto;
margin-right:auto;
}
#footer .title{
color:#212121;
}
#footer .title a, #footer ul li a {
font-family: 'Open Sans', sans-serif;
color: #0088CC;
font-size: 12px;
margin: 0;
padding: 0;
font-weight: 300;
}
#footer .title a, #footer .title  {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  margin-bottom: 15px;
}
#footer li {
  font-family: 'Open Sans', sans-serif;
  padding: 0;
}
#footer li a {
  font-family: 'Open Sans', sans-serif;
  display: inline-block;
  line-height: 22px;
}
#footer a:hover {
  font-family: 'Open Sans', sans-serif;
  color: #00aaff;
}

/** FOOTER SUB **/
#footer_sub {
  height:50px;
  line-height: 50px;
  margin-top: 16px;
  width:940px;
}
#footer_sub p {
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
  float: left;
  margin: 0;
  padding: 0;
  line-height: 50px;
  margin-right: 10px;
}
#footer_sub ul li {
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
  float: left;
  margin: 0 16px 0 0;
  padding: 0;
}
#footer_sub ul li a {
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
  font-size: 12px;
  padding: 0px 0;
}
#footer_sub .social {
  display: inline-block;
  float: right;
}
#footer_sub .social li {
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
}
#footer_sub .facebook {
  background: url(../Images/facebookicon.jpg) no-repeat center center;
  height: 19px;
  width: 19px;
  display: block;
}
#footer_sub .google {
  background: url(../Images/googleicon.jpg) no-repeat center center;
  height: 19px;
  width: 19px;
  display: block;
}
#footer_sub .news {
  background: url(../Images/newsicon.jpg) no-repeat center center;
  height: 19px;
  width: 36px;
  display: block;
}

.two.columns li {
color:#909090;
}




/* =========================================================================================================== */
/* Column Classes */
.row .one.column, .row .one.columns, .sixteen.colgrid .row .one.columns {
width: 6.46259%;
}
.row .two.columns {
width: 18%;
}
.row .twelve.columns {

}
.twelve.columns {
width:940px;
}

/* =========================================================================================================== */

.row {
width:940px;
margin: 0 auto;
list-style: none;
}

.column, .columns {
margin-left: 1.8121457489878542510121457489879%;
float: left;
min-height: 1px;
position: relative;
}
.column:first-child, .columns:first-child, .alpha {
margin-left: 8px;
}


.info_pwd{
position: relative;
top: -25px;
left: 280px;
width: 20px;
height: 20px;
}

.contact-form {
padding: 10px;
}

.contact-form > label, .contact-form > input {
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
}

.contact-form > label {
width: 200px;
float: left;
}

.contact-form > textarea {
width: 190px;
height: 100px;
}




/*********************************************
 * ANIMATIONS
 *********************************************/
@-webkit-keyframes breathe {
  0% {
    -webkit-transform: translateY(0px);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-30px) scale(1.08);
    opacity: 0.3;
  }
}

@-moz-keyframes breathe {
  0% {
    -moz-transform: translateY(0px);
    opacity: 1;
  }

  20% {
    -moz-transform: translateY(0px);
    opacity: 1;
  }

  100% {
    -moz-transform: translateY(-30px) scale(1.08);
    opacity: 0.3;
  }
}

@-ms-keyframes breathe {
  0% {
    -ms-transform: translateY(0px);
    opacity: 1;
  }

  20% {
    -ms-transform: translateY(0px);
    opacity: 1;
  }

  100% {
    -ms-transform: translateY(-30px) scale(1.08);
    opacity: 0.3;
  }
}

@keyframes breathe {
  0% {
    transform: translateY(0px);
    opacity: 1;
  }

  20% {
    transform: translateY(0px);
    opacity: 1;
  }

  100% {
    transform: translateY(-30px) scale(1.08);
    opacity: 0.3;
  }
}

@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 990;
  }
}

@-moz-keyframes dash {
  to {
    stroke-dashoffset: 990;
  }
}

@-ms-keyframes dash {
  to {
    stroke-dashoffset: 990;
  }
}

@keyframes dash {
  to {
    stroke-dashoffset: 990;
  }
}

@-webkit-keyframes adjustHue {
  50% {
    -webkit-filter: saturate(150%) hue-rotate(-35deg);
  }
}

@-moz-keyframes adjustHue {
  50% {
    -moz-filter: saturate(150%) hue-rotate(-35deg);
  }
}

@-ms-keyframes adjustHue {
  50% {
    -ms-filter: saturate(150%) hue-rotate(-35deg);
  }
}

@keyframes adjustHue {
  50% {
    filter: saturate(150%) hue-rotate(-35deg);
  }
}

@-webkit-keyframes animateBackground {
  from {
    background-position: 0px 0px;
  }

  to {
    background-position: 1781px 0px;
  }
}

@-moz-keyframes animateBackground {
  from {
    background-position: 0px 0px;
  }

  to {
    background-position: 1781px 0px;
  }
}

@-ms-keyframes animateBackground {
  from {
    background-position: 0px 0px;
  }

  to {
    background-position: 1781px 0px;
  }
}

@keyframes animateBackground {
  from {
    background-position: 0px 0px;
  }

  to {
    background-position: 1781px 0px;
  }
}

@-webkit-keyframes adjustBrightness {
  /* line 242, ../sass/mixins.scss */
  50% {
    -webkit-filter: brightness(0.7);
  }
}

@-moz-keyframes adjustBrightness {
  50% {
    -moz-filter: brightness(0.7);
  }
}

@-ms-keyframes adjustBrightness {
  50% {
    -ms-filter: brightness(0.7);
  }
}

@keyframes adjustBrightness {
  50% {
    filter: brightness(0.7);
  }
}

@-webkit-keyframes pulsate {
  0% {
    opacity: 0.4;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes pulsate {
  0% {
    opacity: 0.4;
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes pulsate {
  0% {
    opacity: 0.4;
  }

  100% {
    opacity: 0;
  }
}

@keyframes pulsate {
  0% {
    opacity: 0.4;
  }

  100% {
    opacity: 0;
  }
}


/* TOOLTIP */
.tooltip{
text-align: center;
}

.tag{
color: #FFFFFF!important;
font-size: .9em;
font-weight: 600;
line-height: 1;
padding: 6px 10px;
position: relative;
text-transform: uppercase;
z-index: 3;

-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.tooltip a .sleeve {
cursor: help;
display: inline-block;
outline: 0;
position: relative;
text-decoration: none;

}

.tooltip a:hover .sleeve {
border: 0;
cursor: pointer;
}

.tooltip a:hover .sleeve div:before {
border-top-color: rgba(0,0,0,.2);
bottom: -10px;
}

/* spacing border */
.tag:hover:after{
opacity: 1;
}
.mainthemebgcolor.tag:after{
border-color: #00AAFF;

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.contrastthemebgcolor.tag:after{
border-color: #FF3963;

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.tooltip .sleeve>div {
display: block;
min-width: 380px;
padding: 10px 18px 15px;
}

.tooltip a .sleeve div {
background-color: #FFFFFF;
border: 2px solid rgba(0,0,0,.2);
bottom: 34px;
left: 50%;
opacity: 0;
position: absolute;
visibility: hidden;
z-index: 999;

-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;

-webkit-transform: translateX(-50%)scale(.5);
-moz-transform: translateX(-50%)scale(.5);
-ms-transform: translateX(-50%)scale(.5);
-o-transform: translateX(-50%)scale(.5);
transform: translateX(-50%)scale(.5);

-webkit-background-clip: padding-box;
background-clip: padding-box;
}

.tooltip a:hover .sleeve div {
opacity: 1;
visibility: visible;

-webkit-transform: translateX(-50%)scale(1);
-moz-transform: translateX(-50%)scale(1);
-ms-transform: translateX(-50%)scale(1);
-o-transform: translateX(-50%)scale(1);
transform: translateX(-50%)scale(1);
}

.tooltip a:hover .sleeve div:after, .tooltip a:hover .sleeve div:before {
border-bottom: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 8px solid #fff;
bottom: -8px;
content: "";
left: 50%;
margin-left: -10px;
position: absolute;
z-index: 1000;
}

.tooltip a:hover .sleeve div:after, .tooltip a:hover .sleeve div:before {
border-bottom: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 8px solid #fff;
bottom: -8px;
content: "";
left: 50%;
margin-left: -10px;
position: absolute;
z-index: 1000;
}

.tooltip a:hover .sleeve div:before {
border-top-color: rgba(0,0,0,.2);
bottom: -10px;
}


.tooltip h2{
font-size: 1.35em;
line-height: 1.5;
margin-bottom: 0;
}

.tooltip p{
color:#212121;
font-size: 1em;
font-weight: normal;
line-height: 1.2;
margin-bottom: 0;
text-transform: none;
}

.tag:after{
content: '';
background: 0 0;
border-width: 2px;
border-style: solid;
left: 0;
right: 0;
position: absolute;
margin: -4px;
bottom: 0;
top: 0;
opacity: 0;

-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}



@media only screen and (max-width: 980px) {

.cicontainer, .hauptmenu, .contentwrapper, .contentcontainer, .logincontainer, .loginbereich, .anmelden_leiste, .content-left{
width: 100%;
}

#imageframebar, #footer{
display: none;
}

#footer_sub{
width:100%;
}

input, textarea{
max-width: 100%!important;
width: 100%!important;
}







}





html, body {overflow-x: hidden ;}

.plusminus{
margin-top:6px!important;
    margin-right: 6px;
}










@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */



 }

.slicknav_menu{display:block;}
#mainnavigation{display:none;}


@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
.slicknav_menu{display:block;}
#mainnavigation{display:none;}
 }


@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
.slicknav_menu{display:block;}
#mainnavigation{display:none;}
 }


@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
.slicknav_menu{display:none;}
#mainnavigation{display:block;}
 }


@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */
.slicknav_menu{display:none;}
#mainnavigation{display:block;}
 }


@media (min-width:1281px) { /* hi-res laptops and desktops */
.slicknav_menu{display:none;}
#mainnavigation{display:block;}
 }
.surveys_innerbox{
  border:none;
  font-family: Arial, Verdana, sans-serif;
  font-size:14px;
  padding: 0;
  height: auto;
  overflow-y: auto;
}

.survey-banner{
background:#FFF;

}

.survey-banner img{
margin:5px;
}


.survey-box{
background: #f9f9f9;
border: 1px solid #DDD;
    border-bottom: 2px solid #ddd;
margin-bottom:16px;
padding:0;
}

.survey_header{background:#FFF;color: 00000;padding:5px 10px;border-bottom: 1px solid #000;}

.survey-subheader{
color:#666;
padding:5px 10px;
}

a.survey_link{
    border: 1px solid #1E4B96;
    background: #333333;
    background: -moz-linear-gradient(top, #333333 0%, #000000 100%);
    background: -webkit-linear-gradient(top, #333333 0%,#000000 100%);
    background: linear-gradient(to bottom, #1E4B96 0%,#1E4B96 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 );
    color: #fff;
    display: inline-block;
    padding: 4px 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: bold;
    margin-top: 10px;
    text-decoration: none;
    margin-left: 10px;
    margin-bottom: 10px;
}

a.survey_link:hover{
    color:#FFF!important;
    text-decoration: none;
    background: #008AC9;
}

.promotion_layout {
	    width: 118%;
}
.uperrow_start_normal_without_news, .uperrow_start_normal_with_news {
    height: 100%;
}

#opt_in_gender, input[type='text'].promotion {
    width: 160px;
}
#opt_in_gender{
  width: 160px;
}
.promotion_field_vorname,
.promotion_field_gender,
.promotion_field_nachname,
.promotion_field_email {
    width: 34%;
}
label.promotion {
    width: 70px;
    display: inline-block;
}

.konto_part_2 {
    padding-left: 45px;
}