/* *** ---------------- Allgemeines ---------------- ***/

* {
	font-family: "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Verdana, Sans-Serif;
	/*margin: 0;
	padding: 0;
	border: none;
	outline: none;*/
}

body {
	color: #757575;
	background: url(../img/akropolis-panorama.jpg) center 0px no-repeat #fff;
	min-width: 980px;
	min-height: 1100px;
	font-size: 14px;
	line-height: 20px;
}



/* *** ---------------- Layout-Boxen ---------------- ***/


#optional_header_wrapper {
	margin:0 auto;
	
	position:relative;

	width:955px;
	height:287px;
}


#slideshow {
	position:absolute;
	
	height:200px;
	width:650px;
	
	top:125px;
	right:5px;
	
	background:#ccc;
	
	border:3px solid white;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	-moz-box-shadow: 2px 2px 7px #999;
	-webkit-box-shadow: 2px 2px 7px #999;
	box-shadow: 2px 2px 7px #999;
	
}


#haupt_wrapper {
	width: 955px;
	min-height: 600px;
	
	margin: 287px auto 0px auto;
}
	
#haupt_wrapper.versetzt {
	margin-top:0px;
}

	
a#logo:link, a#logo:visited, a#logo:hover, a#logo:active {
	
	display:block;
	
	width: 240px;
	height: 105px;
	background: url(../img/logo.png) no-repeat 5px 3px;
	
	text-decoration:none;
	
	text-indent:-9999em;
}

#navigation {
	float:right;
	
	width: 690px;
	height: 20px;
	
	
	margin-right: -30px;
	
	padding-top: 91px;
}


#weisse_box_oben {
	width: 970px;
	height: 27px;
	background: url(../img/hg_neu_oben.png) no-repeat bottom left;
}

#box_weiss {
	width: 970px;
	min-height: 400px;
	/*background: url(../img/hg_neu_unten.jpg) no-repeat left bottom;*/	
	background: url(../img/hg_neu_unten.png) no-repeat left bottom;
	padding-bottom: 35px;
}


#fusszeile {
	width: 970px;
	height: 53px;
	background: url(../img/fusszeile.png) no-repeat 8px 0px;
}


/* *** ---------------- Haupt-Navi ---------------- ***/

#navigation li {
	float: left;
	list-style-type: none;
}

#navigation a:link, #navigation a:visited {
	text-decoration: none;
	display:block;
	
	width:115px;
	height:20px;
	
	text-indent:-9999px;
	margin: 0 25px 0 0;
}

#navigation a {
	background: url(../img/navigationSprite2.png) no-repeat left top;
}
#startseite a:link, #startseite a:visited {
	width: 85px;
	background-position: -14px -7px;
}
#bestellen a:link, #bestellen a:visited  {
	/*width: 95px;
	background-position: -104px -88px;
	/**/width: 75px;
	background-position: -104px -7px;
}
#restaurant a:link, #restaurant a:visited  {
	width: 100px;
	background-position: -201px -7px;
}
#liefergebiet a:link, #liefergebiet a:visited  {
	width: 96px;
	background-position: -324px -7px;
}
#anfahrt a:link, #anfahrt a:visited  {
	width: 76px;
	background-position: -445px -7px;
}
#kontakt a:link, #kontakt a:visited  {
	width: 75px;
	background-position: -547px -7px;
}
#plzaendern a:link, #plzaendern a:visited {
	/*width: 94px;*/
	width: 170px;
	background-position: -647px -7px;
}

form.lieferzone { float: left; width: 177px; }
form.lieferzone button, span.lieferzone { text-indent: -999em; height: 196px; width: 177px; background: transparent url(../img/lieferzonen.png) no-repeat left top; border: 0; padding: 0; margin: 0; cursor: pointer; }
span.lieferzone { cursor: default !important; display: block; float: left; }
span.lieferzone#lz_one { margin-left: -13px; }
form.lieferzone button#lz_one, span.lieferzone#lz_one { background-position: left top; }
form.lieferzone button#lz_one:hover { background-position: left -196px; }

form.lieferzone button#lz_two, span.lieferzone#lz_two { background-position: -177px top; }
form.lieferzone button#lz_two:hover { background-position: -177px -196px; }

form.lieferzone button#lz_three, span.lieferzone#lz_three { background-position: -354px top; }
form.lieferzone button#lz_three:hover { background-position: -354px -196px; }


