/* Defaults
----------------------------------------------- */
:-moz-any-link:focus {
	outline: none;
}

img {
	border: none;
}

h1 {
	font-size: 14px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 12px;
}

span.error {
	color: #ff3333;
}

span.required {
	color: #333;
}

/*table { STM: deaktiviert, da es massiv darstellungsprobleme bei tabellen, die auto benötigen gibt!!!
	width: 100%;
}*/

tr.highlite td {
	background-color: #e0e0e0;
}

/* DIVs
----------------------------------------------- */

div.content-box {
	margin-bottom: 5px;
	width: inherit;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

div.content-box.edit {
	background-color: #e6e6e6;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
}

div.content-box.head {
	margin: 0;
	padding: 5px 10px;
	background-color: #fed675;
	border: 1px solid #808080;
}

div.content-box.body {
	padding: 5px 10px;
	border: none;
}

div.content-box.info-bar {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	background-color: #b3b3b3;
	border: 1px solid #808080;
}

div.content-box.info-bar div.links {
	float: left;
}

div.content-box.info-bar div.rechts {
	float: right;
}

div.content-box.info-bar div.rechts img {
	vertical-align: text-bottom;
}

div.content-box h1 {
	font-size: 14px;
}

div.content-box div.left {
	float: left;
}

div.content-box div.right {
	float: right;
}

div.panes {
	border-bottom: 1px solid #b3b3b3;
}

div.panes div.pane {
	display: none;
	margin-top: 5px;
}

div.tabelle {
	float: left;
	margin: 0 0 5px 0;
	width: 310px;
}

div.tabelle-links {
	float: left;
	width: 120px;
}

div.tabelle-rechts {
	float: left;
	width: 190px;
}

div.gb-eintrag {
	padding-top: 8px;
	border-top: 1px solid #b3b3b3;
}

div.colorbox-dialog {
	display: none;
}

div.comment-box {
	display: none;
	margin: 8px 0;
}

div.speisekarte {
}

div.speisekarte-gueltigkeit {
	font-weight: bold;
}

div.speisekarte-titel {
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 5px;
}

div.speisekarte-speise {
	float: left;
	width: 540px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 3px;
}

div.speisekarte-preis {
	float: right;
	width: 60px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 3px;
}

div.info-box {
	margin-bottom: 5px;
	width: inherit;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

div.info-box.head {
	margin: 0;
	padding: 5px 10px;
	background-color: #c8ffc1;
	border: 1px solid #808080;
}

div.event {
	padding: 15px 0 15px 0;
	border-bottom: 1px solid #b3b3b3;
}

div.event-bild {
	float: left;
	width: 80px;
	margin-right: 15px;
}

div.event-text {
	float: left;
	width: 400px;
}

div.event-button {
	float: right;
	width: 80px;
}

div.event-side {
	padding: 0 0 15px 0;
	border-bottom: 1px solid #b3b3b3;
}

div.event-side-bild {
	float: left;
	width: 80px;
	margin-right: 12px;
}

div.event-side-text {
	float: left;
	width: 300px;
}


/* Kalender
----------------------------------------------- */
div#events-kalender {
	padding-left: 10px;
	border:	1px solid #d1d1d1;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

div.calender {
	float: left;
    width: 285px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	color: #666;
}

* html div.calender,
* + html div.calender {
    width: 302px;
}

div.calender div.after,
div.calender div.before{
    color: #e0e0e0;
}



div.day {
    float: left;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
	font-size: 20px;
	color: #666;
	border: 1px solid #d1d1d1;
}

div.day.headline {
	border: 1px solid transparent;
}

div.day.current {
    font-weight: bold;
	color: black;
}

div.day.marker-lo {
	background: url("img/dzine/event-marker-lo.gif") no-repeat;
}
div.day.marker-lolu {
	background: url("img/dzine/event-marker-lolu.gif") no-repeat;
}
div.day.marker-loluru {
	background: url("img/dzine/event-marker-loluru.gif") no-repeat;
}
div.day.marker-loru {
	background: url("img/dzine/event-marker-loru.gif") no-repeat;
}
div.day.marker-lu {
	background: url("img/dzine/event-marker-lu.gif") no-repeat;
}
div.day.marker-luru {
	background: url("img/dzine/event-marker-luru.gif") no-repeat;
}
div.day.marker-ru {
	background: url("img/dzine/event-marker-ru.gif") no-repeat;
}
div.day.marker-loro {
	background: url("img/dzine/event-marker-loro.gif") no-repeat;
}
div.day.marker-ro {
	background: url("img/dzine/event-marker-ro.gif") no-repeat;
}
div.day.marker-single {
	background: url("img/dzine/event-marker-single.gif") no-repeat;
}
div.day.marker-multi {
	background: url("img/dzine/event-marker-multi.gif") no-repeat;
}
div.day.marker-singlemulti {
	background: url("img/dzine/event-marker-singlemulti.gif") no-repeat;
}

div.day.samstag {
	background-color: #f2f2f2;
}

div.day.sonntag {
	background-color: #e6e6e6;
}

div.pagination {
	float: left;
	margin-right: 5px;
	margin-top: 40px;
}

div.legende {
	float: left;
	margin-left: 25px;
	margin-top: 40px;
}


/* Forms
----------------------------------------------- */
form {
	margin: 0;
	padding: 0
}

input, select {
	border: 1px solid #808081;
}

.formrow {
	padding: 0 5px 8px 2px;
}

.formrow_focus {
	background-color: rgb(255, 251, 204);
}

tr.tablerow_focus td {
	background-color: rgb(255, 251, 204);
}

fieldset {
	padding: 10px;
	margin-bottom: 10px;
	background-color: #f3f9ff;
	border: 1px solid #f3f9ff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

legend {
	padding: 0;
	font-size: 15px;
}

.formrow label {
	display: block;
	float: left;
	width: 260px;
}

.formrow input {
	margin: 0;
	width: 400px;
}

textarea {
	margin: 0;
	border: 1px solid #808081;
	width: 620px;
	height: 200px;
}

.formrow input.date {
	width: 77px;
}

.formrow input.time {
	width: 45px;
}

.formrow span {
	color: #b9b520;
	margin-left: 260px;
}

input.date {
	margin-right: 8px;
	width: 75px;
}

input.date.error {
	background-color: #ffaaaa;
}

input.speisekarte-element {
	width: 525px;
}

input.speisekarte-element.error {
	background-color: #ffaaaa;
}

input.speisekarte-preis {
	width: 50px;
}

input.speisekarte-preis.error {
	background-color: #ffaaaa;
}

input.error, textarea.error {
	background-color: #ffaaaa;
}

img.ui-datepicker-trigger {
	vertical-align: middle;
}

input.file {
	width: 475px;
}

form#form-register input, form#form-login input {
	width: 250px;
	margin-bottom: 8px;
}

form#form-register select, form#form-login select {
	margin-bottom: 8px;
}

form#form-kontakt input {
	width: 250px;
	margin-bottom: 8px;
}

