/* Allgemeines */
body, html { margin:0px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:14px;}
html {overflow-y: scroll;}
img { border:0px;}
#container { width:890px; margin:20px auto 20px auto; }
.odd { background-color:white;}
.even { background-color:#ddd;}
.over { cursor:pointer; background-color:#aaf;}

/* Index Seite */
button { cursor:pointer;}
#logo { width:890px; height:90px; text-align:right; background-image:url('../images/logo.png'); background-position:right; background-repeat:no-repeat; margin-bottom:20px;}
#img_header { width:888px; height:386px; border:1px solid #969799; background-image:url('../images/header.jpg'); background-position:left; background-repeat:no-repeat;}
#filiale {width:890px; }
.filiale { width:890px; border:1px solid #c4c4c5; float:left; margin-top:18px; height:58px; background-image:url('../images/bg_filiale.png'); background-position:bottom; background-repeat:repeat-x;}
.filiale img {float:left;}
.filiale div {color:#969799; font-size:22px; margin:6px 0px 0px 55px; text-align:left;}
#gossau { margin-right:17px; }
#safenwil { width:437px; }

/* Content */
#header { width:890px; height:90px; margin-bottom:15px;}
 #emblem { float:left; margin-bottom:20px; text-align:left; }
 #emblem-text { float:right; margin-top:-60px; color:#969799; font-size:16px; text-align:left; width: 270px; }
 #status { width:190px; background-color:red; color: #fff; font-weight:bold; font-size:14px; float:left; margin:15px 0 10px 0px; padding:5px; text-align:center; }
 #wochenhit { width:100%; background-color:yellow; font-weight:bold; font-size:18px; float:left; margin-top:-8px; padding:2px 0px 3px 0px; text-align:center; }
 .open { background-color:#33cc66 !important; }
 #logo_small { width:200px; height: 90px; text-align:right; background-image:url('../images/logo_small.png'); background-position:right; background-repeat:no-repeat; float:right;}
#top { width:888px; height:100px; background-image:url('../images/header.jpg'); background-position:bottom left; background-repeat:no-repeat; border:1px solid #969799; border-bottom:0px;}
#main { width:888px; border:1px solid #969799; border-top:0px; clear:both; overflow:hidden; background-image:url('../images/main_bg.png'); background-position:left top; background-repeat:repeat-y; }
 #middle {  width:500px; float:left; padding:0px;}
  #content { padding-top:10px; }
   #tabs h1 { padding:5px 0px 0px 10px; font-size:20px; font-weight:normal; margin:0px; text-align:center; }
   #tabs h2 { padding:5px 0px 0px 10px; font-size:16px; font-weight:normal; margin:0px; text-align:center; }
   #tabs .odd { background-color:#fff; }
   .product { width:362px; font-size:13px; font-weight:bold; padding-left:10px; }
    .ingredients { display:block; font-size:10px; font-weight:normal; }
    .price { font-size:13px; font-weight:bold; width:70px; vertical-align:middle; }
    .inputs { vertical-align:middle; }
    .amount { width:18px; text-align:right; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; }
    .cart_button { padding:0px 0px 0px 5px; }
 #cart { width:189px; float:right; text-align:center; }
 #cart h1 { padding:5px 0px 0px 0px; font-size:18px; font-weight:normal; margin:0px; }
 #cart .hidden { display: none; }
 
 /* Pages */
#page { padding:0px 10px 5px 10px; }
#page h1 { padding:0px; font-size:18px; font-weight:normal; margin:0px; margin-bottom:15px; }

/* Opening Hours */
#page table, #page tr, #page td { margin:0px; padding:0px; border:0px; border-spacing:0px; }
#page td { padding:0px 6px 0px 0px; }
.weekday { width:150px; }
.opening_spacer { width:30px; }
#page .odd { background-color:#fff; }
.exception { color:red; }
h2.exception { font-size:14px; margin-bottom:0px;}
span.exception { font-size:11px; }

/* Bestellformular */
#order { padding:0px 10px 5px 10px; }
#order table { border-spacing:0px;}
#order table tr td { vertical-align:top;}
.order_prod_name { width: 275px;}
.customisation { width:200px; font-size:12px; }
.right { text-align:right;}
tr.total td { font-weight:bold; border-top:1px solid black;}
.label { width:350px; }
#given_name, #surname, #address, #phone, #comment { width:300px;}
#comment { height: 45px; }
#zip { width:40px;}
#city { width:249px;}
.errors { color:red; border-bottom:1px solid red; padding-bottom:10px;}
.form-required { color:red; }
.grey { color:#969799; }

/* Bestellung */
span.description { font-size: 10px}
span.customization { font-size: 10px; font-weight:bold; color:green; }
span.options { font-size: 10px; font-style:italic; }
table.total tr td { font-weight: bold; }

/* Navi */
#navi { width:188px; float:left; padding:10px 0px 0px 10px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:10px 0 0 10px; }
#navi li { margin:0; padding:0; }
#navi a { color:#969799; text-decoration:none; font-size:14px; }
#navi li.active a { color:#969799; text-decoration:underline;; font-size:14px;}
#navi a:hover { text-decoration:underline; }

/* Cart */
#cart table { width:188px; font-size:10px }
.cart_amount input { width:15px; font-size:10px; text-align: right;}
.cart_price { text-align:right; }
#cart_total { margin-top:5px; }
#cart_total td { border-top:1px solid #000; padding-top:5px; font-weight:bold; }
.cart_total { text-align:left; font-weight:bold; padding-left:5px;}

/* Contact */
#errors {color:red;}

/* Admin */
.full_input {width:400px; padding-left:6px; }
.sub_input { width: 366px;}
.sub_table { background-color:#ddd; }
.time_input { width:43px; }
.date_input { width:82px; }
.text_input { width:135px; }

/* jquery */
.ui-tabs-hide { display: none; }