a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
  * {outline: none;}
  body {line-height: 100%; background-image:url("../img/background.jpg"); background-repeat: no-repeat; background-position-y: -150px; background-width:100% 100%;}
  body *{ font-family: 'Montserrat', sans-serif !important; }
  .clear{clear:both}
  .accordion {text-align: center;}
  .loginTitle{ float:left; width:95%; color:White;}
  .companyLogo{ float:left; width:100%; text-align: center; margin-top:20px;}
  .ayr{position: absolute; width:100%; z-index:1; background-position: center bottom; background-size:100%; background-image: url("../img/bol.png"); background-repeat: no-repeat;}
  .content{ float:left; width:100%; background-color:white;}
  .content p { float:left; width:95%; margin-left:2.5%; color:#404040; text-align: center;}
  .centerFull{float:left; width:100%;  margin-top:20px;}
  .content form{margin-left:auto; margin-right:auto;}
  .tabs > div input["text"] { position: relative; display: block; }
  .tabs > div input[type="text"],
  .tabs > div input[type="password"] { display: block; margin-bottom:15px !important; padding: 5px 8px; margin: 5px auto; border: none; background: white; border:1px solid #ddd; border-radius:4px; -moz-border-radius:4px; height: 30px; line-height: 30px;font-family: 'Montserrat', sans-serif; color:#404040; font-size:13px;}
  .tabs > div#vouncher input[type="text"] {width: 140px; text-align: center;}
  ::-webkit-input-placeholder {color: #929292;}
  :-moz-placeholder {color: #929292;}
  ::-moz-placeholder {color: #929292;}
  :-ms-input-placeholder {color: #929292;}
  .tabs > div input[type="submit"] { display: block; padding: 15px 10px; margin: 15px 0 5px; border: none;  font-family: 'Montserrat', sans-serif; color:white; cursor: pointer;
    text-align: left; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color: #ff3755; background-image:url("../img/arrow.png"); background-repeat: no-repeat; background-position: center right; background-size: 15px; background-position: 96%;
  }
  .tabs > div#vouncher input[type="submit"] {margin: 15px auto 5px;}
  .error{ position:fixed; top:0; background-color: rgb(255,59,48); width:100%; padding-top:20px; padding-bottom:20px; color:white; text-align:center; font-size:14px; }

  @media (min-width:600px) {
    .accordion { margin-top:50px; }
    .loginTitle { height: 60px; font-size:35px !important; line-height: 38px;}
    .companyLogo img{width:250px}
    .ayr { top:17px; height:250px; z-index:1 !important; }
    .content{margin-top:90px;}
    .content p {  font-size: 16px; margin-top:20px; height: 75px; line-height:150%}
    .content form{width:380px;}
    .tabs > div input[type="text"],
    .tabs > div input[type="password"] {  width: 94%;  }
    .centerFull div.span {float:left; margin-left:7px; color:#404040; font-size:13px; text-align: left !important; margin-bottom:15px !important;}
    .centerFull div.span a{color:#ff3755; text-decoration: none}
    .tabs > div input[type="submit"] {  width:100%; }
    .kan {float:left; width:100%; color:#404040; font-size:13px; text-align: left; margin-top:10px; margin-left: 5px}
    .sLogo{ width:140px; margin-top:40px}
  }
  /*mobil*/
  @media (max-width:600px){
    .accordion { margin-top:20px; }
    .loginTitle { height: 40px; font-size:16px !important;}
    .companyLogo img{width:150px}
    .ayr { top:2px; height:150px; z-index:1 !important; display:none;}
    .content{ margin-top:40px;}
    .content p { font-size: 14px; margin-top:20px; height: 70px; line-height:122%}
    .content form{width:100%; overflow:hidden;}
    .tabs > div input[type="text"],
    .tabs > div input[type="password"] { width: 80%;  }
    .centerFull div.span { width:84%; margin:auto; color:#404040; font-size:13px; text-align: left !important; margin-bottom:15px !important;}
    .centerFull div.span a{color:#ff3755; text-decoration: none}
    .tabs > div input[type="submit"] {  width:84%; margin-left:auto; margin-right: auto;}
    .kan { width:84%; margin-left:auto; margin-right:auto; color:#404040; font-size:13px; text-align: left; margin-top:10px; }
    .sLogo{ width:100px; margin-top:20px; margin-bottom: 30px}
  }

  .popup{
    float:left;
    width:100%;
    background-color:white;
    top:0;
    margin-top:0;
    display:none;
  }
  .popup iframe{ width:100%;}
  .closePop{position: absolute; width:30px; height: 30px; border: 1px solid #ddd; line-height: 30px; border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align: center; top:10px; right:10px;}
  .poptitle{
    padding-top:15px;
    padding-bottom:10px;
    border-bottom:1px solid #ddd;
    padding-left:10px;
    min-height:28px; position:relative;
  }
  .poptitle div{
    float:left;
    width:90%;
  }
  .poptitle a {
    float:right;
    text-align:center;
    border-left:1px solid #ddd;
    font-size:24px;
    text-decoration:none;
    color:black;
    margin-right:10px;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:-10px;
  }

  .poptitle span{cursor:pointer;}
  .popdesc{

    word-break:break-all;
    word-wrap:break-word;
    padding:10px;
  }