@CHARSET "UTF-8";

/*
	-moz-box-shadow:0 0 34px #000000;
	-webkit-box-shadow:0 0 34px #000000;
	box-shadow:0 0 34px #000000;
*/

/* change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers	*/

body {
	text-align:left;
	background: url("../img/decoration/background.png") repeat-x scroll 0 0 #262626;
	color:#ffffff;
	font-size:100%;
}

.span-label {
}

.page-admin {
	width:700px;
	margin-left:auto;
	margin-right:auto;
}

/* Avoid page breaks right after headings */

h1,h2,h3,h4,h5,h6 {
	page-break-after:avoid;
}

.fright {
	float:right;
}

/**
 * Formatting base layout
 */

body {
	overflow-y:scroll;
}


/* Marginal areas & page background */

/* Centering layout in old IE-versions */


.wrapper {
	text-align:left;
	margin:0 auto;
}

/* Layout:width, background, borders */

.wrapper {
	min-width:740px;
	max-width:80em;
	background:#262626;
	margin-bottom:80px;
	min-width:1045px;
	-moz-border-radius-bottomleft:18px;
	-moz-border-radius-bottomright:18px;
	
	-webkit-border-bottom-left-radius: 18px;
	-webkit-border-bottom-right-radius: 18px;
}

.page {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-bottom:20px;
	min-height:360px;
}

.clearer {
	clear:both !important;
}

/* Designing main layout elements */

#header {
	color:#000;
	background:#fff repeat-x top left;
	padding-bottom:10px;
	padding-right:20px;
	padding-top:10px;
}

#nav {
	margin-bottom:40px;
}

.topnav {
	color:#fff;
}

.hlist ul li a:focus,
.hlist ul li a:hover,
.hlist ul li a:active {
	background:none repeat scroll 0 0 #8F2E1D;
	color:#fff;
	outline: 0 none;
	text-decoration:none;
}

#topnav {
	color:#fff;
	background:transparent;
	margin-left:10px;
	margin-right:10px;
}

#topnav_left {
	float:left;
}

#topnav_right {
	float:right;
}

/* adjustment of main navigation */

#nav ul {
}

#main {
	min-width:1245px;
}

#footer {
	color:#fff;
	background:#942f1e none repeat scroll 0 0;
	padding:10px 20px;
	line-height:1.5em;
	-moz-border-radius-bottomleft:16px;
	-moz-border-radius-bottomright:16px;
	-webkit-border-bottom-left-radius: 16px;
	-webkit-border-bottom-right-radius: 16px;
}

#bottom_bar {
	background:none repeat scroll 0 0 #8F2B20;
	color:#fff;
	font-size:14px;
	line-height:1.5em;
	min-height:100px;
}

.colorlight {
	color:#ff8924;
}

/**
 * Formatting content container
 *
 * |-------------------------------|
 * | #header                       |
 * |-------------------------------|
 * | #col1 | #col3         | #col2 |
 * | 25%   | flexible      | 17%   |
 * |-------------------------------|
 * | #footer                       |
 * |-------------------------------|
 */

#col1, #col2 {
	margin-left:30px;
	margin-right:30px;
	margin-top:40px;
}

#col1 {
	width:20%;
	float:left;
}

#col1-content {
	padding:10px 10px 10px 20px;
}

#col1-navigation {
	margin-top:30px;
}

#col2 {
	/*width:20%;*/
	float:right;
}

#col2-content {
	padding:10px 20px 10px 10px;
}

#col3 {
	margin:0 25%;
	background: #262626;
	min-height:500px;
	padding:0 20px 20px;
	min-width:663px;
}

#col3-content {
	padding:10px;
	color:#fff;
	cursor:default;
	font-size:18px;
	min-width:800px;
}

.title {
	color:#ff8924;
	display:block;
	font-size:30px;
	font-weight:bold;
	margin-bottom:40px;
	text-align:center;
	text-decoration:none;
	width:100%;
}

/**
 *
 * Styling of layout specific elements
 */

#header h1 {
	 font-weight:bold;
	 font-size:2.5em;
	 letter-spacing:-2px;
	 line-height:65%;
	 color:#000;
}

h2.reservierung {
	padding-top:20px;
}

#header span {
	color:#fff;
}

#footer a,
#topnav a {
	color:#FF8924;
}

.topnav a,
#topnav a:focus,
#topnav a:hover,
#topnav a:active,
#footer a:focus,
#footer a:hover,
#footer a:active {
	color: #f9d847;
	background-color:transparent;
	text-decoration:none;
}

