@charset "utf-8";
@font-face {
	font-family: 'DIN-Medium';
	src: url('./fonts/din-medium.eot');
    src: url('./fonts/din-medium.eot?#iefix') format('embedded-opentype'),
         url('./fonts/din-medium.woff') format('woff'),
         url('./fonts/din-medium.ttf') format('truetype'),
         url('./fonts/din-medium.svg#din-medium') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* -- Global Reset -- */
body, html {  height:100%; width:100%;}

* { padding:0; margin:0;}
*:focus { outline:none }

p { margin-bottom:12px;}
textarea { resize:vertical; overflow:auto; font-family:Arial, Helvetica, sans-serif}

ul {padding-left:23px;}
ul li {}

ol {padding-left:23px;}
ol li {}
img { border:0}

a,button, img  {
 -webkit-transition: color .13s  ease-in-out, border-color .13s  ease-in-out, background-color .13s  ease-in-out, opacity .15s  ease-in-out, box-shadow .25s  ease-in-out;
 -o-transition:  color .13s  ease-in-out, border-color .13s  ease-in-out, background-color .13s  ease-in-out, opacity .15s  ease-in-out, box-shadow .25s  ease-in-out;
 -moz-transition:  color .13s  ease-in-out, border-color .13s  ease-in-out, background-color .13s  ease-in-out, opacity .15s  ease-in-out, box-shadow .25s  ease-in-out;
 transition: color .13s  ease-in-out, border-color .13s  ease-in-out, background-color .13s  ease-in-out, opacity .15s  ease-in-out, box-shadow .25s  ease-in-out;
}

a { color:#666}
a:hover { text-decoration:none}
noscript.msg div{
	background-color:#C00;
	color:#fff;
	font-size:14px;
	padding:10px 20px;
	display:block;
}

a.btnBack{
	width:36px;
	height:37px;
	display:block;
	background-color:#6b9419;
	background-image:url(/gfx/btn-bg-left.png);
	background-position: 1px 1px;
	background-repeat:no-repeat;
	text-indent:-9999em;
}
a.btnBack:hover{ background-color:#83714c}

/* -- -- */
body  {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #888889;
	background-image:url(/gfx/body-bg.png);
	background-position:center top;
	text-align: center;
	color: #645f60;
}
/* -- Layout -- */
#header,
#teaser,
#inner,
#footer {
	width: 1150px;
	margin: 0 auto;
	text-align: left;
}
#outerheader { background-image:url(/gfx/header-bg.png)}
#outerteaser { }
#outercontent {background-color:#fff; border-top:1px solid #e1e1e2}
#outerfooter { }

/* -- Header -- */
#header { position:relative; height:144px}
#header div#logo {}
#header div#logo a {
	display:block;
	overflow:hidden;
	background-image:url(/gfx/hotel-mara-logo.png);
	width:244px;
	height:212px;
	position:absolute;
	text-indent:-999em;
	left:50%;
	margin-left:-122px;
	top:0;
}

/* -- Navigation -- */
ul.navi { margin:0; padding:0}
ul.navi li{ float:left; margin:0; padding:0; list-style:none}
ul.navi li a{}
ul.navi li a:hover{}

/* -- Hauptnavi -- */
ul#mainmenu {}
ul#mainmenu li{}
ul#mainmenu li a{}
ul#mainmenu li a:hover{}

/* -- Topmenu -- */
ul#langmenu { position:absolute; right:0; top:76px}
ul#langmenu li{ margin-left:10px;}
ul#langmenu li a{
	color:#999;
	-moz-text-shadow: 0 1px 0 white;
	-webkit-text-shadow: 0 1px 0 white;
	-o-text-shadow: 0 1px 0 white;
	text-shadow: 0 1px 0 white;
	text-decoration:none;
	font-size:12px;
}
ul#langmenu li a.active{ color:#333;}
ul#langmenu li a:hover{ color:#5f880c;}

/* -- Socialmenu -- */
ul#socialmenu {position:absolute;right:0;top:41px;}
ul#socialmenu li{}
ul#socialmenu li a{
	width:20px;
	height:21px;
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-left:6px;
	background-image:url(/gfx/social-sprite.png);
	-moz-opacity:.5;
	-webkit-opacity:.5;
	-o-opacity:.5;
	opacity:.5;
	filter: alpha(opacity=50);
}

