@charset "utf-8";
/*
*
*	2nd-CSS-Reset
*	Last-Update: 29.03.2011
*
*/

@font-face {
    font-family: 'GillSansStdLightItalic';
    src: url('font/gillsansstd-lightitalic-webfont.eot');
    src: url('font/gillsansstd-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/gillsansstd-lightitalic-webfont.woff') format('woff'),
         url('font/gillsansstd-lightitalic-webfont.ttf') format('truetype'),
         url('font/gillsansstd-lightitalic-webfont.svg#GillSansStdLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}



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

html, body { height:100%; width:100%}
body:before{
   content: "";
   position: fixed;
   top: -12px;
   left: 0;
   width: 100%;
   height: 12px;
   z-index: 100;
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.3);
   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.3);
   -o-box-shadow: 0px 0px 10px rgba(0,0,0,.3);
   box-shadow: 0px 0px 10px rgba(0,0,0,.3);
}
body {
	background-image:url(gfx/body-bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	text-align: center;
}
p,ul,ol { margin-bottom:12px;}

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

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

a {
 -webkit-transition:
	 color .15s ease-in, 
	 border-color .15s ease-in,
	 background-color .15s ease-in;
 -o-transition: 
	 color .15s ease-in,
	 border-color .15s ease-in, 
	 background-color .15s ease-in;
 -moz-transition: 
	 color .15s ease-in,
	 border-color .15s ease-in, 
	 background-color .15s ease-in; 
 transition:
	 color .15s ease-in, 
	 border-color .15s ease-in, 
	 background-color .15s ease-in;
}
a:hover {}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*  -- Formular - Elemente -- */

fieldset { border:0}
input.formText, select {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	border:0;
}
textarea  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	resize:vertical;
	overflow:auto;
	border:0;
}

/* -- Layout -- */

#container { width: 951px; 	margin: 0 auto; text-align: left; }

/* -- Header -- */
#header { position:relative;height:429px;} 
#header h1 {}
#header h1 a{
	background-image:url(gfx/suhltrifft-logo.png);
	width:172px;
	height:130px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	position:absolute;
	left:0;	top:67px;
}
#header div.headerImg {
	background-image:url(gfx/headerimg-bg.png);
	width:755px; height:305px;
	position:absolute;
	bottom:76px; right:-19px;
}
#header div.headerImg img {display:block; border:0;}
#header div.headerImg a.st_watch_yt_lb 
{
	display:block; 
	border:0; 
	left: 336px; 
	top: 110px; 
	width: 85px;
	height: 85px; 
	text-indent: -99999px;
	background-image: url(gfx/btn_video.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
}
#header div.headerImg a.st_watch_yt_lb:hover 
{
	background-position: -85px 0;
}

#header div.headerImg div.inner{padding:19px 0 0 19px; position:relative;}
#header div.headerImg div.overlay{	background-image:url(gfx/headerimg-overlay.png);height:79px; width:720px;	position:absolute;	bottom:0;}

/* -- Navigation -- */
ul#mainmenu { margin:0; padding:0;}
ul#mainmenu li {list-style:none;background-color:#999;padding-left:3px;	margin-bottom:1px;}
ul#mainmenu li a{
	display:block;
	border-left:1px solid #fff;
	text-decoration:none;
	color:#333;
	padding:10px 15px;
	background:url(gfx/menubtn-bg.png);
	background: -moz-linear-gradient(left, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 199px, rgba(231,231,231,0.8) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.8)), color-stop(199px,rgba(255,255,255,0.8)), color-stop(100%,rgba(231,231,231,0.8)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 199px,rgba(231,231,231,0.8) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 199px,rgba(231,231,231,0.8) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 199px,rgba(231,231,231,0.8) 100%);
	background: linear-gradient(left, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 199px,rgba(231,231,231,0.8) 100%);
	font-size:12px;
	font-weight:bold;
}