.topnav a:focus,
.topnav a:hover,
.topnav a:active {
	color: #ff8924;
	background-color:transparent;
	text-decoration:none;
}

#bottom_bar a {
	color:#fff;
	background:transparent;
}

#bottom_bar a:focus,
#bottom_bar a:hover,
#bottom_bar a:active {
	color: #ff8924;
	background-color:transparent;
	text-decoration:none;
}

.col3-description {
	padding-top:20px;
}

/**
 *
 * Skiplinks 
 *
 * Visual styling for skiplink navigation
 */

#skiplinks a.skip:focus,
#skiplinks a.skip:active { 
	color:#fff; 
	background:#333; 
	border-bottom:1px #000 solid;
	padding:10px 0;
	text-decoration:none;
}

/**
 * Paderschaenke Layout
 *
 */
/**
 * Formatting Bottom Bar container
 *
 * |-------------------------------|
 * | #col1	| #col3		| #col2    |
 * | 20%	| flexible	| 20%      |
 * |-------------------------------|
 */

#bottom_col1 {
	width:20%;
	float:left;
}

#bottom_col1_content {
	padding:20px;
}

#bottom_col2 {
	width:20%;
	float:right;
}

#bottom_col2_content {
	padding:20px;
}

#bottom_col3 {
	margin:0 20%;
}

#bottom_col3_content {
	padding:20px;
}

/* buttons */

.button-wrapper{
	height:24px;
	margin-top:15px;
}

.button {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	/*-webkit-box-shadow:0 0 10px #fff;*/
	box-shadow:0 0 10px #fff;
	/*box-shadow:0 0 34px #fff;*/
	
	background:#F2F2F2;
	cursor:pointer;
	float:right;
	opacity:0.8;
	padding:6px 10px;
	text-align:center;
	/* --- */
	-moz-border-radius:8px;
	/*-moz-box-shadow:0 0 10px #fff;*/
}

.button-label {
	color: #262626;
	font-size:14px;
}

.button:hover {
	/*-webkit-box-shadow:0 0 20px #ff8924;*/
	
	background:#ff8924;
	color:#fff;
	/* -- */
	/*-moz-box-shadow:0 0 20px #ff8924;*/
	box-shadow:0 0 20px #ff8924;
}

/* col1 buttons */

#col1-content .button-wrapper{
	text-align: center;
}

#col1-content .button{
	float: none;
}

/* containing floats in IE */

.hlist {
	margin-bottom:20px;
	margin-top:10px;
	width:100%;
	overflow:hidden;
	background:orangeRed;
	line-height:0;
	/* containing floats in all other browsers */
	float:left;
	display:inline;
	/* Bugfix:IE - collapsing horizontal margins */
	position:relative;
}

.hlist ul {
	margin:0;
	padding:0;
	/* Bugfix:IE - Doubled Float Margin Bug */
	display:inline;
	float:left; /* LTR */
}

.hlist ul li {
	/* Bugfix:IE - Doubled Float Margin Bug */
	display:inline;
	float:left; /* LTR */
	font-size:1.0em;
	line-height:1em;
	list-style-type:none;
	margin:0;
	padding:0;
}

.hlist ul li a,
.hlist ul li strong {
	background:transparent;
	color:#000;
	display:block;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0.5em 0.8em 0.5em 0.8em;
	text-decoration:none;
	width:auto;
}

.hlist ul li.active {
	/* Repeat the main color from the image */
	background:#272727 url("images/shiny_buttons/background_active.png") repeat-x center right;
	border-left:1px #444 solid;
	border-right:1px #888 solid;
}

.hlist ul li.active strong,
.hlist ul li.active a:focus,
.hlist ul li.active a:hover,
.hlist ul li.active a:active {
	background:transparent;
	color:#fff;
	text-decoration:none;
}

/**
 * BUTTONS
 */


/**
 * TAPAS
 */

#menu_tapas_title {
	display:block;
	font-size:25px;
	font-weight:bold;
	text-decoration:none;
	width:100%;
	text-align:center;
	color: #ff8924;
	margin-bottom:40px;
}

#tapa_container {
	float:left;
	width:100%;
	margin-bottom:10px;
	color:#fff;
	cursor:default;
}

#tapa_content {
	padding:3px;
}

#tapa_number {
	min-height:19px;
	display:block;
	float:left;
	width:20%;
	text-align:center;
	font-size:26px;
}

#tapa_info {
	display:block;
	float:left;
	width:80%;
}

#tapa_name {
	float:left;
	text-align:left;
	font-size:18px;
	margin-bottom:2px;
}

