/*
## -----------------------------------------------------------------------------
##
##
##  STYLE SHEET
##                                             
##        Style-Sheet-Definitionen | Ulrich Selke
##                                                                          
##        SCHEME:      __vp__scheme__                                                
##        AUTHOR:      Carsten Zandecki, mediaMinds internet services            
*/


*          { margin:0; padding:0; }


@font-face { font-family: 'SourceSans';
	     src: url('../fonts/source-sans-pro/SourceSansPro-Light.eot');
	     src: url('../fonts/source-sans-pro/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
	          url('../fonts/source-sans-pro/SourceSansPro-Light.ttf.woff') format('woff'),
	          url('../fonts/source-sans-pro/SourceSansPro-Light.ttf') format('truetype');

	     /*     url('../fonts/source-sans-pro/SourceSansPro-Light.svg#webfont') format('svg'); */
           }

@font-face { font-family: 'SourceSansRegular';
	     src: url('../fonts/source-sans-pro/SourceSansPro-Regular.eot');
	     src: url('../fonts/source-sans-pro/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
	          url('../fonts/source-sans-pro/SourceSansPro-Regular.ttf.woff') format('woff'),
	          url('../fonts/source-sans-pro/SourceSansPro-Regular.ttf') format('truetype');

	     /*     url('../xfonts/source-sans-pro/SourceSansPro-Regular.svg#webfont') format('svg'); */
           }


@font-face { font-family: "Script MT Bold";
             src: url("../fonts/scriptmtbold/scriptmtbold.eot");
             src: url("../fonts/scriptmtbold/scriptmtbold.eot?#iefix") format("embedded-opentype"),
                  url("../fonts/scriptmtbold/scriptmtbold.woff2") format("woff2"),
                  url("../fonts/scriptmtbold/scriptmtbold.woff") format("woff"),
                  url("../fonts/scriptmtbold/scriptmtbold.ttf") format("truetype");
             /* url("../fonts/scriptmtbold/scriptmtbold.svg#Script MT Bold") format("svg"); */
}



html       { height: 100%; width: 100%; background-repeat: no-repeat; background-position: center center; 
             background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
             background-size: cover;
           }

body       { text-align: center; font-family: SourceSans; font-size: 17px; color: #666; margin: auto; background:transparent; }

img        { border:0px; max-width:100%; } 

.scrollup 
{ 
	background: #8e3314 url('../images/arr_up.png') no-repeat;
	background-size: 35px 35px;
	background-position: 3px 2px;
	bottom: 20px;
        border-radius:50%;
	display: none;
	height: 41px;
	position: fixed;
	right: 20px;
	text-indent: -9999px;
	width: 41px;
	z-index: 999;
}


/*
## -----------------------------------------------------------------------------
##
##  GENERAL ELEMENT/FORM CLASSES
##                                             
*/


form         { height:100%; }
input        { font-family: SourceSans; font-size:1.000em; border: 1px solid #ddd; padding:5px; color:#333; margin-top:5px; border-radius:5px; }
textarea     { font-family: SourceSans; font-size:1.000em; border: 1px solid #ddd; padding:5px; color:#333; margin-top:5px; border-radius:5px; }
.noborder    { border:0px; }
.sndbutton   { font-size:0.938em; border:0px; background: #076633; color: #fff; width:120px; height:46px; font-weight:bold; }
.formspacer  { clear:both; padding:1%; }

.sentbutton  { margin:10px 0 0 173px; }
.sentbutton2 { margin:10px 0 0 287px; }

.osndButton  { display:block; font-size:0.938em; border:0px; background: #076633; color: #fff; height:26px; padding: 14px 10px 6px 10px; font-weight:bold; }
a.osndButton { text-decoration:none; color:#fff; }

#emailError  { background: #aa0000; padding:2%; color:#fff; }
#emailOk     { background: #2fac66; padding:2%; color:#fff; }

.formContainer   { background:#eee4d7; width:94%; text-align:left; padding:3%; color:#333; border-radius:5px; border:1px solid #dbd3c9; }
.formContainerOk { background:#a5c425; width:94%; text-align:left; padding:3%; color:#fff; border-radius:5px; border:1px solid #85a110; }


/*
## -----------------------------------------------------------------------------
##
##  NORMAL SITE STYLES
##
##
*/


#horizon     { clear:both; width:100%; max-width:1010px; margin:0 auto; background: #ffffff; box-shadow: 0 0 15px rgba(33,33,33, 0.6); } 

#topline     { display:block; width:100%; height:5px; background: #8e3314; /*#451f31;*/ }

#headline    { width:100%; height:147px; margin:0 auto; background: transparent;}
#headarea    { width:1010px; height:147px; padding:0; margin:0 auto; background: transparent; text-align:left; }

#logo        { float: left; padding-top: 10px; }
#logoxy      { width: 208px; height:120px; }

#menuarea       { float:left; margin-left:25px; width: 766px;  }
#menuarea:after { clear:both; }

.tshadow     {  position:relative; z-index:5; top:-253px; display:none; width:100%; max-width:1260px; height:49px; background: url('../images/tshadow.png'); background-position:center;} 


/*
## -----------------------------------------------------------------------------
##
##  SITE MENU STYLES
##
##
*/


nav        { display:block; float:left; position:relative; z-index:15; left:0px; top:0px; width:100%; height:116px; }

#infonav   { float:left; display:block; padding: 0; margin: 0 0 0 468px; width: 322px; height:31px; text-align:left; font-size:19px; color: #fff; background: transparent url('../images/infobar.png') no-repeat; }
#infonav a { color:#fff; font-size:15px; }

.deimg     { position:relative; top:6px; left:0px; }
.ukimg     { position:relative; top:6px; left:2px; }

.coimg     { position:relative; top:2px; left:50px; }
.colink    { position:relative; top:0px; left:50px; }
.ioimg     { position:relative; top:2px; left:60px; }
.iolink    { position:relative; top:0px; left:60px; }

#menuNav > ul{	width: 100%; /* Increase when adding more menu items */
	        /*margin:0 auto; */
          }
 
#menuNav > ul > li{ /* will style only the top level li */
	list-style: none;

	display: inline-block;
	line-height: 1px;
	/*margin: 20px 15px 20px 15px;*/

        margin-top:6px;
        padding:45px 0 30px 0;

	border-radius: 3px;
	position:relative;
}

#menuNav > ul > li:before {
    font-size:38px;
    position:relative;
    top:8px;
    left:2px;
    content: '';
    color: #c9d7f0; /* or whatever color you prefer */
}

#menuNav > ul > li:hover:before {
    font-size:38px;
    position:relative;
    top:8px;

    /*left:2px; */
    content: "";

    /* background:#fff;
       border-bottom: 5px solid #340033;
    */

    color: #49bdc7; /* or whatever color you prefer */
}


#menuNav > ul > li > a{
	color:inherit;
	text-decoration:none !important;
	font-size:20px;
	padding:45px 8px 30px 8px;
        font-family: SourceSans;
        font-weight:normal;
        /*color: #451f31;*/

        color: #8e3314;
}

#menuNav > ul > li > a.active, #menuNav > ul > li > a.active:hover  {
	color:inherit;
	text-decoration:none !important;
	font-size:20px;
	padding: 45px 8px 30px 8px;
        font-family: SourceSans;
        font-weight:normal;
        color: #fff;
        /*border-bottom: 4px solid #008e5b;*/
        /*background:#451f31;*/

        background:#8e3314; 

}       


#menuNav > ul > li > a:hover{
	color:inherit;
        font-family: SourceSans;
	text-decoration:none !important;
	font-size:20px;
	padding: 45px 8px 30px 8px;
        font-family: SourceSans;
        font-weight:normal;
        color: #fff;
        /*background: #b97ab4;*/

        background: #ed7302;

        /* border-bottom: 4px solid #008e5b; */
}






#menuNav li ul{ position:absolute; list-style:none; text-align:left; width:240px; left:50%; margin-left:-90px; top:64px; font-family: SourceSansRegular; font-size:16px; border-radius:5px; box-shadow: 0px 0px 22px rgba(106,106,106,0.5);



	/* This is important for the show/hide CSS animation */
	max-height:0px;
	overflow:hidden;
	
	-webkit-transition:max-height 0.4s linear;
	-moz-transition:max-height 0.4s linear;
	transition:max-height 0.4s linear;

}

#menuNav li ul:before { content: ""; }



#menuNav li ul li{
	/*background-color:#313131;*/

        background-color: #fff;
        border-bottom:1px solid #e4e4ea;

}

#menuNav li ul li:last-child {

        border-bottom: none; /*1px solid #fff;*/
}