.formrow-shop {
	padding: 0 5px 8px 2px;
}

.formrow-shop label {
	width: 100px;
	float: left;
	display: block;
}

.formrow-shop input {
	margin: 0;
	width: 200px;
}


/* Anchors
----------------------------------------------- */

a.toggle, a.toggle:active, a.toggleEvent, a.toggleEvent:active {
	background: url("img/dzine/icons/bullet_arrow_up.png") no-repeat 0 50%;
	padding-left: 20px;
	outline: none;
	zoom: 1;
}
a.toggle.closed, a.toggleEvent.closed {
	background-image: url("img/dzine/icons/bullet_arrow_down.png");
}

a.edit, a.edit:active, a.editEvent, a.editEvent:active {
	text-decoration: none;
	background: url("img/dzine/icons/pencil.png") no-repeat 0 50%;
	padding-left: 20px;
	outline: none;
	zoom: 1;
}

a.delete, a.delete:active, a.deleteEvent, a.deleteEvent:active {
	background: url("img/dzine/icons/garbage.png") no-repeat 0 50%;
	padding-left: 20px;
	outline: none;
	zoom: 1;
}

a.faq, a.faq:active {
	text-decoration: none;
	background: url("img/dzine/icons/about.png") no-repeat 0 50%;
	padding-left: 20px;
	outline: none;
	zoom: 1;
}

a.guestbook_toggle, a.guestbook_toggle:active {
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 20px;
	outline: none;
	zoom: 1;
}

a.guestbook_toggle.enable {
	background-image: url("img/dzine/icons/book_blue_check.png");
}

a.guestbook_toggle.disable {
	background-image: url("img/dzine/icons/book_blue_delete.png");
}

a.rating_toggle, a.rating_toggle:active {
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 20px;
	outline: none;
	zoom: 1;
}

a.rating_toggle.enable {
	background-image: url("img/dzine/icons/star_yellow_check.png");
}

a.rating_toggle.disable {
	background-image: url("img/dzine/icons/star_yellow_delete.png");
}

a.comment, a.comment:active {
	background: url("img/dzine/icons/message.png") no-repeat 0 50%;
	padding-left: 20px;
	outline: none;
	zoom: 1;
}

a.comment.disabled, a.comment.disabled:active {
	background-image: url("img/dzine/icons/garbage_empty.png");
}

a.delete, a.delete:active {
	background: url("img/dzine/icons/garbage_empty.png") no-repeat 0 50%;
	padding-left: 20px;
	outline: none;
	zoom: 1;
}

