@media only screen
and (min-device-width : 1024px)

{
body {
        width: 1024px;
        margin: 0 auto;
        background-color: rgb(64,72,68);
}

a {
        color: #000;
}

#header {
        background: url('../img/header_bg.png');
        background-repeat: no-repeat;
        height: 60px;
        padding:0;
        margin: 0;
        padding-top: 15px;
}

#fg_logo {
        margin-left: 40px;
}

#m2g_logo {
        margin-left: 200px;
}

#cart_logo {
        margin-left: 190px;
}
#header2 {
        margin-top: -1px;
        background: url('../img/magic_to_go_header.png') #000;
        height: 449px;
}

#content1 {
        background-color: #fff;
        font-family: "Helvetica";
        font-weight: bold;
        font-size: 20px;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 30px;
}

#content2 {
        position: relative;
        background: url('../img/content_bg.png') #fff;
        background-repeat: no-repeat;
        height: 480px;
        padding: 0;
        text-align: center;
        width: 1024px;
}

#content3 {
        background-color: #fff;
        font-family: "Helvetica";
        font-weight: bold;
        font-size: 20px;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 30px;
}

#defaultpage {
        background: url('../img/gradient_bg.png') repeat-y;
        height: 630px;
        font-family: "Helvetica";
        text-align: center;
        margin-top: -1px;
        text-align: left;
        padding-top: 30px;
        color: #fff;
        font-family: "Helvetica";
        font-size: 12px;
        padding-left: 30px;
        padding-right: 30px;
        line-height: 130%;
}
#defaultpageimpressum {
        background: url('../img/gradient_bg.png') repeat-y;
        height: 3500px;
        font-family: "Helvetica";
        text-align: center;
        margin-top: -1px;
        text-align: left;
        padding-top: 30px;
        color: #fff;
        font-family: "Helvetica";
        font-size: 12px;
        padding-left: 30px;
        padding-right: 30px;
        line-height: 130%;
}

#defaultpage a {
        color: #fff;
        font-family: "Helvetica";
        font-size: 12px;
}
#defaultfooter {
        background: url('../img/footer_bg.png') no-repeat;
        height: 98px;
        padding-top: 1px;
}

#order {
        background: url('../img/black_bg.png') no-repeat;
        height: 630px;
        font-family: "Helvetica";
        text-align: center;
        padding-top: 30px;
}

#order .heading {
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        line-height: 200%;
}

#order .subtext {
        font-size: 20px;
        font-weight: normal;
        color: rgb(177,188,181);
}

#order_links {
        float: left;
        width: 450px;
        height: 430px;
        margin-top: 20px;
        padding-top: 20px;
        padding-left: 30px;
}

#order_rechts {
        float: right;
        width: 500px;
        height: 350px;
        margin-top: 100px;
        margin-right: 10px;
}

#order_rechts img {
        margin-top: 100px;
}

#order_bottom {
        clear: both;
        position: relative;
        height: 73px;
        width: 1024px;
        text-align: left;
        top: 8px;
}


#order_bottom .button_up {
        margin-left: 48px;
        margin-top: 18px;
        float: left;
}

#order_bottom .impressum a {
        font-size: 14px;
        font-weight: lighter;
        color: rgb(153,162,158);
        float: left;
        margin-top: 27px;
        margin-left: 50px;
        text-decoration: none;
}

#order_bottom .youtube {
        float: right;
        margin-top: 18px;
        margin-right: 36px;
}

#order_bottom .facebook {
        float: right;
        margin-top: 18px;
        margin-right: 55px;
}

#default_order_bottom {
        clear: both;
        position: relative;
        height: 73px;
        width: 1024px;
        text-align: left;
        top: 8px;
}


#default_order_bottom .button_up {
        margin-left: 48px;
        margin-top: 18px;
        float: left;
}

#default_order_bottom .impressum a {
        font-size: 14px;
        font-weight: lighter;
        color: rgb(153,162,158);
        float: left;
        margin-top: 27px;
        margin-left: 50px;
        text-decoration: none;
}

#default_order_bottom .youtube {
        float: right;
        margin-top: 18px;
        margin-right: 36px;
}

#default_order_bottom .facebook {
        float: right;
        margin-top: 18px;
        margin-right: 55px;
}

.slide {
        left: 130px;
}


.buttons {
    position: absolute;
    top: 450px;
    left: 6px;
}


.buttons div, .buttons div:hover, .buttons .av {
    background: url(../img/b05.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}

.buttons div {
    background: url('../img/button_inactive.png') no-repeat;
}


.buttons .av {
    background: url('../img/button_active.png') no-repeat;
}



.button_left, .button_right, .button_left:hover, .button_right:hover, .button_leftdn, .button_rightdn {
    position: absolute;
    cursor: pointer;
    display: block;
    overflow: hidden;
    height: 140px;
    width: 39px;
    top: 143px;
}

.button_left, .button_left:hover, .button_leftdn {
    background: url(../img/button_left.png) no-repeat;
    left: 40px;
}

.button_right, .button_right:hover, .button_rightdn {
    background: url(../img/button_right.png) no-repeat;
    right: 40px;
}


label {
    text-align: right;
    display: block;
    width: 100px;
    padding-right: 10px;
    float: left;
    line-height: 180%;
        font-size: 14px;
}

input, select {
    float: left;
    margin: 0px 10px 0px 0px;
    width: 125px;
    padding: 0px;
}


.inputKiste {
    width: 300px;
    padding: 0px;
    margin: 0px 0px 2px 0px;
    float: left;
}

}