
/* GENERAL
-------------------------------------------- */

html{
	min-width:996px;
}
body{
	margin:0;
	background:url(../images/bg-body.gif) repeat-x 0 340px;
	min-width:996px;
}
a{
	text-decoration:none;
	outline:none;
	color:#c1c5c8;
}
    a:hover{
        text-decoration:underline;
    }

img{border-style:none;} 

input, textarea, select{
	font:100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#wrapper{
	width:996px;
	margin:0 auto;
	position:relative;
	z-index:10;
	overflow:hidden;
}

/* HEADER
---------------------------------------------------------------------------------------- */

#header{
	width:958px;
	height:135px;
	background:url(../images/bg-header.gif) repeat-x;
	position:absolute;
	top:0;
	left:16px;
}
#header:after{
	content:"";
	display:block;
	clear:both;
}
#header .item{
	position:absolute;
	background:url(../images/bg-btn-info.gif) no-repeat;
	width:160px;
	height:23px;
	padding-left:20px;
	line-height:23px;
	right:10px;
	top:45px;
	color:#fff;
	font-size:13px;
	font-weight:normal;
	text-transform:capitalize;
	white-space:nowrap;
	overflow:hidden;
	text-align: center;
}
.logo{
	float:left;
	width:316px;
	height:162px;
	text-indent:-9999px;
	overflow:hidden;
	margin:6px 0 0 21px;
}
.logo a{
	display:block;
	height:100%;
	background:url(../images/logo.png) no-repeat;
	cursor:pointer;
}
.tools{
	position:absolute;
	top:0;
	right:0;
	background:#0f1e2b;
	font-size:12px;
	line-height:16px;
	font-variant:small-caps;
}
.tools span{
	float:left;
	font-weight:bold;
	color:#fff;
	display:inline;
	padding:3px 20px 2px 21px;
	border-right:1px solid #1c3144;
}
.add-nav{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	font-weight:bold;
}
.add-nav li{
	float:left;
	border-right:1px solid #1c3144;
	display:inline;
	padding:3px 20px 2px;
}
.add-nav li a{
	color:#c1c5c8;
}

/* LANGUAGE
-------------------------------------------- */

.lang{
	float:left;
	margin:0;
	list-style:none;
	padding:5px 14px 5px 20px;
	line-height:0;
}
.lang li{
	float:left;
	padding-right:6px;
}
.lang li a{
	float:left;
	width:16px;
	height:11px;
}
.lang li a:hover{text-decoration:none;}
.lang li a.de-DE{background:url(../images/lang-de.gif) no-repeat;}
.lang li a.en-US{background:url(../images/lang-en.gif) no-repeat;}
.lang li a.ru-RU{background:url(../images/lang-ru.gif) no-repeat;} 
.lang li a.es-ES{background:url(../images/lang-es.gif) no-repeat;}
.lang li a.nl-NL{background:url(../images/lang-nl.gif) no-repeat;}



/* MAIN MENU
-------------------------------------------- */

#nav{
	margin:0 0 0;
	padding:0;
	list-style:none;
	float:right;
/*  font-size:20px;*/
	font-size:22px;
	line-height:30px;
	position:absolute;
	top:98px;
	right:0;
}
#nav li{
	float:left;
	padding-left:1px;
	background:#fdfdfd;
	position:relative;
}
#nav li a{
    /*padding:0 14px 0 14px;*/
	padding:0 16px 0 18px;
	float:left;
	height:37px;
	background:url(../images/bg-nav.gif) no-repeat 100% 0;
	color:#0f2e3c;
}
#nav li a:hover{text-decoration:none;}
#nav li:hover a,
#nav li.hover a{background:url(../images/bg-nav-active.gif) no-repeat 100% 0;}
#nav li:hover,
#nav li.hover{background:#ffdb56;}
#nav li.current:hover a{background:url(../images/bg-nav-active.gif) no-repeat 100% 0}
* html #nav li.current.hover a{background:url(../images/bg-nav-hover.gif) no-repeat 100% 0 !important;}
#nav li.current:hover{background:#fff;}
* html #nav li.current.hover{background:#fff !important;}
#nav li.current a,
#nav li.section a {background:url(../images/bg-nav-active.gif) no-repeat 100% 0;}
#nav li.current,
#nav li.section{background:#ffdb56;}

/* Sublevel */
#nav li ul{
	display:none;
	margin:0;
	padding:0;
	list-style:none;
    font-size:13px;
	position:absolute;
	top:37px;
	left:0;
	width:189px;
	line-height:28px;
}
#nav li ul li{
	float:none;
	background: none;
	position: relative;
	height: 28px;
	vertical-align: top;
}
#nav li ul li a.mother {
    font-weight:bold;
}
#nav li ul li a{
	float:none;
	display: block;
	padding:0 0 0 20px;
	color:#0f2e3c;
