body{ margin:0;  padding:0; text-align:center; font-family:Arial, Helvetica; font-size:12px; background-color:#FFFFFF; background-image:url(../upload/style/background.jpg); background-position: top center; background-repeat:no-repeat; }

img{ border:0px; }

form{margin:0; padding:0; }

#outerpage{ float:left; width:100%; padding-top:0px;}

#innerpage{ margin:auto; width:1000px; text-align:left;}

#head{ float:left; width:100%; background-image:url(../upload/style/logo.jpg); background-repeat:no-repeat; }

#logo{ float:left; }

#nav_main{ float:left; padding-top:14px;}
#nav_main_pos{ float:left; width:695px; height:42px; background-color:#cacccd; }

#nav_main_1{ float:left; width:654px; }
#nav_main_1_pos{ padding-left:20px; padding-top:2px;}
#nav_main_2{ float:left; width:654px;}
#nav_main_2_pos{ float:left; padding-left:20px; padding-top:2px;}

#lotto{ float:right; width:41px; height:42px; background-color:#cacccd; background-image:url(../upload/style/lotto.jpg);}

#nav_service{float:left; width:305px; margin-top:14px; margin-top:23px; border-top: 1px solid #cacccd; border-bottom: 1px solid #cacccd; }
#nav_service_pos{ float:right;  padding-right:20px; padding-top:3px; padding-bottom:3px; }

#middle{ float:left; padding-right:20px; padding-left:20px; padding-top:20px;}
#middle_pos{ float:left; width:958px; height:360px; border:1px solid #cacccd; }

#service_left{ float:left; width:458px; height:326px; background-image:url(../upload/style/start_fruehstueckservice.jpg); }
#service_left_pos{  float:left; padding-left:10px; padding-top:20px; padding-bottom:14px; padding-right:11px; }
#service_right{ float:left; width:458px; height:326px; background-image:url(../upload/style/start_partyservice.jpg); }
#service_right_pos{  float:left; padding-left:10px; padding-top:20px; padding-bottom:14px; padding-right:11px; }
h1.start { padding:13px 0px 0px 0px; margin:0; font-size:23px; width:100%; text-align:center; }
a.start_h1 { text-decoration:none; color:#060571; }
a.start_h1:hover { text-decoration:underline; color:#060571; }
#text_start{ padding-top:180px; padding-left:135px; }
h2.start { padding:0px; margin:0px; }
a.start_text_bold{ color:#2f2f2f; font-weight:bold; font-size:20px; text-decoration:none; }
a.start_text_bold:hover{ color:#2f2f2f; font-weight:bold; font-size:20px; text-decoration:underline; }
a.start_text{ padding-top:15px; color:#2f2f2f; font-size:16px; text-decoration:none; }
a.start_text:hover{ color:#2f2f2f; font-size:16px; text-decoration:none; padding-top:15px; }

#nav_shop, #content_artikel, #shop_warenkorb, #shop_login{ float:left; }

/* Kategorie-Liste auf der linken Seiten */
#nav_shop { float:left; width:160px; }
#nav_shop ul{ padding:5px; margin:0; margin-left:15px; }
#nav_shop li{ padding:3px; margin:0; }


/* Artikel-Liste in der Mitte */
#content_artikel{ width:548px; height:360px; }
div.artikel{ float:left; font-size:11px; width:548px; height:333px; overflow-y:scroll; }
div.shop_artikel{ float:left; }
div.shop_artikel:hover{ background-color:#eeeeee; }
div.artikel_legend{ float:left; width:531px; font-weight:bold; font-size:12px; background-color:#eeeeee; border-bottom:1px solid #555555; }
div.artikel_name{ float:left; width:300px; padding:5px; border-bottom:1px solid #dddddd; }
div.artikel_preis{ float:left; width:80px; padding:5px; border-bottom:1px solid #dddddd; }
div.artikel_pfand{ float:left; width:80px; padding:5px; border-bottom:1px solid #dddddd; }
div.artikel_add{ float:left; width:30px; padding:5px; border-bottom:1px solid #dddddd; }


/* Warenkorb auf der rechten Seite */
#shop_warenkorb{ float:left; width:250px; height:300px;  }
div.warenkorb_head{ float:left; padding:5px; width:223px; font-weight:bold; background-color:#eeeeee; border-bottom:1px solid #555555; font-size:12px; }
div.warenkorb_produkte{ float:left; width:250px; height:273px; overflow-y:scroll; }
div.warenkorb_produkt{ float:left; padding:5px; width:223px; font-size:11px; }
div.warenkorb_produkt input{ font-size:11px; }
div.warenkorb_produkt_preis{ float:left; padding:2px; width:229px; text-align:right; font-size:11px; border-bottom:1px solid #dddddd; }
div.warenkorb_bez{ float:left; padding:5px; width:105px; font-size:11px; text-align:right; }
div.warenkorb_preis{ float:left; padding:5px; width:108px; font-size:11px; }

div.warenkorb_produkt_breit{ float:left; padding:5px; width:371px; font-size:11px; border-bottom:1px solid #dddddd; }
div.warenkorb_produkt_preis_breit{ float:left; padding:5px 20px 5px 5px; width:75px; text-align:right; font-size:11px; border-bottom:1px solid #dddddd; }
div.warenkorb_zahl_breit{ float:left; padding:5px; width:40px; font-size:11px; border-bottom:1px solid #dddddd; text-align:right;  }
div.warenkorb_bez_breit{ float:left; padding:5px; width:421px; font-size:11px; text-align:right; }
div.warenkorb_preis_breit{ float:left; padding:5px 20px 5px 5px; width:75px; text-align:right; font-size:11px; }


#shop_login{ float:left; width:250px; height:60px; }

h1 { padding:11px 0px 0px 0px; margin:0; font-size:23px; color:#060571; }
h2 { padding-top:5px; padding-bottom:0px; margin:0; font-size:18px; color:#2f2f2f; }
h3 { padding-top:10px; padding-bottom:0px; margin:0; font-size:15px; color:#2f2f2f; }
div.textItem{ font-size:12px; color:#2f2f2f; }
img.bild { margin:15px; border:1px solid #cacccd; }
p { padding-top:5px; padding-bottom:5px; margin:0; }


#footer{ float:left; width:100%; padding-top:55px; }
#copyright { text-align:center; font-size:10px; color:#cacccd; }

a{ color:#060571; text-decoration:underline; }
a:hover{ color:#2f2f2f; text-decoration:underline; }

a.nav_main_1{ color:#060571; text-decoration:none; font-weight:bold; font-size:16px; }
a.nav_main_1_selected{ color:#2f2f2f; text-decoration:none; font-weight:bold; font-size:16px; }
a.nav_main_1:hover{ color:#2f2f2f; font-weight:bold; text-decoration:none; font-size:16px;}
div.main_1_button { float:left; }
div.main_1_spacer{ float:left; padding-left:20px; padding-top:5px;padding-right:20px; }


a.nav_main_2{ color:#060571; text-decoration:none; font-size:14px; }
a.nav_main_2_selected{ color:#2f2f2f; text-decoration:none; font-size:14px; }
a.nav_main_2:hover{ color:#2f2f2f; text-decoration:none; font-size:14px; }
div.main_2_button { float:left; }
div.main_2_spacer{ float:left; padding-left:15px; padding-top:6px;padding-right:15px; }

a.nav_service{ color:#060571; text-decoration:none; padding-left:20px; }
a.nav_service_selected{ color:#060571; font-weight:bold; text-decoration:none; padding-left:20px; }
a.nav_service:hover{ color:#060571; font-weight:bold; text-decoration:none; padding-left:20px; }
div.service_button { float:left; }
div.service_spacer{ float:left; padding-left:10px; padding-top:3px;padding-right:10px; }

