html,body{height:100%;width:100%;padding:0px;margin:0px}
body{
    margin:0px;
    padding: 0px; 
    font-family:Verdana,Arial,Helvetica;font-size:12px;line-height:14px;
    overflow-y: scroll;
}
body.schnitzel{
    background: url("/images/bg_body.jpg");
    background-size: cover;
    background-position:center bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
a:focus, a:active{
    outline: none;
    border: none;
}
img{
    border: none;
}
iframe{
    max-width: 100%;
}

a[href], a.active{color: #ec7404;}


h1{font-family:SansitaOne;font-size:30px;color:#004a99;line-height:32px;}
#content h1{margin-top:0px}
h2{font-family:SansitaOne;font-size:14px;color:#004a99;line-height:18px; margin:0px; padding: 5px 0;}
h3{font-family:SansitaOne;font-size:13px;color:#004a99;line-height:18px}
hr{text-align:center;width:95%;noshadeheight:1px;border:1px solid #87B4E1}
img{border:none; max-width: 90%; height: auto;}
p{margin:0px}
div.kringel{background-image:url(/images/kringel_100.jpg);background-repeat:no-repeat;width:100px;height:57px;color:red;font-family:Arial,Helvetica;font-weight:bold;font-size:29px;text-align:center;margin-left:auto;padding-top:6px}
/* divs */html{height:100%}
#container{width:100%;margin:0 auto; padding: 0px; height:100%}
@font-face {
    font-family: SansitaOne;
    src: url('/schriften/SansitaOne.ttf');
}
@font-face {
    font-family: LatoLight;
    src: url('/schriften/LatoLight.ttf');
}

#top{background: url("/images/bg_header.jpg") bottom; background-repeat:repeat-x; width:100%; z-index: 4; height: 98px;}

#mobileversion
{
    padding:5px;
    text-align:center;
    background-color:white;
}

/* NAVIGATION */
#navigation{ margin: 0px auto; padding: 10px; text-align: center; height:105px;}
#navigation .top{position: relative;}
#navigation .top table{display: none;}
#navigation a{font-family: SansitaOne; font-size: 14px; color: white; text-decoration: none; margin: 0px 6px;}
#navigation .middle{text-align: center; padding-top: 15px;}
#navigation img.logo{width: 320px; height: auto; margin: 0px auto;}
#navigation .top a.logolink{
    position: absolute;
    right: 0px;
    top: 20px;
}
#navigation .top a.logolink img{
    width: 100px;
    height: auto;
}
#navigation ul { list-style-type: none; margin: 0px; padding: 0px; text-align: left;}
#navigation li{
    font-family: SansitaOne;
    font-size: 14px;
    line-height: 18px;
    color: #ffffff;
    text-decoration: none;
}
#navigation li a{
    color: #ffffff;
    text-decoration: none;
}
#navigation li a:hover{
    color: #ffffff;
    text-decoration: underline;
}
#navigation ul li:first-child{
    float: none !important;
}
#navigation ul li:last-child{
    float: left;
}


#middle{margin: 0px; z-index: 1;}

/* CONTENT */ 
#content{
    padding: 55px 5px 30px; 
    margin: 0px auto;
    font-family: LatoLight;
    font-size: 14px;
    line-height: 20px;
    color: #004a99;
}
#content.qualitaet, #content.table, #content.easyshop, #content.newsletter, #content.cms{
    background: white;
}
#content.easyshop{
    padding: 0px !important;
}
#content.cms{
    padding: 10px 5px;
}

#content.table table{padding: 0; margin: 0;}
#content.table td{padding: 10px 20px 0; vertical-align: top;}
#content.table td.rightborder{ border-right: 1px solid #ec7404;}
#content.table td.bottom{ border-bottom: 1px solid #ec7404;}
#content.table td.rightbottom{ border-right: 1px solid #ec7404; border-bottom: 1px solid #ec7404;}
#content .contentimage.middle h3, #content.newsletter h2{text-align: center;}