ul#socialmenu li.twitter a{ background-position: 0 0}
ul#socialmenu li.facebook a{ background-position: -20px 0}
ul#socialmenu li.google a{ background-position:-40px 0}

ul#socialmenu li a:hover{
	-moz-opacity:1;
	-webkit-opacity:1;
	-o-opacity:1;
	opacity:1;
	filter: alpha(opacity=100);
}

/* -- Footermenu -- */
ul#footermenu { font-size:13px; padding-left:0px}
ul#footermenu li{}
ul#footermenu li a{ text-decoration:none; display:block; padding:5px 7px;}
ul#footermenu li a:hover{}

/* -- Teaser -- */
#teaser { padding-top:45px;}
*+html #teaser { position:relative; z-index:3}
#teaser h2 {
	font-family: 'DIN-Medium', Arial, sans-serif;
	text-transform:uppercase;
	color:#fff;
	font-weight:normal;
	-moz-text-shadow: 0 1px 0 rgba(0,0,0, .2);
	-webkit-text-shadow: 0 1px 0 rgba(0,0,0, .2);
	-o-text-shadow: 0 1px 0 rgba(0,0,0, .2);
	text-shadow: 0 1px 0 rgba(0,0,0, .2);
	font-size:30px;
	margin-bottom:25px;
}
#teaser .teaserInner{}
#teaser .left,
#teaser .right { background-position:bottom; background-repeat:no-repeat}

#teaser .left .inner,
#teaser .right .inner {  line-height:21px; font-size:14px}
#teaser .left .inner { padding:87px 30px 20px 35px; }
#teaser .right .inner { padding:87px 40px 20px 42px;}

#teaser .left,
#teaser .right,
#teaser .middle{ height:441px; position:relative;}

#teaser .left{
	background-image:url(/gfx/teaser-left.png);
	width:286px;
	color:#dce8c5;
	position:relative;
	z-index:3
}
#teaser .left img.woman { position:absolute; bottom:0; right:-50px;}
#teaser .middle{ width:578px; position:relative;z-index:2}
#teaser .middle{ }
#teaser .right{	background-image:url(/gfx/teaser-right.png);	width:286px;color:white}

#teaser fieldset { padding-top:25px;}
#teaser fieldset .formItem{ margin-bottom:10px; min-height:39px}
#teaser fieldset .formItem{ position:relative;}
#teaser fieldset .formItem label{ color:#999; position: absolute; z-index:2; padding:8px 10px; font-size:16px; left:0; top:0; width:156px}
#teaser fieldset .formItem .formText{
	padding:7px 10px 7px;
	width:153px;
	border:1px solid #a0a0a0;
	border-right:0;
	background-image:url(/gfx/input-bg.png);
	background-repeat:repeat-x;
	position:relative;
	z-index:1;
	color:#999;
	font-size:16px;
}
@-moz-document url-prefix() { 
	#teaser fieldset .formItem .formText{height:20px}
}
#teaser fieldset .formItem .formDate { float:left}
fieldset .formItem .ui-datepicker-trigger { border:1px solid #a0a0a0; border-left:0; cursor:pointer}

#teaser fieldset button.formSubmit,a.gallery, #galleryButton {
	color:#fff;
	border:0;
	background-color:#658c0e;
	cursor:pointer;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	width:210px;
	padding:8px 10px 8px;
	background-image:url(/gfx/btnsubmit.png);
	background-repeat:no-repeat;
	background-position:0 0;
	font-size:16px;
}
a.fancybox div#galleryButton {
    position: absolute; left: 15px; bottom: 15px; width: auto
}
@-moz-document url-prefix() { 
	#teaser fieldset button.formSubmit { height:37px}
}
#teaser fieldset a.formSubmit {
	color:#fff;
	border:0;
	background-color:#658c0e;
	cursor:pointer;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	width:190px;
	padding:8px 10px 8px;
	background-image:url(/gfx/btnsubmit.png);
	background-repeat:no-repeat;
	background-position:0 0;
	font-size:16px;
	text-decoration:none;
}
/* Webkit - Hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#teaser fieldset .formItem label{ padding:9px 10px}
	#teaser fieldset .formItem .formText{padding:8px 10px 7px;}
	#teaser fieldset button.formSubmit {padding:9px 10px 9px;}
}
#teaser fieldset .formSubmit:hover, a.gallery:hover { background-position:bottom}

/* -- Modal Lightbox -- */