a.add, a.add:active {
	background: url("img/dzine/icons/add.png") no-repeat 0 50%;
	padding-left: 20px;
	outline: none;
	zoom: 1;
}

a.preview, a.preview:active {
	background: url("img/dzine/icons/magnifying_glass.png") no-repeat 0 50%;
	padding-left: 20px;
	outline: none;
	zoom: 1;
}

a.add-titel, a.add-titel:active {
	line-height: 24px;
	background: url("img/dzine/icons/add.png") no-repeat 0 50%;
	padding-left: 20px;
	outline: none;
	zoom: 1;
}

a.add-element, a.add-element:active {
	line-height: 24px;
	background: url("img/dzine/icons/add.png") no-repeat 0 50%;
	padding-left: 20px;
	outline: none;
	zoom: 1;
}


/* Buttons
----------------------------------------------- */

div.buttons {
	overflow: hidden;
	width: 100%;
}

a.standard {
	float: left;
	margin-right: 8px;
	background: transparent url("img/dzine/buttons/button-standard-links.png") no-repeat top left;
	display: block;
	line-height: 14px;
	height: 22px;
	padding-left: 7px;
	text-decoration: none;
	font-weight: bold;
}
a.standard  span {
	background: transparent url("img/dzine/buttons/button-standard-rechts.png") no-repeat top right;
	display: block;
	padding: 4px 7px 4px 0;
	color: #fff;
	font-weight: bold;
}
a.standard:hover {
	background-position: bottom left;
}
a.standard:hover span {
	background-position: bottom right;
	color: #fff;
}

a.prominent {
	float: left;
	margin-right: 8px;
	background: transparent url("img/dzine/buttons/button-prominent-links.png") no-repeat top left;
	display: block;
	line-height: 14px;
	height: 22px;
	padding-left: 7px;
	text-decoration: none;
	font-weight: bold;
}
a.prominent  span {
	background: transparent url("img/dzine/buttons/button-prominent-rechts.png") no-repeat top right;
	display: block;
	padding: 4px 7px 4px 0;
	color: #fff;
	font-weight: bold;
}
a.prominent:hover {
	background-position: bottom left;
}
a.prominent:hover span {
	background-position: bottom right;
	color: #fff;
}

a.suche {
	float: left;
	background: transparent url("img/dzine/buttons/button-suche-links.png") no-repeat top left;
	display: block;
	line-height: 14px;
	height: 22px;
	padding-left: 7px;
	text-decoration: none;
	font-weight: bold;
}
a.suche  span {
	background: transparent url("img/dzine/buttons/button-suche-rechts.png") no-repeat top right;
	display: block;
	padding: 4px 7px 4px 0px;
	color: #fff;
	font-weight: bold;
}
a.suche:hover {
	background-position: bottom left;
}
a.suche:hover span {
	background-position: bottom right;
	color: #000;
}

a.reservierung {
	float: left;
	background: transparent url("img/dzine/buttons/button-reservierung-links.png") no-repeat top left;
	display: block;
	line-height: 14px;
	height: 22px;
	padding-left: 7px;
	text-decoration: none;
	font-weight: bold;
}
a.reservierung  span {
	background: transparent url("img/dzine/buttons/button-reservierung-rechts.png") no-repeat top right;
	display: block;
	padding: 4px 7px 4px 0px;
	color: #fff;
	font-weight: bold;
}
a.reservierung:hover {
	background-position: bottom left;
}
a.reservierung:hover span {
	background-position: bottom right;
	color: #000;
}


/* Colorbox
----------------------------------------------- */
div.colorbox-dialog div {
	padding: 10px;
}


/* Tabs
----------------------------------------------- */

ul.tabs {
	list-style: none;
	margin: 0 !important;
	padding: 0;
	border-bottom: 1px solid #b3b3b3;
	height: 24px;
}

ul.tabs li {
	float: left;
	text-indent: 0;
	padding: 0;
	margin: 0 !important;
	list-style-image: none !important;
}

ul.tabs a {
	background: url("img/dzine/tabs.bg-blau.png") no-repeat -420px 0;
	display: block;
	height: 24px;
	line-height: 24px;
	width: 134px;
	text-align: center;
	text-decoration: none;
	color: #333;
	padding: 0px;
	margin: 0px;
	top: 1px;
}

ul.tabs a:active {
	outline: none;
}

ul.tabs a:hover {
	text-decoration: none;
}

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs a.current:active, ul.tabs li.current a {
	background-position: -420px -62px;
	cursor: default !important;
	color: #000 !important;
	outline: none;
}

/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
/*ul.tabs a.s:hover 	{ background-position: -553px -31px; }*/
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
/*ul.tabs a.l:hover 	{ background-position: -248px -31px; }*/
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
/*ul.tabs a.xl:hover 	{ background-position: 0 -31px; }*/
ul.tabs a.xl.current { background-position: 0 -62px; }