#content.newsletter input[type="submit"]{ font-family: SansitaOne; font-size: 17px; background: url("/images/button.png") no-repeat center; border: none; color: white; width: 250px; height: 42px;}
#content.newsletter input[type="submit"]:hover{cursor: pointer;}

img.zahl {width: auto; height: 25px !important; position: relative; top: 0px; left: -8px;}
h1.startseite{position: relative; color:#004a99; margin: 0px auto; padding-bottom: 5px; text-align: center; font-family: SansitaOne; font-size: 38px; text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white}
h2.startseite{line-height: 25px; vertical-align: top; padding: 10px 0; margin: 0px; color:#004a99; text-align: center;  font-family: SansitaOne; font-size: 16px; text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white}
h2.startseite_active{line-height: 52px; vertical-align: top; padding: 11px 0 10px; margin: 0px; color:#ffffff; text-align: center;  font-family: SansitaOne; font-size: 22px; text-shadow: -1px 0 #004a99, 0 1px #004a99, 1px 0 #004a99, 0 -1px #004a99; display: none;}

#Karte {width:100%; max-width: 400px;position:relative;margin:auto;margin-top: 20px;}
#Karte .Stange { width:8px;height:80px;position:absolute;background:url("/images/fahnenstange.png"); background-size: contain; cursor:pointer; z-index: 3;}
#Karte .AdressBox { width: 110px; font-size:11px; padding: 10px; padding-right: 25px; position:absolute;cursor:pointer; z-index: 4;}
#Karte .AdressBox:hover { background-color: #88B2DD;}
#Karte .AdressBox h3{color: white; font-family: SansitaOne; text-transform: uppercase; font-size:18px; font-weight: normal;line-height:16px; padding:3px 0; text-decoration: underline; text-align: center; margin:0px;}

#Karte #Box_Horn {left:35%;top:-20px; background: url("/images/fahne_klein.png"); background-size: contain; width: 72px; height: 20px;}
#Karte #Stange_Horn {left:35%;top:10px;}

#Karte #Box_Krems {left:10%;top:35px; background: url("/images/fahne_klein.png"); background-size: contain; width: 72px; height: 20px; }
#Karte #Stange_Krems {left:10%;top:65px;}
#Karte #Box_Stockerau {left:50%;top:35px; background: url("/images/fahne_gross.png"); background-size: contain; width: 105px; height: 20px;}
#Karte #Stange_Stockerau {left:50%;top:65px;}

#Karte #Box_Traismauer {left:15%;top:90px; background: url("/images/fahne_gross.png"); background-size: contain; width: 105px; height: 20px;}
#Karte #Stange_Traismauer {left:15%;top:120px;}
#Karte #Box_1210 {left:65%;top:90px; background: url("/images/fahne_mittel.png"); background-size: contain; width: 84px; height: 20px;}
#Karte #Stange_1210 {left:65%;top:120px;}

#Karte #Box_1030 {left:60%;top:145px; background: url("/images/fahne_klein.png"); background-size: contain; width: 72px; height: 20px;}
#Karte #Stange_1030 {left:60%;top:175px;}
#Karte #Box_1230 {left:20%;top:145px; background: url("/images/fahne_mittel.png"); background-size: contain; width: 84px; height: 20px;}
#Karte #Stange_1230 {left:20%;top:175px;}

table.newsletter{display: none;}

#Karte #info_krems{
    left: -130px;
    top: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 180px;
    height: 80px;
    position: absolute;
    z-index: 1001;
}

#Karte #info_traismauer{
    left: -115px;
    top: 80px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 180px;
    height: 80px;
    position: absolute;
    z-index: 1000;
}

#Karte #info_horn{
    left: 115px;
    top: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    height: 60px;
    position: absolute;
    z-index: 1000;
}

#Karte #info_horn #info_horn_link{
    top: 27px;
    left: 30px;
    width: 35px;
    height: 11px;
    position: absolute;
}

#Karte #info_stockerau{
    left: 310px;
    top: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 160px;
    height: 80px;
    position: absolute;
    z-index: 1000;
}