/*  background:url(../images/bg-drop.png) repeat-x !important;*/
    background:#fff !important;
	height: 28px;
    font-weight:normal;
}
#nav li:hover li,
#nav li.hover li{
/*    background:url(../images/bg-drop.png) repeat-x !important;*/
    background:#f0f2f5 !important;
}
#nav li:hover li a,
#nav li.hover li a{background:none !important;}
#nav li li:hover,
#nav li li.hover{background:#fff !important;}
#nav li ul ul{
	display:block;
	margin:0;
	padding:0 0 0 0;
	list-style:none;
	position:absolute;
	top:0;
	left:189px;
	z-index:9999;
	background: url(../images/transparent.gif);
    font-weight:normal;
}
    #nav li.last ul ul{
    	left:-189px;
    }
#nav ul ul li{
    background:#fff !important;
    font-weight:normal;
    border-bottom: 1px solid #f0f2f5;
}
#nav ul ul li:hover,
#nav ul ul li:hover{background:#fff !important;}
#nav li:hover li li,
#nav li.hover li li{background:#fff !important;}
/*#nav li li li a:hover{background:#f0f2f5 !important;text-decoration:none;}*/
#nav li li li a:hover{background:#fff !important;text-decoration:underline;}
#nav li:hover ul,
#nav li.hover ul{display:block;}
#nav li:hover li ul,
#nav li.hover li ul{display:none;}
#nav li li:hover ul,
#nav li li.hover ul{display:block;}
#main{padding:339px 0 0;}
#main .main-holder{
	background:url(../images/bg-main.png) repeat-y;
	padding:0 18px 0 16px;
	width:962px;
}



/* TOP GALLERY
-------------------------------------------- */
.header-gallery{
	z-index:1;
	min-width:100%;
	position:absolute;
	top:0;
	left:0;
	background:#fff;
	padding-bottom:0px;
}
.header-gallery img{
/*    min-width:100% !important;*/
	width:100%;
	height:339px;
	display:block;
/*  border: 1px solid red;*/
}

.HomePage {background:url(../images/bg-body.gif) repeat-x 0 763px;}
.HomePage .header-gallery img{
	min-width:100% !important;
	height:762px;
	display:block;
}
.HomePage #main{padding:762px 0 0;}
.HomePage #sidebar{margin:-93px 0 0;}


/* HOMEPAGE EVENT LIST
-------------------------------------------- */

.event-list{
	width:100%;
	margin:-93px 0 0 0;
	padding:0;
	list-style:none;
	position:relative;
	background:url(../images/bg-list.png);
}
.event-list li{
	height:1%;
	overflow:hidden;
	vertical-align: top;
	position:relative;
}
.event-list li span{
	display:block;
	background:#1c3144;
	color:#fff;
	padding:5px 0 6px 30px;
	font-size:13px;
	line-height:16px;
	overflow:hidden;
	font-variant:small-caps;
	text-shadow: #000 1px 1px;
	font-weight:normal;
}
.event-list li a{
	display:block;
/*  margin-top:1px;*/
	padding:8px 0 10px 30px;
	color:#fff;
	line-height:14px;
	font-size:13px;
    border-top:1px solid #4a5766;
    text-decoration:none;
}
.event-list li a:hover{text-decoration:underline;}
.event-list li a span{
	padding:0;
	width:13px;
	height:13px;
	position:absolute;
	top:11px;
	left:9px;
	background:url(../images/bull-star.png) no-repeat 0 0;
}


/* BREADCRUMBS
-------------------------------------------- */

.breadcrumbs{
	margin:-27px 0 0;
	padding:5px 0 0 29px;
	width:663px;
	overflow:hidden;
	background:#1c3144;
    font-size:12px;
	line-height:16px;
	color:#fff;
	height:22px;
	position:relative;
	font-variant:small-caps;
}
.breadcrumbs ul{
	margin:0 0 0 -12px;
	padding:0;
	list-style:none;
	display:inline;
}
.breadcrumbs li{
	display:inline;
	padding-left:12px;
/*  background:url(../images/bullet.gif) no-repeat 0 6px;*/
	text-shadow: #000 1px 1px;
}
.breadcrumbs li:first-child{
	background:none;
}
.breadcrumbs li a{
	color:#fff;
	text-decoration:none;
}
    .breadcrumbs li a:hover{
    	color:#fff;
    	text-decoration:underline;
    }