ul#mainmenu li.red{ background-color:#ca001f;}
ul#mainmenu li.yellow{ background-color:#f5cc00;}
ul#mainmenu li.green{ background-color:#dee95e;}
ul#mainmenu li.blue{ background-color:#69bbeb;}

ul#mainmenu li a:hover{ 
	background-position:right;
	background: -moz-linear-gradient(left, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.65) 199px, rgba(231,231,231,0.65) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.65)), color-stop(199px,rgba(255,255,255,0.65)), color-stop(100%,rgba(231,231,231,0.65)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.65) 199px,rgba(231,231,231,0.65) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.65) 199px,rgba(231,231,231,0.65) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.65) 199px,rgba(231,231,231,0.65) 100%);
	background: linear-gradient(left, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.65) 199px,rgba(231,231,231,0.65) 100%);
}

/* -- Ebene 1 -- */
ul#mainmenu li ul{
	border-top:1px solid #fff;
	background-image:url(gfx/submenu-bg.png);
	margin-left:-3px;
	margin-bottom:1px;
	padding:5px 0 5px 37px;
}
ul#mainmenu li ul li { background-color:transparent}
ul#mainmenu li ul li a{ background:none !important; padding:5px 0; font-weight:normal; border-top:1px solid #e6e6e6;}
ul#mainmenu li ul li:first-child a{ border-top:0;}
ul#mainmenu li ul li a:hover { text-decoration:underline}
ul#mainmenu li ul li a.active { font-weight:bold}

/* -- Ebene 2 -- */

ul#mainmenu li ul ul{ background-image:none; padding-right:20px; border-top:1px solid #e6e6e6; padding-left:15px}
ul#mainmenu li ul ul li {}
ul#mainmenu li ul ul li a{ border-top:0;}

*+html ul#mainmenu li { min-height:0;}
*+html ul#mainmenu { }
/* -- Elemente -- */

a.btnMore { font-weight:bold; text-decoration:none; padding-left:18px; display:inline-block}
a.btnMore:hover { text-decoration:underline;}
a.btnMore ins{ 
	width:12px; height:12px;
	display:block; 
	background-image:url(gfx/arrow-red-rt.gif);
	background-repeat: no-repeat;
	background-color:none; 
	float:left;
	position:relative;
	top:3px;
	margin-left:-18px
}
a.btnMore ins.fltrt{ margin-left:5px; margin-right:0}

a.btnDll ins{ background-image:url(gfx/arrow-red-down.gif); background-repeat: no-repeat; }
a.btnDll em { font-style:normal;}

