
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {

    html {
   overflow-y: scroll;
    }

    body {
        background:#e4dcd6;
        font-family: arial;
        font-size:12px;
    }

    p{
        font-family: 'bauerbodni_btroman','arial';
        font-size:42px;
    }

    .validatetext
    {
        color: #ac1d1d;
        padding-left: 6px;	
        display: inline;
    }

    .validatetext2
    {
        color: #ac1d1d;
        padding-left: 6px;	
        display: inline;
        vertical-align: top;
    }

    .validatetexttoggle
    {
        visibility: hidden;
    }

    .img-transparency{
        opacity: 0.65;
        filter: alpha(opacity=65);
    }

    .press-gallery{
        /*margin:auto;*/
    }

    .press-gallery img{
        margin-right:8px;
        margin-bottom:3px;
        border:0;
    }

    .pressgallast{
        margin-left:2px;
    }

    .infosheet{
        font-family: 'bauerbodni_btroman','arial';
        color:#282828;
        letter-spacing: 0.6px;
        font-size:13.4px;
        float:left;
    }

    .infosheet a{
        color:#282828;
        text-decoration: none;
    }

    .about-graph{
        margin-left:252px;
    }

    .contactform-button{
        background-color: #b5b4b4;
        border: 0 none;
        color: #fff;
        font-family: Verdana;
        font-size: 10px;
        padding:4px;
        width:74px;
        margin-left: 10px;
        text-transform: uppercase;
    }

    .leadin
    {
            padding-top: 5px;
            text-align: right;
            vertical-align: baseline;
    }
    
    .g-recaptcha{
        margin-left:12px;
        margin-bottom:8px;
    }
    
    
    .addresshfield{
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        z-index: -1;
    }

    .requiredLead
    {
            margin-left: 21px;
    }

    #indexshopwrapper{
        margin:auto;
        width:300px;
        font-size:12px;
        color:#232322;
        font-family: arial;
        text-align:center;
        margin-bottom:70px;
    }

    #indexshopwrapper a{
        color:#232322;
        text-decoration: none;
    }

    #fair-info p{
            font-size:26px !important;
            display:inline;
            color:#6b6763;
    }

    .truemail{
        text-align:center;
        color: #6b6763;
        font-family: "bauerbodni_btroman","arial";
        font-size:20px;
        font-weight:bold;
        padding-bottom:40px;
    }
    
    .falsemail{
        text-align:center;
        color: #ff0000;
        font-family: "bauerbodni_btroman","arial";
        font-size:20px;
        font-weight:bold;
        padding-bottom:40px;
    }

    .split-line{
        width:50%;
        height:2px;
        border-top:1px solid #cecac7;
        margin:auto;
        margin-bottom:10px;
    }

    .cfield
    {
            border:1px solid #cccccc;
            height: 14px;
            margin-left: 10px;
            margin-bottom: 11px;
            font-family: Verdana;
            font-size: 9px;
    }

    .large
    {
            width: 307px;
    }

    .small
    {
            width: 52px;
    }

    .medium
    {
            width: 233px;
    }

    .gap
    {
            margin-bottom: 18px;
    }

    .area
    {
            border:1px solid #cccccc;
            height:120px;
            margin-left: 10px;
            margin-bottom: 11px;
            font-family: Verdana;
            font-size: 11px;
    }
    
    img {
    height: auto;
    width: 100%;
    }
    
    .first-img {
        width:95%;
    }
    
    #ep_single_flip_7_53 {
    margin: auto;
    max-width: 200px;
    text-align: center;
    }
    
    .logo{
    margin:auto;
    margin-bottom:24px;
    border:0;
    width:85%;
    }
    
    #wrapper{
    margin:auto;
    width:100%;
    }
    
    #top-login{
    width:100%;
    margin:auto;
    margin-bottom:26px;
    margin-top:-14px;
    }
     
    #login-form{
    font-family: 'bauerbodni_btroman','arial';
    color:#6b6763;
    text-decoration: none;
    font-size:1.2em;
    margin-top:16px;
    letter-spacing: 0.6px;
    width:100%;
    padding:2px;
    }
    
    form .field-login{
    border:1px solid #cecac7;
    width: 82px;
    color: #333333;
    font-family: Verdana;
    font-size: 11px;
    background:#e4dcd6;
    padding:4px;
    width:95%;
    }

    form .field-login-first{

    }

    form .login-button
    {
        background-color: #e4dcd6;
        font-family: 'bauerbodni_btroman','arial';
        color:#6b6763;
        text-decoration: none;
        font-size:14px;
        float:right;
        margin-right:3px;
        border: 0;
        padding:0;
    }
    
    #menu{
    text-transform: uppercase;
    color: #0a0a0a;
    text-align:center;
    width:100%;
    margin-bottom:28px;
    }
    
    ul#menulist {
    list-style: none;
    margin-bottom: -12px;
    }

    #main-content {
        text-align:center;
        width:100%;
    }
    
    ul#menulist li{
        margin-right:10%;
    }

    ul#menulist li a{
        font-family: 'bauerbodni_btroman','arial';
        font-weight: normal;
        color:#6b6763;
        text-decoration: none;
        font-size:13.4px;
        letter-spacing: 1.5px;
    }

    ul#menulist li.currentmenulink a{
        color:#232322;
    }s

    #main-content{
    width:100%;
    }

    #footer{
    width:100%;
    border-top:1px solid #cecac7;
    font-size:1.2em;
    margin-top:30px;
    }

    #fair-info{
    width:100%;
    text-align: center;
    color:#000000;
    font-weight:bold;
    font-size:1.3em;
    font-family: "bauerbodni_btroman","arial";
    margin-top:20px;
    }

    #fair-info p{
    font-size:1.2em !important;
    color:#6b6763;
    }
    
    #left-contact-info{
    width:100%;
    margin-top:25px;
    }

    #social-icon-right{
    width:100%;
    text-align: center;
    margin:auto;
    margin-top:30px;
    
    }
    
    .facebook-logo{
    width:17px;
    height:15px;
    position:absolute;
    margin-top:-1px;
    }
    
    .instagram-logo{
    width:62px;
    height:19px;
    margin-left:25px;
    }
    
    .minilogo{
        display:none;
    }

    .footer-address{
    width:100%;
    font-family: 'bauerbodni_btroman','arial';
    color:#6b6763;
    letter-spacing: 0.6px;
    text-align:center;
    }

    .footer-contact-info{
    width:100%;
    font-family: 'bauerbodni_btroman','arial';
    color:#6b6763;
    letter-spacing: 0.6px;
    text-align:center;
    }
    
    #footer a{
    color:#6b6763;
    text-decoration:none;
    }
    
    .last-img{
    display:none;
    }
    
    #about-text-style{
    width:100%;
    margin:auto;
    margin-top:40px;
    color: #6b6763;
    letter-spacing: 1px;
    font-size:12px !important;
    }
    
    pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    font-size:12px !important;
    }

    #contactform-wrapper{
    margin-left:5px;
    font-family: 'bauerbodni_btroman','arial';
    color:#6b6763;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size:12px;
    }

    #contactform-wrapper input,textarea{
        border:1px solid #cecac7;
        color: #333333;
        font-family: Verdana;
        font-size: 11px;
        background:#e4dcd6;
        padding:5px;
        width:90%;
    }
    
    .robot {
        width: 15px !important;
        margin-left:8px !important;
    }

    .contactform-button{
        background-color: #b5b4b4;
        border: 0 none;
        color: #fff;
        font-family: Verdana;
        font-size: 10px;
        padding:4px;
        width:74px;
        margin-left: 10px;
        text-transform: uppercase;
    }
    
    .cfield
    {
        border:1px solid #cccccc;
        height: 14px;
        margin-left: 10px;
        margin-bottom: 11px;
        font-family: Verdana;
        font-size: 9px;
    }

    .large
    {
            width: 85% !important;
            
    }

    .small
    {
            width: 15% !important;
    }

    .medium
    {
            width: 62% !important;
    }

    .gap
    {
            margin-bottom: 18px;
    }

    .area
    {
            border:1px solid #cccccc;
            height:120px;
            margin-left: 10px;
            margin-bottom: 11px;
            font-family: Verdana;
            font-size: 11px;
            width: 90% !important;
    }
    
    #indexcustomerwrapper{
    width:100%;
    font-size:12px;
    color:#232322;
    font-family: arial;
    }

    #indexcustomerwrapper table{
    }

    #indexcustomerwrapper a{
        color:#232322;
        text-decoration: none;
    }
    
    #magazine {
        text-align:center;
        margin:auto;
    }
    
    .gobuttonfrontshop{
        background-image: linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -o-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -moz-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -webkit-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -ms-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0.08, rgb(224,224,224)),
                color-stop(0.68, rgb(240,240,240))
        );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#DEDEDE');
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #555555 !important;
        cursor: pointer;
        font-size: 12px;
        font-weight: bold;
        padding-top:7px;
        padding-bottom:7px;
        padding-left:14px;
        padding-right:14px;
        text-align: center;
        display: inline-block;
        width:85%;
        margin-bottom:4px;
    }
    
    .content {
       text-align: center;
    }
}