/* CONTENT
---------------------------------------------------------------------------------------- */

#main .main-frame:after{
	content:"";
	display:block;
	clear:both;
}
#main .main-frame{
	width:100%;
    background:#fff url(../images/bg-content-inner.gif) repeat-x 0 100%;
    position:relative;
}
#content{
	float:left;
	width:692px;
	background:url(../images/bg-content.gif) repeat-x;
}
#content:after{
	content:"";
	display:block;
	clear:both;
}
#main #content .content-holder{padding:33px 0 197px 30px;}
.HomePage #main #content .content-holder{padding:33px 0 180px 30px;}



/* NEWSLETTER FORM
-------------------------------------------- */

#content .signup{
	overflow:hidden;
	width:100%;
	padding-top:20px;
}
#content .signup .row{
	float:right;
	padding:0 37px 0 0;
	position:relative;
}
#content .signup .row .text{
	float:left;
	width:267px;
	height:24px;
	padding:7px 127px 0 12px;
	background:url(../images/bg-form.png) no-repeat;
	overflow:hidden;
}
#content .signup .row .text input{
	border:0;
	background:none;
	width:267px;
/*  font-size:14px;*/
	line-height:15px;
	color:#1c3144;
	position:relative;
}
#content .signup .btn{
	position:absolute;
	right:37px;
	top:-1px;
}

#content .user-bar{
	position:absolute;
	bottom:0;
	left:0;
	padding:0 0 40px 30px;
	background:url(../images/bg-content-holder.jpg) no-repeat 0 100%;
	width:662px;
	min-height:170px;
	z-index:1;
}
#content .user-bar h2{
	margin:0 0 10px;
}
#content .user-bar p{
	margin:0 0 17px;
/*  font-size:14px;*/
	line-height:20px;
    color:#0f2e3c;
}

#content .text-holder{
    padding:0 30px 45px 0;
	z-index:200;
}


#content .yellow-selection {
    background-color:#fff6d3;
    padding:10px 10px 50px 10px;
/*    font-size:11px;*/
    border: 2px dashed #fff;
    width:96%;
}
    #content .yellow-selection a{
        color: #996600;
        text-decoration:underline;
    }
    #content .yellow-selection a:hover{
        text-decoration:none;
    }
    #content .yellow-selection h2{
        margin-bottom:20px !important;
/*        padding:6px 0 0 42px;*/
        font-size:24px;
/*        line-height:20px;*/
        color:#e6be3c;
        position:relative;
        text-shadow: #fff 1px 1px;
    }
    #content .yellow-selection img{
/*        margin:10px;*/
        border: 1px solid #e6be3c;
    }    
    #content .yellow-selection span{
        padding-right:20px;
    }

/* SIDEBAR
---------------------------------------------------------------------------------------- */

#sidebar{
	float:right;
	width:270px;
	margin-top:-27px;
	overflow:hidden;
}

#sidebar .yellow h2{
	margin:0;
	width:228px;
	height:21px;
	padding:6px 0 0 42px;
	background:url(../images/bg-sidebar-head-yellow.gif) no-repeat;
	font-size:14px;
	line-height:18px;
	color:#fff;
	position:relative;
	font-variant:small-caps;
	text-shadow: #777 1px 1px;
}
#sidebar .hblue h2{
	margin:0;
	width:228px;
	height:22px;
	padding:6px 0 0 42px;
	background:url(../images/bg-sidebar-head-hblue.gif) no-repeat;
	font-size:14px;
/*  line-height:18px;*/
	color:#1c3144;
	position:relative;
	font-variant:small-caps;
}
#sidebar .dblue h2{
	margin:0;
	width:228px;
	height:21px;
	padding:6px 0 0 42px;
	background:url(../images/bg-sidebar-head-dblue.gif) no-repeat;
	font-size:14px;
	line-height:18px;
	color:#fff;
	position:relative;
	font-variant:small-caps;
	text-shadow: #333 1px 1px;
}

#sidebar .yellow .box{
	background:url(../images/bg-sidebar-center-yellow.gif) repeat-y;
	position:relative;
	overflow:hidden;
}
#sidebar .yellow .holder{
	background:url(../images/bg-sidebar-box-yellow.gif) no-repeat;
	padding:15px 20px 20px 42px;
}

#sidebar .dblue .box{
	background:url(../images/bg-sidebar-center-dblue.gif) repeat-y;
	position:relative;
}
#sidebar .dblue .holder{
	background:url(../images/bg-sidebar-box-dblue.gif) no-repeat;
	padding:15px 40px 20px 42px;
	width:210px;
}