a.btnPlus {
	display:inline-block;
	color:#333;
	background-image:url(gfx/icon-plus.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
	text-decoration:none;
	font-weight:bold;
}
a.btnPlus:hover { text-decoration:underline}
/* -- Slider -- */
.scrollable {position:relative;	overflow:hidden;}
.scrollable .items {width:20000em;position:absolute;}
.scrollable .items .item {	float:left;}

.slider { margin-bottom:30px; padding-left:10px}
.slider .btn {
	display:block;
	width:20px;
	height:20px;
	background-image:url(gfx/slider-arrow.gif);
	background-color:#999;
	overflow:hidden;
	text-indent:-9999em;
	position:relative;
	cursor:pointer;
}
.slider .prev { background-position:left top; margin-left:-25px;}
*+html .eventsSlider .prev { left:-25px; position:relative;}
.slider .next { background-position: right top; margin-right:-25px;}
*+html .eventsSlider .next { right:-5px; position:relative;}
.slider h3 { border-bottom:3px solid #999; padding-bottom:15px; margin-bottom:10px; font-size:12px}
*+html .slider h3 { padding-bottom:15px; margin-bottom:0;}

.slider .btn.disabled,
.slider .btn.customDisabled{ display: none; }

/* -- EventSlider-- */

div.eventsSlider {}
div.eventsSlider .btn { top:40px}

*+html div.eventsSlider .btn { top:50px}
div.eventsSlider .scrollable { height:111px; width:670px;}
*+html div.eventsSlider .scrollable { margin-top:-10px}

div.eventsSlider .item {width:330px;margin-right:10px;}
div.eventsSlider .item .inner{ padding:10px; background-color:#ebebeb;}
div.eventsSlider .item .inner .desc{ overflow:hidden; min-height:91px;}
div.eventsSlider .item .inner .desc a strong,
div.eventsSlider .item .inner .desc a p,
div.eventsSlider .item .inner .desc a
{
	color: #333333; text-decoration: none;
}
div.eventsSlider .item .inner a.thumb { margin-right:10px;}
div.eventsSlider .item .inner a.thumb img { border:0}

/* -- GallerySlider-- */

div.gallerySlider {}
div.gallerySlider .scrollable{ margin:0 auto}
div.gallerySlider .btn { top:40px}
div.gallerySlider .prev { margin-left:-5px;}
div.gallerySlider .next { margin-right:-5px;}
div.gallerySlider .scrollable { height:112px; width:630px;}
*+html div.gallerySlider .scrollable { padding-top:10px}

div.gallerySlider .items a { margin-right:10px}
div.gallerySlider a img{ border:0}

/* -- Formulare -- */

fieldset { margin-bottom:20px}
fieldset small.info { font-size:10px; display:block; width:220px; line-height:15px} 
fieldset div.formSelect{ position:relative }
fieldset div.formItem { margin-bottom:10px;}
fieldset div.formItem label{display:block;font-weight:bold;	padding:10px 0}
fieldset div.formItem input.formText{background-color:#f5f5f5;border-bottom:3px solid #e0e0e0;	padding:5px;width:210px;}
fieldset div.formItem select{	background-color:#f5f5f5;border-bottom:3px solid #e0e0e0;padding:5px;width:210px;}
fieldset div.formItem textarea{	background-color:#f5f5f5;border-bottom:3px solid #e0e0e0;padding:5px;width:460px;height:90px;}

fieldset div.formRt { overflow:hidden;}
fieldset.housingFinder div.formRt { overflow:visible; margin-left:250px}
fieldset div.fltlft { width:220px; margin-right:30px;}

fieldset div.formItem input.formText:focus,
fieldset div.formItem select:focus,
fieldset div.formItem textarea:focus { 
	border-color:#999;
	-moz-box-shadow:inset 0 5px 7px rgba(0,0,0, .05);
    -webkit-box-shadow:inset 0 5px 7px rgba(0,0,0, .05);
    box-shadow:inset 0 5px 7px rgba(0,0,0, .05);
	 -webkit-transition: box-shadow .15s ease-in;
	-o-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out; 
	transition: all .1s ease-in-out;
}

fieldset .formSubmit { 
	background-color:#999; 
	color:#fff !important;
	border:0;
	display:block;
	float:right;
	padding:5px 10px;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}
*html fieldset .formSubmit { display:inline; max-width:150px; min-width:0}
*+html fieldset .formSubmit { display:inline; max-width:150px; min-width:0}
fieldset .formSubmit  ins{ 
	width:12px; height:12px; 
	display:block;
	background-image:url(gfx/arrow-white-rt.gif);
	margin-left:5px;
	float:right;
	position:relative;
	top:3px;
}
fieldset .formSubmit:hover { background-color:#666}
/* -- Range Clicker -- */
fieldset .range {
	background-color:#f5f5f5;
	border-bottom:3px solid #e0e0e0;
	padding:5px;
	width:42px !important;
	margin-right:5px !important;
	height: 17px;
}
fieldset .range input{ border:0; background-color: transparent;width:32px; height: 16px; text-align:center}
*+html fieldset .range input{width:20px;}
*+html fieldset .range {padding:5px 5px 4px 5px}
fieldset .range .button{
	display:block;
	cursor:pointer;
	width:8px;
	height:8px;
	overflow:hidden;
	text-indent:-9999em;
}
fieldset .range .inc{ background-image:url(gfx/icon-plus.gif)}
fieldset .range .dec{ background-image:url(gfx/icon-minus.gif)}

fieldset .range .fltrt { margin-bottom:-5px}

fieldset div.formItem input.formDay { width:30px; margin-right:5px;padding:5px 10px;}
fieldset div.formItem input.formMonth { width:30px; margin-right:5px;padding:5px 10px;}
fieldset div.formItem input.formYear { width:55px;padding:5px 10px;}

fieldset div.formItem .forTxt { width:20px; text-align:center;}

fieldset div.formPlz { width:130px;}
fieldset div.formFull input.formText{ width:460px}

fieldset div.formPlz { width:130px;}
fieldset div.formPlz input.formText{ width:120px}

fieldset div.formCity { width:310px;}
fieldset div.formCity input.formText{ width:300px;}

fieldset div.formStreet { width:368px}
fieldset div.formStreet input.formText { width:360px;}

fieldset div.formStreetNr { width:70px;}
fieldset div.formStreetNr input.formText{ width:60px}

fieldset a.btnDate {
	background-image:url(gfx/icon-datepicker.gif);
	width:28px;
	height:30px;
	overflow:hidden;
	text-indent:-9999em;
	cursor:pointer;
	display:block
}
/* -- Buchungsanfragen -- */

fieldset.buchungsanfrage { width: 470px; }
fieldset.buchungsanfrage div.formItem { overflow: visible; }
fieldset.buchungsanfrage div.formRt { margin-left:252px; width: 220px;}
fieldset.buchungsanfrage div.formRt.formCity { margin-left:160px; width: 220px;}

fieldset.buchungsanfrage div.formFull {}
fieldset.buchungsanfrage div.formFull input.formText{ width:458px;}
fieldset.buchungsanfrage div.meetingroom { margin-left:30px;}
fieldset.buchungsanfrage div.formRadio div.left { width:220px; padding-right:30px; float:left}
fieldset.buchungsanfrage div.formRadio div.rightCol { overflow:hidden; }
fieldset.buchungsanfrage div.formRadio label{ padding:3px 0; font-weight:normal}

fieldset.buchungsanfrage div.room { margin-bottom:15px; height: 30px; }
fieldset.buchungsanfrage div.room .fltlft{ width:auto}
fieldset.buchungsanfrage div.room .noOfRooms,
fieldset.buchungsanfrage div.room .forTxt,
fieldset.buchungsanfrage div.room .personCount,
fieldset.buchungsanfrage div.room .personType{ margin-right:8px }

fieldset.buchungsanfrage div.room .roomType{
	margin-right: 0px;
	
}

fieldset.buchungsanfrage div.room .noOfRooms{ width:auto}
fieldset.buchungsanfrage div.room .roomType{ width:413px; position:relative;}
fieldset.buchungsanfrage div.room .roomType select{ width:400px;}
fieldset.buchungsanfrage div.room .forTxt{ width:auto}
fieldset.buchungsanfrage div.room .personCount{ width:auto}
fieldset.buchungsanfrage div.room .personType{ width:150px; float:left;position:relative;}
fieldset.buchungsanfrage div.room .personType select{ width:150px;}

/*personen in der buchungsanfrage*/
fieldset.buchungsanfrage div.pers
{
	margin-left: 57px;
}
fieldset.buchungsanfrage div.pers div.adultscount {
	padding: 6px 10px 6px 5px;
	margin-right: 30px !important;
	width: 148px !important;
}
fieldset.buchungsanfrage div.pers select.childrenType
{
	width: 150px;
	
}
fieldset.buchungsanfrage div.pers .personType { margin-left: 250px; }
fieldset.buchungsanfrage div.pers .personType .selectbox { background-position: 140px 6px; }


fieldset.options {}
fieldset.options div.formItem {margin-bottom:0; clear:both}
fieldset.options div.formItem label { padding:2px 0; font-weight:normal; }
/* -- Filter Gastronmie -- */

fieldset.filter {}
fieldset.filter div.formRadio{ padding-top:5px; min-height:19px;}
fieldset.filter div.formRadio label {}
fieldset.filter div.formRadio label input { margin-right:5px; float:left}
fieldset.filter div.formRadio label span.cat { display:block; overflow:hidden; padding:4px 0;}
fieldset.filter div.formRadio label span.cattwo { padding:0 0;}

.jquery-checkbox {display: inline; font-size: 19px; line-height: 19px; cursor: pointer; cursor: hand; float:left; margin-right:10px}
.jquery-checkbox .mark {display: inline;}

.jquery-checkbox img {vertical-align: middle; width: 19px; height: 19px;}
.jquery-checkbox img{background: transparent url(gfx/checkbox-red.png) no-repeat;}

.jquery-checkbox img{background-position: 0px 0px;}
.jquery-checkbox-hover img{	background-position: -19px 0px;}
.jquery-checkbox-checked img{background-position: 0px -19px;}
.jquery-checkbox-checked .jquery-safari-checkbox-hover img {	background-position: -19px -19px;}

.jquery-checkbox-disabled img{	background-position: 0px -32px;}
.jquery-checkbox-checked .jquery-safari-checkbox-disabled img{	background-position: 0px -48px;}

/* -- Grey -- */
.jquery-grey-checkbox {display: inline; font-size: 18px; line-height: 18px; cursor: pointer; cursor: hand; float:left; margin-right:10px}
.jquery-grey-checkbox .mark {display: inline;}

.jquery-grey-checkbox img {vertical-align: middle; width: 18px; height: 18px;}
.jquery-grey-checkbox img{background: transparent url(gfx/checkbox-grey.png) no-repeat;}

.jquery-grey-checkbox img{background-position: 0px 0px;}
.jquery-grey-checkbox-hover img{	background-position: -18px 0px;}
.jquery-grey-checkbox-checked img{background-position: 0px -18px;}

.jquery-grey-checkbox-checked .jquery-grey-checkbox-hover img,
.jquery-grey-checkbox-checked .jquery-safari-checkbox-hover img {	background-position: -18px -18px;}

.jquery-grey-checkbox-disabled img{	background-position: 0px -32px;}
.jquery-grey-checkbox-checked .jquery-safari-checkbox-disabled img{	background-position: 0px -48px;}

.ui-datepicker-trigger { margin-left:5px; margin-top:-2px; cursor:pointer}

/*
 * jQuery UI Datepicker 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.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 30px; padding:3px 0; 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: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.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; }
.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; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/* -- Datepicker Theme -- */
.ui-datepicker { background-color:#f4f4f4; border-bottom:3px solid #d9d9d9; font-size:11px;}
.ui-datepicker .ui-datepicker-header {
	background-color:#cecece;
	padding:3px 10px;
	color:#333;
	font-size:12px;
	font-weight:bold;
}
.ui-datepicker table.ui-datepicker-calendar {}
.ui-datepicker table.ui-datepicker-calendar thead { display:none}
.ui-datepicker table.ui-datepicker-calendar tr{}
.ui-datepicker table.ui-datepicker-calendar tr th {}
.ui-datepicker table.ui-datepicker-calendar tr td {}
.ui-datepicker table.ui-datepicker-calendar tr td a { color:#333; text-align:center; padding:4px}
.ui-datepicker .ui-state-default { background-color:#efefef;}
.ui-datepicker .ui-state-default:hover { background-color:#cecece;}
.ui-datepicker .ui-state-highlight { background-color:#cecece; color:#fff}

.ui-datepicker a.ui-datepicker-prev,
.ui-datepicker a.ui-datepicker-next {
	width:15px;
	height:15px;
	display:block;
	text-indent:-9999em;
	overflow:hidden;
	cursor:pointer;
	background-position:center;
	background-repeat:no-repeat;
}

.ui-datepicker a.ui-datepicker-prev { background-image:url(gfx/arrow-dark-lft.gif); left:5px; top:5px}
.ui-datepicker a.ui-datepicker-next { background-image:url(gfx/arrow-dark-rt.gif); right:5px; top:5px}

/* -- Selectbox Neu -- */
.optionbar { position: relative}
.optionbar select.speakerselect {width:180px}
.speekerBar .ddToggle { width:200px !important; min-width:200px;}
.selectbox {
	width: 266px; /* width = (desired width) - padding-right */
	position: relative;
	text-decoration: none;
	outline: none;
	vertical-align: middle;
	display: inline-block;
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
	font-size:12px;
	border:0;
	background-color: #f5f5f5;
	border-bottom:3px solid #e0e0e0;
	padding:6px 10px;
	background-image:url(gfx/arrow-grey-down.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}
.selectbox {background-position:200px 6px;}
/*
div.room .selectbox {background-position:139px 6px;}
*/
div.room .selectbox {background-position:392px 6px; width: 390px;}
.selectboxactive {	
	background-image:url(gfx/arrow-grey-up.gif);
	border-color:#999;
	-moz-box-shadow:inset 0 5px 7px rgba(0,0,0, .05);
	-webkit-box-shadow:inset 0 5px 7px rgba(0,0,0, .05);
	box-shadow:inset 0 5px 7px rgba(0,0,0, .05);
	 -webkit-transition: box-shadow .15s ease-in;
	-o-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out; 
	transition: all .1s ease-in-out;
}
div.selectOuter { position:relative}
div.selectbox-wrapper {
	position: absolute;
	z-index: 99999;
	font-size:12px;
	/* right:0;
	width:auto !important; */
	background-color:#f5f5f5;
	border-bottom:3px solid #d9d9d9;
	overflow:auto;
	-moz-box-shadow:0 1px 3px rgba(0,0,0, .2);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0, .2);
	-o-box-shadow:0 1px 3px rgba(0,0,0, .2);
	box-shadow:0 1px 3px rgba(0,0,0, .2);
}
*+html div.selectbox-wrapper { left:0; top:30px;}  
div.selectbox-wrapper ul {  list-style-type:none; margin:0 !important; padding:0 0 0 0 !important;}
div.selectbox-wrapper ul li.selected { color:#b80618 }
div.selectbox-wrapper ul li.current {background-color:#efefef }
div.selectbox-wrapper ul li {
  list-style-type:none;
  background-image:none !important;
  display:block;
  padding:5px 10px 5px 10px;
  cursor:pointer;
  display:block;
  float:none;
  margin-bottom:0 !important;
}
div.selectbox-wrapper ul li:first-child {  border-top:0;}

/* - Blöcke - */
div.blockMenu {
	background-image:url(gfx/menubg-start.png);
	background-position:top;
	background-repeat:no-repeat;
	padding-top:83px;
}
div.blockMenu div.inner{
	background-image:url(gfx/menubg-end.png);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:143px;
}

/* - Node - */

div.node { margin-bottom:20px}
div.node address {}
div.node h2{ font-size:16px; font-weight:normal; color:#999; margin-bottom:20px}
div.node div.inner{ padding-left:10px}
div.node div.inner div.attraction { margin-bottom:20px;}
div.node div.inner ul{ margin-bottom:20px; padding-left:0;}
div.node div.inner ul li{
	list-style-type:none;
	margin-bottom:10px;
	padding-left:15px;
	background-repeat:no-repeat;
	background-position:left 7px;
	background-image:url(gfx/dot-grey.gif);
}

div.node div.meta{}
div.node div.meta ul { list-style:none; padding-left:0;}
div.node div.meta{}

div.node table{ width:100%; margin-bottom:10px;}
div.node table th { padding:15px; vertical-align:top; width:145px; background-color:#f7f7f7}
div.node table td { padding:15px; border-left:2px solid #fff; vertical-align:top; background-color:#f7f7f7;}
/* - Node TwoCol - */

div.nodeCol {overflow:hidden; margin-bottom:30px}
div.nodeCol h2 { padding-left:10px}
div.nodeCol h3 { margin-bottom:20px; font-size:12px;}
div.nodeCol h4 { margin-bottom:15px; font-size:12px;}
div.nodeCol div.inner { overflow:hidden; padding-right:0; width:470px; padding-left:10px;}

div.nodeCol div.right { width:170px; font-size:10px; line-height:12px; overflow:hidden;   }
div.nodeCol div.right div.inner{ margin-right:0; padding:10px 10px 0 10px; background-color:#ebebeb;margin-bottom:30px; width:auto}
div.nodeCol div.right img{}
div.nodeCol div.right .block{}
div.nodeCol div.right .artikelbox {margin-bottom: 20px; border-top: 3px solid #999;}


div.nodeCol div.right a.btnMore { font-size:13px; display:block;  line-height:normal}
div.nodeCol div.right a.btnMore ins{ background-image:url(gfx/arrow-red-rt.gif); background-repeat: no-repeat; top:3px}
div.nodeCol div.right a.btnMore.btnDll ins{ background-image:url(gfx/arrow-red-down.gif); background-repeat: no-repeat; top:3px}
div.nodeCol div.right a.btnMore ins{ top:3px}
div.nodeCol div.right p{ margin-bottom:10px}

div.touristAttraction { margin-bottom:0}

/* -- Hightlights -- */
div.nodeEvent {overflow:hidden; margin-bottom:0}
div.nodeEvent h2 { margin-bottom:10px;}
/* -- Gastronomie -- */

div.catering { margin-right:-10px;}
*+html div.catering { min-height:0}
div.catering div.item {
	background-color:#f7f7f7;
	padding:10px 15px;
	width:200px;
	height:100px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}
div.catering div.item address { font-style:normal}
div.catering div.item a{}

/* -- Broschüre -- */

div.products { margin-right:-10px; padding-top:10px; margin-bottom:0;}
div.products div.product{ width:225px; margin:0 10px 10px 0; float:left}
div.products div.product div.thumb { position:relative; padding:3px; display:block; background-color:#e0e0e0; width:auto; margin-right:10px;}
div.products div.product div.thumb img{ display:block;}
div.products div.product div.thumb label { position:absolute; left:0; top:0;}
div.products div.product div.desc { padding-right:20px; overflow:hidden}

/* -- Inner Layout -- */
#inner { background-image:url(gfx/inner-bg.png); background-repeat:repeat-y; position:relative; background-position:1px 0;}
#inner .end{ background-image:url(gfx/sidebar-end.png); width:231px; height:142px; display:block; position:absolute; bottom:0; left:1px; z-index:1}
#sidebar {float: left; width: 232px; position:relative; z-index:2}
#mainContent { 	margin: 0 0 0 242px; line-height:19px; padding-bottom:40px; padding-left:30px;} 
*html #mainContent { zoom:1} 
*+html #mainContent { zoom:1;padding-top:10px;} 
#mainContent h1 { 
	font-family: 'GillSansStdLightItalic';
	font-size:35px; 
	margin-bottom:42px;
	padding-left:10px;
}
#mainContent .node.nodeCol .inner img
{
	/*
	float: left;
	margin: 10px 20px 10px 0;
	border: 0 none;
	 */
}
#mainContent .node.nodeCol .inner a
{
	color: #B80726;
	text-decoration: none;
}
#mainContent .node.nodeCol .inner a:hover
{
	text-decoration: underline;
}

#gaststaetten .inner{ }
/* -- Footer  -- */

#outerfooter {
	background-image:url(gfx/footer-bg.png);
	background-position:center top;
	background-repeat:no-repeat;
}
#footer {width: 951px; padding: 0 10px 0 20px; margin:0 auto; text-align:left; height:173px;} 

#footer div.threeCols {}
#footer div.threeCols h5{ font-size:12px; margin-bottom:10px;}

#footer div.threeCols dl{}
#footer div.threeCols dl dt{ margin-bottom:10px; font-weight:bold}
#footer div.threeCols dl dd { margin-bottom:10px;}
#footer div.threeCols dl dd a{ color:#333; text-decoration:none; display:block;}
#footer div.threeCols dl dd a:hover { text-decoration:underline}

#footer div.threeCols div.left{ border-top:3px solid #60b0de; padding-top:25px; width:223px;}
#footer div.threeCols div.middle{border-top:3px solid #cbda5f; padding-top:25px; margin: 0 190px 0 225px;}

#footer div.threeCols div.middle ul{ padding-left: 5px; }
#footer div.threeCols div.middle ul li { display:inline-block; list-style:none; float:left;}
#footer div.threeCols div.middle ul li a{ margin-right:5px; display:block}
#footer div.threeCols div.middle ul li a img{ border:0; display:block; }

#footer div.threeCols div.right{ border-top:3px solid #b90626; padding-top:25px; width:188px;}


/* -- Color-Themes -- */

/* -- Blau -- */
.blue {}
.blue a,
.blue div.node h2{ color:#69bbeb}

.blue h3,
.blue div.nodeCol div.right { border-color:#69bbeb}
.blue div.nodeCol div.right .artikelbox{ border-color:#69bbeb}
.blue div.nodeCol div.right .inner{ background-color:#E1F1FB;}
/*
.blue .btn,
.blue a.btnMore ins { background-color:#69bbeb}
*/

.blue div.nodeCol div.right div.inner,
.blue div.eventsSlider .item .inner {background-color:#e1f1fb}

.blue div.node div.inner ul li { background-image:url(gfx/dot-blue.gif);}

.blue a.btnVeranstaltungskalender
{
	color: #b80726;
}
/* -- Rot -- */
.red {}
.red a,
.red div.node h2{ color:#b80726}

.red h3,
.red div.nodeCol div.right,
.red div.nodeCol div.right .artikelbox{ border-color:#b80726}
.red div.nodeCol div.right .inner{ background-color:#fae5e8}

/*
.red .btn,
.red a.btnMore ins { background-color:#b80726}
*/

.red div.nodeCol div.right div.inner,
.red div.eventsSlider .item .inner{ background-color:#fae5e8;}

.red div.node div.inner ul li { background-image:url(gfx/dot-red.gif);}
/* -- Gelb -- */
.yellow {}
.yellow a,
.yellow div.node h2{ color:#f5cc00}

.yellow h3 { border-color:#f5cc00}
.yellow div.nodeCol div.right .artikelbox{ border-color:#f5cc00;}
.yellow div.nodeCol div.right .inner{ background-color:#FDF5CC;}
/*
.yellow .btn,
.yellow a.btnMore ins{ background-color:#f5cc00}
*/

.yellow div.node div.inner ul li { background-image:url(gfx/dot-yellow.gif);}

/* -- Grün -- */
.green {}
.green a,
.green div.node h2{ color:#cbda5f}

.green h3 { border-color:#cbda5f}
.green div.nodeCol div.right .artikelbox{ border-color:#cbda5f}
.green div.nodeCol div.right .inner{ background-color:#F8FBDF;}
/*
.green .btn,
.green a.btnMore ins { background-color:#cbda5f}*/

.green div.node div.inner ul li { background-image:url(gfx/dot-green.gif);}


div.nodeCatering h2 { font-size:12px; color:#333 !important; font-weight:bold;}
/* -- Wiederverwendbar -- */
.fltrt { float: right;}
.fltlft { float: left;}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*
ranges für unterkunftsverzeichnis
*/
fieldset .range.nightscount
{
	width: 200px !important; 
	padding: 6px 10px;
}