#menuNav li ul li a{
        margin:0 20px;
	padding:14px 0 14px 0;
	color:#314179 !important;
	text-decoration:none !important;
	display:block;
}



#menuNav li ul li:nth-child(odd){ /* zebra stripes */
	background-color:#fff;
        border-bottom:1px solid #e4e4ea;
}

#menuNav li ul li:hover{ background-color: #49bdc7; }

#menuNav li ul li:first-child{
	border-radius:5px 5px 0 0;
	margin-top:0px;
	position:relative;
}

#menuNav li ul li:first-child:before{ /* the pointer tip */

	content:'';

/*
position:absolute;
width:10px;
heigth:10px;
background:#ccc;*/

        /*
         position:absolute;
         top:-10px;
         z-index:999;
	 width:9px;
	 height:15px;
	 border:15px solid #333; 
	 border-bottom-color:#333;
         left:25px;
	 top:-25px; 
         margin-left:-5px; 
        */

        /*display:none; */
}

#menuNav li ul li:last-child{
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

#menuNav .tip { background:#ccc; }

/* This will trigger the CSS */
/* transition animation on hover */

#menuNav li:hover ul{ max-height:300px; } /* Increase when adding more dropdown items */


/*
## -----------------------------------------------------------------------------
##
##  MAIN NAVIGATION MENU
##                                             
*/