#tapa_precio {
	text-align:right;
	font-size:12px;
	margin-bottom:2px;
}

#tapa_description {
	text-align:right;
	font-size:12px;
	margin-bottom:2px;
}

/* paginator */

.paging {
	height:14px;
	margin-bottom:10px;
	margin-top:10px;
}

.paging-left, .previous{
	float:left;
	width: 60px;
}

.paging-center{
	text-align:center;
}

.paging-right, .next{
	float:right;
	width: 60px;
}

.number-pages{
	margin-top:10px;
	text-align:right;
}

/* decoration */


.pointer {
	cursor: pointer;
}

.theme_index {
	text-align:center;
}

.theme_index img {
	max-height:146px;
	max-width:146px;
}

.theme {
	height:167px;
	width:146px;
	float:left;
	margin:10px;
	max-width:146px;
	text-align:center;
}

#theme-title {
	padding-top:5px;
	text-align:center;
}

.verlinkung {
	margin-left:-45px;
	margin-bottom:30px;
	text-align: center;
}

/* posts */

.posts.list {
	margin:15px;
}

.post-wrapper {
}

.post-author.post-par {
/*	background: #262626 url(../img/decoration/post-arrow-par.png) no-repeat scroll  15px -5px;*/
	padding-left:60px;
	padding-right:5px;
	text-align:left;
}

.post-text.post-par {
	background: #ff8924;
	font-size:15px;
	padding:15px;
}

.post-author.post-impar {
/*	background: #262626 url(../img/decoration/post-arrow-impar.png) no-repeat scroll  410px -5px;*/
	text-align:right;
}
.post-text.post-impar {
	background: #ff9500;
	font-size:15px;
	padding:15px;
}

.post-container {
}

.post-author {
	font-size:12px;
	height:22px;
	padding:10px 60px 10px 5px;
}

.post-text {
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	/*-webkit-box-shadow:0 0 10px #000;*/
	
	text-align:left;
	font-size:20px;
	padding:15px;
	/* --- */
	-moz-border-radius:15px;
	/* --- */
	/*-moz-box-shadow:0 0 10px #000;*/
	box-shadow:0 0 10px #000;
}

/* forms */

.input {
	min-height:30px;
}

/* reservation form */
.tables.form {
	margin:auto;
}

#ReservationAddForm {
	height:535px;
	margin-bottom:20px;
	margin-top:10px;
	position:relative;
}

#ReservationAddForm .span-label {
	color:#fff;
	float:left;
	font-family:Helvetica;
	font-size:16px;
	text-align:right;
	width:45%;
}

#ReservationAddForm .span-label-content {
	margin-right:7px;
	position:relative;
	top:7px;
}

#ReservationAddForm #selected-table,
#ReservationAddForm .input.text,
#ReservationAddForm .input.datetime,
#ReservationAddForm .input.textarea {
	float:right;
	text-align:left;
	width:55%;
}

#ReservationAddForm #selected-table {
	color:#fff;
	float:left;
	font-family:Helvetica;
	font-size:16px;
	margin-left:4px;
	width:auto;
}

#ReservationAddForm .input-field {
	height:30px;
}

#ReservationAddForm label {
	color:#fff;
	font-family:Helvetica;
	font-size:16px;
	text-align:left;
	width:400px;
}

#ContactForm input,
#ContactForm textarea,
#UploadPhotoIndexForm .input.file input,
#UploadPhotoIndexForm .input.select select,
#UploadPhotoIndexForm .input.text input,
#FolderAddForm .input.text input,
#PostAddForm .input.textarea textarea,
#PostAddForm  #PostVisitorName,
#PostAddForm  #PostVisitorEmail,
#ReservationAddForm #selected-table,
.tables.form input, .tables.form textarea { /* #FolderAddForm .input.text input, , .admin.folder.add .input.text, */
	background:#262626 none repeat scroll 0 0;
	border-color:-moz-use-text-color -moz-use-text-color #fff;
	border-style:none none solid;
	border-width:medium medium 1px;
	color:#fff;
	font-family:Helvetica;
	font-size:16px;
/*	margin:3px; */
	padding:3px;
	text-align:left;
	width:355px;
}

#MemberLoginForm .input.text input,
#MemberLoginForm .input.password input {
	background:#262626 none repeat scroll 0 0;
	border-color:-moz-use-text-color -moz-use-text-color #fff;
	border-style:none none solid;
	border-width:medium medium 1px;
	color:#fff;
	font-family:Helvetica;
	font-size:16px;