/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 480px)
and (max-width : 767px) {
/* Styles */
 html {
   overflow-y: scroll;
    }

    body {
        background:#e4dcd6;
        font-family: arial;
        font-size:12px;
    }

    p{
        font-family: 'bauerbodni_btroman','arial';
        font-size:42px;
    }

    .validatetext
    {
        color: #ac1d1d;
        padding-left: 6px;	
        display: inline;
    }

    .validatetext2
    {
        color: #ac1d1d;
        padding-left: 6px;	
        display: inline;
        vertical-align: top;
    }

    .validatetexttoggle
    {
        visibility: hidden;
    }

    .img-transparency{
        opacity: 0.65;
        filter: alpha(opacity=65);
    }

    .press-gallery{
        /*margin:auto;*/
    }

    .press-gallery img{
        margin-right:8px;
        margin-bottom:3px;
        border:0;
    }

    .pressgallast{
        margin-left:2px;
    }

    .infosheet{
        font-family: 'bauerbodni_btroman','arial';
        color:#282828;
        letter-spacing: 0.6px;
        font-size:13.4px;
        float:left;
    }

    .infosheet a{
        color:#282828;
        text-decoration: none;
    }

    .about-graph{
        margin-left:252px;
    }

    .contactform-button{
        background-color: #b5b4b4;
        border: 0 none;
        color: #fff;
        font-family: Verdana;
        font-size: 10px;
        padding:4px;
        width:74px;
        margin-left: 10px;
        text-transform: uppercase;
    }

    .leadin
    {
            padding-top: 5px;
            text-align: right;
            vertical-align: baseline;
    }
    
    .g-recaptcha{
        margin-left:15px;
        margin-bottom:8px;
    }
    
        
    .addresshfield{
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        z-index: -1;
    }

    .requiredLead
    {
            margin-left: 21px;
    }

    #indexshopwrapper{
        margin:auto;
        width:300px;
        font-size:12px;
        color:#232322;
        font-family: arial;
        text-align:center;
        margin-bottom:70px;
    }

    #indexshopwrapper a{
        color:#232322;
        text-decoration: none;
    }

    #fair-info p{
            font-size:26px !important;
            display:inline;
            color:#6b6763;
    }

    .truemail{
        text-align:center;
        color: #6b6763;
        font-family: "bauerbodni_btroman","arial";
        font-size:20px;
        font-weight:bold;
        padding-bottom:40px;
    }
    
    .falsemail{
        text-align:center;
        color: #ff0000;
        font-family: "bauerbodni_btroman","arial";
        font-size:20px;
        font-weight:bold;
        padding-bottom:40px;
    }
   

    .split-line{
        width:50%;
        height:2px;
        border-top:1px solid #cecac7;
        margin:auto;
        margin-bottom:21px;
    }

    .cfield
    {
            border:1px solid #cccccc;
            height: 14px;
            margin-left: 10px;
            margin-bottom: 11px;
            font-family: Verdana;
            font-size: 9px;
    }

    .large
    {
            width: 307px;
    }

    .small
    {
            width: 52px;
    }

    .medium
    {
            width: 233px;
    }

    .gap
    {
            margin-bottom: 18px;
    }

    .area
    {
            border:1px solid #cccccc;
            height:120px;
            margin-left: 10px;
            margin-bottom: 11px;
            font-family: Verdana;
            font-size: 11px;
    }
    
    img {
    height: auto;
    width: 100%;
    }
    
    .logo{
    margin:auto;
    margin-bottom:24px;
    border:0;
    width:55%;
    }
    
    #wrapper{
    margin:auto;
    width:100%;
    }
    
    #top-login{
    width:100%;
    margin:auto;
    margin-bottom:26px;
    }
     
    #login-form{
    font-family: 'bauerbodni_btroman','arial';
    color:#6b6763;
    text-decoration: none;
    font-size:1.2em;
    margin-top:16px;
    width:100%;
    padding:2px;
    }
    
    #loginformwrapper {
    margin: auto;
    text-align: center;
    }
    
    form .field-login{
    border:1px solid #cecac7;
    color: #333333;
    font-family: Verdana;
    font-size: 11px;
    background:#e4dcd6;
    padding:4px;
    width:128px;
    margin-left:4px;
    margin-right:4px;
    }

    form .field-login-first{

    }

    form .login-button
    {
        background-color: #e4dcd6;
        font-family: 'bauerbodni_btroman','arial';
        color:#6b6763;
        text-decoration: none;
        font-size:14px;
        border: 0;
        padding:0;
    }
    
    #menu{
    text-transform: uppercase;
    color: #0a0a0a;
    text-align:center;
    width:100%;
    margin-bottom:28px;
    }
    
    ul#menulist {
    list-style: none;
    }

    ul#menulist li{
     display: inline;
    margin-right: 4%;
    }

    ul#menulist li a{
        font-family: 'bauerbodni_btroman','arial';
        font-weight: normal;
        color:#6b6763;
        text-decoration: none;
        font-size:13.4px;
        letter-spacing: 1.5px;
    }

    ul#menulist li.currentmenulink a{
        color:#232322;
    }s

    #main-content{
    width:100%;
    }

    #footer{
    width:100%;
    border-top:1px solid #cecac7;
    font-size:1.2em;
    margin-top:30px;
    }

    #fair-info{
    width:100%;
    text-align: center;
    color:#000000;
    font-weight:bold;
    font-size:1.3em;
    font-family: "bauerbodni_btroman","arial";
    margin-top:20px;
    }

    #fair-info p{
    font-size:1.2em !important;
    color:#6b6763;
    }
    
    #left-contact-info{
    width:100%;
    margin-top:25px;
    }

    #social-icon-right{
    width:100%;
    text-align: center;
    margin:auto;
    margin-top:30px;
    
    }
    
    .facebook-logo{
    width:17px;
    height:15px;
    position:absolute;
    margin-top:-1px;
    }
    
    .instagram-logo{
    width:62px;
    height:19px;
    margin-left:25px;
    }
    
    .minilogo{
        display:none;
    }

    .footer-address{
    width:100%;
    font-family: 'bauerbodni_btroman','arial';
    color:#6b6763;
    letter-spacing: 0.6px;
    text-align:center;
    }

    .footer-contact-info{
    width:100%;
    font-family: 'bauerbodni_btroman','arial';
    color:#6b6763;
    letter-spacing: 0.6px;
    text-align:center;
    }
    
    #footer a{
    color:#6b6763;
    text-decoration:none;
    }
    
    .first-img {
        width:95%;
        margin:auto;
        text-align:center;
        
    }
    
    #main-content {
        text-align: center;
    }
    
    .last-img{
    display:none;
    }
    
    #about-text-style{
    width:100%;
    margin:auto;
    margin-top:40px;
    color: #6b6763;
    letter-spacing: 1px;
    font-size:12px !important;
    }
    
    pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    font-size:12px !important;
    }

    #contactform-wrapper{
    margin-left:5px;
    font-family: 'bauerbodni_btroman','arial';
    color:#6b6763;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size:12px;
    }

    #contactform-wrapper input,textarea{
        border:1px solid #cecac7;
        color: #333333;
        font-family: Verdana;
        font-size: 11px;
        background:#e4dcd6;
        padding:5px;
        width:90%;
    }
    
    .robot {
        width: 15px !important;
    }

    .contactform-button{
        background-color: #b5b4b4;
        border: 0 none;
        color: #fff;
        font-family: Verdana;
        font-size: 10px;
        padding:4px;
        width:74px;
        margin-left: 10px;
        text-transform: uppercase;
    }
    
    .cfield
    {
        border:1px solid #cccccc;
        height: 14px;
        margin-left: 10px;
        margin-bottom: 11px;
        font-family: Verdana;
        font-size: 9px;
    }

    .large
    {
            width: 85% !important;
            
    }

    .small
    {
            width: 15% !important;
    }

    .medium
    {
            width: 62% !important;
    }

    .gap
    {
            margin-bottom: 18px;
    }

    .area
    {
            border:1px solid #cccccc;
            height:120px;
            margin-left: 10px;
            margin-bottom: 11px;
            font-family: Verdana;
            font-size: 11px;
            width: 90% !important;
    }
    
    #indexcustomerwrapper{
    width:100%;
    font-size:12px;
    color:#232322;
    font-family: arial;
    }

    #indexcustomerwrapper table{
    }

    #indexcustomerwrapper a{
        color:#232322;
        text-decoration: none;
    }
    
    #magazine {
        text-align:center;
        margin:auto;
    }
    
    #ep_single_flip_7_53 {
        max-width:200px;
        text-align:center;
        margin:auto;
    }
    
    .gobuttonfrontshop{
        background-image: linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -o-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -moz-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -webkit-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -ms-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0.08, rgb(224,224,224)),
                color-stop(0.68, rgb(240,240,240))
        );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#DEDEDE');
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #555555 !important;
        cursor: pointer;
        font-size: 12px;
        font-weight: bold;
        padding-top:7px;
        padding-bottom:7px;
        padding-left:14px;
        padding-right:14px;
        text-align: center;
        display: inline-block;
        width:45%;
        margin-bottom:4px;
        min-width: 250px;
    }
    
    .content {
       text-align: center;
    }
}