#startseite a:hover, #startseite a:active {
	background-position: -14px -47px;
}
#bestellen a:hover, #bestellen a:active  {
	/*background-position: -104px -128px;*/
	background-position: -104px -47px;
}
#restaurant a:hover, #restaurant a:active  {
	background-position: -201px -47px;
}
#liefergebiet a:hover, #liefergebiet a:active  {
	background-position: -324px -47px;
}
#anfahrt a:hover, #anfahrt a:active  {
	background-position: -445px -47px;
}
#kontakt a:hover, #kontakt a:active  {
	background-position: -547px -47px;
}
#plzaendern a:hover, #plzaendern a:active  {
	background-position: -647px -47px;
}
/*
#startseite a:link, #startseite a:visited {
	background: url(../img/startseite_active.png) no-repeat 10px 0px;
}

#speisekarte a:link, #speisekarte a:visited  {
	background: url(../img/speisekarte_active_b.png) no-repeat 1px 0px;
}

#plzaendern a:link, #plzaendern a:visited {
	background: url(../img/plzaendern_active.png) no-repeat 10px 0px;
}


#restaurant a:link, #restaurant a:visited  {
	background: url(../img/restaurant_active.png) no-repeat 3px 0px;
}


#liefergebiet a:link, #liefergebiet a:visited  {
	background: url(../img/liefergebiet_active.png) no-repeat 9px 0px;
}

#anfahrt a:link, #anfahrt a:visited  {
	background: url(../img/anfahrt_active.png) no-repeat 15px 0px;
}

#kontakt a:link, #kontakt a:visited  {
	background: url(../img/kontakt_active.png) no-repeat 0px 0px;
}


#navigation a:hover, #navigation a:active {
	text-decoration: none;
	display:block;
	
	width:115px;
	height:20px;
	
	text-indent:-9999px;
}

#startseite a:hover, #startseite a:active {
	background:url(../img/startseite.png) no-repeat 10px 0px;
}

#speisekarte a:hover, #speisekarte a:active {
	background:url(../img/speisekarte_b.png) no-repeat 1px 0px;
}

#plzaendern a:hover, #plzaendern a:active {
	background:url(../img/plzaendern.png) no-repeat 10px 0px;
}

#restaurant a:hover, #restaurant a:active {
	background:url(../img/restaurant.png) no-repeat 3px 0px;
}

#liefergebiet a:hover, #liefergebiet a:active {
	background:url(../img/liefergebiet.png) no-repeat 9px 0px;
}

#anfahrt a:hover, #anfahrt a:active {
	background:url(../img/anfahrt.png) no-repeat 15px 0px;
}

#kontakt a:hover, #kontakt a:active {
	background:url(../img/kontakt.png) no-repeat 0px 0px;
}*/



/* Zusätzliches CSS für Hauptinhaltsspalten */
#box_weiss { padding-left: 58px; width: 912px; }
.SpalteLinks { padding-left: 32px; float: left; width: 520px; padding-right: 16px;}

