@contentLeftWidth: 588px;
		@red: #970000;
		@beige: #F4EFE9;
		@creme: #E2D3C4;
		@textcolor: #594735;
		*{outline:0;color: @textcolor;font-family: Arial, Helvetica, Verdana, sans-serif;font-size: 12px;line-height: 18px}
    :link,:visited{text-decoration:none}
    ul,ol{list-style:none}
    h1,h2,h3,h4,h5,h6,pre,code{font-size:1em;}
    ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0}
    a img,:link img,:visited img,fieldset{border:none}
    .frame {
    	margin: 2px;
    	float: left;
    }
		.whiteBorder {
			border: 1px solid #FFF;
		}
		.text-shadow {
    	text-shadow: 0 1px 0 #FFF;
		}
		.border-dotted {
			border-top: 1px dotted #d2bfac;
		}
		.border-radius {
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
		}
		.border-top-radius {
			-moz-border-radius: 5px 5px 0 0;
      -webkit-border-radius: 5px 5px 0 0;
		}
    .serif {
    	font-family: Georgia, Times New Roman, Times, serif;
      font-weight: normal;
    	}
    .h1 {
    	font-family: 'Zapfino';
      font-weight: normal;
    	font-size: 70px;
    	line-height: 86px;
    	}
    .h2 {
      .serif;
			.text-shadow;
    	color: @red !important;
    	font-size: 14px;
    	letter-spacing: 2px;
    	text-transform: uppercase;
    	text-align: center;
    	background: url(../layout/tildel.gif) no-repeat left,url(../layout/tilder.gif) no-repeat right;
    	display: inline-block;
    	padding: 0 20px;
    	margin: 2px 0 12px;
    }
    .h3 {
      .serif;
    	font-size: 16px;
    	font-style: italic;
    	line-height: 20px;
    	margin-bottom: 10px;
    	text-align: left; 
    }
    .contentPadding {
    	padding-left: 8px;
    	padding-right: 8px;
    }
    .frameInner {
    	float: left;
    	padding: 10px;
    	text-align: center;
      .csc-textpic-text {
      	text-align: center !important;
    	}
			li {
				text-align: left;
			}
    }
    .outerWrap {
    	background: #e2d3c4;
    	.whiteBorder;
    	padding: 4px;
    }
    .innerWrap {
    	background: #f3ede7;
    	.whiteBorder;
    	padding: 2px;
    	overflow: auto;
    }
    .button {
			.border-radius;
			.text-shadow;
    	font-family: Georgia, Times New Roman, Times, serif !important;
    	color: @textcolor !important;
    	font-style: italic;
    	font-size: 15px !important;
    	background: #efe6de;
    	border: 4px solid #e2d3c4;
    	-moz-box-shadow: 0 0 2px #FFF;
    	padding: 4px 0 6px;
    	display: block;
    	text-align: center;
    	text-decoration: none !important;
    	&:hover {
    		background: @beige;
    	}
    }
		.scrollableWrap {
			float: left;
			background: #F4EFE9;
			.whiteBorder;
			padding: 4px;
			position: relative;
			.browse {
				width: 30px;
				height: 30px;
				display: block;
				position: absolute;
				z-index: 1;
				cursor: pointer;
			}
			.left {
				background: url(../layout/left.png) no-repeat;
				left: -11px;
			}
			.right {
				background: url(../layout/right.png) no-repeat;
				right: -11px;
			}
			.csc-textpic {
				.whiteBorder;
				position: relative;
				overflow: hidden;
				.csc-textpic-imagewrap {
					overflow: hidden;
					background: #000;
					width: 20000em !important;
					position: absolute;
					.csc-textpic-imagerow {
						clear: none;
						float: left;
						position: relative;
						overflow: hidden;
						.csc-textpic-image {
							margin: 0;
						}
						.csc-textpic-caption {
							color: #FFF;
							position: absolute;
							bottom: 0;
							left: 0;
							margin-bottom: 0;
							padding: 8px;
							background: url(../layout/blacktrans.png);
						}
					}
				}
			}
		}
		span {
			.text-shadow;
		}
		p {
			.text-shadow;
      .contentPadding;
			text-align: left;
			margin-bottom: 10px;
			a {
				color: @red;
				&:hover {
					text-decoration: underline;
				}
			}
		}
    ul {
      .contentPadding;
    }
    h1 {
			.h1;
    	}
    h2 {
      .h2;
    }
    h3 {
			.contentPadding;
      .h3;
			a {
				.h3;
				color: #FFF;
				&:hover {
					text-decoration: underline;
				}
			}
    }
    .frameNormal {
      .frame;
    	.whiteBorder;
    	background: @creme;
    	padding: 4px;
      .frameInner {
        .whiteBorder;
        background: @beige;
    	}
			h3, h3 span a {
				color: @textcolor;
			}
			h3 span a {
				color: @red;
			}
    }	
    .frameRed {
      .frame;
    	border: 1px solid #b20909;
    	background: #c13838;
    	padding: 4px;
    	dd.csc-textpic-caption {
    		background: url(../layout/tildelr.gif) no-repeat left 22px, url(../layout/tilderr.gif) no-repeat right 22px;
    		font-family: Georgia, Times New Roman, Times, serif;
    		color: #FFF;
    		letter-spacing: 2px;
    		text-transform: uppercase;
    		display: inline-block;
    		padding: 14px 20px 0;
    		font-size: 14px;
    	}
      .frameInner {
        border: 1px solid #940808;
        background: #940808;
				width: 918px;
				padding: 5px;
    	}
      h1 {
        color: #FFF;
    	}
      h3 {
        color: #e29898;
				padding-left: 13px;
				padding-right: 13px;
    	}
    }
    input, textarea {
    	background: @creme;
    	.whiteBorder;
			.border-radius;
    	padding: 5px;
    	width: 269px;
			float: left;
      &:focus {
    	 border-color: @creme;
    	 background: #FFF;
    	}
    }
    textarea {
  	 width: 560px;
  	 }
    label {
      display: block;
      padding: 0 0 3px 5px;
    }
		.csc-textpic-image {
			padding: 0 !important;
			background: 0 !important;
		} 
		#ui-datepicker-div {
			-moz-box-shadow: 0 0 5px #000;
			-webkit-box-shadow: 0 0 5px #000;
		}
		.datepicker {
			background-image: url(../layout/calendar.png);
			background-repeat: no-repeat;
			background-position: 104px 4px;
		}
    #admPanel {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      .typo3-editPanel {
       	position: relative;
        z-index: 1000;
       	float: left;
      	position: relative;
      	margin: -34px 0 0 7px;
      	width: auto !important;
        opacity: 0.4;
      	&:hover {
      		opacity: 1;
      	}
      }
      .typo3-editPanel-controls {
        border: 0;
      	background: @creme !important;
      	padding: 8px 8px 4px 4px;
      	border-top: 1px solid #FFF;
      	border-right: 1px solid #FFF;
      }
    }
    body {
      background: url(../layout/page_background.png) repeat-x #7D0000;
    	#pageWrap {
    		width: 960px;
    		margin: 20px auto;
      	#headWrap {
      		.outerWrap;
					position: relative;
					z-index: 1;
      		#head {
      			background: url(../layout/verlauf_beige.png) repeat-x;
      			.whiteBorder;
      			position: relative;
      			margin-bottom: 4px;
						.tx-srlanguagemenu-pi1 {
							position: absolute;
							top: -1px;
							right: 29px;
							img {
								display: none;
							}
							.tx-srlanguagemenu-pi1-flag {
								display: block;
							}
							.NO, .INACT {
								padding: 8px 3px 8px;
							}
							.INACT img {
								display: none;
							}
							.CUR {
								-moz-border-radius: 0 0 5px 5px;
								-webkit-border-radius: 0 0 5px 5px;
								border: 1px solid #FFF;
								background: #E2D3C4;
								border-top: 0;
								padding: 8px 2px 7px;
							}
						}
            #videoLink {
      				background: url(../layout/klappe.gif) no-repeat left;
      				position: absolute;
      				height: 44px;
      				left: 390px;
        			top: 56px;
      				padding: 4px 0 0 51px;
      				span {
								.text-shadow;
      					font-family: Georgia, Times New Roman, Times, serif !important;
      					color: @textcolor !important;
      					font-style: italic;
      					font-size: 15px !important;
      				}
						}
      			.tx-macinasearchbox-pi1 {
      				position: absolute;
      				right: 24px;
      				top: 73px;
      				input {
      					background-color: #e3cca7;
      					border: 0;
      					float: left;
      				}
      				#sword {
      					-moz-border-radius: 5px 0 0 5px;
      					-webkit-border-radius: 5px 0 0 5px;
      					padding: 7px;
      					width: 256px;
								border-bottom: 1px solid #fbf1dd;
      				}
      				#ssubmit {
      					background-image: url(../layout/lupe.gif);
      					background-position: 7px 7px;
      					background-repeat: no-repeat;
      					width: 30px;
      					height: 30px;
      					-moz-border-radius: 0 5px 5px 0;
      					-webkit-border-radius: 0 5px 5px 0;
								border-bottom: 1px solid #fbf1dd;
      				}
      			}
      		}
      		.mainMenu {
      			position: relative;
      			background: @beige;
      			.whiteBorder;
      			height: 28px;
      			padding: 0 10px;
      			li {
      				display: block;
      				float: left;
      				a {
								.text-shadow;
      					color: #7e6348;
      					display: block;
      					float: left;
      					font-family: Georgia, Times New Roman, Times, serif;
      					font-size: 16px;
      					text-transform: uppercase;
      					padding: 5px 20px;
      					&:hover {
      						color: @textcolor;
      					}
      				}
						}
      			.active {
							.border-top-radius;
      				background: #a50000;
      				border: 1px solid #8c0000;
      				margin-top: -12px;
      				padding: 4px 4px 0;
      				border-bottom: 0;
      				height: 42px;
      				a, a:hover {
								text-shadow: none;
      					background: #8c0000;
      					padding: 10px 16px 18px;
      					color: #FFF;
      					position: relative;
      					z-index: 1;
      				}
      				ul {
      					position: absolute;
      					top: 34px;
      					left: -6px;
      					background: url(../layout/subnavi_bg.png) no-repeat;
      					width: 960px;
      					z-index: -1;
      					padding: 0 10px;
								.active a {
									color: #fff;
								}
								li {
									background: 0;
									border: 0;
									position: relative;
									margin: 0;
									padding: 0;
									a {
										text-transform: none;
										font-size: 14px;
										background: 0;
										color: #dd9f9f;
										&:hover {
											background: 0;
										}
									}
								}
								.hassub {
									&:hover {
										.border-top-radius;
        						background: @creme;
										border-bottom: 0 !important;
										margin-top: 5px;
										border: 1px solid #FFF;
										border-bottom: 0;
										height: 31px;
										a {
    									background: @beige;
											padding: 3px 10px 7px;
											border: 1px solid #FFF;
											-moz-border-radius: 3px 3px 0 0;
											-webkit-boder-radius: 3px 3px 0 0;
											margin: 4px 4px 0;
											display: block;
											color: @textcolor;
											z-index: 100;
											position: relative;
										}
										.submenu {
											display: block;
										}
									}
									.submenu {
										display: none;
										background: @creme;
										border: 1px solid #FFF;
										position: absolute;
										left: -1px;
										top: 30px;
										margin: 0;
										width: 270px;
										z-index: -1;
										padding: 4px 4px 3px;
										.active {
											border: 0;
											height: auto;
											a {
												color: @red;
											}
										}
								  	li {
											border: 0;
											background: 0;
											&:hover {
												margin: 0;
											}
											a {
												font-family: Arial, Verdana, Sans-serif;
												.text-shadow;
												color: @textcolor;
												font-size: 12px;
												display: block;
												width: 248px;
												-moz-border-radius: 0;
												-webkit-border-radius: 0;
												margin: 0;
												border: 1px solid #FFF;
												margin-bottom: 1px;
												padding: 6px 10px 5px;		
												&:hover {
													color: @red;
													background: #f8f4f1;
												}											
											}
										}
									}
								}
							}
      			}
      		}
      	}
			}
      	#contentWrap {
      		.outerWrap;
      		margin: 51px 0 10px;
					position: relative;
					z-index: 0;
      		#content {
      			.innerWrap;
						overflow: visible;
      			table {
      				border-spacing: 0;
      				border-collapse: collapse;
      				tr {
      					th p {
      						color: @red;
      						font-weight: normal;
      					}
      					td p, th p {
      						margin: 0;
      						padding: 0;
      					}
      					td {
      						.border-dotted;
      					}
      					td, th {
      						padding: 8px;
      					}
      				}
      			}
      			#kontakt {
							padding: 8px;
      				.row {
      					clear: left;
      					margin-bottom: 10px;
      					overflow: auto;
								float: left;
								#anmeldung_infos {
									margin-left: 5px;
								}
        				.left {
        					margin-right: 10px;
        				}
                .left,.right {
        					width: 281px;
        					float: left;
        					text-align: left;
        				}
        				.plz {
        					margin-right: 10px;
                  float: left;
        				  input {
        					 width: 50px;
        				  }
        				}
        				.ort {
                  float: left;
                  input {
        					 width: 197px;
                  }
        				}
      				}
      				.textarea {
      					text-align: left;
      				}
      				.button {
      					width: 100px;
      				}
							.datepicker {
								background-position: 259px 4px;
							}
							#kontakt_infos, #kontakt_gutschein {
								width: auto;
								margin: 6px 2px 0 5px;
							}
      				#anmeldung_infos {
      					width: auto;
      					float: left;
      					margin-top: 3px;
      				}
							#kontakt_gutschein_betrag {
								width: 50px;
								margin: 0 5px;
							}
      				.newsletter label, .gutschein label {
      					float: left;
								margin-top: 4px;
      				}
      				ul {
      					text-align: left;
      				}
      				#formErrorMsg li,
      					label.error {
      					color: @red;
      				}
      				#kontakt_submit:hover {
      					cursor: pointer;
      				}
      				.submit {
      					float: right;
      				}
      			}
      			ul {
      				margin-bottom: 10px;
      				li {
      					background: url(../layout/tildel.gif) no-repeat left 8px;
      					padding: 0 20px;
								margin-bottom: 10px;
      				}
      			}
      			#contentTop {
      				.typo3-editPanel-controls {
      					padding: 8px;
      					.whiteBorder;
      				}
      				.typo3-editPanel {
      					margin: -34px 0 0 2px;
      				}
      				.csc-textpic-above {
      					margin: 2px;
      					float: left;
      					.whiteBorder;
      					height: 341px;
      					overflow: hidden;
								position: relative;
      					ul, li {
      						padding: 0;
      					}
								.csc-textpic-imagewrap {
									z-index: 1;
									.csc-textpic-imagerow ul, .csc-textpic-image {
										margin-bottom: 0;
									}
									.csc-textpic-image {
										margin: 0;
									}
									.csc-textpic-caption {
										text-align: center;
										color: #FFF;
										position: absolute;
										bottom: 37px;
										left: 70px;
										margin-bottom: 0;
										text-shadow: 0 0 5px #000;
										.h1;
									}
								}
      				}
      			}
      			#contentLeft {
      				float: left;
      				width: 624px;
      				clear: both;
							.tx-lumogooglemaps-pi1 {
								.whiteBorder;
								margin: 0 -6px -6px;
								height: 400px;
								.image {
									float: left;
									margin-right: 10px;
								}
								.address {
									text-align: left;
								}
								.description {
									clear: left;
								}
								#gmapDirButtonTo {
									.button;
								}
								#gmapDirSaddr {
									background: @beige;
    							border: 1px solid @creme;
    							width: 269px;
      						&:focus {
    							 border-color: @creme;
    							 background: #FFF !important;
									}
								}
							}
							.tx_lumogooglemaps_pi1_sidebar {
								display: none;
							}
							.csc-textpic-intext-left-nowrap {
								.csc-textpic-single-image {
									margin-bottom: -6px !important;
									img {
										margin-bottom: 0;
									}
								}
							}
							.csc-textpic-above .csc-textpic-imagewrap {
      					float: left !important;
								margin: -5px 0 -5px -5px;
								img {
									margin-bottom: 0;
								}
								.csc-textpic-image {
      						border: 1px solid #FFF !important;
									position: relative;
      						margin: -1px 5px -1px -1px !important;
									overflow: hidden;
									.csc-textpic-caption {
										color: #FFF;
										position: absolute;
										bottom: 0;
										left: 0;
										margin-bottom: 0;
										padding: 8px;
										background: url(../layout/blacktrans.png);
										width: 100%;
									}
								}
								.csc-textpic-lastcol {
									margin-right: 0 !important;
								}
      				}
							.csc-textpic-single-image {
      					border: 1px solid #FFF !important;
								position: relative;
      					margin: -6px 0px 10px -6px !important;
							}
							.scrollableWrap {
  							width: 600px;
  							.browse {
    							top: 191px;
  							}
 							 	.csc-textpic {
    							height: 399px;
    							.csc-textpic-imagewrap {
										margin: 0 !important;
										border: 0 !important;
  			    				.csc-textpic-imagerow {
      			  				height: 399px;
											.csc-textpic-image {
												.csc-textpic-caption {
													width: 582px;
												}
											}
     			 					}
    							}
  							}
							}
							applet {
								.whiteBorder;
								margin: 2px;
							}
      				.frameInner, table {
      					width: @contentLeftWidth;
      				}
							.frameInner {
								ul li a {
									color: @red;
								}
							}
							.teaser {
								width: 276px;
							}
							.tx_kuloplayer_pi1-player {
  							p {
    							display: none;
  							}
							}
							.tx-indexedsearch {
								.browsebox {
									padding: 0 5px;
									float: left;
									margin-bottom: 20px;
									li {
										float: left;
										background: 0;
										padding: 0;
										margin: 0;
										a {
											.button;
											padding: 4px 10px 6px;
											margin: 0 5px;
											font-family: Arial, Verdana, sans-serif !important;
											font-size: 12px !important;
											font-style: normal;
										}
										strong a {
											font-weight: normal;
											color: @red !important;
										}
									}
								}
								.tx-indexedsearch-res {
									clear: left;
								}
								.searchBox {
									#searchInput {
										float: left;
										padding: 10px 10px 11px;
										margin: 0 10px 0 8px;
										width: 271px;
									}
									#searchButton {
										.button;
										float: left;
									}
								}
								.tx-indexedsearch-whatis {
									.h2;
									margin: 10px 0;
									span {
										.h2;
										background: 0;
										padding: 0;
										margin: 0;
									}
								}
								.tx-indexedsearch-browsebox {
									clear: left;
								}
								.tx-indexedsearch-res {
									.res {
										.border-dotted;
										padding: 15px 0;
										h3 {
											.tx-indexedsearch-percent {
												float: right;
											}
										}
										.tx-indexedsearch-descr strong {
											color: @red;
										}
									}
								}
							}
      			}
      			#contentRight {
      				float: right;
      				width: 320px;
      				.frameInner {
      					width: 284px;
								ul li a {
									color: @red;
								}
      				}
							#coop {
								img {
									margin: 0 5px;
								}
							}
							.wandermenu {
								.frameNormal;
								padding-bottom: 3px;
								.frameInner {
									padding-bottom: 0;
									margin-bottom: 1px;
								}
								.csc-menu {
									float: left;
									margin: 0;
									padding: 0;
									li {
										margin: 0;
										background: 0;
										padding: 0;
										a {
											.whiteBorder;
											padding: 6px 10px 5px;
											margin: 0 0 1px;
											display: block;
											background: @beige;
											&:hover {
												background: #f8f4f1;
												color: @red;
											}
										}
									}
									.active a {
										color: @red;
									}
								}
							}
							#anfrageSmall {
								width: 286px;
								height: 190px;
								padding: 8px;
								.row {
									width: 128px;
									float: left;
									margin: 0 10px 6px 0;
									input {
										width: 116px;
									}
								}
								.submit {
									margin: 12px 0 0 0;
									float: left;
									width: 300px;
									#anmeldung_submit {
										width: 266px;
										cursor: pointer;
									}
								}
							}
							.scrollableWrap {
  							width: 296px;
  							.browse {
    							top: 93px;
  							}
 							 	.csc-textpic {
    							height: 196px;
    							.csc-textpic-imagewrap {
										margin: 0 !important;
										border: 0 !important;
  			    				.csc-textpic-imagerow {
      			  				height: 196px;
											.csc-textpic-image {
												.csc-textpic-caption {
													width: 278px;
												}
											}
     			 					}
    							}
  							}
							}
							.square {
  							width: 296px;
  							.browse {
    							top: 137px;
  							}
 							 	.csc-textpic {
    							height: 294px;
    							.csc-textpic-imagewrap {
  			    				.csc-textpic-imagerow {
      			  				height: 294px;
     			 					}
    							}
  							}
							}
      				.csc-textpic-above .csc-textpic-imagewrap {
      					border: 1px solid #FFF !important;
      					margin: -6px 0 10px -6px !important;
      					float: left !important;
      				}
      				.csc-textpic .csc-textpic-single-image img {
      					margin: 0 !important;
      				}
      				#hotelbewertungen {
      					#trivago_certificate_245336_280 {
      						margin: 0 !important;
      						div, a {
      							color: @textcolor !important;
      						}
      						.trivago_head {
										.h2;
										font-family: Georgia, Times New Roman, Times, serif !important;
    								font-size: 14px !important;
    								letter-spacing: 2px !important;
      						}
      						.trivago_partner {
      							margin-bottom: 10px;
      							.trivago_partner a {
      								color: @textcolor !important;
      								&:hover {
      									text-decoration: none !important;
      									color: @red !important;
      								}
      							}
      						}
                  .trivago_provider {
                    .button;
                  }
      					}
      				}
      			}
						#contentBottom {
							.frameNormal;
							clear: both;
							.csc-textpic-imagewrap {
								.frameInner;
								padding: 2px;
								float: left;
								width: 924px !important;
								.csc-textpic-imagerow {
									.whiteBorder;
									margin: 2px;
									float: left;
									clear: none;
									overflow: hidden;
									.csc-textpic-image {
										margin-bottom: -7px;
									}
								}
							}
						}
      			#social {
      				clear: both;
      				margin: auto;
      				width: 290px;
      				padding: 5px 0;
      				overflow: auto;
      				span {
      					float: left;
      					background: url(../layout/tildel.gif) no-repeat left;
      					padding-left: 20px;
      					margin-right: 10px;
      				}
      				.tx-timtabsociable-pi1 {
      					float: left;
      					background: url(../layout/tilder.gif) no-repeat right;
      					padding-right: 15px;
      					a {
      						margin-right: 5px;
      						padding-top: 1px;
      						display: block;
      						float: left;
      					}
      				}
      			}
      		}
      	}
      	#footerWrap {
      		.outerWrap;
      		#footer {
      			.innerWrap;
      			.footerBox {
      				padding: 15px;
      				text-align: center;
      				width: 284px;
      				float: left;
      			}
      			#anschrift {
      				p {
      					text-align: center;
      				}
      				a {
      					color: @red;
      				}
      			}
      			#metaMenu {
        			list-style-type:none;
      				li {
      					margin-bottom: 10px;
      				}
      				.first a {
        				border-left-width: 0;
      				}
      				a {
        				display: block;
								.text-shadow;
      					&:hover {
      						color: @red;
      					}
      				}
      			}
      		}
      	}
      }

#facebook {
  left:591px;
  position:absolute;
  top:3px;
}
#facebook iframe { height:69px !important; width: 258px !important; }


td.align-center p {
	text-align: center;
	}

td.align-right p {
	text-align: right;
	}

div.frameInner p.align-center {
	text-align: center;
	}

body #contentWrap #content #contentRight .frameInner .csc-textpic-above .csc-textpic-imagewrap {
	border: 0 !important;
	}