/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
    
    html {
       overflow-y: scroll;
    }

    body {
        background:#e4dcd6;
        font-family: arial;
        font-size:12px;
    }

    p{
        font-family: 'bauerbodni_btroman','arial';
        font-size:42px;
    }

    .validatetext
    {
        color: #ac1d1d;
        padding-left: 6px;	
        display: inline;
    }

    .validatetext2
    {
        color: #ac1d1d;
        padding-left: 6px;	
        display: inline;
        vertical-align: top;
    }

    .validatetexttoggle
    {
        visibility: hidden;
    }

    .img-transparency{
        opacity: 0.65;
        filter: alpha(opacity=65);
    }

    .press-gallery{
        /*margin:auto;*/
    }

    .press-gallery img{
        margin-right:8px;
        margin-bottom:3px;
        border:0;
    }

    .pressgallast{
        margin-left:2px;
    }

    .infosheet{
        font-family: 'bauerbodni_btroman','arial';
        color:#282828;
        letter-spacing: 0.6px;
        font-size:13.4px;
        float:left;
    }

    .infosheet a{
        color:#282828;
        text-decoration: none;
    }

    .about-graph{
        margin-left:252px;
    }

    .contactform-button{
        background-color: #b5b4b4;
        border: 0 none;
        color: #fff;
        font-family: Verdana;
        font-size: 10px;
        padding:4px;
        width:74px;
        margin-left: 10px;
        text-transform: uppercase;
    }

    .leadin
    {
            padding-top: 5px;
            text-align: right;
            vertical-align: baseline;
    }
    
    .g-recaptcha{
        margin-left:24px;
        margin-bottom:8px;
    }
    
        
    .addresshfield{
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        z-index: -1;
    }

    .requiredLead
    {
            margin-left: 21px;
    }

    #indexshopwrapper{
        margin:auto;
        width:300px;
        font-size:12px;
        color:#232322;
        font-family: arial;
        text-align:center;
        margin: 20px auto auto;
    }

    #indexshopwrapper a{
        color:#232322;
        text-decoration: none;
    }

    #fair-info p{
            font-size:26px !important;
            display:inline;
            color:#6b6763;
    }

    .truemail{
        text-align:center;
        color: #6b6763;
        font-family: "bauerbodni_btroman","arial";
        font-size:20px;
        font-weight:bold;
        padding-bottom:40px;
    }
    
    .falsemail{
        text-align:center;
        color: #ff0000;
        font-family: "bauerbodni_btroman","arial";
        font-size:20px;
        font-weight:bold;
        padding-bottom:40px;
    }

    .split-line{
        width:50%;
        height:2px;
        border-top:1px solid #cecac7;
        margin:auto;
        margin-bottom:21px;
    }

    .cfield
    {
            border:1px solid #cccccc;
            height: 14px;
            margin-left: 10px;
            margin-bottom: 11px;
            font-family: Verdana;
            font-size: 9px;
    }

    .large
    {
            width: 307px;
    }

    .small
    {
            width: 52px;
    }

    .medium
    {
            width: 233px;
    }
    
    .gap
    {
            margin-bottom: 18px;
    }

    .area
    {
            border:1px solid #cccccc;
            height:120px;
            margin-left: 10px;
            margin-bottom: 11px;
            font-family: Verdana;
            font-size: 11px;
    }
    
    img {
    height: auto;
    width: 100%;
    }
    
    #magazine {
    float: left;
    margin-left: 20px;
    margin-right: 30px;
    }
    
    .logo{
    margin:auto;
    margin-bottom:24px;
    border:0;
    width:45%;
    }
    
    #wrapper{
    margin:auto;
    width:100%;
    }
    
    #top-login{
    width:100%;
    margin:auto;
    margin-bottom:26px;
    }
     
    #login-form{
    font-family: 'bauerbodni_btroman','arial';
    color:#6b6763;
    text-decoration: none;
    font-size:1.2em;
    margin-top:16px;
    width:100%;
    padding:2px;
    }
    
    #loginformwrapper {
    margin: auto;
    text-align: center;
    }
    
    form .field-login{
    border:1px solid #cecac7;
    color: #333333;
    font-family: Verdana;
    font-size: 11px;
    background:#e4dcd6;
    padding:4px;
    width:128px;
    margin-left:4px;
    margin-right:4px;
    }

    form .field-login-first{

    }

    form .login-button
    {
        background-color: #e4dcd6;
        font-family: 'bauerbodni_btroman','arial';
        color:#6b6763;
        text-decoration: none;
        font-size:14px;
        border: 0;
        padding:0;
    }
    
    #menu{
    text-transform: uppercase;
    color: #0a0a0a;
    text-align:center;
    width:100%;
    margin-bottom:28px;
    }
    
    ul#menulist {
    list-style: none;
    }

    ul#menulist li{
     display: inline;
    margin-right: 4%;
    }

    ul#menulist li a{
        font-family: 'bauerbodni_btroman','arial';
        font-weight: normal;
        color:#6b6763;
        text-decoration: none;
        font-size:13.4px;
        letter-spacing: 1.5px;
    }

    ul#menulist li.currentmenulink a{
        color:#232322;
    }

    #main-content{
    width:100%;
    }

    #footer{
    width:100%;
    border-top:1px solid #cecac7;
    font-size:1.2em;
    margin-top:30px;
    float:left;
    }

    #fair-info{
    width:100%;
    text-align: center;
    color:#000000;
    font-weight:bold;
    font-size:1.3em;
    font-family: "bauerbodni_btroman","arial";
    margin-top:20px;
    }

    #fair-info p{
    font-size:1.2em !important;
    color:#6b6763;
    }
    
    #left-contact-info{
    width:100%;
    margin-top:25px;
    }

    #social-icon-right{
    width:100%;
    text-align: center;
    margin:auto;
    margin-top:30px;
    
    }
    
    .facebook-logo{
    width:17px;
    height:15px;
    position:absolute;
    margin-top:-1px;
    }
    
    .instagram-logo{
    width:62px;
    height:19px;
    margin-left:25px;
    }
    
    .minilogo{
        display:none;
    }

    .footer-address{
    width:100%;
    font-family: 'bauerbodni_btroman','arial';
    color:#6b6763;
    letter-spacing: 0.6px;
    text-align:center;
    }

    .footer-contact-info{
    width:100%;
    font-family: 'bauerbodni_btroman','arial';
    color:#6b6763;
    letter-spacing: 0.6px;
    text-align:center;
    }
    
    #footer a{
    color:#6b6763;
    text-decoration:none;
    }
    
    
    #main-content {
        text-align:center;
    }
    
    .first-img {
        width:90%;
        margin-bottom:20px;
    }
    
    .last-img{
        margin-left:0.8%;
        width:49.6%;
        margin-bottom:20px;
    }
    
    #about-text-style{
    width:100%;
    margin:auto;
    margin-top:40px;
    color: #6b6763;
    letter-spacing: 1px;
    font-size:12px !important;
    }
    
    pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    font-size:12px !important;
    }

    #contactform-wrapper{
    margin-left:5px;
    font-family: 'bauerbodni_btroman','arial';
    color:#6b6763;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size:12px;
    }

    #contactform-wrapper input,textarea{
        border:1px solid #cecac7;
        color: #333333;
        font-family: Verdana;
        font-size: 11px;
        background:#e4dcd6;
        padding:5px;
        width:90%;
    }

    .contactform-button{
        background-color: #b5b4b4;
        border: 0 none;
        color: #fff;
        font-family: Verdana;
        font-size: 10px;
        padding:4px;
        width:74px;
        margin-left: 10px;
        text-transform: uppercase;
    }
    
    .cfield
    {
        border:1px solid #cccccc;
        height: 14px;
        margin-left: 10px;
        margin-bottom: 11px;
        font-family: Verdana;
        font-size: 9px;
    }

    .large
    {
            width: 85% !important;
            
    }

    .small
    {
            width: 15% !important;
    }

    .medium
    {
            width: 62% !important;
    }

    .robot {
        width:auto !important;
    }
    
    .gap
    {
            margin-bottom: 18px;
    }

    .area
    {
            border:1px solid #cccccc;
            height:120px;
            margin-left: 10px;
            margin-bottom: 11px;
            font-family: Verdana;
            font-size: 11px;
            width: 90% !important;
    }
    
    #indexcustomerwrapper{
    font-size:12px;
    color:#232322;
    font-family: arial;
    margin: 45px auto auto;
    width: 500px;
    }
    
    .content {
        float:left;
    }

    #indexcustomerwrapper table{
    }

    #indexcustomerwrapper a{
        color:#232322;
        text-decoration: none;
    }
    
    .gobuttonfrontshop{
        background-image: linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -o-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -moz-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -webkit-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -ms-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0.08, rgb(224,224,224)),
                color-stop(0.68, rgb(240,240,240))
        );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#DEDEDE');
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #555555 !important;
        cursor: pointer;
        font-size: 12px;
        font-weight: bold;
        padding-top:7px;
        padding-bottom:7px;
        padding-left:14px;
        padding-right:14px;
        text-align: center;
        display: inline-block;
        width:85%;
        margin-bottom:4px;
    }
    
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 1024px)
and (max-width : 1224px) {
    
    html {
       overflow-y: scroll;
    }

    body {
        background:#e4dcd6;
        font-family: arial;
        font-size:12px;
    }

    p{
        font-family: 'bauerbodni_btroman','arial';
        font-size:42px;
    }

    .validatetext
    {
        color: #ac1d1d;
        padding-left: 12px;	
        display: block;
        
    }

    .validatetext2
    {
        color: #ac1d1d;
        padding-left: 6px;	
        display: inline;
        vertical-align: top;
    }

    .validatetexttoggle
    {
        visibility: hidden;
    }

    .img-transparency{
        opacity: 0.65;
        filter: alpha(opacity=65);
    }

    .press-gallery{
        /*margin:auto;*/
    }

    .press-gallery img{
        margin-right:8px;
        margin-bottom:3px;
        border:0;
    }

    .pressgallast{
        margin-left:2px;
    }

    .infosheet{
        font-family: 'bauerbodni_btroman','arial';
        color:#282828;
        letter-spacing: 0.6px;
        font-size:13.4px;
        float:left;
    }

    .infosheet a{
        color:#282828;
        text-decoration: none;
    }

    .about-graph{
        margin-left:252px;
    }

    .contactform-button{
        background-color: #b5b4b4;
        border: 0 none;
        color: #fff;
        font-family: Verdana;
        font-size: 10px;
        padding:4px;
        width:74px;
        margin-left: 10px;
        text-transform: uppercase;
    }

    .leadin
    {
            padding-top: 5px;
            text-align: right;
            vertical-align: baseline;
    }
    
    .g-recaptcha{
        margin-left:28px;
        margin-bottom:8px;
    }
    
        
    .addresshfield{
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        z-index: -1;
    }

    .requiredLead
    {
            margin-left: 21px;
    }

    #indexshopwrapper{
        margin:auto;
        width:300px;
        font-size:12px;
        color:#232322;
        font-family: arial;
        text-align:center;
        margin-bottom:70px;
    }

    #indexshopwrapper a{
        color:#232322;
        text-decoration: none;
    }
    
    #main-content {
        float:left;
        width:100%;
    }

    #fair-info p{
            font-size:26px !important;
            display:inline;
            color:#6b6763;
    }

    .truemail{
        text-align:center;
        color: #6b6763;
        font-family: "bauerbodni_btroman","arial";
        font-size:20px;
        font-weight:bold;
        padding-bottom:40px;
    }
    
    .falsemail{
        text-align:center;
        color: #ff0000;
        font-family: "bauerbodni_btroman","arial";
        font-size:20px;
        font-weight:bold;
        padding-bottom:40px;
    }

    .split-line{
        width:50%;
        height:2px;
        border-top:1px solid #cecac7;
        margin:auto;
        margin-bottom:21px;
    }

    .cfield
    {
            border:1px solid #cccccc;
            height: 14px;
            margin-left: 10px;
            margin-bottom: 11px;
            font-family: Verdana;
            font-size: 9px;
    }

    .large
    {
            width: 307px;
    }

    .small
    {
            width: 52px;
    }

    .medium
    {
            width: 233px;
    }

    .gap
    {
            margin-bottom: 18px;
    }

    .area
    {
            border:1px solid #cccccc;
            height:120px;
            margin-left: 10px;
            margin-bottom: 11px;
            font-family: Verdana;
            font-size: 11px;
    }
    
    img {
    height: auto;
    width: 100%;
    }
    
    .logo{
    margin:auto;
    margin-bottom:24px;
    border:0;
    width:35%;
    }
    
    #wrapper{
    margin:auto;
    width:100%;
    }
    
    #top-login{
    width:100%;
    margin:auto;
    margin-bottom:26px;
    }
     
    #login-form{
    font-family: 'bauerbodni_btroman','arial';
    color:#6b6763;
    text-decoration: none;
    font-size:1.2em;
    margin-top:16px;
    width:100%;
    padding:2px;
    }
    
    #loginformwrapper {
    margin: auto;
    text-align: center;
    }
    
    form .field-login{
    border:1px solid #cecac7;
    color: #333333;
    font-family: Verdana;
    font-size: 11px;
    background:#e4dcd6;
    padding:4px;
    width:128px;
    margin-left:4px;
    margin-right:4px;
    }

    form .field-login-first{

    }

    form .login-button
    {
        background-color: #e4dcd6;
        font-family: 'bauerbodni_btroman','arial';
        color:#6b6763;
        text-decoration: none;
        font-size:14px;
        border: 0;
        padding:0;
    }
    
    #menu{
    text-transform: uppercase;
    color: #0a0a0a;
    text-align:center;
    width:100%;
    margin-bottom:28px;
    }
    
    ul#menulist {
    list-style: none;
    }

    ul#menulist li{
     display: inline;
    margin-right: 4%;
    }

    ul#menulist li a{
        font-family: 'bauerbodni_btroman','arial';
        font-weight: normal;
        color:#6b6763;
        text-decoration: none;
        font-size:13.4px;
        letter-spacing: 1.5px;
    }

    ul#menulist li.currentmenulink a{
        color:#232322;
    }s

    #main-content{
    width:100%;
    }

    #footer{
    width:100%;
    border-top:1px solid #cecac7;
    font-size:1.2em;
    margin-top:30px;
    float:left;
    }

    #fair-info{
    width:100%;
    text-align: center;
    color:#000000;
    font-weight:bold;
    font-size:1.3em;
    font-family: "bauerbodni_btroman","arial";
    margin-top:20px;
    }

    #fair-info p{
    font-size:1.2em !important;
    color:#6b6763;
    }
    
    #left-contact-info{
    width:100%;
    margin-top:25px;
    }

    #social-icon-right{
    width:100%;
    text-align: center;
    margin:auto;
    margin-top:30px;
    
    }
    
    .facebook-logo{
    width:17px;
    height:15px;
    position:absolute;
    margin-top:-1px;
    }
    
    .instagram-logo{
    width:62px;
    height:19px;
    margin-left:25px;
    }
    
    .minilogo{
        display:none;
    }

    .footer-address{
    width:100%;
    font-family: 'bauerbodni_btroman','arial';
    color:#6b6763;
    letter-spacing: 0.6px;
    text-align:center;
    }

    .footer-contact-info{
    width:100%;
    font-family: 'bauerbodni_btroman','arial';
    color:#6b6763;
    letter-spacing: 0.6px;
    text-align:center;
    }
    
    #footer a{
    color:#6b6763;
    text-decoration:none;
    }
    
    
    #main-content {
