@media screen {


/* einer fuer alle.. font im form! */ 
input,
select,
.ym-form select,
.ym-form input 
{
   font-family: "Open Sans",Arial,Helvetica,sans-serif;
 }


.tabs ul.tabs-list {

border-bottom: 1px #ccc solid;
}

.tabs {
 padding: 0px !important ; 
 margin: 0px !important ; 
}

ul .content {
 padding: 0px !important ; 
 margin: 0px !important ; 
}

main .info {
margin-bottom: 1.5em;

}

.ym-form {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #FFFFFF;
    margin: 0 0 1.5em;
}
.ym-form fieldset {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0.75em 0;
    padding: 0 0.5em;
    position: static;
}
.ym-form legend {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000000;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.25em;
    padding: 0 0.5em;
}
.ym-form label, .ym-form .ym-label {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    color: #000000;
    line-height: 1.5;
    padding-top: 0.25em;
}
.ym-form .ym-fbox {
    margin: 1em 0 0.5em;
    padding: 0 1em;
}
.ym-form .ym-fbox-footer {
    background: none repeat scroll 0 0 #ECECEC;
    border-top: 1px solid #E0E0E0;
    margin: 0;
    padding: 1.5em 1em;
}
.ym-form .ym-fbox + .ym-fbox {
    margin: 0.5em 0;
}
.ym-form .ym-fbox:last-child {
    margin-bottom: 1em;
}
.ym-form .ym-fbox + .ym-fbox-footer {
    margin: 1em 0 0;
}
.ym-form .ym-fbox *:last-child, .ym-form .ym-fbox-footer *:last-child {
    margin-bottom: 0;
}
.ym-form .ym-fbox-heading {
    color: #000000;
    font-size: 100%;
    margin: 1em;
}
.ym-form .ym-fbox-check:focus + label {
    color: #000000;
}
.ym-form .ym-gbox-left {
    padding: 0 4px 0 0;
}
.ym-form .ym-gbox-right {
    padding: 0 0 0 4px;
}
.ym-form .ym-gbox {
    padding: 0 2px;
}
.ym-form input, .ym-form textarea, .ym-form select {
    border: 1px solid #666666;
    box-shadow: 0 0 0 #EEEEEE inset;
    line-height: 1em;
    transition: all 0.5s linear 0s;
}
.ym-form input, .ym-form textarea {
    padding: 4px 0.3em;
}
.ym-form select {
    padding: 3px 2px 3px 1px;
}
.ym-form input:focus, .ym-form select:focus, .ym-form textarea:focus, .ym-form input:hover, .ym-form select:hover, .ym-form textarea:hover, .ym-form input:active, .ym-form select:active, .ym-form textarea:active {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #888888;
}
.ym-form optgroup {
    font-style: normal;
    font-weight: bold;
}
.ym-form .ym-fbox-check input, .ym-form input[type="image"], .ym-form input[type="radio"], .ym-form input[type="checkbox"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 0 none !important;
}
.ym-form .ym-message {
    color: #666666;
    margin-bottom: 0.5em;
}
.ym-form .ym-required {
    color: #880000;
    font-weight: bold;
}
.ym-form input:valid, .ym-form textarea:valid {
    background-color: #FFFFFF;
}
.ym-form input:invalid, .ym-form textarea:invalid {
    background-color: #FFDDDD;
}
.ym-form .ym-error label {
    color: #FF3333;
    font-weight: normal;
}
.ym-form .ym-error input, .ym-form .ym-error select, .ym-form .ym-error textarea {
    border: 1px solid #880000;
}
.ym-form .ym-error input:hover, .ym-form .ym-error input:focus, .ym-form .ym-error select:hover, .ym-form .ym-error select:focus, .ym-form .ym-error textarea:hover, .ym-form .ym-error textarea:focus {
    border: 1px solid #000000 !important;
}
.ym-form .ym-error .ym-message {
    color: #880000;
    font-weight: bold;
    margin-top: 0;
}
.ym-button, .ym-form button, .ym-form input[type="button"], .ym-form input[type="reset"], .ym-form input[type="submit"] {
    background-color: #EEEEEE;
    background-image: linear-gradient(to bottom, #EEEEEE, #CCCCCC);
    border: 1px solid #777777;
    border-radius: 0;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #333333 !important;
    cursor: pointer;
    display: inline-block;
    font: 1em/2em Arial,Helvetica;
    margin: 0 0.75em 0 0;
    overflow: visible;
    padding: 0 1.5em;
    text-decoration: none !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    white-space: nowrap;
}
.ym-button:hover, .ym-form button:hover, .ym-form input[type="button"]:hover, .ym-form input[type="reset"]:hover, .ym-form input[type="submit"]:hover {
    background-color: #FAFAFA;
    background-image: linear-gradient(to bottom, #FAFAFA, #DDDDDD);
}
.ym-button:active, .ym-form button:active, .ym-form input[type="button"]:active, .ym-form input[type="reset"]:active, .ym-form input[type="submit"]:active {
    background-color: #CCCCCC;
    background-image: linear-gradient(to bottom, #CCCCCC, #BBBBBB);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2) inset;
    position: relative;
    top: 1px;
}
.ym-button:focus, .ym-form button:focus, .ym-form input[type="button"]:focus, .ym-form input[type="reset"]:focus, .ym-form input[type="submit"]:focus {
    background: none repeat scroll 0 0 #FAFAFA;
    outline: 0 none;
}
.ym-button {
}
.ym-button.ym-xlarge {
    font-size: 1.5em;
}
.ym-button.ym-large {
    font-size: 1.2857em;
}
.ym-button.ym-small {
    font-size: 0.8571em;
}
.ym-button.ym-xsmall {
    font-size: 0.7143em;
}
.ym-button.ym-primary, .ym-form button.ym-primary, .ym-form input.ym-primary[type="button"], .ym-form input.ym-primary[type="reset"], .ym-form input.ym-primary[type="submit"] {
    background-color: #8888EE;
    background-image: linear-gradient(to bottom, #8888EE, #6666CC);
    border: 1px solid #000077;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #FFFFFF !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
}
.ym-button.ym-primary:hover, .ym-form button.ym-primary:hover, .ym-form input.ym-primary[type="button"]:hover, .ym-form input.ym-primary[type="reset"]:hover, .ym-form input.ym-primary[type="submit"]:hover {
}
.ym-button.ym-primary:active, .ym-form button.ym-primary:active, .ym-form input.ym-primary[type="button"]:active, .ym-form input.ym-primary[type="reset"]:active, .ym-form input.ym-primary[type="submit"]:active {
    background-color: #8888CC;
    background-image: linear-gradient(to bottom, #8888CC, #6666AA);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2) inset;
}
.ym-button.ym-primary:focus, .ym-form button.ym-primary:focus, .ym-form input.ym-primary[type="button"]:focus, .ym-form input.ym-primary[type="reset"]:focus, .ym-form input.ym-primary[type="submit"]:focus {
    background: none repeat scroll 0 0 #0062A2;
    outline: 0 none;
}
.ym-button.ym-success, .ym-form button.ym-success, .ym-form input.ym-success[type="button"], .ym-form input.ym-success[type="reset"], .ym-form input.ym-success[type="submit"] {
    background-color: #66BB66;
    background-image: linear-gradient(to bottom, #66BB66, #449944);
    border: 1px solid #007700;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #FFFFFF !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
}
.ym-button.ym-success:hover, .ym-form button.ym-success:hover, .ym-form input.ym-success[type="button"]:hover, .ym-form input.ym-success[type="reset"]:hover, .ym-form input.ym-success[type="submit"]:hover {
    background-color: #66CC66;
    background-image: linear-gradient(to bottom, #66CC66, #55AA55);
}
.ym-button.ym-success:active, .ym-form button.ym-success:active, .ym-form input.ym-success[type="button"]:active, .ym-form input.ym-success[type="reset"]:active, .ym-form input.ym-success[type="submit"]:active {
    background-color: #66AA66;
    background-image: linear-gradient(to bottom, #66AA66, #448844);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2) inset;
}
.ym-button.ym-success:focus, .ym-form button.ym-success:focus, .ym-form input.ym-success[type="button"]:focus, .ym-form input.ym-success[type="reset"]:focus, .ym-form input.ym-success[type="submit"]:focus {
    background: none repeat scroll 0 0 #66CC66;
    outline: 0 none;
}
.ym-button.ym-warning, .ym-form button.ym-warning, .ym-form input.ym-warning[type="button"], .ym-form input.ym-warning[type="reset"], .ym-form input.ym-warning[type="submit"] {
    background-color: #DDAA44;
    background-image: linear-gradient(to bottom, #DDAA44, #BB7722);
    border: 1px solid #997700;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #FFFFFF !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
}
.ym-button.ym-warning:hover, .ym-form button.ym-warning:hover, .ym-form input.ym-warning[type="button"]:hover, .ym-form input.ym-warning[type="reset"]:hover, .ym-form input.ym-warning[type="submit"]:hover {
    background-color: #EEBB55;
    background-image: linear-gradient(to bottom, #EEBB55, #CC8833);
}
.ym-button.ym-warning:active, .ym-form button.ym-warning:active, .ym-form input.ym-warning[type="button"]:active, .ym-form input.ym-warning[type="reset"]:active, .ym-form input.ym-warning[type="submit"]:active {
    background-color: #CC9944;
    background-image: linear-gradient(to bottom, #CC9944, #AA6622);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2) inset;
}
.ym-button.ym-warning:focus, .ym-form button.ym-warning:focus, .ym-form input.ym-warning[type="button"]:focus, .ym-form input.ym-warning[type="reset"]:focus, .ym-form input.ym-warning[type="submit"]:focus {
    background: none repeat scroll 0 0 #DDAA44;
    outline: 0 none;
}
.ym-button.ym-danger, .ym-form button.ym-danger, .ym-form input.ym-danger[type="button"], .ym-form input.ym-danger[type="reset"], .ym-form input.ym-danger[type="submit"] {
    background-color: #BB6666;
    background-image: linear-gradient(to bottom, #BB6666, #994444);
    border: 1px solid #770000;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #FFFFFF !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
}
.ym-button.ym-danger:hover, .ym-form button.ym-danger:hover, .ym-form input.ym-danger[type="button"]:hover, .ym-form input.ym-danger[type="reset"]:hover, .ym-form input.ym-danger[type="submit"]:hover {
    background-color: #CC6666;
    background-image: linear-gradient(to bottom, #CC6666, #AA5555);
}
.ym-button.ym-danger:active, .ym-form button.ym-danger:active, .ym-form input.ym-danger[type="button"]:active, .ym-form input.ym-danger[type="reset"]:active, .ym-form input.ym-danger[type="submit"]:active {
    background-color: #AA5555;
    background-image: linear-gradient(to bottom, #AA5555, #884444);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2) inset;
}
.ym-button.ym-danger:focus, .ym-form button.ym-danger:focus, .ym-form input.ym-danger[type="button"]:focus, .ym-form input.ym-danger[type="reset"]:focus, .ym-form input.ym-danger[type="submit"]:focus {
    background: none repeat scroll 0 0 #CC6666;
    outline: 0 none;
}
.ym-form button:before, .ym-button:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    border-radius: 0 0 0 0;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
    float: left;
    font-size: 1.5em;
    margin: 0 1em 0 -1em;
    min-width: 150px;
    padding: 0 0.2em;
    pointer-events: none;
    text-align: center;
    width: 1em;
}
.ym-add:before {
    content: "?";
}
.ym-delete:before {
    content: "?";
}
.ym-close:before {
    content: "?";
}
.ym-edit:before {
    content: "?";
}
.ym-email:before {
    content: "?";
}
.ym-like:before {
    content: "?";
}
.ym-next:before {
    content: "?";
}
.ym-play:before {
    content: "?";
}
.ym-reply:before {
    content: "?";
}
.ym-save:before {
    content: "?";
}
.ym-sign:before {
    content: "?";
}
.ym-spark:before {
    content: "?";
}
.ym-support:before {
    content: "?";
}
.ym-star:before {
    content: "?";
}
.ym-form button::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
.ym-form input[type="button"]::-moz-focus-inner, .ym-form input[type="reset"]::-moz-focus-inner, .ym-form input[type="submit"]::-moz-focus-inner {
    padding: 0.4em;
}
.ym-form button[disabled], .ym-form button[disabled]:hover, .ym-form input[type="button"][disabled], .ym-form input[type="button"][disabled]:hover, .ym-form input[type="reset"][disabled], .ym-form input[type="reset"][disabled]:hover, .ym-form input[type="submit"][disabled], .ym-form input[type="submit"][disabled]:hover, .ym-button.ym-disabled, .ym-button.ym-disabled:hover {
    background: none repeat scroll 0 0 #EEEEEE;
    border-color: #AAAAAA;
    box-shadow: none;
    color: #AAAAAA !important;
    cursor: default;
    position: static;
    text-shadow: none;
}
* html .ym-button, * html .ym-form button {
    background-color: #CCCCCC;
    border: 1px solid #777777;
    color: #333333 !important;
    cursor: pointer;
    display: inline-block;
    font: 1em/2em Arial,Helvetica;
    margin: 1.5em 0.75em 0 0;
    overflow: visible;
    padding: 0 1.5em;
    text-decoration: none !important;
    white-space: nowrap;
}
* html .ym-form button:focus, * html .ym-button:focus {
    background: none repeat scroll 0 0 #FAFAFA;
    outline: 0 none;
}
* html .ym-form button:hover, * html .ym-button:hover {
    background-color: #DDDDDD;
}
* html .ym-form button:active, * html .ym-button:active {
    background-color: #BBBBBB;
    position: relative;
    top: 1px;
}
* html .ym-button.ym-disabled, * html .ym-button.ym-disabled:hover {
    background: none repeat scroll 0 0 #EEEEEE;
    border-color: #AAAAAA;
    color: #AAAAAA !important;
    cursor: default;
    position: static;
    text-shadow: none;
}
* html .ym-button {
}
* html .ym-button.ym-primary {
}
* html .ym-button.ym-success {
}
* html .ym-button.ym-warning {
}
* html .ym-button.ym-danger {
}
* html .ym-button.ym-xlarge {
    font-size: 1.5em;
}
* html .ym-button.ym-large {
    font-size: 1.2857em;
}
* html .ym-button.ym-small {
    font-size: 0.8571em;
}
* html .ym-button.ym-xsmall {
    font-size: 0.7143em;
}
}
.search-button {
    min-width: 150px;
}
@media screen and (max-width: 700px) {
.search-button {
    width: 100%;
}
}
.ym-form input, .ym-form textarea, .ym-form select {
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 100%;
}