body {
    font-family: 'Open Sans', sans-serif;
    margin:10px;
    background-image: url('/lib/media.php?id=15');
}



/*@media only screen and (min-width: 1011px){*/

    #root{
        margin:30px auto;
        width:1000px;
        position: relative;
    }
    
    .corner{
        /*background-image: url('/lib/media.php?id=25');*/
        position: absolute;
        width: 20px;
        height: 20px;
        z-index: 1000;
    }
    #cornerTopLeft {
        background-position: bottom right;
        top:0px;
        left: 0px;
    }
    #cornerTopRight{
        background-position: bottom left;
        top:0px;
        right: 0px;
    }
    #cornerBottomLeft {
        background-position: top right;
        bottom: 0px;
        left: 0px;
    }
    #cornerBottomRight{
        background-position: top left;
        bottom: 0px;
        right: 0px;
    }

    #header {
        position: relative;
        padding-left:20px;
        padding-right:20px;
        background-color: #ffffff;
        border-top: 1px solid #dfdfdf;
        border-left: 1px solid #dfdfdf;
        border-right: 1px solid #dfdfdf;   
    }
    
    .ornamentLeft {
        background-image: url('/lib/media.php?id=21');
        display: block;
        width:65px;
        height: 30px;
        position: absolute;
        top:10px;
        left: 15px;
    }
    .ornamentRight {
        background-image: url('/lib/media.php?id=23');
        display: block;
        width:65px;
        height: 30px;
        position: absolute;
        top:10px;
        right: 15px;
    }
    
    #logo {
        text-align: center;
        /*margin: 20px 30px 10px 30px;*/
        padding-top:20px;
        padding-bottom:20px;
    }
    #mainNaviArea {
        position: relative;
        border-bottom: 1px solid #dfdfdf;
        border-top: 1px solid #dfdfdf;
        margin-left: 10px;
        margin-right: 10px;
        height: 43px;
    }
    #mainNaviArea ul {
        font-family: font-family: 'Crimson Text', serif;
        position: relative;
        margin:auto;
        padding:0px;
        display:table;
        text-align: center;
    }
    #mainNavi a {
        font-family: 'Crimson Text', serif;
        color:#51565A;
        text-decoration: none;
        font-size:16px;
        /*border:1px solid #000;*/
        padding:10px 8px 10px 8px;
    }
    #mainNaviArea ul li{
        display: table-cell;
        position: relative;
        padding:10px;
        float: left;
        list-style: none;
        margin: 0px;
        font-family: font-family: 'Crimson Text', serif;
        font-style: italic;
        text-align: center;
        font-size:14px;
        
    }
    
    #mainNaviArea ul li ul{
        display: none;
    }
    
    
    #mainNaviArea ul li:hover ul{
        display: block;
        position: absolute;
        float: none;
        z-index:1;
        background-color: rgba(255,255,255,0.7);
        padding:10px;
        margin: 15px 0px 0px 0px;
        width: 150px;
        
    }
    /*#mainNaviArea ul li.active ul{
        display: block;
        position: absolute;
        float: none;
        z-index:1;
        background-color: rgba(255,255,255,0.7);
        padding:0px 0px 5px 0px;
        margin: 18px 0px 0px 0px;
    }*/
    #mainNaviArea ul li.active{
        background-image: url('/lib/media.php?id=1');
        background-position: bottom center;
        background-repeat: no-repeat;
        height: 29px;
        z-index: 2;
    }
    
    #mainNaviArea ul li.active ul li{
        width: 100%;
        padding:5px 5px 5px 5px;
        text-align: left !important;
        background: none !important;
    }
    #mainNaviArea ul li.active ul li a{
        font-style: normal;
        font-size: 14px;
        padding: 0;
        margin: 0;
    }
    #mainNaviArea ul li:hover{
        background-image: url('/lib/media.php?id=1');
        background-position: bottom center;
        background-repeat: no-repeat;
        height: 29px;
        z-index: 2;
    }
    #mainNaviArea ul li:hover ul li a{
        font-style: normal;
        font-size: 14px;
        padding: 0;
        margin: 0;
    }
    
    #mainNaviArea ul li:hover ul li:hover{
        /*background-color: #90060C;
        color: #ffffff;*/
        background: none;
        width: 100%;
        padding:5px 0px 5px 0px;
        text-align: left;
        height: auto !important;
        
    }
    #mainNaviArea ul li:hover ul li{
        width: 100%;
        padding:5px 0px 5px 0px;
        text-align: left !important;
        height: auto !important;
    }
    #mainNaviArea ul li:hover ul li:hover a{
        font-style: normal;
        font-weight: bolder;
        font-size: 14px;
        padding: 0;
        margin: 0;
    }
    
    
    /* Content Area */
    #content {
        position: relative;
        border-left: 1px solid #dfdfdf;
        border-right: 1px solid #dfdfdf;
        background-color: #ffffff;
    }
    
    .teaser{
        height:350px;
        margin-left: 30px;
        margin-right:30px;
        background-size: 100% auto;
        background-position:center; 
    }
    #preloadedImage {
        background-size: 100% auto;
        background-position:center; 
        height: 100%;
        width: 100%;
    }
    .teaser .leftArrow {
        display: block;
        position: absolute;
        top:175px;
        left:20px;
        width: 30px;
        height: 30px;
        background-image: url('/lib/media.php?id=9');
        cursor: pointer;
    }
    .teaser .rightArrow {
        display: block;
        position: absolute;
        top:175px;
        right:20px;
        width: 30px;
        height: 30px;
        background-image: url('/lib/media.php?id=11');
        cursor: pointer;
    }
    
    #content h1 {
        font-family: 'Crimson Text', serif;
        font-size: 28px;
        font-weight: 300;
        color: #51565A;
        margin:30px 80px 20px 80px
    }
    #content > h2 {
        color: #51565a;
        font-size: 20px;
        font-weight: 300;
        padding: 0 80px;
        font-family: "Crimson Text",serif;
    }
    #content > h3 {
        color: #51565a;
        font-size: 18px;
        font-weight: 300;
        padding: 0 80px;
        font-family: "Crimson Text",serif;
    }
      
    #content p {
        color: #51565A;
        line-height: 20px;
        font-size: 14px;
        float: none;
        margin:0px 80px 0px 80px;
    }
    .formular td {
        color: #51565A;
        line-height: 20px;
        font-size: 14px;
    }
    #content a{
        color: #51565A;
        text-decoration: none;
    }
    #content a:hover{
        color: #90060C;
    }
    
    
    .contentRow {
        clear: both;
        display: table;
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        padding-left: 75px;
        padding-right: 75px;
        padding-top: 10px;
        position: relative;
        width: 85%;
    }
    .contentRow h2 {
        font-family: 'Crimson Text', serif;
        font-size: 20px;
        font-weight: 300;
        font-style: italic;
    }
    
    .contentRow .col1 {
       position: relative;
        display: table-cell;
        float: left;
        width: 570px;
        padding-right: 10px;
    }
    
    .contentRow .col2 {
        display: table-cell;
        float: right;
        font-size: 12px;
        margin-right: 20px;
        padding-top: 10px;
        position: relative;
        text-align: center;
    }
    
    hr {
            border-top: 1px solid #000000;
            border-bottom: none;
            border-left: none;
            border-right: none;
            
        }
        .rightPageBookingControl{
            background-image: url('/lib/media.php?id=3');
            color:#ffffff !important;
            padding:10px;
        }
        .rightPageBookingControl .controlMask{
            margin-left: 0 !important;
        }
        .rightPageBookingControl .controlMask .date{
            width: 110px !important;
        }
        .rightPageBookingControl .controlMask .number{
            width: 28px !important;
        }
        
        .priceListItem {
            position: relative;
            border-top: 1px solid #ffffff;
            clear: both;
            float: none;
        }
        .rightPageBookingControl .label{
            position: relative;
            float: left;
            width: 160px;
            padding: 10px 0px 10px 0px;
            
        }
        .rightPageBookingControl .roomPrice{
            position: relative;
            float: right;
            width: 60px;
            text-align: right;
            padding: 10px 0px 10px 0px;
            
        }
        
    .contentRow p{
        margin: 0px !important;
        padding: 0px !important;
    }
    .bookingArea {
        display: table;
        width: 102%;
        margin-left: -1%;
        margin-right: -1%;
        position: relative;
        margin-top:20px;
        margin-bottom: 20px;
        background-image: url('/lib/media.php?id=3');
    }
    .bookingArea h2 {
        font-family: 'Crimson Text', serif;
        font-size: 20px;
        font-weight: 300;
        color: #ffffff;
        font-style: italic;
    }
    .bookingArea .col1 {
        position: relative;
        display: table-cell;
        width: 400px;
        float: left;
    }
    
    .bookingArea .col1 h2 {
        margin:10px 20px 10px 40px;
    }
    
    .bookingArea .col2 {
        position: relative;
        display: table-cell;
        width: 580px;
        float: right;
    }
    
    .bookingArea .col2 h2 {
        margin:10px 20px 10px 15px;
    }
    
    .controlMask {
        margin-left:40px;
        font-size: 12px;
        font-style: italic;
        color:#ffffff;
    }
    input{
        border: 1px solid #B2B2B2;
        font-size: 11px;
        color:#132B35;
        padding:3px;
    }
    
    .controlMask .date{
        width:150px;
    }
    .controlMask .number{
        width:48px;
    }
    
    .controlMaskButton {
        font-size: 14px;
        font-style: italic;
        background-color: #90060C;
        color: #ffffff;
        padding:5px;
        border: none;
        cursor: pointer;    
		margin-top: 10px;
    }
    
    .journeyTeaser {
        position: relative;
        margin-bottom: 20px;
        margin-right: 20px;
        height: 200px;
        overflow: hidden;
    }
    .page1 {
        display: block;
        left:0px;
        position: absolute;
        width: 100%;
    }
    .page2 {
        display: block;
        left:100%;
        position: absolute;
        width: 100%;
    }
    
    .journeyTeaser .leftArrow {
        display: block;
        position: absolute;
        top:65px;
        width: 30px;
        height: 30px;
        background-image: url('/lib/media.php?id=5');
        cursor: pointer;
    }
    .journeyTeaser .rightArrow {
        display: block;
        position: absolute;
        top:65px;
        right:0px;
        width: 30px;
        height: 30px;
        background-image: url('/lib/media.php?id=7');
        cursor: pointer;
    }
    .journeyTextBox {
		background-color: #b2b2b2;
		float: left;
		height: 210px;
		margin-bottom: 10px;
		margin-left: 15px;
		width: 250px;
	}
	.journeyImageBox {
		background-position: center center;
		background-size: cover;
		float: right;
		height: 200px;
		margin-right: 15px;
		width: 280px;
	}
    .journeyTeaser .journeyTextBox h3{
        font-family: 'Crimson Text', serif;
        font-size: 20px;
        font-weight: 300;
        font-style: italic;
        color: #132B35;
        margin:10px 10px 10px 20px;
        line-height: 22px;
    }
    .journeyTeaser .journeyTextBox p{
        font-size: 12px !important;
        color: #ffffff !important;
        margin: 10px 20px 10px 20px !important;
        
    }

    .eventBox {
        position: relative;
        margin-bottom: 20px;
        margin-right: 18px;
        overflow: hidden;
        padding: 10px;
    }
    
    .eventBoxText {
        float: left;
        width: 310px;;
        margin-bottom: 10px;
        height:150px;
        position: relative;
        margin: 10px;
    }
    .eventBoxImage {
        float: left;
        width: 200px;
        height: 150px;
        background-size: auto 100%;
        background-position:center;
        position: relative;
        margin-left: 10px;
        margin-top: 10px;
    }
    .eventBox .eventBoxText h3{
        font-family: 'Crimson Text', serif;
        font-size: 20px;
        font-weight:  300;
        font-style: italic;
        color: #132B35;
        margin:0px 10px;
        line-height: 22px;
    }
    
    .eventBox .eventBoxText p{
        font-size: 12px !important;
        line-height: 16px !important;
        margin: 10px !important;
    }
    
    .roomInfo {
        border: 1px solid #90060C;
        border-radius: 2px;
        margin-bottom: 10px;
        padding: 10px;
        color: #90060C;
    }
    
    .roomInfo.info {    
        border: 1px solid #D76504;
        color: #D76504;
    }    
    
    .dateBox {
        display: block;
        position: absolute;
        top:0px;
        left:0px;
        width: 60px;
        height: 60px;
        background-color: #14262F;
        color:#ffffff;
        text-align: center;
        padding: 10px;
        opacity: 0.9;
    }
	
	.listItem  .dateBox {
		top:10px;
		left:10px;
	}
    
    .dateBox .date {
        font-family: 'Crimson Text', serif;
        font-size: 28px;
        display: block;
        border-bottom: 1px solid #ffffff;
        margin: 0px 5px 0px 5px;
    }
    
    .dateBox .month {
        font-family: 'Crimson Text', serif;
        font-size: 14px;
        display: block;
        margin: 0px 5px 10px 5px;
    }
    
    .eventBox .controlPanel {
        clear: both;
        float: none;
        height: 30px;
        margin-left: -10px;
        background-image: url('/lib/media.php?id=13');
        background-repeat: repeat-x;
        position: relative;
        margin-top: 170px;
    }
    .eventBox .controlPanel .leftArrow {
        background-image: url("/lib/media.php?id=5");
        cursor: pointer;
        display: block;
        height: 30px;
        width: 30px;
        border: 1px solid #c9c9c9;
        border-radius: 15px;
        background-position: center center;
        background-repeat: no-repeat;
        float: left;
    }
    .eventBox .controlPanel .rightArrow {
        background-image: url("/lib/media.php?id=7");
        cursor: pointer;
        display: block;
        height: 30px;
        width: 30px;
        border: 1px solid #c9c9c9;
        border-radius: 15px;
        background-position: center center;
        background-repeat: no-repeat;
        float: right;
    }
    .eventBox .controlPanel .teaserBubblePosition{
        display: block;
        height: 10px;
        width: 10px;
        background-image: url("/lib/media.php?id=1");
        position: absolute;
        top:12px;
        left: calc(100%/2);
    }
    
    .contentList{
        width: 820px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    
    .listItem {
        border-top: 1px solid #c9c9c9;
        position: relative;
        margin-bottom: 20px;
        height: 150px;
        overflow: hidden;
        padding: 20px;
    }
    .listItem:first-child {
		margin-top: 30px;
	}
    .listItemText {
        float: left;
        width: 560px;
        margin-bottom: 10px;
        height:150px;
    }
    .listItemImage {
        float: left;
        width: 200px;
        height: 150px;
        background-size: auto 100%;
        background-position:center; 
    }
    .listItem .listItemText h3{
        font-family: 'Crimson Text', serif;
        font-size: 20px;
        font-weight:  300;
        font-style: italic;
        color: #132B35;
        margin:0px 10px;
        line-height: 22px;
    }
    
    .listItem .listItemText p{
        font-size: 12px !important;
        line-height: 16px !important;
        margin: 10px !important;
        
    }
	.listItem .itemLink {
		display: block;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
        
    /* Footer Area */
    #footer {
        position: relative;
        padding-left:20px;
        padding-right:20px;
        background-color: #ffffff;
        border-bottom: 1px solid #dfdfdf;
        border-left: 1px solid #dfdfdf;
        border-right: 1px solid #dfdfdf;   
    }
    #footerLogo {
        width:140px;
        height:auto;
        margin-bottom: 10px;
    }
    
    .relatedElement {
        width: 255px;
        margin:30px 10px;
        float: left;
        position: relative;
    }
    .relatedElement h2 {
        color: #132B35;
        font-family: 'Crimson Text',serif;
        font-size: 20px;
        font-style: italic;
        font-weight: 300;
        line-height: 22px;
        margin: 10px 0px 10px 0px;
    }
    .relatedElement span {
        font-family: 'Open Sans', sans-serif;
        font-size: 12px !important;
        line-height: 14px !important;
        font-style: normal;
    }
    .relatedElementImg {
        display: block;
        width: 255px;
        height:150px;
        background-size: auto 100%;
        background-position:center; 
    }
	
	/**
	
	
	copypaste style!
	
	
	**/

	
	.image div {
		width:100%;
		height:200px;
		background-position:center;
		background-size:cover;
		cursor:zoom-in;
	}


	#bigPictureBox {
		background-color: rgba(0, 0, 0, 0.80);
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;    
		z-index: 10;
	}

	#bigPicture {
		position: absolute;
		top: 50%;
		left: 50%;
		background-repeat:no-repeat;
		background-position:center center;
		overflow:hidden;    
	}

	.picBoxNav {
		height: 50px;
		margin-top: -25px;
		position: absolute;
		top: 50%;
		width: 50px;
		background-color:#fff;
		opacity:0.25;
		line-height: 50px;    
		font-size: 30px;
		cursor:pointer;    
		font-weight: 600;
	}

	.picBoxNav:hover {
		opacity:0.8
	}

	.picBoxLeft {
		border-radius: 0 25px 25px 0;
		left: -35px;    
		padding-right: 15px;
		text-align: right;
	}

	.picBoxLeft:hover {
		left: -15px;
	}

	.picBoxRight {
		border-radius: 25px 0 0 25px;
		right: -35px;
		padding-left: 15px;
	}

	.picBoxRight:hover {
		right: -15px;
	}

	.picBoxExit {
		position: absolute;
		right: 0;
		top: 0;
		height: 20px;
		width: 20px;
		opacity: 0.25;
		border-radius: 0 0 0 40px;
		background-color: #FFFFFF;
		line-height: 18px;
		font-size: 18px;
		padding: 5px;
		text-align: right;
		cursor:pointer;
	}

	.picBoxDescription {
		background-color: rgba(255, 255, 255, 0.6);
		position: relative;
		text-align: center;
		top: 50%;
		margin: 0 auto;
		color:#000;
	}

	.picBoxExit:hover {
		opacity:0.8;
		height: 30px;
		width: 30px;
	}

	.journeyTeaser .journeyTextBox h3 {
		color: #fff;
		font-family:"Times New Roman", Times, serif;
		font-size: 20px;
		font-style: italic;
		font-weight: 300;
		line-height: 22px;
		margin: 10px 10px 10px 20px;
	}
	.journeyTeaser .journeyTextBox  p {
		color: #fff;
		float: none;
		font-size: 12px;
		line-height: 20px;
		margin: 0 30px;
	}
	.journeyTeaser .journeyTextBox  span {
		color: #fff;
		float: none;
		font-size: 12px;
		line-height: 20px;
		margin: 0 30px;
	}

	.ui-datepicker {
		font-size:0.6em;
		line-height:100%;
	}

	.imageSmall {
		display: inline-block;
		margin: 1%;
		width: 23%;
		cursor:pointer;
	}
	.third.first ul {
		/* list-style:none; */
		padding-left: 15px;
	}
	.third.first ul li {
		font-size: 12px;
		line-height: 14px;
		margin-right: 5%;
		font-family: 'Open Sans',sans-serif;
		
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-o-hyphens: auto;
		hyphens: auto; 
	}
	.third.first li:nth-child(2n-1) {
	}
	.third.first li:nth-child(2n) {
		margin: 0;
	}
	
	.third.desc h3 {
		color: #000;
		margin: 13px 0 0;
		font-style: italic;
		font-family: 'Crimson Text',serif;
		font-weight:300;
		font-size:1.5em;
	}
        .third.desc h4 {
            color: #000;
            font-family: "Crimson Text",serif;
            font-size: 15px;
            font-style: italic;
            font-weight: 300;
            margin: 5px 0;
        }

	#preloader {
		background-color: #000000;
		height: 100%;
		opacity: 0.6;
		position: absolute;
		text-align: center;
		top: 0;
		width: 100%;
		color: #FFFFFF;
	}
	#loaderImage {    
		height: 100px;
		margin: 6% auto;
		width: 100px;
		background-image:url("/lib/media.php?id=75");
	}

	.journeyPicker {
		height: calc(100% - 10px);
		margin: 0 15px 10px;
		position: absolute;
		width: calc(100% - 30px);
		background-color:rgba(0,0,0,0.8);
		display:none;
		font-size:12px;
		font-family: 'Cabin', sans-serif;
	}

	.journeyPicker[sel="true"]{
		display:block;
	}
	.page1:hover .journeyPicker,
	.page2:hover .journeyPicker {
		display:block;
	}

	.selectButton,
	.unselectButton {
		margin: 60px auto;
	}

	.liste{
		border-bottom:1px solid #999;
		padding-top:30px;
	}
	.liste h2 {    
		font-family: 'Crimson Text',serif;
		font-style: italic;    
		font-weight: 300;		
	}
	.liste strong { 
		font-weight: 300;			
	}
	
	.listelement{
		border-top:1px solid #999;
		padding-top:10px;
		padding-bottom:0px;
		position:relative;
		
		font-family: 'Crimson Text',serif;
		font-size: 20px;
		/*font-style: italic;*/
		font-weight: 300;
		line-height: 22px;
	}
	
    .listelement .priceBox {
        display: block;
        position: absolute;
        top:20px;
        left:10px;
        width: 60px;
        height: 45px;
        background-color: #14262F;
        color:#ffffff;
        text-align: center;
        padding: 10px;
        opacity: 0.8;
    }
    
    .listelement .priceBox .price {
        font-family: 'Crimson Text', serif;
        font-size: 14px;
        display: block;
        border-bottom: 1px solid #ffffff;
        margin: -5px 5px;
    }
    
    .listelement .priceBox .priceEntity {
        font-family: 'Crimson Text', serif;
        font-size: 11px;
        display: block;
        margin: 0px 5px 10px 5px;
    }

	.third{
		display:block;
		float:left;
		width:29%;
		padding-left:2.5%;
		padding-right:2%;
		margin-bottom:10px;
	}
	.third.first,.third.doppel.first{
		padding-left:0px;
		padding-right:4%;
	}
	.third.last{
		padding-left:4%;
		padding-right:0px;
		float:right;
	}

	.third.doppel{
		display:block;
		float:left;
		width:62%;
		padding-left:2%;
		padding-right:2%;    
		min-height: 120px;
	}

	.third.desc{
		display:block;
		float:left;
		width:47%;
		padding-left:2%;
		padding-right:2%;    
		min-height: 120px;
		font-size: 0.6em;
		color:#51565a;
		font-family: 'Open Sans',sans-serif;
	}

	.third.price{
		display:block;
		float:left;
		width:13%;
		text-align:right;
		padding-left:2%;
		padding-right:0%;    
		min-height: 120px;    
		font-size: 0.6em;
	}

	.third.price input{
		margin-top:50px;
	}

	.third img{
		max-width:100%;
	}

	.loading {
	  color: #fff;
	  display: block;
	  margin-left: 43px;
	}
	
	.additionList {
		display:table;
		width:100%;
	}

	.additionList  > div {
		display:table-row;
	}

	.additionCell {
	  border-bottom: 1px solid #999;
	  display: table-cell;
	  margin-bottom: 5px;
	  padding: 5px;
	  width: 50%;
	}
	
	.additionList  > div:last-child .additionCell{
		border-bottom:0 none;
	}

	div .additionCell:first-child {
		width:10%;
	}
	div .additionCell:last-child {
		width:20%;
		text-align:right;
	}

	.additionCell .ui-spinner {
		border: 1px solid #c9c9c9;
		font-size: 0.8em;
		width: 40px;
	}

	
	.journeyPicker{
		display: block;
		height: 50px;
		top: calc(100% - 60px);
	}
	.selectButton, .unselectButton {
		margin: 10px auto;
	}
	
	#rListContainer {
		margin: auto;
		padding: 30px 60px 0;
		position: relative;
		width: 80%;
	}

	.rListContainer {
		display: inline-block;
		margin-left: 5% !important;
		margin-right: 4% !important;
		padding: 0 !important;
		vertical-align: top;
		width: 55% !important;
	}
	.rListContainer  .liste {
		padding:0 !important;
	}
	.rListContainer p,
	.jdContainer p,
	#rListContainer p{
		margin:0 !important;
		font-family: 'Open Sans',sans-serif;
	}
	.jdContainer {
		width:30%;
		display:inline-block;
		vertical-align:top;
		margin-top:60px;
		margin-right:5%;
		font-family: 'Crimson Text',serif;
		font-size: 20px;
		/*font-style: italic;*/
		font-weight: 300;
		line-height: 22px;
	}
	.jdContainer  h2 {
		font-weight:300;
	}
	
	.rListContainer .ornamentLeft,
	.rListContainer .ornamentRight {
		display:none;
	}
	

	#journeyDetailsContainer {
		margin-top: -52px;
	}
	#journeyDetailsContainer .narrow {
		font-size: 12px;
		text-align: justify;
	}
	#journeyDetailsContainer h1 {
		font-size: 1.3em;
	}
	#journeyDetailsContainer ul {
		list-style: inherit;    
		padding: 0 15px;
	}
	#journeyDetailsContainer ul li {
		float: none;
		text-align: left;
		width: 100%;
	}

        .price > h3 {
            font-size: 1.6em;
            font-weight: 300;
        }
        
        #journeyHeadlineContainer .page_head {
            font-family: "Crimson Text",serif;
            margin: 35px 50px;
            text-align: left;
        }
        
	#journeyHeadlineContainer h2 {
		margin: 5px 0;
		font-size: 25px;
		font-style: italic;
		font-weight: 300;
		line-height: 22px;
	}

	
	/* BookingProcess*/

	.bookingMain {
		margin: auto;
		width: 80%;
		position:relative;    
		padding: 35px 60px 0;
		font-size:0.8em;
	}
	.bookingMain h3 {
		font-size:1.3em;
		font-weight:300;   
	}
	.bookingMain h1 {
		font-size:0.9em;
		font-weight:300;
		margin: 10px 0 !important;
	}
	
	.bookingControls {
		display:table;
		width:100%;
	}

	.stepBox {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		width: 20%;    
		opacity: 0.5;
	}
	.buttonBox {
		width: 12%;
	}

	.stepButton {
		background-color: #2C3B44;
		color: #FFFFFF;
		display: block;
		padding: 5px;
		min-width: 100px;
		opacity:1;
		cursor:pointer;    
		text-align: center;
	}

	.buttonDisabled {
		opacity: 0.5;
		cursor:not-allowed;
	}

	.stepNumber {
		border: 1px solid #2C3B44;
		border-radius: 10px;
		height: 20px;
		margin: auto;
		width: 20px;
	}

	.active {
		opacity:1;
	}

	.wideField {
	  width: calc(100% - 30px);
	}

	.nameFiled {
		width: 20%;
	}

	.cityField {
		width: calc(100% - 90px);
	}

	.zipcodeField {
		width: 50px;
	}

	.fullPriceRow {
		border-top: 3px double #999999;
		color: #90060c;
		font-size: 30px;
		padding-top: 10px;
		text-align: right;
	}

	#personalData,
	#showPersonalData {
		display: inline-block;
		vertical-align: top;
		width: 49%;
	}
	#addNotes,
	#showAddNotes {
		display: inline-block;
		vertical-align: top;
		width: 50%;
	}

	.bookingArea .ui-spinner-disabled {
		background-color:#D0D0D0;
		opacity:1;
	}

	.buttonAttention {
		background-color:#90060c;
	}

	.halfWidthInput {
		margin: 0;
		width: calc(50% - 8px);
	}

	.fullWidthInput {
		margin: 15px auto 0;
		width: calc(100% - 5px);
	}

	#inseciaCaptchaImage {
		margin-left: calc(50% - 65px);
		margin-top: 15px;
	}

	.contactForm input[type="submit"] {
		background-color: #90060c;
		border: 0 none;
		color: #FFFFFF;
		margin: 10px calc(50% - 39px);
		padding: 2px;
		width: 80px;
	}

	textarea.fullWidthInput {
		height: 200px;    
		resize: none;
	}
	
	.rot{color:#90060c;}
	a.button {
		border: 1px solid #2c3b44;
		display: inline-block;
		font-size: 0.8em;
		margin-top: 10px;
		padding: 5px 10px;
	}

	a.button:hover{
		background-color:rgba(204,204,204,0.2);
	}
	
	.border {
	  position: relative;
	}
	
	.listelement .image > img {
	  margin-left: 20px;
	  margin-top: 20px;
	}
	
	.roomAdditions,
	.offererAdditions {
		font-size: 0.6em;    
		padding: 5px 20px;
	}

	.additionCell .ui-widget input {
		font-size:1.5em;
	}
	
	.mapDiv {
		height: 250px;
		margin: 30px;
		width: calc(100% - 60px);
	}
	.mapDiv .olMap {
		width: 100%;
		height: 100%;
	}
        
        
        /* jQuery Kalender */
        .ui-datepicker .ui-datepicker-title {
            font-size: 14px !important;
        }
        .ui-datepicker table {
            font-size: 12px  !important;
        }
        .ui-datepicker {
           width: 250px !important;
        }