text-align:center;
    }
    
    .first-img {
        width:88%;
        margin-bottom:20px;
    }
    
    .last-img{
        margin-left:0.8%;
        width:49.6%;
        margin-bottom:20px;
    }
    
    #about-text-style{
    width:100%;
    margin:auto;
    margin-top:40px;
    color: #6b6763;
    letter-spacing: 1px;
    font-size:12px !important;
    }
    
    pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    font-size:12px !important;
    }

    #contactform-wrapper{
    margin-left:5px;
    font-family: 'bauerbodni_btroman','arial';
    color:#6b6763;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size:12px;
    }

    #contactform-wrapper input,textarea{
        border:1px solid #cecac7;
        color: #333333;
        font-family: Verdana;
        font-size: 11px;
        background:#e4dcd6;
        padding:5px;
        width:90%;
    }
    
    
    .robot {
        width:auto !important;
    }

    .contactform-button{
        background-color: #b5b4b4;
        border: 0 none;
        color: #fff;
        font-family: Verdana;
        font-size: 10px;
        padding:4px;
        width:74px;
        margin-left: 10px;
        text-transform: uppercase;
    }
    
    .cfield
    {
        border:1px solid #cccccc;
        height: 14px;
        margin-left: 10px;
        margin-bottom: 11px;
        font-family: Verdana;
        font-size: 9px;
    }

    .large
    {
            width: 85% !important;
            
    }

    .small
    {
            width: 15% !important;
    }

    .medium
    {
            width: 62% !important;
    }

    .gap
    {
            margin-bottom: 18px;
    }

    .area
    {
            border:1px solid #cccccc;
            height:120px;
            margin-left: 10px;
            margin-bottom: 11px;
            font-family: Verdana;
            font-size: 11px;
            width: 90% !important;
    }
    
    #indexcustomerwrapper{
  color: #232322;
    font-family: arial;
    font-size: 12px;
    margin: auto;
    width: 500px;
    margin-top:20px;
    }

    #indexcustomerwrapper table{
    }

    #indexcustomerwrapper a{
        color:#232322;
        text-decoration: none;
    }
    
    #magazine {
    float: left;
    margin-left: 20px;
    margin-right: 30px;
    }
    
    .gobuttonfrontshop{
        background-image: linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -o-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -moz-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -webkit-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -ms-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0.08, rgb(224,224,224)),
                color-stop(0.68, rgb(240,240,240))
        );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#DEDEDE');
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #555555 !important;
        cursor: pointer;
        font-size: 12px;
        font-weight: bold;
        padding-top:7px;
        padding-bottom:7px;
        padding-left:14px;
        padding-right:14px;
        text-align: center;
        display: inline-block;
        width:85%;
        margin-bottom:4px;
    }
    
    .content {
        float: left;
    }
}