#Karte #info_stockerau #info_stockerau_link{
    top: 36px;
    left: 35px;
    width: 55px;
    height: 15px;
    position: absolute;
}

#Karte #info_1210{
    left: 355px;
    top: 84px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 120px;
    height: 60px;
    position: absolute;
    z-index: 1000;
}

#Karte #info_1230{
    left: 75px;
    top: 173px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 160px;
    height: 80px;
    position: absolute;
    z-index: 1000;
}

#Karte #info_1030{
    left: 240px;
    top: 173px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 160px;
    height: 80px;
    position: absolute;
    z-index: 1000;
}

/**Speisen */
#content_middle {
    background: #ffffff;
    border-top: none;
    margin: 0px auto 0px;
}
#content_middle .stoerer{
    display: none;
}
#content_middle h1{
    font-size: 22px;
    color: #ec7404;
    text-align: left;
    margin: 5px 10px 5px;
}
#content_middle h1 strong{
    display: none;
}
h2.start{
    line-height: 25px;
    vertical-align: top; padding: 0; margin: 0 0 0 20px; color:#004a99;
    text-align: left;  font-family: SansitaOne; font-size:15px;}

#content_left{
    background: #004a99;
}
#content_left .box_left {
    padding:10px 5px 5px 5px;
    font-size:11px;
    width: 200px !important;
    float: left;
}
#content_left .box_left .menucard_group {
    font-family: SansitaOne;
    margin-bottom:5px;
    margin-left: 0px;
    line-height:28px;
    font-size:15px;
    padding-left: 30px;
    background: url("/images/bg_liste.png") no-repeat;
    height: 28px;}
#content_left .box_left .menucard_group.active {
    background: url("/images/bg_liste_aktiv.png") no-repeat;
}
#content_left .box_left .menucard_group  a:link{text-decoration:none;color:#FFFFFF;}
#content_left .box_left .menucard_group  a:visited{text-decoration:none;color:#FFFFFF;}
#content_left .box_left .menucard_group  a:hover{text-decoration:underline;color:#FFFFFF;}

#content_left .box_right {
    font-size:11px;
    width: 130px;
    height: 415px;
    float: right;
    border-left: 2px solid #ec7404;
}
#content_left .box_right .image{
    border-bottom: 2px solid #ec7404;
}


