/* @ kena.ch */

body.jui-normalize {
 margin: 0;
}

.jui-normalize img {
 border-style: none;
}

.jui-fonts, .jui-fonts textarea, .jui-fonts input, .jui-fonts button {
 font-size: 14px;
}

.jui-fonts a {
 text-decoration: none;
}

.jui-fonts a:hover {
 text-decoration: underline;
}

.jui-fonts p {
 line-height: 1.5em;
}

.jui-buttons button
,.jui-forms input[type="submit"] 
,.jui-forms input[type="reset"] 
,.jui-forms input[type="button"] 
,.jui-button {
 display: inline-block; 
 padding: 6px;
 margin: 0px;
 text-decoration:none;
 min-width: 120px;
 text-align:center;
 background-color: #eee;
 border: 1px solid #eee;
}

.jui-buttons button:hover
,.jui-forms input[type="submit"]:hover 
,.jui-forms input[type="reset"]:hover 
,.jui-forms input[type="button"]:hover 
,.jui-button:hover {
 text-decoration:none!important;
 background-color: #ddd;
}

.jui-colors
,.jui-colors textarea
,.jui-colors input {
 color: #333333;
}

.jui-colors a {
 color: #3C8DBC;
}

.jui-colors .jui-buttons button
,.jui-colors .jui-forms input[type="submit"] 
,.jui-colors .jui-forms input[type="reset"] 
,.jui-colors .jui-forms input[type="button"] 
,.jui-colors .jui-button
,.jui-colors.jui-buttons button
,.jui-colors.jui-forms input[type="submit"] 
,.jui-colors.jui-forms input[type="reset"] 
,.jui-colors.jui-forms input[type="button"] 
,.jui-colors.jui-button {
 color: #ffffff!important;
 background-color: #3C8DBC!important;
 border: 1px solid #3C8DBC!important;
}

.jui-colors .jui-buttons button:hover
,.jui-colors .jui-forms input[type="submit"]:hover 
,.jui-colors .jui-forms input[type="reset"]:hover 
,.jui-colors .jui-forms input[type="button"]:hover 
,.jui-colors .jui-button:hover 
,.jui-colors.jui-buttons button:hover
,.jui-colors.jui-forms input[type="submit"]:hover 
,.jui-colors.jui-forms input[type="reset"]:hover 
,.jui-colors.jui-forms input[type="button"]:hover 
,.jui-colors.jui-button:hover {
 background-color: #367FA9!important;
}

.jui-colors .jui-forms  input:focus
,.jui-colors .jui-forms textarea:focus 
,.jui-colors.jui-forms  input:focus
,.jui-colors.jui-forms textarea:focus {
 border: 1px solid #3C8DBC; 
}

.jui-forms input[type="text"],
.jui-forms input[type="email"]
 {
 padding: 5px;
 width: 100%;
 box-sizing: border-box;
 -webkit-box-sizing:border-box;
 -moz-box-sizing: border-box;
}

.jui-forms textarea {
 padding: 5px;
 width: 100%;
 height: 200px;
 box-sizing: border-box;
 -webkit-box-sizing:border-box;
 -moz-box-sizing: border-box;
}

.jui-forms input[type="text"],
.jui-forms input[type="email"]
,.jui-forms textarea
{
  border: 1px solid #bbbbbb;
}

.jui-forms  input:focus
,.jui-forms textarea:focus  {
 border: 1px solid #999; 
}

img.jui-responsive {
 max-width: 100%;
}

.jui-notop {
 margin-top: 0px;
}

.jui-nobottom {
 margin-bottom: 0px;
}

.jui-br {
 margin-bottom: 10px;
}

.jui-hr {
 border-top: 1px solid #ccc;
}

.jui-i {
 font-style: italic;
}

.jui-b {
 font-weight: bold;
}

.jui-clearboth {
 clear: both;
}

.jui-padded {
 padding: 10px;
}

.jui-padded-2x {
 padding: 20px;
}

.jui-padded-4x {
 padding: 40px;
}

.jui-padded-h {
 padding-left: 10px;
 padding-right: 10px;
}

.jui-padded-2h {
 padding-left: 20px;
 padding-right: 20px;
}

.jui-padded-v {
 padding-top: 10px;
 padding-bottom: 10px;
}