/* iPads (landscape) ----------- */
/*@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
} */
/* iPads (portrait) ----------- */
/*@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
}*/

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
    
    html {
   overflow-y: scroll;
    }

    body {
        background:#e4dcd6;
        font-family: arial;
        font-size:12px;
    }

    p{
        font-family: 'bauerbodni_btroman','arial';
        font-size:42px;
    }

    .validatetext
    {
        color: #ac1d1d;
        padding-left: 6px;	
        display: inline;
    }

    .validatetext2
    {
        color: #ac1d1d;
        padding-left: 6px;	
        display: inline;
        vertical-align: top;
    }

    .validatetexttoggle
    {
        visibility: hidden;
    }

    .img-transparency{
        opacity: 0.65;
        filter: alpha(opacity=65);
    }

    .press-gallery{
        /*margin:auto;*/
    }
    
    .press-gallery-container{
        margin:auto;
        width:995px;
    }

    .press-gallery img{
        margin-right:8px;
        margin-bottom:3px;
        border:0;
    }

    .pressgallast{
        margin-left:2px;
    }

    .infosheet{
        font-family: 'bauerbodni_btroman','arial';
        color:#282828;
        letter-spacing: 0.6px;
        font-size:13.4px;
        float:left;
    }

    .infosheet a{
        color:#282828;
        text-decoration: none;
    }

    .about-graph{
        margin-left:252px;
    }

    .contactform-button{
        background-color: #b5b4b4;
        border: 0 none;
        color: #fff;
        font-family: Verdana;
        font-size: 10px;
        padding:4px;
        width:74px;
        margin-left: 10px;
        text-transform: uppercase;
    }

    .leadin
    {
            padding-top: 5px;
            text-align: right;
            vertical-align: baseline;
    }
    
    .g-recaptcha{
        margin-left:8px;
        margin-bottom:8px;
    }
    
        
    .addresshfield{
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        z-index: -1;
    }

    .requiredLead
    {
            margin-left: 21px;
    }

    #indexshopwrapper{
        margin:auto;
        width:300px;
        font-size:12px;
        color:#232322;
        font-family: arial;
        text-align:center;
        margin-bottom:70px;
    }

    #indexshopwrapper a{
        color:#232322;
        text-decoration: none;
    }

    #fair-info p{
            font-size:26px !important;
            display:inline;
            color:#6b6763;
    }

    .truemail{
        text-align:center;
        color: #6b6763;
        font-family: "bauerbodni_btroman","arial";
        font-size:20px;
        font-weight:bold;
        padding-bottom:40px;
    }

    .falsemail{
        text-align:center;
        color: #ff0000;
        font-family: "bauerbodni_btroman","arial";
        font-size:20px;
        font-weight:bold;
        padding-bottom:40px;
    }
    
    .split-line{
        width:50%;
        height:2px;
        border-top:1px solid #cecac7;
        margin:auto;
        margin-bottom:21px;
    }

    .cfield
    {
            border:1px solid #cccccc;
            height: 14px;
            margin-left: 10px;
            margin-bottom: 11px;
            font-family: Verdana;
            font-size: 9px;
    }

    .large
    {
            width: 307px;
    }

    .small
    {
            width: 52px;
    }

    .medium
    {
            width: 233px;
    }

    .gap
    {
            margin-bottom: 18px;
    }

    .area
    {
            border:1px solid #cccccc;
            height:120px;
            margin-left: 10px;
            margin-bottom: 11px;
            font-family: Verdana;
            font-size: 11px;
    }
    
    #wrapper{
    margin:auto;
    width:1158px;
    }

    #top-login{
    width:1158px;
    padding:0;
    float:left;
    margin-bottom:56px;
    }

    #login-form{
    float:right;
    font-family: 'bauerbodni_btroman','arial';
    color:#6b6763;
    text-decoration: none;
    font-size:14px;
    margin-top:16px;
    margin-right:15px;
    letter-spacing: 0.6px;
    }

    form .field-login{
    border:1px solid #cecac7;
    width: 82px;
    color: #333333;
    font-family: Verdana;
    font-size: 11px;
    background:#e4dcd6;
    margin-left:3px;
    padding:3px;
    }

    form .field-login-first{
        margin-right:10px;
    }

    form .login-button
    {
        background-color: #e4dcd6;
        font-family: 'bauerbodni_btroman','arial';
        color:#6b6763;
        text-decoration: none;
        font-size:14px;
        margin-left: 2px;
        border: 0;
        padding:0;
    }
    
    .logo{
    margin:auto;
    margin-bottom:34px;
    border:0;
    }

    #menu{
    text-transform: uppercase;
    color: #0a0a0a;
    text-align:center;
    float:left;
    width:1158px;
    margin-bottom:28px;
    }

    #main-content{
    width:1158px;
    float:left;
    margin-bottom:45px;
    }

    #footer{
    width:1158px;
    float:left;
    height:2px;
    border-top:1px solid #cecac7;
    margin-top:30px;
    margin-bottom: 60px;
    padding-bottom:30px;
    font-size:14px;
    }

    #footer a{
    color:#6b6763;
    text-decoration:none;
    }
    
    #fair-info{
    width:100%;
    font-size:1.3em;
    color: #000000;
    font-family: "bauerbodni_btroman","arial";
    font-weight: bold;
    text-align: center;
    }
    
    #left-contact-info{
    width:600px;
    margin-top:20px;
    float:left;
    }

    #social-icon-right{
        float:right;
        margin-top:21px;
    }

    .footer-address{
        float:left;
        font-family: 'bauerbodni_btroman','arial';
        color:#6b6763;
        margin-left:108px;
        letter-spacing: 0.6px;
    }

    .footer-contact-info{
        float:left;
        font-family: 'bauerbodni_btroman','arial';
        color:#6b6763;
        margin-left:108px;
        letter-spacing: 0.6px;
    }
    
    .minilogo{
        float:left;
    }

    .facebook-logo{
        margin-left:-30px;
        margin-top:-1px;
        position:absolute;
    }
    
    ul#menulist {
    list-style: none;
    margin-left:-37px;
    }

    ul#menulist li{
        display:inline;
        margin-left:40px;
    }

    ul#menulist li a{
        font-family: 'bauerbodni_btroman','arial';
        font-weight: normal;
        color:#6b6763;
        text-decoration: none;
        font-size:13.4px;
        letter-spacing: 1.5px;
    }

    ul#menulist li.currentmenulink a{
        color:#232322;
    }

    .first{
        margin-left:0px !important;
    }

    .first-img{
        margin-right:10px;
    }
    
    #about-text-style{
    width:600px;
    margin:auto;
    margin-top:-20px;
    color: #6b6763;
    letter-spacing: 1px;
    }
    
    #contactform-wrapper{
    margin-left:170px;
    font-family: 'bauerbodni_btroman','arial';
    color:#6b6763;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size:12px;
    }

    #contactform-wrapper input,textarea{
        border:1px solid #cecac7;
        color: #333333;
        font-family: Verdana;
        font-size: 11px;
        background:#e4dcd6;
        padding:5px;
    }    
    
    .robot {
        width: 15px !important;
        margin-left:8px !important;
    }
    
    .contactform-button{
        background-color: #b5b4b4;
        border: 0 none;
        color: #fff;
        font-family: Verdana;
        font-size: 10px;
        padding:4px;
        width:74px;
        margin-left: 10px;
        text-transform: uppercase;
    }
    
    #indexcustomerwrapper{
    margin:auto;
    width:500px;
    font-size:12px;
    color:#232322;
    font-family: arial;
    }

    #indexcustomerwrapper table{
        width:500px;
        margin-left:20px;
        margin-top:10px;
    }

    #indexcustomerwrapper a{
        color:#232322;
        text-decoration: none;
    }
    
    #magazine {
        float:left;
        margin-right:30px;
        margin-left:20px;
    }
    
    .content {
        float:left;
    }
    
    .gobuttonfrontshop{
        background-image: linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -o-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -moz-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -webkit-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -ms-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);

        background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0.08, rgb(224,224,224)),
                color-stop(0.68, rgb(240,240,240))
        );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#DEDEDE');
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #555555 !important;
        cursor: pointer;
        font-size: 12px;
        font-weight: bold;
        padding-top:7px;
        padding-bottom:7px;
        padding-left:14px;
        padding-right:14px;
        text-align: center;
        width: 90%;
        margin-bottom:4px;
        display: inline-block;
    }
}