#sidebar .hblue .box{
	background:url(../images/bg-sidebar-center-hblue.gif) repeat-y;
	position:relative;
}
#sidebar .hblue .holder{
	background:url(../images/bg-sidebar-box-hblue.gif) no-repeat;
	padding:15px 40px 20px 42px;
	width:210px;
}

#sidebar .yellow a{
    color:#996600;
    text-decoration:underline;
}
#sidebar .hblue a,
#sidebar .dblue a{
    color:#1c3144;
    text-decoration:underline;
}

#sidebar a:hover {
    text-decoration:none;
}

#sidebar .yellow p,
#sidebar .hblue p,
#sidebar .dblue p{
	margin:0;
	font-size:12px;
	color:#996600;
}
#sidebar .hblue p,
#sidebar .dblue p{
	color:#1C3144;
}
#sidebar .hblue h3,
#sidebar .dblue h3{
	margin:11px 0 3px;
	font-size:12px;
	color:#0f2e3c;
}



#sidebar .buchung{
	width:100%;
	overflow:hidden;
}
#sidebar .buchung .row{
	width:100%;
	overflow:hidden;
}
#sidebar .buchung .row .text{
	float:right;
	width:88px;
	height:13px;
	background:url(../images/bg-input.png) no-repeat;
	margin-right:3px;
	display:inline;
	overflow:hidden;
	padding:9px 8px;
}
#sidebar .buchung .row .btn{
	float:right;
	margin:4px 15px 0 0;
}

#sidebar .item-list{
	margin:0 0 0 -40px;
	padding:0 0 0 43px;
	list-style:none;
	font-size:12px;
	line-height:24px;
}
#sidebar .item-list li{
	position:relative;
	width:100%;
}
#sidebar .item-list li a{color:#1c3144;}
#sidebar .item-list li span{
	background:url(../images/bull-item-star.png) no-repeat;
	width:14px;
	height:13px;
	float:left;
	overflow:hidden;
	margin:7px 0 0 -29px;
	position:relative;
} 
#sidebar .alle{
	width:148px;
	height:33px;
	background:url(../images/btn-alle.png) no-repeat;
	display:block;
	text-indent:-9999px;
	margin:10px 0 0 -6px;
}


#sidebar .dblue .holder .details,
#sidebar .hblue .holder .details{
	display:block;
	width:101px;
	height:27px;
	margin:13px 0 0 0;
	background:url(../images/btn-details.gif) no-repeat;
	text-indent:-9999px;
}
#sidebar .hblue .visual{
	display:block;
	border:1px solid #75828d;
}



/* FOOTER
---------------------------------------------------------------------------------------- */

#footer{
	clear:both;
	margin:0;
	width:961px;
	height:21px;
	background:url(../images/bg-footer.gif) repeat-y;
	text-align:right;
}
#footer .nav{
	display:inline;
	margin:0;
	padding:0 34px 0 0;
	list-style:none;
	font-size:10px;
	line-height:21px;
}
#footer .nav li{
	display:inline;
	margin-left:23px;
}
#footer .nav li a{
	color:#6a7782;
	text-decoration:underline;
	text-transform:uppercase;
}
#footer .nav li a:hover{
	text-decoration:none;
}

.main-b{
	display:block;
	width:996px;
	height:34px;
	margin-left:-1px;
	background:url(../images/bg-main-b.gif) no-repeat;
}


table.arrangement td.pic {
	width:160px;
}
    table.arrangement td.pic img {
    	float:left;
    	border:3px solid #dde0e3;
    	margin-right:20px;
    }

.arrange-pic img {
	float:left;
	border:3px solid #dde0e3;
	margin-right:20px;
}


/* SERVICES LISTING
-------------------------------------------- */

