;


?>

/* 
----------------------------------------------------------------------------- 
GLOBAL RESET
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img,abbr { border: 0; }
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 1.0em; }
q:before,q:after { content: ''; }
a { text-decoration: none; }

/* 
----------------------------------------------------------------------------- 
BASE
-----------------------------------------------------------------------------*/
html
{
	height: 100%;
	margin-bottom: 1px;
}

body
{
	font: 80%/1.3em 'Lucida Grande', Verdana, sans-serif; /* war 62.5%/1.3em */
	color: #000;
	background-color: #fff;
	margin: 0;
	margin-top: 20px;
	padding: 0;
}

h1 {
	font-size: 160%;
}

h2 {
	font-size: 135%;
	margin: 0;
}

h3 {
	font-size: 110%;
	margin-bottom: 0.6em;
}

hr {
	height: 1px;
	background-color: #888;
	border: 0;
}

a {
	color: #cc6;
	text-decoration: none;
}

a:hover {
	color: #c63;
	//background: #888;
}

.bluelink a {
	color: #c63;
}

button {
	background-color: #444;
	border: 0;
	padding: 0.15em;
	color: #ddd;
	
	/* rounded corners the CSS3 way. fixes for FF and Safari. */
	background-image: none;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	border-radius: 0.3em;
	background-image: url(http://www.speise-karte.com/images/bg-round-top-left.gif), url(http://www.speise-karte.com/images/bg-round-top-right.gif), url(http://www.speise-karte.com/images/bg-round-bottom-left.gif), url(http://www.speise-karte.com/images/bg-round-bottom-right.gif);
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: top left, top right, bottom left, bottom right;

}

.interfacebutton {
	border: 0;
	width: 60px;
	height: 16px;
}

fieldset {
	border: solid 1px #444;
	padding: 0;
	margin: 0;
}

legend, .form_comment {
	font-size: 0.8em;
	color: #888;
}


#everything {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	min-width: 400px;
}

#header {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	height: 120px;
}

#nav {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	width: 79%;
	background: #fff;
}

#nav span {
	text-transform: uppercase;
	font-size: 90%;
}

#nav span a {
	color: 000;
	padding-right: 0.6em;
	white-space: nowrap;
}

#nav span a:hover {
	color: #c63;
	background: #fff;
	white-space: nowrap;
}

#map {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	width: 79%;
	min-width: 550px;
	height: 25em;
	background: #888;
	border: 0;
}

#content {
	width: 100%;
	background: #fff;
}

#content_table {
	width: 100%;
	border-collapse: separate;
	border: 0;
	padding: 0;
	margin: 0;
	border-spacing: 0.7em;
}

#content_table td {
	width: 50%;
	border: 0;
	padding: 0;
	vertical-align: top;
}

/* CBOX STYLES */
/* '.content_pane' braucht man als firefox fix, der rafft sonst die cmessage und cerror nicht! */
.content_pane .cbox {
	color: #ddd;
	background: #333 url(http://www.speise-karte.com/images/gray-round-top-left.gif) top left no-repeat;
}

.content_pane .cbox_header {
	padding: 0.3em;
	background: url(http://www.speise-karte.com/images/gray-round-top-right.gif) top right no-repeat;
}

.content_pane .cbox_content {
	padding: 0.8em;
	min-width: 260px;
}


.content_pane .cbox_footer {
	background: url(http://www.speise-karte.com/images/gray-round-bottom-left.gif) bottom left no-repeat;
	margin-bottom: 0.7em;
}

.content_pane .cbox_footer div {
	background: url(http://www.speise-karte.com/images/gray-round-bottom-right.gif) bottom right no-repeat;
}

#cmessage, #cfilter {
	color: #eee;
	background: #696 url(http://www.speise-karte.com/images/green-round-top-left.gif) top left no-repeat;
}

#cmessage .cbox_header, #cfilter .cbox_header {
	padding: 0.3em;
	background: url(http://www.speise-karte.com/images/green-round-top-right.gif) top right no-repeat;
}

#cmessage .cbox_content, #cfilter .cbox_content {
	padding: 0.8em;
	min-width: 260px;
}

#cmessage .cbox_footer, #cfilter .cbox_footer {
	background: url(http://www.speise-karte.com/images/green-round-bottom-left.gif) bottom left no-repeat;
	margin-bottom: 0.7em;
}

#cmessage .cbox_footer div, #cfilter .cbox_footer div {
	background: url(http://www.speise-karte.com/images/green-round-bottom-right.gif) bottom right no-repeat;
}

#cfilter_content {
	width: 100%;
}

#cfilter_content .filter_contentbox {
	width: 25%;
	min-width: 9.5em;
	border: 0;
	padding: 0.8em;
	vertical-align: top;
}