fieldset.booking .formSubmit {
	color:#fff;
	border:0;
	background-color:#658c0e;
	cursor:pointer;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	width:210px;
	padding:8px 10px 8px;
	background-image:url(/gfx/btnsubmit.png);
	background-repeat:no-repeat;
	background-position:0 0;
	font-size:16px;
	text-decoration:none;
    margin-top: 29px;
}
fieldset.booking .formSubmit:hover { background-position:bottom}
/* -- Slideshow -- */
#sliderOverlay {position:absolute;	z-index:99;	background-image:url(/gfx/teaser-overlay.png);	width:578px;	height:7px;}
#cs-buttons-slider { position:absolute; bottom:20px}
#cs-buttons-slider a{
	width:7px;
	height:7px;
	border:1px solid #fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	-moz-opacity:.5;
	-webkit-opacity:.5;
	-o-opacity:.5;
	opacity:.5;
	filter: alpha(opacity=50);
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	float:left;
	margin:0 2px
}
#cs-buttons-slider a:hover {-moz-opacity:1;	-webkit-opacity:1;	-o-opacity:1;	opacity:1;	filter: alpha(opacity=100);}
#cs-buttons-slider a.cs-active {-moz-opacity:1;	-webkit-opacity:1;	-o-opacity:1;	opacity:1;	filter: alpha(opacity=100);	background-color:#fff;}

#cs-navigation-slider,
#cs-navigation-slider a{ display:none !important}
/* -- Inner Layout -- */
#inner { }
*+html #inner { position:relative; z-index:1}
p.welcome {height: 235px; overflow:hidden; margin-bottom: 6px }
#countdown {
	position:absolute;
	/*background-image:url(/gfx/schluessel.png);*/
	width:324px;
	height:136px;
	left:25px;
	top:26px;
}
#countdown .countdownInner{padding-left:3px;/*padding:13px 14px 0 165px;*/text-align:center;}
#countdown .countdownInner big{
	display:block;    
	font-size:38px;
    padding: 0px 5px;
	color:#645F60;
	font-family: 'DIN-Medium';
	-moz-text-shadow:0 1px 0 #e7e7e7;
	-webkit-text-shadow:0 1px 0 #e7e7e7;
	-o-text-shadow:0 1px 0 #e7e7e7;
	text-shadow:0 1px 0 #e7e7e7;
}
#countdown .countdownInner small{
	font-size:14px;
	-moz-text-shadow:0 1px 0 #e7e7e7;
	-webkit-text-shadow:0 1px 0 #e7e7e7;
	-o-text-shadow:0 1px 0 #e7e7e7;
	text-shadow:0 1px 0 #e7e7e7;
	font-family: 'DIN-Medium', Arial, sans-serif;
	text-transform:uppercase;
    padding: 0px 5px;
    display:block;
}
/* -- Sidebar -- */
#sidebar-lft,
#sidebar-rt {width: 286px;padding: 15px 0 45px 0; background-repeat:no-repeat}
#sidebar-lft {float: left; background-image:url(/gfx/sidebar-lft-bg.png); background-position:top right}
#sidebar-rt {float: right; background-image:url(/gfx/sidebar-rt-bg.png); background-position:top left}

#sidebar-lft.grey,
#sidebar-rt.grey { background-color:#f7f7f7}
/* -- Inhalt -- */
#mainContent { margin: 0 286px;	padding: 25px 35px 60px;}
#mainContent h1 { font-size:30px; font-weight:normal; color:#999; margin-bottom:10px; font-family: 'DIN-Medium', Arial, sans-serif; text-transform:uppercase; line-height:50px}
#mainContent h2 {}
#mainContent h3 {}
#mainContent p {}