/*	margin:3px; */
	padding:3px;
	text-align:left;
	width: 370px;
}

#ContactForm input,
#ContactForm textarea {
/*	margin: 0; */
}

#FolderAddForm .input.text input{
	width:330px;
	float:right;
}


#UploadPhotoIndexForm .input.file input,
#UploadPhotoIndexForm .input.select select,
#UploadPhotoIndexForm .input.text input {
	width:300px;
	font-size:14px;
}

#UploadPhotoIndexForm .input.text input {
	width:296px;
	font-size:14px;
}

#ContactForm textarea,
.tables.form textarea,
#PostAddForm .input.textarea textarea {
	border-color:-moz-use-text-color -moz-use-text-color #fff;
	border-style:none none solid solid;
	border-width:medium medium 1px 1px;
}

#PostAddForm .input.textarea textarea {
	height:80px;
	width:100%;
}

#MemberLoginForm label, .admin label {
	color:#fff;
	font-size:17px;
	float:left;
	height:20px;
	padding-top:10px;
}

#MemberLoginForm .input.text input,
#MemberLoginForm .input.password input {
	float:right;
}

.admin .input-wrapper {
	height:27px;
	margin-bottom:10px;
}

.admin .input-wrapper .label {
	float:left;
}

.admin .input-wrapper .input {
	float:right;
}

.selected-table-text img {
	float:left;
	width:140px;
}

.selected-table {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	
	-moz-border-radius:10px;
	float:left;
	background:#ff8924 none repeat scroll 0 0;
	color:#fff;
	font-size:35px;
	height:33px;
	padding:5px;
	text-align:center;
	width:50px;
}

/*mapa*/
#tables-image{
	text-align: center;
}


/* ERRORS */

.reservation-errors {
	color: #942f1e;
	font-size:22px;
	margin-bottom:20px;
	margin-left:50px;
	margin-top:20px;
	padding:10px;
}


/* BASE */

.previous.disabled, .next.disabled, .disabled {
	color:#848484;
}

/* ADMIN */

.admin {
	font-size:20px;
}

.admin .title {
	border-bottom:medium solid #ff9c24;
	border-color:#8f2e1d;
	color: #8f2e1d;
	margin-bottom:5px;
	margin-top:15px;
	margin-bottom:15px;
	padding-bottom:5px;
}

.admin th.actions,
.admin th {
	padding-left:5px;
	padding-right:5px;
	font-size:16px;
}

.admin th,
.admin a {
	padding-bottom:5px;
	padding-top:5px;
}


.admin th {
	color: #ff8924;
	background: transparent;
	text-decoration: none;
	text-align: center;
}

.admin.photos.index tr {
	text-align:center;
	font-size:12px;
}

.table_admin {
	width:439px;
	padding:5px;
	color:#fff;
	font-size:17px;
}
.actions {
	text-align: center;
}


.tables.errors,
.page-description {
	color:#fff;
	font-size:18px;
	margin-left:80px;
	margin-right:80px;
	width:auto;
	line-height:1.2;
}

.tables.index #new-selection {
	margin-top:20px;
	color:#ff8924;
}

.form_error,
.tables.errors {
	color: #8f2e1d;
}

#ContactForm .input-field,
#ContactForm .input textarea {
	font-size:16px;
	margin-bottom:10px;
	margin-top:10px;
}

.line-height-1-2{
	line-height:1.2;
}

#find-us-map {
	margin-top:30px;
}

.span-label .span-label-content {
	color: #ff8924;
}

.edit-photo-description,
.edit-photo-folder,
.edit-photo-img {
	color:#ffffff;
	margin-top:5px;
}

#EditPhotoForm {
	height:53px;margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	width:500px;
}

#EditPhotoForm  .edit-photo-form {
	background:#262626;
	border-color:none none #FFFFFF;
	border-style:none none solid;
	border-width:medium medium 1px;
	color:#FFFFFF;
	font-family:Helvetica;
	font-size:16px;
	padding:3px;
	text-align:left;
	width:300px;
}

#EditPhotoForm  #folder_id {
	width:308px;
}

/* SLIDESHOW */

#slide-images{
    position:relative;
    display:block;
    margin:0px;
    padding:0px;
    width:663px;
    height:300px;
    overflow:hidden;
}

#slide-images li{
    position:absolute;
    display:block;
    list-style-type:none;
    margin:0px;
    padding:0px;
    background-color:#FFFFFF;
}

#slide-images li img{
    display:block;
    background-color:#FFFFFF;
}