.jui-padded-2v {
 padding-top: 20px;
 padding-bottom: 20px;
}


.jui-padded-h-2x {
 padding-left: 20px;
 padding-right: 20px;
}

.jui-padded-h-4x {
 padding-left: 40px;
 padding-right: 40px;
}

.jui-padded-1h-2v {
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 20px;
 padding-bottom: 20px;
}

.jui-padded-2h-1v {
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 10px;
 padding-bottom: 10px;
}

.jui-align-r {
 text-align: right;
}

.jui-align-l {
 text-align: left;
}

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

.jui-span-12 {
  float: left;
  width: 50%;
}

.jui-span-13 {
  float: left;
  width: 33.333%;
}

.jui-span-23 {
  float: left;
  width: 66.666%;
}

.jui-span-14 {
  float: left;
  width: 25%;
}

.jui-span-34 {
  float: left;
  width: 75%;
}

.jui-span-15 {
  float: left;
  width: 20%;
}

.jui-span-25 {
  float: left;
  width: 40%;
}

.jui-span-35 {
  float: left;
  width: 60%;
}

.jui-span-45 {
  float: left;
  width: 80%;
}

.jui-span-16 {
  float: left;
  width: 16.666%;
}

.jui-span-56 {
  float: left;
  width: 83.333%;
}

@media screen and (min-width: 240px) {

 .jui-snippet-1 {
  width: 240px;
  margin-left: auto;
  margin-right: auto;
 }

 .jui-col--12 {
  float: left;
  width: 50%;
 }

}

@media screen and (min-width: 480px) {

 .jui-snippet-2 {
  width: 480px;
  margin-left: auto;
  margin-right: auto;
 }

 .jui-col-12 {
  float: left;
  width: 50%;
 }

 .jui-col--13 {
  float: left;
  width: 33.333%;
 }

 .jui-col--23 {
  float: left;
  width: 66.666%;
 }

}

@media screen and (min-width: 720px) {

 .jui-snippet-3 {
  width: 720px;
  margin-left: auto;
  margin-right: auto;
 }

 .jui-col-13 {
  float: left;
  width: 33.333%;
 }

 .jui-col-23 {
  float: left;
  width: 66.666%;
 }

 .jui-col--14 {
  float: left;
  width: 25%;
 }

 .jui-col--24 {
  float: left;
  width: 50%;
 }

 .jui-col--34 {
  float: left;
  width: 75%;
 }

}


@media screen and (min-width: 960px) {

 .jui-snippet, .jui-snippet-4 {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
 }

 .jui-col-14 {
  float: left;
  width: 25%;
 }

 .jui-col-24 {
  float: left;
  width: 50%;
 }

 .jui-col-34 {
  float: left;
  width: 75%;
 }

 .jui-col--15 {
  float: left;
  width: 20%;
 }

 .jui-col--25 {
  float: left;
  width: 40%;
 }

 .jui-col--35 {
  float: left;
  width: 60%;
 }

 .jui-col--45 {
  float: left;
  width: 80%;
 }

}


@media screen and (min-width: 1200px) {

 .jui-snippet-5 {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
 }

 .jui-col-15 {
  float: left;
  width: 20%;
 }

 .jui-col-25 {
  float: left;
  width: 40%;
 }

 .jui-col-35 {
  float: left;
  width: 60%;
 }

 .jui-col-45 {
  float: left;
  width: 80%;
 }

 .jui-col--16 {
  float: left;
  width: 16.666%;
 }

 .jui-col--26 {
  float: left;
  width: 33.333%;
 }

 .jui-col--36 {
  float: left;
  width: 50%;
 }

 .jui-col--46 {
  float: left;
  width: 66.666%;
 }

 .jui-col--56 {
  float: left;
  width: 83.333%;
 }

}

@media screen and (min-width: 1440px) {

 .jui-snippet-6 {
  width: 1440px;
  margin-left: auto;
  margin-right: auto;
 }

 .jui-col-16 {
  float: left;
  width: 16.666%;
 }

 .jui-col-26 {
  float: left;
  width: 33.333%;
 }

 .jui-col-36 {
  float: left;
  width: 50%;
 }

 .jui-col-46 {
  float: left;
  width: 66.666%;
 }

 .jui-col-56 {
  float: left;
  width: 83.333%;
 }

}