th#quantity, th#price { width: 50px !important; }
.SpalteRechts { width: 344px; float: left; }
.shop-seite .SpalteRechts { padding: 0 39px 0 15px; width: 290px; }
.shop-seite p { margin: 8px; }
.shop-seite p.einleitung { margin: 15px 0 !important; }
.shop-seite .SpalteRechts h3 { font-size: 21px; color: #1870C3; }
table.shoppingcart {
	width: 290px;
	margin: 15px 0 !important;
}
#fotobox.SpalteRechts { text-align: center; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.shop-seite a { color: #1870c3; }
/*.productThumb { float: left; }*/
.wpsc_categories h3 { color: #1870c3; font-size: 16px; border-bottom: 1px solid #fff; }
.wpsc_categories li { margin-bottom: 30px; clear: both; }
.wpsc_categories h3 a { color: #1870c3; text-decoration: none; }
.wpsc_subcategory p { padding-left: 0px; margin: 10px 0 0; }
.subCat .wpsc_subcategory p { margin: 0; }
.subCat { clear: left; margin-top: 10px; padding-left: 20px; margin-bottom: 8px; }
.subCat li { clear: none; float: left; margin-right: 10px; }
.subCat li h3, .subCat li .wpsc_subcategory { float: left; }
.subCat p { padding-left: 2px; font-size: 10px; }
.subCat p:before{content:"(";color:#ccc;}
.subCat p:after{content:")";color:#ccc;}
div.productdisplay { width: 520px !important; padding-bottom: 15px !important; border-bottom: 1px solid #eee; }
.subCat li h3 { border-bottom: none; font-size: 13px; }
.subCat li h3 a { text-decoration: underline; }
.wpsc_buy_button_container em {
	background: url(bubble.png) no-repeat;
	width: 100px;
	height: 49px;
	position: absolute;
	top: -70px;
	left: -0px;
	text-align: center;
	/*text-indent: -9999px;*/
	z-index: 2;
	display: none;
}
.prodtitles { display: block; font-size: 1.1em !important; }
.prodtitles span {
	display: inline !important;
	float: none !important;
}
.infosOFproduct, .PriceInfo, .wpsc_buy_button_container { height: 96px; }
.PriceInfo { padding-top: 0; height: 76px; }
.wpsc_buy_button_container { padding-top: 27px; height: 69px; }
.productThumb { width: 100px; }
.product_form { width: 231px; }
.producttext { margin-left: 10px; }
.producttext p { margin: 10px 0; }
.PriceInfo { width: 149px; }
.infosOFproduct { width: 260px; padding-right: 9px; border-right: 1px solid #eee; margin-right:10px;  }
.productText { width: 520px; }
.wpsc_buy_button_container { line-height: .7em; width: 82px; float: right; }
.wpsc_buy_button_container { position: relative; }
.productVariation p { font-size: .8em; }
.product_row, .firstrow { border-bottom: 1px solid #eee; }
.product_row td { padding: 10px 0 5px 0; }
.firstcol { width: 150px }
.prodImg { font-size: 1px; width: 48px; overflow: hidden; }
.prodImg img { font-size: 1px; }
table.productcart tr.firstrow td {
	background-color: transparent !important;
	border-left: none !important;
}
img.loadingimage {
	float:left;
	margin-right:10px;
	margin-top: 6px;
}
.wpsc_loading_animation {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #AAAAAA;
	padding:10px;
	position:absolute;
	width:150px;
	line-height:1.2;
	left:-250px;
	top: 10px;
}
.wpsc_checkout_forms label, .wpsc_checkout_forms input, wpsc_checkout_forms textarea { float: left; }
.wpsc_checkout_forms label { font-weight: bold; width: 180px; margin-right: 20px; }
.wpsc_checkout_forms input, wpsc_checkout_forms textarea, textarea { font-size:12px !important; width: 250px; margin-right: 60px; float: left; }
.wpsc_checkout_forms div, .wpsc_checkout_forms p {clear: both; }
.wpsc_checkout_forms div { padding: 8px 0 10px 0; }
input.make_purchase { clear: both; margin-top:30px; }
button {font-size: 11px; }
button.remove_button {
		text-indent: -999em;
		border: 0;
		background: transparent url(http://www.gyros-aachen.de/bestellen/wp-content/uploads/wpsc/themes/default/images/cancel.png);
		height: 29px;
		width: 29px;
		margin-top:-20px;
}
button.remove_button span { }
.validation-error input, .validation-error textarea { border-color: #b30000 !important; }
p.validation-error { color: #b36b6b !important; margin-left: 180px; }
div.breadcrumb, div.wpsc_page_numbers { margin: 30px 0 !important; }
.gocheckout { float: right; margin-top: 10px; }
.emptycart { float: left; }
/* button basics */
a.minibutton, button.minibutton {
	display:inline-block;
	height:23px;
	padding:0 0 0 3px;
	font-size:11px;
	font-weight:bold;
	color:#333;
	text-shadow:1px 1px 0 #fff; 
	background:url(http://github.com/images/modules/buttons/minibutton_matrix.png) 0 0 no-repeat;
	white-space:nowrap;
	border:none;
	overflow:visible;
	cursor:pointer;
	text-decoration:none;
}
.quantityRow { width: 115px; }
.deleteRow { width: 45px; text-align: center; }
.priceRow { width: 90px; text-align: left; }
.priceRow span.pricedisplay { float: none; }
button.minibutton { padding: 0 !important; margin-left:304px; margin-top:40px; }
button.minibutton.change { margin-left: 0; margin-top: 0; }
a.minibutton>span, button.minibutton>span {
	display:block;
	height:23px;
	padding:0 10px 0 8px;
	line-height:23px;
	background:url(http://github.com/images/modules/buttons/minibutton_matrix.png) 100% 0 no-repeat;
}
button.minibutton>span { position: relative !important; top: -1px !important; }
a.minibutton:hover, a.minibutton:focus, button.minibutton:hover, button.minibutton:focus {
	color:#fff;
	text-decoration:none;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
	background-position:0 -30px;
}
a.minibutton:hover>span, a.minibutton:focus>span, button.minibutton:hover>span, button.minibutton:focus>span {background-position:100% -30px;}
	
a.minibutton.mousedown, button.minibutton.mousedown {background-position:0 -60px; }
a.minibutton.mousedown>span, button.minibutton.mousedown>span {background-position:100% -60px; }
/* with icon */
a.btn-download .icon {
	float:left;
	margin-left:-4px;
	width:18px;
	height:22px;
	background:url(http://github.com/images/modules/buttons/minibutton_icons.png?v20100306) 0 0 no-repeat;
}
a.btn-download .icon {background-position:-40px 0;}
a.btn-download:hover .icon, a.btn-download:focus .icon {background-position:-40px -25px;}

/* *** ---------------- Texte ---------------- ***/

img#bild_patras	{
	/*float: right;
	

	margin-right: 55px;*/
	
	width: 250px;
	height: 350px;
	
	background: #fff;
}
p#weihnacht {
	background: url(../img/weihnacht.png) no-repeat;
	width: 484px;
	height: 114px;

	text-indent: -9999px;
}
p#ostern {
	background: url(../img/ostern.png) no-repeat;
	width: 484px;
	height: 80px;

	text-indent: -9999px;
}

p#ferien {
	background: url(../img/ferien.png) no-repeat;
	width: 484px;
	height: 80px;

	text-indent: -9999px;
}



p#text_begruessung {	
	background: url(../img/begruessung.png) no-repeat;

	/*position: relative;
	top: 0px;
	left: 90px;*/
	
	width: 460px;
	height: 165px;
	
	text-indent: -9999px;
}

a#besuchen {
	background: url(../img/button_besuchen.jpg) no-repeat;
	
	float:left; 
	
	margin-top: 40px;
	/*margin-left: 90px;*/
	
	width: 190px;
	height: 35px;
	
	text-indent: -9999px;	
}

a#bestellen {
	float:left;
	
	background: url(../img/button_bestellen.jpg) no-repeat;
	
	margin-top: 40px;
	margin-left: 50px;
	
	width: 190px;
	height: 35px;
	
	text-indent: -9999px;
}

a#pdf {
	background: url(../img/pdf_badge.png) no-repeat;
	
	display:block;
	
	margin-top:140px;
	/*margin-left:90px;*/
	
	width: 290px;
	height: 90px;
	
	text-indent: -9999px;
}

a#pdf:hover, a#pdf:active {
	background: url(../img/pdf_badge_active.png) no-repeat;
}

p#fusszeile_text {
	float:left;
	margin-top:10px;
	margin-left:20px;
	
	color: #fff;
	font-size: 12px;
}


p#kontaktlinks {
	float:right;
	
	margin-right:30px;
	margin-top:10px;
}

p#kontaktlinks a {
	
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	
	text-decoration: none;
}

img.bilderreihe_patras {
	/*float: right;*/
	
	width: 280px;
	height: 220px;
	
	margin-bottom: 5px;
	
}

#fotobox {
	float: right;
	
	width: 290px;
	/*height: 550px;*/
	
	margin-right: 35px;
}

h2.ueberschrift { /*margin-left: 90px;*/ }
h2 { font-size: 21px; }

p {
	/*width: 520px;*/
	/*margin-left: 90px;*/
	
	margin-top: 20px;
	
	font-size: 14px;
	color: #757575;
	
	line-height: 21px;
	letter-spacing: 0px;
}

.kontaktdaten p {
	/*margin-left: 90px;*/
	
	/*width: 520px;*/
	
	margin-top: 10px;
	
	font-size: 14px;
}

.oben40 {
	margin-top: 40px;
}

.fett {
	font-weight: bold;
}

.blau {
	color: #1870C3;
}

#kois {
	margin-top:10px;
	margin-left:90px;
}

#tabelle {
	/*margin-left: 90px;*/
	
	margin-top: 40px;
		
	width: 500px;
}

#tabelle td  {
	padding-top: 25px;
	
	border-bottom: 1px solid #E6E6E6;
	
	vertical-align:top;
}

td.rechtespalte {
	text-align: right;
	font-weight:bold;
}

#telefonnr {
	width: 257px;
	height: 30px;
	
	margin-top: 30px;
	/*margin-left: 90px;*/
	
	background: url(../img/nummer.png);
	
	text-indent: -9999px;
}

p#liefergebiet_text {
	width: 520px;

	margin-top: 20px;
	/*margin-left: 90px;*/
	
	font-size: 14px;
}

img#karte_liefergebiet {
	/*float: right;*/
	
	/*margin-right: 35px;*/
	margin-top: 40px;
	
	border:1px dotted #1870C3;
}