#mainContent .content { line-height:25px}
/* -- Elemente & Blöcke -- */
#mainContent .node {}
#mainContent .node h2{}
#mainContent .node h2 a{}
#mainContent .node h2 a:hover{}
#mainContent .node .inner{}
#mainContent .node .inner p{}

/* -- Blöcke -- */
#sidebar-lft .block {padding:10px 35px}
#sidebar-rt .block {padding:10px 35px 10px 42px}
.block h3{font-size:30px; font-weight:normal; color:#999; margin-bottom:26px; font-family: 'DIN-Medium', Arial, sans-serif; text-transform:uppercase; line-height:50px}
.block h3 a{}
.block h3 a:hover{}
.block .inner{ color:#645f5f; line-height:25px;font-size:14px;}
.block .inner p{ margin-bottom:20px; }
.block .inner strong { color:#67970c}


/* -- Block Gmap -- */
.block-daten {}
.block-daten address{ font-style:normal; margin-bottom:20px;}
.block-daten strong{ color:#666 !important}

/* -- Block Gmap -- */
.block-gmap {}
.block-gmap .gmap { margin-bottom:10px}

/* -- Block Grundriss -- */
.block-grundriss {}
.block-grundriss img{ display:block; margin:0 auto 15px; position:relative; }
.block-grundriss .inner { border-top:1px solid #e1e1e1; padding-top:15px; width: 210px}
.block-grundriss .inner big{ display:block; font-size:30px; color:#79a619; font-weight:bold}
.block-grundriss .inner small{ font-size:11px;}

/* -- Block Inclusive -- */
.block-inclusive { position:relative;}
.block-inclusive ins.icon {
	display:block;
	background-position:center;
	background-repeat:no-repeat;
	width:35px;
	height:35px;
	position:absolute;
	left:38px
}
.block-inclusive ins.cup { background-image:url(/gfx/icon-cup.png)}
.block-inclusive ins.car { background-image:url(/gfx/icon-car.png)}
.block-inclusive ins.web { background-image:url(/gfx/icon-web.png)}

.block-inclusive .inner  { line-height:20px}
.block-inclusive .inner .item { padding-left:60px}

/* --  -- */
.node-room { overflow:hidden; border-bottom:1px solid #e7e7e7; padding-bottom:15px; margin-bottom:15px;}
.node-room .btn{
	width:36px;
	height:37px;
	display:block;
	background-color:#6b9419;
	background-image:url(/gfx/btn-bg.png);
	background-position: 1px 1px;
	background-repeat:no-repeat;
	text-indent:-9999em;
	margin-right:15px;
}
.node-room a.btn:hover{ background-color:#83714c}

.node-room h2{ color:#68970c; font-size:14px; font-weight:normal; margin-bottom:4px;}
.node-room h2 a{ color:#68970c; text-decoration:none; font-weight:bold}
.node-room h2 a:hover{ color:#83714c; }
.node-room p{ margin-bottom:0}
.node-room .inner {overflow:hidden; border-right:1px solid #e7e7e7; padding-right:20px; font-size:14px;}

.node-room .fltrt { font-size:12px; text-align:right; width:80px;}
.node-room .fltrt strong{ font-size:14px;}

.node-room:last-child { border-bottom:0}
/* -- Spalten Layout -- */
.cols {}
.cols .left,
.cols .middle,
.cols .right { float:left}

.twoCols .left,
.twoCols .right { width:50%}

.threeCols {}
.threeCols .left,
.threeCols .middle,
.threeCols .right { width:33.3%}

/* -- Formular Elemente -- */
fieldset { border:0; margin-bottom:20px}
fieldset .formItem{ position:relative;}
fieldset .formItem label{ display:block; position:absolute; padding:10px; font-size:16px}
fieldset .formItem input.formText,
fieldset .formItem textarea { padding:10px;background-image:url(/gfx/input-bg.png); background-repeat:repeat-x; resize:none; font-size:16px}

fieldset .formItem input.formText{ background-image:url(/gfx/input-bg.png); background-repeat:repeat-x; border:1px solid #a0a0a0}

/* -- Routenplaner  -- */
fieldset.routenplaner { line-height:normal}
fieldset.routenplaner .formText { float:left}
fieldset.routenplaner .formItem label { width:158px; color:#999; cursor:text; left:0; top:0; padding:8px 10px 7px; }
fieldset.routenplaner .formItem input.formText { padding:7px 10px 7px; width:158px; color:#666}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	fieldset.routenplaner .formItem label { padding:8px 10px 7px; }
	fieldset.routenplaner .formItem input.formText { padding:8px 10px 7px; }
}
@-moz-document url-prefix() { 
	fieldset.routenplaner .formItem input.formText { height:20px}
}
fieldset.routenplaner .formSubmit{
	width:36px;
	height:36px;
	display:block;
	overflow:hidden;
	text-align:left;
	text-indent:-9999em;
	background-image:url(/gfx/btn-routenplaner.png);
	border:0;
	border-top:1px solid #a0a0a0;
	border-right:1px solid #a0a0a0;
	border-bottom:1px solid #a0a0a0;
	cursor:pointer;
	position:relative;
}
fieldset.routenplaner .formSubmit:hover {  background-position:0 -34px}

/* -- Kontaktformular -- */
fieldset.contact .formItem{ margin-bottom:10px}
fieldset.contact .formItem label{ padding:11px 10px 9px; color:#999; cursor:text}
fieldset.contact .formItem input.formText,
fieldset.contact .formItem textarea { width:190px; padding:9px 10px; color:#666 }
fieldset.contact .formItem textarea { width:240px; height:262px; border:0; background-color: #f7f7f7 }

fieldset.contact .formItem input.formText:focus,
fieldset.contact .formItem textarea:focus {
	-moz-box-shadow: 0 0 5px #99cc33;
	-webkit-box-shadow: 0 0 5px #99cc33;
	-o-box-shadow: 0 0 5px #99cc33;
	box-shadow: 0 0 5px #99cc33;
}
fieldset.contact .formError input.formText,
fieldset.contact .formError textarea { border:1px solid #990000; border-width: 1px 2px 1px 1px; }

fieldset.contact .formCheckbox { position:relative; margin-top: 10px}
fieldset.contact .formCheckbox:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;	height: 0;}
fieldset.contact .formCheckbox input { position:absolute;left:0; top:0; filter: alpha(opacity=0);opacity: 0;}
fieldset.contact .formCheckbox input {}

fieldset.contact .formCheckbox label{ display:table; width: 190px; position:static; padding: 0}
fieldset.contact .formCheckbox label span {display:table-cell;color:#777;font-size: 11px; padding-left:10px; height: auto; vertical-align: middle; line-height: normal}
fieldset.contact .formCheckbox label span a {color: #004c3d}
fieldset.contact .formCheckbox label i { 
	width:20px; height:20px;border:1px solid #a0a0a0;background:#fff; display:table-cell; cursor:pointer; position:relative; float:left;
	background-image: url(/gfx/input-bg.png);
	background-repeat: repeat-x;
}
fieldset.contact .formCheckbox.formError label i{border:1px solid #990000}
fieldset.contact .formCheckbox label i:before,
fieldset.contact .formCheckbox label i:after { 
	content:" "; height:1px; width:14px; background:#004c3d; display:block; position:absolute; top:50%; left:3px; margin-top:-1px;
	-webkit-transition: -webkit-transform 250ms cubic-bezier(0.2, 1, 0.3, 1);-moz-transition: -moz-transform 250ms cubic-bezier(0.2, 1, 0.3, 1);
	-o-transition: -o-transform 250ms cubic-bezier(0.2, 1, 0.3, 1);transition: transform 250ms cubic-bezier(0.2, 1, 0.3, 1);
}

fieldset.contact .formCheckbox label i:before {
	-webkit-transform: rotate(45deg) scale(0,1);-moz-transform: rotate(45deg) scale(0,1);-o-transform: rotate(45deg) scale(0,1);
	-ms-transform: rotate(45deg) scale(0,1);transform: rotate(45deg) scale(0,1);
}
fieldset.contact .formCheckbox label i:after {
	-webkit-transform: rotate(135deg) scale(0,1);-moz-transform: rotate(135deg) scale(0,1);-o-transform: rotate(135deg) scale(0,1);
	-ms-transform: rotate(135deg) scale(0,1);transform: rotate(135deg) scale(0,1);
}

fieldset.contact .formCheckbox input:checked + label i:before {
	-webkit-transform: rotate(45deg) scale(1);-moz-transform: rotate(45deg) scale(1);-o-transform: rotate(45deg) scale(1);
	-ms-transform: rotate(45deg) scale(1);	transform: rotate(45deg) scale(1);
}
fieldset.contact .formCheckbox input:checked + label i:after {
	-webkit-transform: rotate(135deg) scale(1);-moz-transform: rotate(135deg) scale(1);-o-transform: rotate(135deg) scale(1);
	-ms-transform: rotate(135deg) scale(1);transform: rotate(135deg) scale(1);
}

fieldset.contact .formSubmit {
	width:262px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	cursor:pointer;
	font-size:16px;
	padding:8px 10px 7px;
	background-image:url(/gfx/btn-formsubmit.png);
	border:0;
}
fieldset.contact .formSubmit:hover { background-position:bottom}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	fieldset.contact .formSubmit {	padding:9px 10px;}
}

/* -- -- */
.sbHolder{
	background-color: #fff;
	border: solid 1px #a0a0a0;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	height: 34px;
	position: relative;
	width: 208px;
}
.sbHolder:focus .sbSelector{}
.sbSelector{
	display: block;
	height: 34px;
	left: 0;
	line-height: 36px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 175px;
	background-image:url(/gfx/input-bg.png);
	background-repeat:repeat-x;
}
.sbSelector:link,
.sbSelector:visited,
.sbSelector:hover{color: #999;outline: none;text-decoration: none;}

.sbToggle{
	background-image:url(/gfx/select-btn.png);
	display: block;
	height: 34px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 35px;
}
/*
.sbToggle:hover{background: url(../img/select-icons.png) 0 -167px no-repeat;}
.sbToggleOpen{background: url(../img/select-icons.png) 0 -16px no-repeat;}
.sbToggleOpen:hover{background: url(../img/select-icons.png) 0 -66px no-repeat;}
*/
.sbHolderDisabled{background-color: #3C3C3C;border: solid 1px #515151;}

.sbHolderDisabled .sbHolder{}
.sbHolderDisabled .sbToggle{}

.sbOptions{
	background-color: #fff;
	border: solid 1px #a0a0a0;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 208px;
	z-index: 9999;
	overflow-y: auto;
}
.sbOptions li{	padding: 0 0;}
.sbOptions a{border-bottom: solid 1px #d3d3d3;	display: block;	padding: 7px 10px 6px;}
.sbOptions a:link,
.sbOptions a:visited{color: #666;text-decoration: none;}

.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{color: #fff; background-color:#669900}
.sbOptions li.last a,
.sbOptions li:last-child a{border-bottom: none;}
.sbOptions .sbDisabled{}
.sbOptions .sbGroup{}
.sbOptions .sbSub{	padding-left: 17px;}

/*!
 * jQuery UI Datepicker 1.10.0
 * http://jqueryui.com
 */
.ui-datepicker {
	width: 208px;
	padding: 0;
	display: none; 
	background-color:#fff; 
	font-size:12px; 
	z-index: 9999 !important;
	border:1px solid #aaa;
}
.ui-datepicker .ui-datepicker-header {position: relative;padding: 5px; background-color:#888; color:#fff}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 9px;
	width: 15px;
	height: 15px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer
}
.ui-datepicker .ui-datepicker-prev {left: 10px; background-image:url(/gfx/arrow-left.png)}
.ui-datepicker .ui-datepicker-next {right: 10px; background-image:url(/gfx/arrow-right.png)}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {margin: 0 2.3em;line-height: 1.8em;text-align: center;}
.ui-datepicker .ui-datepicker-title select {font-size: 1em;	margin: 1px 0;}
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {	width: 49%;}
.ui-datepicker table {
	width: 205px;
	font-size: 11px;
	border-collapse: collapse;
	margin: 2px;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {border: 0;padding: 1px;}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
	border:1px solid #d3d3d3
}
.ui-datepicker td a:hover { background-color: #d3d3d3}
.ui-datepicker td.ui-datepicker-today a  { background-color:#690; color:#fff;border:1px solid #690}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {	float: left;}

/* -- Footer -- */
#footer { padding: 18px 0; color:#e1e1e1; position:relative; font-size:13px; height:30px}
#footer a {color:#e1e1e1; text-decoration:none}
#footer a:hover {color:#fff;}

#footer .location,
#footer .phone,
#footer .facebook {
	background-position:left center;
	background-repeat:no-repeat;
	padding:5px 5px 5px 27px;
	position:absolute;
	top:18px;
}
#footer .location { background-image:url(/gfx/icon-location.png); left:435px;}
#footer .phone { background-image:url(/gfx/icon-phone.png); left:670px;}
#footer .facebook { background-image:url(/gfx/icon-facebook.png); right:28px; }

/* -- Wiederverwendabr-- */
.fltrt {float: right;}
.fltlft {float: left;}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

table.ui-datepicker-calendar .ui-state-disabled span {
    background-color: #e5e5e5 !important;
    opacity: 0.5
}

.fancybox-type-image .fancybox-skin {
  outline: 2px solid white;
}
.fancybox-type-image .fancybox-close {
  right: 15px;
  top: 15px;
}
.fancybox-type-ajax .fancybox-close {
    right: 30px; top: 30px;
}
div.fancybox-type-image .fancybox-nav {
  background-image: url("/gfx/lb-icons_nav.png");
  background-repeat: no-repeat;
  
  opacity: 0;
  transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
}
div.fancybox-type-image .fancybox-nav:hover {
    opacity: 1
}
div.fancybox-type-image .fancybox-next {
  background-position: right center;
  right: 15px;
}
div.fancybox-type-image .fancybox-prev {
  background-position: left center;
  left: 15px;
}
div.fancybox-type-ajax .fancybox-inner {
    height: 640px !important; overflow: hidden !important; outline: 2px solid white;
}
div.fancybox-type-ajax .fancybox-skin {
    background: none;
}


/* slider root element */
/* slider root element */
form .slider_bg2 {
	background:#3C72E6 url(../img/bg/slider_bg_slide.png) repeat-x 0 0 !important;
}
form .slider_bg3 {
	background:#3C72E6 url(../img/bg/slider_bg_ok.png) repeat-x 0 0 !important;
}

form .slider {
        background:#3C72E6 url(../img/bg/slider_bg_norm.png) repeat-x 0 0;
	height:24px;
	position:relative;
	cursor:pointer;
	border:0;
	width:154px;
	float:left;
	clear:right;
	margin-top:-2px;
        padding: 0 3px;
}

/* progress bar (enabled with progress: true) */
form .progress {
	height:9px; 
	background-color:#C5FF00; 
	display:none;
	opacity:0.6;
}

/* drag handle */
form .handle, form .handle2 { 
	height:18px;
	width:18px;
	top:2px;
	position:relative; 
	display:block; 
	margin-top:1px;
	border:0;
	cursor:move;
}

form .handle {
	background:#fff url(../img/buttons/slider.gif) repeat-x 0 0; 
}
form .handle2 {
	background:#fff url(../img/buttons/slider.gif) repeat-x 0 -18px; 
}

/* the input field */
form .range {
	border:1px inset #ddd;
	float:left;
	font-size:20px;
	margin:0 0 0 15px;
	padding:3px 0;
	text-align:center;
	width:50px;
    display:none;
}

#mainContent {}
#mainContent .imgPlace { position:relative;margin-bottom:35px;}
#mainContent .imgPlace .imgOverlay {
	position:absolute;
	left:15px;
	right:15px;
	bottom:15px;
	z-index:2
}
#mainContent .imgPlace .imgOverlay img { position:relative; z-index:1}
#mainContent .imgPlace .imgOverlay a {
	display:block;
	color:#fff;
	font-size:16px;
	padding:6px 0;
	width:158px;
	text-align:center;
	text-decoration:none;
	float:left;
	background-image:url(gfx/overlay-btn.png);
}
#mainContent .imgPlace .imgOverlay a:hover { background-position:bottom}
#mainContent .imgPlace .imgOverlay a.first {}
#mainContent .imgPlace .imgOverlay a.middle {}
#mainContent .imgPlace .imgOverlay a.last {}
fieldset.contact #captcha {
  width: 190px !important;
}