body {
	text-align:center;
	background-color:#312205;
	color:#fefffc;
	font-family:Arial;
	font-variant:small-caps;
	margin:6px;
}
a {
	color:#fefffc;
}
.sobicocoa {
	position:absolute;
	width:450px;
	height:250px;
	left:20px;
	top:0px;
	background-image:url('sobicocoa.png');
	background-position:-20px 0px;
	background-repeat:no-repeat;
}
.container {
	position:relative;
	margin:0px auto;
	width:1px;
	height:1px;
	left:175px;
}
.anschrift {
	position:absolute;
	top:500px;
	left:-350px;
	width:700px;
	font-size:13px;
}
.menu {
	position:absolute;
	top:310px;
	left:25px;
	width:300px;
	height:230px;
	background-position:0px -318px;
	background-image:url('sobicocoa.png');
	background-repeat:no-repeat;
}
a .mark {
	display:block;
	position:absolute;
	top:11px;
	left:17px;
	background-image:url('sobicocoa.png');
	background-position:0px 0px;
	width:12px;
	height:12px;
	visibility:hidden;
}
a:hover .mark,
a:active .mark,
a.current .mark {
	visibility:visible;
}
.menu a {
	outline:none;
	position:relative;
	display:block;
	width:340px;
	height:33px;
}
.menu a.home {
}
.menu a.photos {
  background-image: url(buzzout.png);
}
.menu a.karte {
}
.menu a.genuss {
}
.menu a.team {
}
.menu a.anfahrt {
}
.menu a.impressum {
}
.gatetoheaven {
	background-image:url('gatetoheaven.jpg');
	background-position:50% 40px;
	background-repeat:no-repeat;
}
div.karte {
	width:598px;
	height:398px;
	left:-305px;
	top:59px;
	position:absolute;
	color:#312205;
	text-align:left;
	font-size:14px;
}

div.karte table {
	width:272px;
}

.seite1 {
	width:272px;
	position:absolute;
	left:14px;
	top:16px;
	height:386px;
}

.seite2 {
	width:272px;
	position:absolute;
	left:314px;
	top:16px;
	height:386px;
}

div.anfahrt {
	width:598px;
	height:398px;
	left:-305px;
	top:57px;
	position:absolute;
	text-align:right;
}
div.anfahrt a{
	font-variant:normal;
	font-size:10px;
}

div.photos {
	left:-312px;
	top:4px;
	position:absolute;
	width:610px;
	height:400px;
}

div.other {
	position:absolute;
	width:600px;
	height:400px;
	color:#fefffc;
	left:-300px;
	top:55px;
}

div.hello {
    background-color: black;
    background-image: url("phoenix.jpg");
    background-repeat: no-repeat;
    color: #FEFFFC;
    height: 401px;
    left: -307px;
    position: absolute;
    top: 57px;
    width: 601px;
}

#slideshow {list-style:none; color:#fff}
#slideshow span {/**/}
#wrapper {width:600px; margin:50px auto; /**/;}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:600px; height:400px; padding:2px; border:none;background:#000;}
#information {/**/}

.genuss #information {position:absolute; bottom:0; width:602px; font-variant:normal;height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70);left:-2px;}
.genuss #information h3 {padding:4px 8px 3px; font-size:14px}
.genuss #information p {padding:0 8px 8px;font-size:12px;font-variant:normal;}

#image {width:600px}
#image img {position:absolute; z-index:25; width:auto;left:0px;display:block;}
.imgnav {position:absolute; width:25%; height:400px; cursor:pointer; z-index:150}
#imgprev {/**/;}
#imgnext {/**/;}
#imglink {position:absolute; height:400px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {}
#thumbnails {margin-top:15px;}
#slideleft {margin-bottom:-80px;float:left; width:20px; height:81px; background:url('images/scroll-left.gif') center center no-repeat;}
#slideleft:hover {}
#slideright {margin-bottom:-80px;float:right; width:20px; height:81px; background:url('images/scroll-right.gif') center center no-repeat}
#slideright:hover {}
#slidearea {float:left; position:relative; width:536px; margin-left:5px; height:81px; overflow:hidden;margin-bottom:-80px;}
#slider {left:0; height:81px;margin-bottom:-80px;position:absolute;}
#slider img {cursor:pointer; border:none; padding:2px;margin-bottom:-80px;}

h1 {
	margin:0px;
}

.karte table {
	width:400px;
}

.karte table.title {
	height:40px;
	margin-bottom:10px;
}

.karte table.cont td {
	padding-bottom:10px;
}

.karte table.cont td {
	vertical-align:top;
}

.karte table td.price {
	width:100px;
	text-align:right;
	margin-left:-20px;
}

.karte table td.indent {
	padding-left:18px;
}

.karte table td.price div.espresso {
	display:block;
	margin-left:-50px;
}


.karte table td.fixed {
	width:60px;
}

.karte table td span.more {
	font-weight:bold;
}

.karte .set {
	display:none;
	background-image:url('menupaper.jpg');
	position:absolute;
	left:0px;
	top:-2px;
	width:604px;
	height:404px;
	background-repeat:no-repeat;
}
.karte .on {
	display:block;
}

.karte .dolce {
	background-image:url('dolcevita.jpg');
}

.karte .simoni {
	background-image:url('simonihoni.jpg');
}

.karte .helden {
	background-image:url('helden.jpg');
}

.karte .coffee {
	background-position:0px -401px;
}

.karte .chocolate {
	background-position:0px -802px;
}

.karte .meal {
	background-position:0px -1203px;
}

.karte .egg {
	background-position:0px -1604px;
}

.karte .cake {
	background-position:0px -2005px;
}

.karte .cooldrynx {
	background-position:0px -2406px;
}

.karte #pigeon {
	width:85px;
	height:62px;
	background-image:url('mary2.png');
	position:absolute;
}

.karte #thankyou, .karte #soon {
	font-size:24px;
	font-weight:bold;
	width:265px;
	text-align:center;
	position:absolute;
	top:130px;
}

.karte .thankyou {
}

.karte .soon {
}

.seite1 .pagination, .seite2 .pagination {
	position:absolute;
	bottom:10px;
	width:100%;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}

.karte a.left {
	position:absolute;
	display:block;
	outline:none;
	background-image:url('arrows.png');
	background-repeat:no-repeat;
	width:35px;
	height:35px;
	top:170px;
	left:-43px;
	opacity:0.4;
}
.karte a.right {
	position:absolute;
	display:block;
	outline:none;
	background-image:url('arrows.png');
	background-repeat:no-repeat;
	background-position:-41px 0px;
	width:35px;
	height:35px;
	top:170px;
	right:-53px;
	opacity:0.4;
}
.karte a:hover.left,.karte a:hover.right  {
	opacity:1;
}