/* SHOP STYLES */ 
.item_container.shoppingcart{
    border-top: none !important;
}
.shoppingcart .item.title{
    position: relative;
}
h2.header{
    font-size: 16px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
}
.easy_shop{overflow:hidden;width:100%;}
#content_middle.big .easy_shop{width:500px}
.easy_shop p{margin:0px 0px}
.easy_shop h1{border-bottom:0px;font-size:20px;}
.easy_shop h1.breadcrumb {display: none;}
.easy_shop .status_bar{font-size:11px;overflow:hidden;margin-top:10px;width:458px; display: none;easy_shop}
#content_middle.big .easy_shop .status_bar{width:658px}
.easy_shop .status_bar .status{width:87px;float:left;padding:2px;text-align:center}
#content_middle.big .easy_shop .status_bar .status{width:127px}
.easy_shop .status_bar .status.last{border-right:none;width:85px}
#content_middle.big .easy_shop .status_bar .status.last{width:126px}
.easy_shop .status_bar .active{font-weight:bold;color:#FFFFFF}
.easy_shop .status_bar a{color:#000000 !important;font-weight:normal;text-decoration:none;}
.easy_shop .status_bar .active a{color:#FFFFFF !important;font-weight:bold;text-decoration:none}
.easy_shop .item_container{overflow:hidden;width:100%;padding-top:0px}
.easy_shop .item_container .item{overflow:hidden;width:100%;padding-top:0px;padding-bottom:0px;border-bottom:2px solid #c8e9f8 !important}
.easy_shop .item_container .item.row2{background: #feecdb;}
.easy_shop .item_container .item:last-child{margin-bottom:0px}
.easy_shop .item_container .item .title{font-weight:normal; font-size: 12px !important;}
.easy_shop .item_container .item .label{width: 240px;}

.easy_shop .item_container .item .image a{text-decoration: none;}
.easy_shop .item_container .item .image{height:80px;float:left;margin:0px 15px 0px 0px;min-height:20px;position: relative;}
.easy_shop .item_container .item .preis{
    margin: 0;
    width: 60px;
    padding: 8px 0px;
    text-align: center;
    color: #ffffff;
    font-family: SansitaOne;
    font-size: 18px;
    background: url("/images/bg_preis.png") no-repeat center;
    background-size: contain;
    text-decoration: none !important;
    border: none;
    text-shadow: #000000 1px 1px 1px;
    position: absolute;
    bottom: 4px;
    right: -10px;
}

.easy_shop .item_container .item .image img{border-radius:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.easy_shop .item_container .item .description{width: 240px; float:left; height: 80px; position: relative;}
.easy_shop .item_container .item input[name="into_shoppingcart"] {
    width:30px;
    border: none;
    height: 30px;
    background: url("/images/warenkorb.png") center no-repeat;
    background-size: contain;
    position: absolute;
    cursor: pointer;
    bottom: 6px;
    right: 8px;
}
.easy_shop .item_container .item .description .amountinput{
    font-size: 12px;
    border: 1px solid black;
    width: 40px;
    font-size: 14px;
    color: #004a99;
    text-align: center;
    margin: 0;
    margin-top: 0px;
    padding: 0;
    position: relative;
    top: -6px;
}
.easy_shop .item_container .item .description .already_in{
    position: absolute;
    right: 15px;
    bottom: 2px;
}
.easy_shop .item_container .item .description .amount_container{
    position: absolute;
    bottom: 6px;
    right: 80px;
    height: 23px;
}
.easy_shop .item_container .item .description .amount_container img.amount_minus,
.easy_shop .item_container .item .description .amount_container img.amount_plus{
    height: 24px;
    width: auto;
    cursor: pointer;
}
.easy_shop .item_container.shoppingcart .item .description{width: 70%; height: 85px; position: relative; z-index: 1;}
.easy_shop .item_container.shoppingcart .item .description .title{padding-left: 10px;}
.easy_shop .item_container.shoppingcart .item .price{width:30%; font-size: 22px; font-family: SansitaOne; padding: 10px 0 0 0; text-align: right;}
.easy_shop .item_container.shoppingcart .item .price p{padding-right: 10px !important;}
.easy_shop .backtoshop{
    display: none;
}
.easy_shop .item_container.shoppingcart .item .amount{
    width: 100px;
    float:left;
    padding-left:15px;
    position: relative;
    z-index: 2;
}
.easy_shop .item_container.shoppingcart .item .amount .amount_container img.amount_minus,
.easy_shop .item_container.shoppingcart .item .amount .amount_container img.amount_plus{
    height: 24px;
    width: auto;
    cursor: pointer;
    position: absolute;
}
.easy_shop .item_container.shoppingcart .item .amount .amount_container img.amount_plus{
    right: -102px;
    top: 46px;
}
.easy_shop .item_container.shoppingcart .item .amount .amount_container img.amount_minus{
    left: 118px;
    top: 46px;
}
.easy_shop .item_container.shoppingcart .item .amount input[name="delete_from_shoppingcart"] {
    position: absolute;
    cursor: pointer;
    top: 40px;
    left: 12px;
    background: #004a99;
    font-family: SansitaOne;
    font-size: 18px;
    padding: 4px 8px;
    border-radius: 0px !important;
}
.easy_shop .item_container.shoppingcart .item .amount .amountinput{
    font-size: 12px;
    border: 1px solid black;
    width: 40px;
    font-size: 14px;
    color: #004a99;
    text-align: center;
    margin: 0;
    margin-top: 0px;
    padding: 0;
    position: absolute;
    left: 146px;
    top: 49px;
}

.easy_shop .item_container .item .description p{font-size: 10px; line-height: 14px;}
.easy_shop .item_container .item .description p.title{margin-top:5px; padding: 0px; font-family: SansitaOne; font-size: 12px;color: #004a99 !important; line-height: 16px;}
.easy_shop .item_container .item .price{width:100px;float:left}
.easy_shop .item_container .item .price p{margin-bottom:3px}

.easy_shop input[name="check_address_data"]{float:right;margin:10px 0px 20px 0px}
.easy_shop input[name="previous"]{float:left;margin:10px 0px 20px 0px}

.easy_shop .shipping.shoppingcart{padding:10px 10px 10px 0px;text-align:right; font-family: SansitaOne; font-size: 16px;}
.easy_shop .sum.shoppingcart{overflow:auto;padding:5px 0px 20px 0px;text-align:right;font-family: SansitaOne; font-size: 16px; font-weight: lighter;}
.easy_shop .sum.shoppingcart td{ padding: 5px 10px 5px 0px !important;}
.easy_shop .sum.shoppingcart .tableRow{ width: 300px !important;}
.easy_shop .sum.shoppingcart .wholeSum td{ border-top:2px solid #c8e9f8; padding: 10px 10px 10px 0px !important; background: #ffed00;}

.easy_shop input[name='next'], .easy_shop input[name='check_address_data']{
    margin: 10px 10%;
    background: #ec7405 !important;
    padding: 5px 10px;
    border: none;
    font-family: SansitaOne;
    font-size: 18px;
    float: none;
    cursor: pointer;
    border-radius: 25px;
    width: 80%;
    -moz-box-shadow:    1px 1px 1px 1px #000000;
  -webkit-box-shadow: 1px 1px 1px 1px #000000;
  box-shadow:         1px 1px 1px 1px #000000;
}
.easy_shop input[name='check_address_data']{
}
.easy_shop .address_data.needed_fields{font-size:10px;text-align:center}
.easy_shop table td.label{
    text-align: left !important;
    padding-left: 15px;
    font-family: SansitaOne;
    font-size: 16px;
    width: 30%;
}
.easy_shop table td.input{
    width: 70%;
}
.easy_shop table td.input input{
    text-align: left !important;
    font-family: Arial;
    font-size: 14px;
    padding: 5px;
    border: 1px solid #7e7e7e;
    border-radius: 0px;
    width: 90%;
    margin-right: 10px;
    -moz-box-shadow:    inset 0 0 3px #000000;
   -webkit-box-shadow: inset 0 0 3px #000000;
    box-shadow:         inset 0 0 3px #000000;
}
.easy_shop table td.input textarea{
    text-align: left !important;
    font-family: Arial ;
    font-size: 14px !important;
    border: 1px solid #7e7e7e;
    border-radius: 0px;
    padding: 5px;
    min-width: 150px;
    -moz-box-shadow:    inset 0 0 3px #000000;
   -webkit-box-shadow: inset 0 0 3px #000000;
    box-shadow:         inset 0 0 3px #000000;
    margin-right: 10px;
}
.easy_shop table td.input input[name='zip']{
    width: 22%;
    margin-right: 0px;
}
.easy_shop table td.input input[name='city']{
    margin-left: 2px;
    width: 60%;
    margin-right: 10px;
}

.easy_shop h1.adressdata_header{font-size:20px; display: block;
    position: relative; color:#004a99 !important;
    padding-top: 0px !important; padding-bottom: 25px; margin: 0px auto; text-align: center;
    font-family: SansitaOne; font-size: 24px !important; text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
    border-bottom: none !important;
}

.easy_shop .address_data_error{width:400px;margin-left:auto;margin-right:auto;background-color:#00378A;padding:10px;color:#FFFFFF;border:1px solid #000000;margin-bottom:15px}
.easy_shop table.check_address_data{margin-bottom:0px}
.easy_shop input[name='previous']{display: none;}

.easy_shop table.check_address_data td.desc{text-align:left;width:30%; font-family: SansitaOne; padding-left: 10px;}
.easy_shop table.check_address_data td.val{text-align:left; color: #ee7203 !important;}

.easy_shop ul.check_article_list li{
    list-style: disc !important;
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #ee7203 !important;
}
.easy_shop ul.check_article_list li span{
    color: #004a99 !important;
}
.easy_shop p.p_whole_sum{
    margin-left: 20px;
    font-family: SansitaOne;
    margin-bottom: 30px;
}
.easy_shop p.p_whole_sum span{
    font-size: 24px;
}
.easy_shop input[type="submit"][disabled]{background-color:#F5F5F5;color:#C5C5C5;border:1px solid #C5C5C5}
.easy_shop .check.agb, .easy_shop .check.datenschutz{width:auto;text-align:right;margin-bottom:15px;padding-right: 10px;}

.easy_shop .agb_container, .easy_shop .datenschutz_container
{
    margin-left:auto;
    margin-right:auto;
    border:1px solid #BBB;
    padding:15px 20px;
    height:170px;
    overflow:auto;
    margin-bottom:10px;
}
.easy_shop .finish.text{margin-bottom:40px}
.easy_shop .confirmation_text{width:300px;padding:10px;margin-left:auto;margin-right:auto;margin-bottom:20px}
.easy_shop h1{color:#000000 !important}
.easy_shop h1 a{color:#000000 !important}
.easy_shop .status_bar{border:1px solid #000000}
.easy_shop .status_bar .status{border-right:1px solid #000000}
.easy_shop .status_bar .active{background-color:rgb(0,55,138)}
.easy_shop .item_container .item{border-bottom:1px solid #EB7305}
.easy_shop .item_container .item .description p.title{color:#000000}

.easy_shop .shipping.shoppingcart{border-bottom:2px solid #c8e9f8;}
.easy_shop input[type="submit"]{color:#FFFFFF;}
.easy_shop .confirmation_text{border:1px solid #00378A;text-align:center}
.easy_shop input {border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.easy_shop .cartError { float:right;font-weight:bold;}

#FuerUnsereKleinen { background-color:#FFFFFF; padding:0px !important;height:180px; overflow:hidden;}
#impressionen { background-color:#FFFFFF; padding:0px !important;height:380px; overflow:hidden;}

#choose_city {overflow:visible;float:left}
#choose_city_layer {display:none;position:absolute;background-color:#00378A;padding:5px 15px 15px 15px;width:135px;border:3px solid #88B2DD;border-radius:10px;border-top:none;}
#choose_city_layer a {display:block;margin-top:10px}
#choose_city:hover #choose_city_layer {display:block}

.image_changer img {display:none}
.cFlyOver {border:3px solid #00378A;border-radius:10px;margin-top:8px;font-size:11px;background-color:#FFFFFF;min-width:250px;min-height:100px;background-image:url(/images/progress.gif);background-position:center;background-repeat:no-repeat;overflow:hidden;}


#gutschein{
    text-align: center;
    margin: 40px auto 0 auto;
}

#gutschein h3{
    line-height: 2px;
}

#gutschein img{
    max-width: 90%;
}

#cookiemessage{
    position: fixed;
    bottom: 0px;
    font-size: 13px;
    width: 100%;
    z-index: 9999;
    display: none;
    border-top: 3px solid #ec7404;
}
#cookiemessage .content{
    box-sizing: border-box;
    margin: 0px auto;
    background-color: #004a99;
    padding: 10px;
    text-align: center;
}
#cookiemessage p{            
    display: inline;
    padding: 10px 15px;
    vertical-align: middle; 
    width: 100%;    
    color: white;
}
#cookiemessage button{
    padding: 5px 30px;
    font-weight: bold;
    font-size: 14px;
    border: none;
    cursor: pointer;
    color: white;
    background-color:#ec7404;
}
#cookiemessage a{
    text-decoration: none;
    color: #ec7404;;
}

#cookiemessage a:hover{
    text-decoration: underline;	
    color: #ec7404;
} 

#cookieMoreInfoText{
    padding: 10px;
    color: white;
    text-align: justify;
}