.services{
	padding:0 50px 0 0;
/*  float:left;*/
	width:612px;
}
.services .item a img{
	float:left;
	border:3px solid #dde0e3;
	margin-right:20px;
}
.services .item a:hover img{border:3px solid #606e7c;}
.services .item{
	vertical-align:middle;
	height:1%;
	overflow:hidden;
/*  padding-bottom:30px;*/
}
.services .item .text-holder{
	height:1%;
	overflow:hidden;
}
    .services .item em{
    	float:left;
    	font-size:18px;
    	margin-right:10px;
    	width:100px;
    }
    
.services span{
	display:block;
/*  font-size:14px;*/
	line-height:20px;
	color:#1c3144;
}

.services h2{
	margin:-3px 0 5px 0 !important;
	color:#1c3144;
/*  font-size:18px;*/
/*  line-height:24px;*/
}
.services h2 a{
	color:#1c3144;
	text-decoration:underline;
}
.services h2 a:hover{
	text-decoration:none;
}


.text-holder .links{
	height:1%;
	overflow:hidden;
	margin-top:4px;
	margin-left:-6px;
}
.links .info{
	float:left;
	text-indent:-9999px;
	width:116px;
	height:30px;
	background:url(../images/btn-info.gif) no-repeat 0 -30px;
}
.links .info:hover{background-position:0 0;}
.links .buchen{
	float:left;
	text-indent:-9999px;
	width:72px;
	height:30px;
	background:url(../images/btn-buchen.gif) no-repeat 0 -30px;
}
.links .buchen:hover{background-position:0 0;}

.links .gutschein{
	float:left;
	text-indent:-9999px;
	width:90px;
	height:30px;
	background:url(../images/btn-gutschein.gif) no-repeat 0 -30px;
}
.links .gutschein:hover{background-position:0 0;}

/* PAGINA
-------------------------------------------- */

.pager-holder{
	width:100%;
	overflow:hidden;
	height:35px;
	margin-bottom:30px;
}
.pager{
	margin:0;
	padding:0 47px 9px 0;
	list-style:none;
	float:right;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
}
.pager li{
	float:left;
	padding:0 4px 0 0;
	margin: 0 !important;
}
.pager li em{
	font-weight:normal;
	font-style:normal;
	color:#1c3144;
	display:block;
	margin:3px 8px;
}
.pager a{
	float:left;
	background:url(../images/bg-pager.gif) no-repeat;
	height:19px;
	color:#fff;
	text-decoration: none !important;
}
.pager li a span{
	float:left;
	height:17px;
	background:url(../images/bg-pager-r.gif) no-repeat 100% 0;
	padding:2px 7px 0;
	cursor:pointer;
	text-align:center;
	color:#fff;
}
.pager a:hover,
.pager li.current a{
	background:url(../images/bg-pager-hover.gif) no-repeat;
	color:#1c3144;
}
.pager li a:hover span,
.pager li.current a span{
    background:url(../images/bg-pager-hover-r.gif) no-repeat 100% 0; 
    color:#1c3144; 
}


.inner #content h2{margin:39px 0 0;}
#content .text-holder h2{margin:0 0 10px;} 


/* IMAGE CARUSEL
-------------------------------------------- */

.carusel{
	margin:10px 0 50px;
	position:relative;
	z-index:9999;
}
.carusel div{
	overflow:hidden;
	position:relative;
	width:615px;
}
.carusel ul{
	margin:0;
	padding:0;
	list-style:none;
	position:relative; 
	width:99999px;
}
.carusel a,
.carusel a:hover{
	text-decoration:none !important;
	cursor:pointer;
}
.carusel .link-prev{
	width:28px;
	height:53px;
	background:url(../images/bg-link-prev.png) no-repeat;
	position:absolute;
	top:43px;
	left:-8px;
	z-index:9999;
}
.carusel .link-next{
	width:28px;
	height:53px;
	background:url(../images/bg-link-next.png) no-repeat;
	position:absolute;
	top:43px;
	right:40px;
	z-index:9999;
}
.carusel div ul li{
	float:left;
	padding-right:3px;
	margin:0 !important;
}
.carusel div ul li a span{
	color:#1c3144;
	font-size:12px;
	line-height:14px;
	padding:3px 5px 2px 5px;
	overflow:hidden;
}
.carusel div ul li a{
	display:block;
	width:142px;
	height:133px;
	background:url(../images/bg-gallery.gif) no-repeat;
	padding:9px 0 0 9px;
	text-decoration:none;
}
.carusel div ul li a:hover{
	background:url(../images/bg-gallery-hover.gif) no-repeat;
	text-decoration:none;
}
    .carusel div ul li a img{
    	width:134px;
    	height:105px;
    }


/* BANNER
-------------------------------------------- */

.ads{
	margin:1px 0 0 1px;
	width:228px;
	padding:169px 0 0 40px;
	list-style:none;
	background:url(../images/bg-ads.gif) repeat-x;
}
.ads li{
	width:190px;
	vertical-align:top;
	margin-bottom:36px;
}


/* fade gallery css */
.slide-holder{
	margin:0;
	padding:0;
	list-style:none;
	min-width:996px;
	height:762px;
	overflow:hidden;
	position:relative;
}
.slide-holder li{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.slide-holder li.active{
	z-index:3;
}
ul.paging{
	display:none;
}