/*
## -----------------------------------------------------------------------------
##
##  BUTTONS / GLOBAL LINKS
##                                             
*/

a            { color: #ed7302; font-family: SourceSans; font-size:1.000em; text-decoration:none; }
.abutton     { height: auto; font-family: SourceSansRegular; font-size: 1.000em; text-align: left; background: linear-gradient(0deg, #ed7302, #ff8e25); color: #fff; padding: 10px 12px 10px 12px; border-radius: 3px; box-shadow: 0px 0px 0px rgba(88,88,88,0.5); text-decoration: none;}
.abuttonspan { display:inline; position:relative; width: 37px; height: 2001px; z-index:205; top: -12px; left: 15px; border-radius: 0 5px 5px 0; line-height: 51px; padding: 0px 0px 24px 37px; background: #ffc111 url('images/arr_button_right.png') 0px 2px no-repeat; }


a.std { color: #ed7302; font-family: SourceSans; font-weight:bold;  text-decoration:none; font-weight:bold; }
a.std:after { content: ""; display:inline-block; position:relative; top:5px; left:1px; margin:0 2px 0 4px; border-radius:50%; background: #8e3314 url('../images/arrow_right.png') 1px 1px no-repeat; background-size:17px 17px; font-size:0.875em; color:#fff; width: 19px; height:19px; font-weight:bold;  }



/*
## -----------------------------------------------------------------------------
##
##  MAIN SITE STYLES
##                                             
*/


#imgContainer { /*border-top:3px solid #666;*/ display:block; width:1010px; height:348px; background: transparent;
                text-align:left;
                border-bottom: 3px solid #666; }


.darkDIV  { display:inline; position:absolute; top:248px; left:25px; background:#8e3314; padding:5px 10px; font-family: "Script MT Bold"; font-size:1.625em; font-weight:lighter; color:#fff; }
.lightDIV { display:inline; position:relative; top:302px; left:50px; background:#ed7302; padding:5px 10px; font-size:1.000em; font-weight:normal; color:#fff; }

.lightDIVBlock { background:#ed7302; width:150px; padding:5px 10px; margin-bottom:25px; font-size:1.000em; font-weight:normal; color:#fff; }

section      { }

.full      { width:100%; display:block; /*margin-top:-49px;*/ }
.fullbo    { width:98%; border:3px solid #666; display:block; }

.contentgrey     { clear:both; width:984px; display:block; margin:0 auto; text-align:left; padding:30px 0px 30px 0px; background: #f3f3f3; color:#666; }
.content         { clear:both; width:970px; display:block; margin:0 auto; text-align:left; padding:30px 0px 90px 0px; background: transparent; color:#666; }


.contentFull     { clear:both; width:980px; display:block; margin:0 auto; text-align:left; background: rgba(255,255,255,.94); color:#555; }
.contentHome     { clear:both; width:900px; display:block; margin:200px auto 0 auto; text-align:left; padding:40px; background: rgba(255,255,255,.94); }


.contentGold21   { float:left; width:570px; padding: 0 0 0 0; }
.contentGold12   { float:left; width:344px; margin-left:50px; height:auto; padding: 30px 0 0 0; text-align:left; }

.contentGoldRev12 { float:left; width:260px; margin-right:40px; text-align:center;}
.contentGoldRev21 { float:left; padding-top:80px; width:560px; text-align:center; }


.negCorrectBuchung { position:relative; top:-130px; }
.negCorrectMargin  { margin-bottom: -130px; }

.imgDesc p       { display:block; font-family: SourceSans; font-size: 0.875em; line-height:1.500em; margin-top:25px; text-align:center; }
.imgDesc strong  { font-family: SourceSansRegular; font-size:1.125em; line-height:1.500em; font-weight: normal; }

.imgBar          { margin: 25px 0 25px 0; }

#bread           { width:100%; font-size:15px; font-family: SourceSans; color: #888; text-align:center; }
#breadcon        { width:964px; background:url('../images/icon_home.jpg') 0 9px no-repeat; padding:7px 0 0 20px; border-top: 1px solid #d9dfe2; margin:9px auto 0 auto; text-align:left; }
.breadarr        { width:16px; height:14px; display:inline-block; background:url('../images/icon_arr.jpg') -4px 1px no-repeat; }

section ul       { padding:0 0 5px 10px; line-height:1.4em; }
section li       { padding-left:14px; margin:0 0 10px 15px; font-size:1.000em;}
section .infobar { position:absolute; z-index:999; top:350px; left:50%; margin-left:-654px;  padding:8px 10px 8px 15px; width:267px; height:20px; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); background: #4265ae; color: #fff; }
.services        { background-image: url('../images/large_arrow.png'); }


#infoblock       { float:right; width:34.26530612244898%; padding: 5% 4% 4% 0%; }

.blueBox         { width:298px; font-size:18px; background: #1d3668; border-right:16px solid #2b623c; padding:20px; text-align:left; color:#fff; }
.blueBox h3      { font-family: SourceSans; font-size: 1.250em; color: #ffffff;  margin-top:0px; font-weight:normal; }
.blueBox a       { color:#fff; }



article { }

h1 { font-family: Script MT Bold;
     font-size: 2.000em;
     font-weight:normal;
     color: #8e3314;
     margin-bottom:25px;
   }

h2 { font-family: Script MT Bold;
     font-size: 2.000em;
     color: #8e3314;
     font-weight:normal;
     margin:40px 0 25px 0;
   }

h3 { font-family: SourceSans;
     font-size: 17px;
     /* color: #431809; */
     font-weight:bold;
     margin:40px 0 25px 0;
   }

.datenschutz > h2 { margin-top:40px; font-size:22px; text-decoration:none; /*underline;*/ font-weight:bold; font-family: 'SourceSans'; color: #333; }
.datenschutz > h3 { font-size:20px; color: #333; }
.datenschutz > h4 {  } 
.datenschutz > p  { margin-bottom:25px; }
.datenschutz > ul li {list-style: disc; list-style-type: circle; }

.ausstattung { width:100%; }
.check       { width:22px; background: url('../images/circle-check.svg') 6px 8px no-repeat; background-size:22px 22px; }
.desc        { width:250px; }
.nb          { border:none; }
.rform       { padding:0px; }

.dataPrivacy { margin-top:40px; font-size:20px; text-decoration:none; /*underline;*/ font-weight:bold; }

th, td {
    padding:7px;
    border-spacing: 0;
    border-bottom: 1px solid #ddd;
}


.trow  { float:left; width:47.5%; }
.trow2 { float:left; margin-left:5%; width:47.5%; }

.tableList ul,li { margin:0; list-style: none; } 
.tableList li    { background: url('../images/circle-check.svg') 0px 6px no-repeat; background-size:22px 22px; border-bottom: 1px solid #ddd; padding:5px 5px 5px 35px; margin:0 0 8px 0; }


p  { text-align:left; letter-spacing: 0px; margin-top:10px; line-height:1.4em; }

/*
## -----------------------------------------------------------------------------
##
##  IMAGE HOVER FX
##                                             
*/


.imghover { position: relative; padding: 0; width:100%; display:block; cursor:pointer;  }
.imgtext  { position: absolute; 
            display:table-cell; 
            width: 100%;
            height: 100%;
         
            color:#fff; 
            /*background-color:rgba(29,54,104,0.75);*/
            background-color:rgba(142,51,20,0.9);
    
            text-align: center; 

            z-index: 10;
	    opacity: 0;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
          }

.imgtext:hover { opacity:1; }
.hovertext     { display:flex; align-items: center; justify-content: center; width:100%; height:100%; line-height:1.4em; vertical-align:middle; }
img            { z-index:1;  }


/*
## -----------------------------------------------------------------------------
##
##  COLS
##                                             
*/


.col100 { }
.col50  { float:left; margin:20px 0 20px 0; display:block; width:48%; }
.col33  { float:left; margin:5px 0 25px 0; display:block; width:31.33333333333%; }
.col25  { float:left; margin:5px 0 25px 0; display:block; width:23.5%; }

.ccol25  { float:left; margin:5px 0 25px 0; display:block; width:23.5%; }
.cspace25 { float:left; display:block; margin-right:2%; }

.space50 { float:left; display:block; margin-right:4%; }
.space33 { float:left; display:block; margin-right:3%; }
.space25 { float:left; display:block; margin-right:2%; }

.colShadow { box-shadow: 0px 0px 22px rgba(77,77,77,0.5); }


/******************************************************************************/
/*                                                                            */
/* MODULE STYLES                                                              */
/*                                                                            */
/******************************************************************************/


.module    { display:block; padding: 14px 14px 14px 14px; background: #f5f5f5; /*#2fac66;*/ /*#f5f5f5;*/ /*#f5f5f5;*/  color:#444; margin:-17px 0px 0px 0px; text-align:center; }
.module h3 { margin:4px 0 0 64px; text-align:left; color: #666; /*#666;*/ }
.module p  { margin-top:16px; text-align:center; color: #666;}


/*
## -----------------------------------------------------------------------------
##
##  Footer - Styles
##                                             
*/


footer    { width:100%; position:relative;  /*background:#ededed;*/ font-size:0.875em; }

#footbar { position:relative; z-index:1; width:970px; margin:0 auto; padding:34px 20px 0 20px; text-align:left; color: #fff; background: #ed7302; border-top:4px solid #8e3314; }

.footcol40 { position:relative; z-index:5; float:left; width:45%; }
.footcol60 { position:relative; z-index:5; float:left; width:55%; text-align:right; }


.infoline2   { position:relative; z-index:5; width:100%; background: transparent; color: #8e3314; }
.infoInner2  { margin:0 auto; width:970px; padding:10px 0 0 0; height:auto; font-size: 1.000em; text-align:left; color: #6b250d; }

#footbar a { color: #fff; }

.bshadow     { position:relative; z-index:3; top:-81px; left:-20px; display:block; width:100%; min-width:1010px; height:49px; background: url('../images/bshadow.png'); background-position:center;} 

#ccNotice  { display:block; box-sizing: border-box; width:100%; background: rgba(219, 211, 201,.95); color:#333; padding:15px; position:fixed; z-index:1111; bottom:0px; line-height:1.5em; }
.ccButton  { font-size:15px; margin-left:10px; /*font-weight:bold;*/ padding:6px 10px; background: linear-gradient(0deg, #ed7302, #ff8e25); border-radius: 3px; box-shadow: 0px 0px 0px rgba(88,88,88,0.5); color:#fff; border:none; display:inline-block; }




/*
## -----------------------------------------------------------------------------
##
##  RESPONSIVE SLIDER
##                                             
*/

#btboxResp   { display:none; position:relative; z-index:1; width:1010px; height:348px; border-top:3px solid #eee4d7; border-bottom: 3px solid #eee4d7; } 
#btboxSlider { display:block; position:relative; z-index:1; width:1010px; height:348px; border-top:3px solid #eee4d7; border-bottom: 3px solid #eee4d7; }
#btbox       { display:block; position:relative; z-index:1; width:1010px; height:348px; border-top:3px solid #eee4d7; border-bottom: 3px solid #eee4d7; }

/*#btbox:after  { content: ""; position:relative; z-index:-1; display:block; width: 900px; height:100px; 
                margin: -116px auto 0 auto; background:#fff; border-radius: 850px/400px; box-shadow: 0 0 40px 10px rgba(0,0,0,0.6); 
              }
*/


.btboxcon     { width: 1010px; text-align:left; margin: 0 auto; /* position:relative; top: 48%; transform: translateY(-48%); */ } 
.slidebutton  { margin: -260px 0 0 48%; }


/*
## -----------------------------------------------------------------------------
##
##  CALENDAR
##
*/


/*******************************Calendar Top Navigation*********************************/


.calendar{
  
  margin:0px auto;
  padding:0px;
  /*width: 100%;*/
  /*font-family:Helvetica, "Times New Roman", Times, serif;*/
  border: 1px solid #aaa;
  border-radius:3px;
  min-height:290px;
  /*background:#f5f5f5;*/
}
 
.calbox{
    /*position:relative;*/
    top:0px;
    left:0px;
    width:100%;
    height:30px;
    /*background-color: #ccc ;       */
    background-color: #ed7302;
}
 
.calheader{
    line-height:30px;  
    vertical-align:middle;
    /*position:absolute; */
    left:11px;
    top:0px;
    width:100%;
    height:30px;   
    text-align:center;
}
  
.calheader span.title{
    color:#FFF;
    font-size:16px;
    font-weight:bold;
}
  
.calcellmo     { padding:6px; text-align:center; color:#333; background:#eee4d7; } 
.calcell       { padding:6px; text-align:center; color:#333; background:#fff; }
.calcellstart  { padding:6px; text-align:center; color:#333; background: #fff url(../images/book_start.png) center center no-repeat; }
.calcellbooked { padding:6px; text-align:center; color:#333; background-color: rgba(217,0,0,0.5); }
.calcellstend  { padding:6px; text-align:center; color:#333; background: #fff url(../images/book_startend.png) center center no-repeat; }
.calcellend    { padding:6px; text-align:center; color:#333; background: #fff url(../images/book_end.png) center center no-repeat; }
 

.calbox-content{

    border-top:none;
    min-height:220px;
}
  

/*
## -----------------------------------------------------------------------------
##
##  CSS OVERWRITES FOR TFW
##                                             
*/

.content.rating-row { width:100%; }


/*
## -----------------------------------------------------------------------------
##
##  CLEAR STYLES
##                                             
*/
 
    .clear        { clear:both; }
    .group:after  { content: ""; display: table; clear: both; }