/* Desktops and laptops ----------- */
@media only screen
and (max-width : 319px) {
    
    html {
   overflow-y: scroll;
    }

    body {
        background:#e4dcd6;
        font-family: arial;
        font-size:12px;
    }

    p{
        font-family: 'bauerbodni_btroman','arial';
        font-size:42px;
    }

    .validatetext
    {
        color: #ac1d1d;
        padding-left: 6px;	
        display: inline;
    }

    .validatetext2
    {
        color: #ac1d1d;
        padding-left: 6px;	
        display: inline;
        vertical-align: top;
    }

    .validatetexttoggle
    {
        visibility: hidden;
    }

    .img-transparency{
        opacity: 0.65;
        filter: alpha(opacity=65);
    }

    .press-gallery{
        /*margin:auto;*/
    }

    .press-gallery img{
        margin-right:8px;
        margin-bottom:3px;
        border:0;
    }

    .pressgallast{
        margin-left:2px;
    }

    .infosheet{
        font-family: 'bauerbodni_btroman','arial';
        color:#282828;
        letter-spacing: 0.6px;
        font-size:13.4px;
        float:left;
    }

    .infosheet a{
        color:#282828;
        text-decoration: none;
    }

    .about-graph{
        margin-left:252px;
    }

    .contactform-button{
        background-color: #b5b4b4;
        border: 0 none;
        color: #fff;
        font-family: Verdana;
        font-size: 10px;
        padding:4px;
        width:74px;
        margin-left: 10px;
        text-transform: uppercase;
    }

    .leadin
    {
            padding-top: 5px;
            text-align: right;
            vertical-align: baseline;
    }
    
    .g-recaptcha{
        margin-left:8px;
        margin-bottom:8px;
    }
    
        
    .addresshfield{
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        z-index: -1;
    }

    .requiredLead
    {
            margin-left: 21px;
    }

    #indexshopwrapper{
        margin:auto;
        width:300px;
        font-size:12px;
        color:#232322;
        font-family: arial;
        text-align:center;
        margin-bottom:70px;
    }

    #indexshopwrapper a{
        color:#232322;
        text-decoration: none;
    }

    #fair-info p{
            font-size:26px !important;
            display:inline;
            color:#6b6763;
    }

    .truemail{
        text-align:center;
        color: #6b6763;
        font-family: "bauerbodni_btroman","arial";
        font-size:20px;
        font-weight:bold;
        padding-bottom:40px;
    }
    
    .falsemail{
        text-align:center;
        color: #ff0000;
        font-family: "bauerbodni_btroman","arial";
        font-size:20px;
        font-weight:bold;
        padding-bottom:40px;
    }

    .split-line{
        width:50%;
        height:2px;
        border-top:1px solid #cecac7;
        margin:auto;
        margin-bottom:21px;
    }

    .cfield
    {
            border:1px solid #cccccc;
            height: 14px;
            margin-left: 10px;
            margin-bottom: 11px;
            font-family: Verdana;
            font-size: 9px;
    }

    .large
    {
            width: 307px;
    }

    .small
    {
            width: 52px;
    }

    .medium
    {
            width: 233px;
    }

    .gap
    {
            margin-bottom: 18px;
    }

    .area
    {
            border:1px solid #cccccc;
            height:120px;
            margin-left: 10px;
            margin-bottom: 11px;
            font-family: Verdana;
            font-size: 11px;
    }
    
    #wrapper{
    margin:auto;
    width:1158px;
    }

    #top-login{
    width:1158px;
    padding:0;
    float:left;
    margin-bottom:56px;
    }

    #login-form{
    float:right;
    font-family: 'bauerbodni_btroman','arial';
    color:#6b6763;
    text-decoration: none;
    font-size:14px;
    margin-top:16px;
    margin-right:15px;
    letter-spacing: 0.6px;
    }

    form .field-login{
    border:1px solid #cecac7;
    width: 82px;
    color: #333333;
    font-family: Verdana;
    font-size: 11px;
    background:#e4dcd6;
    margin-left:3px;
    padding:3px;
    }

    form .field-login-first{
        margin-right:10px;
    }

    form .login-button
    {
        background-color: #e4dcd6;
        font-family: 'bauerbodni_btroman','arial';
        color:#6b6763;
        text-decoration: none;
        font-size:14px;
        margin-left: 2px;
        border: 0;
        padding:0;
    }
    
    .logo{
    margin:auto;
    margin-bottom:34px;
    border:0;
    }

    #menu{
    text-transform: uppercase;
    color: #0a0a0a;
    text-align:center;
    float:left;
    width:1158px;
    margin-bottom:28px;
    }

    #main-content{
    width:1158px;
    float:left;
    margin-bottom:80px;
    }

    #footer{
    width:1158px;
    float:left;
    height:2px;
    border-top:1px solid #cecac7;
    margin-top:20px;
    margin-bottom: 60px;
    padding-bottom:30px;
    font-size:14px;
    }

    #footer a{
    color:#6b6763;
    text-decoration:none;
    }
    
    #fair-info{
    width:100%;
    font-size:1.3em;
    color: #000000;
    font-family: "bauerbodni_btroman","arial";
    font-weight: bold;
    text-align: center;
    }
    
    #left-contact-info{
    width:600px;
    margin-top:20px;
    float:left;
    }

    #social-icon-right{
        float:right;
        margin-top:21px;
    }

    .footer-address{
        float:left;
        font-family: 'bauerbodni_btroman','arial';
        color:#6b6763;
        margin-left:108px;
        letter-spacing: 0.6px;
    }

    .footer-contact-info{
        float:left;
        font-family: 'bauerbodni_btroman','arial';
        color:#6b6763;
        margin-left:108px;
        letter-spacing: 0.6px;
    }
    
    .minilogo{
        float:left;
    }

    .facebook-logo{
        margin-left:-30px;
        margin-top:-1px;
        position:absolute;
    }
    
    ul#menulist {
    list-style: none;
    margin-left:-37px;
    }

    ul#menulist li{
        display:inline;
        margin-left:40px;
    }

    ul#menulist li a{
        font-family: 'bauerbodni_btroman','arial';
        font-weight: normal;
        color:#6b6763;
        text-decoration: none;
        font-size:13.4px;
        letter-spacing: 1.5px;
    }

    ul#menulist li.currentmenulink a{
        color:#232322;
    }

    .first{
        margin-left:0px !important;
    }

    .first-img{
        margin-right:10px;
    }
    
    #about-text-style{
    width:600px;
    margin:auto;
    margin-top:-20px;
    color: #6b6763;
    letter-spacing: 1px;
    }
    
    #contactform-wrapper{
    margin-left:170px;
    font-family: 'bauerbodni_btroman','arial';
    color:#6b6763;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size:12px;
    }

    #contactform-wrapper input,textarea{
        border:1px solid #cecac7;
        color: #333333;
        font-family: Verdana;
        font-size: 11px;
        background:#e4dcd6;
        padding:5px;
    }
    
    .robot {
        width: 15px !important;
        margin-left:8px !important;
    }

    .contactform-button{
        background-color: #b5b4b4;
        border: 0 none;
        color: #fff;
        font-family: Verdana;
        font-size: 10px;
        padding:4px;
        width:74px;
        margin-left: 10px;
        text-transform: uppercase;
    }
    
    #indexcustomerwrapper{
    margin:auto;
    width:500px;
    font-size:12px;
    color:#232322;
    font-family: arial;
    }

    #indexcustomerwrapper table{
        width:500px;
        margin-left:20px;
        margin-top:10px;
    }

    #indexcustomerwrapper a{
        color:#232322;
        text-decoration: none;
    }
    
    #magazine {
        float:left;
        margin-right:30px;
        margin-left:20px;
    }
    
    .content {
        float:left;
    }
    
    .gobuttonfrontshop{
        background-image: linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -o-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -moz-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -webkit-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);
        background-image: -ms-linear-gradient(bottom, rgb(224,224,224) 8%, rgb(240,240,240) 68%);

        background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0.08, rgb(224,224,224)),
                color-stop(0.68, rgb(240,240,240))
        );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#DEDEDE');
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #555555 !important;
        cursor: pointer;
        font-size: 12px;
        font-weight: bold;
        padding-top:7px;
        padding-bottom:7px;
        padding-left:14px;
        padding-right:14px;
        text-align: center;
        width: 90%;
        margin-bottom:4px;
        display: inline-block;
    }
}