#cfilter_content .filter_contentbox p {
	padding: 0;
	margin: 0;
	margin-bottom: 0.2em;
}

#cerror {
	color: #eee;
	background: #900 url(http://www.speise-karte.com/images/red-round-top-left.gif) top left no-repeat;
}

#cerror .cbox_header {
	padding: 0.3em;
	background: url(http://www.speise-karte.com/images/red-round-top-right.gif) top right no-repeat;
}

#cerror .cbox_content {
	padding: 0.8em;
	min-width: 260px;
}

#cerror .cbox_footer {
	background: url(http://www.speise-karte.com/images/red-round-bottom-left.gif) bottom left no-repeat;
	margin-bottom: 0.7em;
}

#cerror .cbox_footer div {
	background: url(http://www.speise-karte.com/images/red-round-bottom-right.gif) bottom right no-repeat;
}

#tooltip table, #tooltip table td {
	padding: 0;
	margin: 0;
	border: 0;
}

#tooltip table .corner {
	width: 4px;
	height: 4px;
	max-width: 4px;
	max-height: 4px;
	overflow: hidden;
}

#tooltip table .white {
	background: #fff;
}


/* END CBOX STYLES */

#content_table .cbox_content table {
	width: 100%;
}

#content_table .cbox_content table td {
	padding: 0.3em;
}

/* for alternating table rows */
#content_table .cbox_content .tr_light {
	background: #666;
}

#content_table .cbox_content .tr_dark {
	background: #555;
}

#address_table td {
	width: 0;
}

#address_table .desc {
	width: 25%;
	min-width: 5em;
	max-width: 30%;
}

#address_table .inhalt {
}

#footer {
	width: 100%;
	background: #fff;
	margin-bottom: 20px;
}

input.btn {
	width: 60px;
	height: 16px;
}

.vcard, .hcard {
	display: none;
}

/* safari forms */
.formwrap {
	/*
    display: block;
    background-color: #bbb;
    padding: 1px;
    border: 1px solid #333;
    */
}

.formwrap input, 
.formwrap textarea {
    width: 100%;
    border: 1px solid #C3C3C3;
    border-top-color: #7C7C7C;
    border-bottom-color: #bbb;
}



/* comments */
.comment {
	margin: 0;
}

.comment_head {
	margin: 0;
	padding: 0;
	padding-bottom: 0.2em;
}

.comment_body {
	margin: 0;
	margin-bottom: 1em;
	padding: 0.8em;
	background: #555;
}

#location_rating {
	margin-bottom: 10px;
}

.error {
	background: red;
	padding: 0.8em;
}

.done {
	background: #009000;
	border: solid 1px #008000;
	padding: 0.8em;
}

#modal_table {
	margin: 0;
	margin-bottom: -10px; /* ugly workaround! */
	padding: 0;
}

#modal_table .cbox {
	color: #333;
	background: #fff url(http://www.speise-karte.com/images/white-round-top-left.gif) top left no-repeat;
}

#modal_table .cbox_header {
	padding: 0.3em;
	background: url(http://www.speise-karte.com/images/white-round-top-right.gif) top right no-repeat;
}

#modal_table .cbox_content {
	padding: 0.8em;
	min-width: 260px;
}

#modal_table .cbox_content table {
	width: 100%;
}

#modal_table .cbox_content table td {
	padding: 0.3em;
	vertical-align: top;
}

#modal_table .cbox_content fieldset {
	border: solid 1px #bbb;
	color: #333;
	margin-bottom: 1.5em;
	width: 100%;
}

#modal_table .cbox_content fieldset legend {
	color: #888;
}

#modal_table .cbox_footer {
	background: url(http://www.speise-karte.com/images/white-round-bottom-left.gif) bottom left no-repeat;
	margin-bottom: 0.7em;
}

#modal_table .cbox_footer div {
	background: url(http://www.speise-karte.com/images/white-round-bottom-right.gif) bottom right no-repeat;
}

#modal_table #cadd_content table td {
	width: 25%;
	overflow: hidden;
}


/* TAG CLOUD FORMATS */

#tag_cloud {
	line-height: 1.7em;
}

/* include star rating CSS */

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(http://www.speise-karte.com/images/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:50px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(http://www.speise-karte.com/images/star_small.gif);
	line-height: 10px;
	height: 10px;
}

.saved_star_active {
	background-image: url(http://www.speise-karte.com/images/star_small.gif);
	background-position: left bottom;
	line-height: 10px;
	height: 10px;
}

.saved_star_inactive {
	background-image: url(http://www.speise-karte.com/images/star_small.gif);
	background-position: left top;
	line-height: 10px;
	height: 10px;
}
/* END star rating include */