@charset "UTF-8";
/* CSS Document */
html,  ul, ol, dl, li, dt a  { margin: 0; padding: 0; }
body{background:url(../images/bg-body.jpg) top center  no-repeat #11120b; color:#dadad8; font-family: Helvetica, Arial, sans-serif; font-size:12px; margin: 0; padding: 0; }

a:focus{outline:none;}


a:link {border:none;
	color: #dadad8;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFf;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFf;
}
a:active {
	text-decoration: none;
	color: #dadad8;
}


/* ################   HEAD   ################  */
#allContent{margin: 0 auto; width: 915px; text-align: left;

}

.imp{
	text-transform:uppercase;
	margin-top:8px;
	text-align:right;
}

.imp a{
	color:#68695f;
	text-decoration:none;
	padding:8px 8px 8px 8px;
	background:#26271a;
	text-decoration:none;
}

.imp a:hover{
	color:#72744d;
	text-decoration:none;
}

#navi{	
	margin:52px 0px 40px 500px;
}

#navi ul li{
	padding-top:8px;
	padding-bottom:8px;
	list-style:none;
	height:44px;
	display:inline;	
	font-size:12px;
	text-transform:uppercase;
	text-align:right;
}

#navi ul li a{
	margin-top:1px;
	padding:8px;
	color:#fff;
	text-decoration:none;
	background: url(../images/bg4.png) repeat 0 0;
}
#navi ul li.active{
	padding:8px 8px 8px 8px;
	color:#fff;
	background:  url(../images/bg4.png) repeat 0 -270px; !important
}

#navi ul li a:hover{
	padding:8px;
	color:#fff;
	text-decoration:none;
}


/* ################   CONTENT   ################  */

#images{
	height:299px;
	clear:left;
}

#text{
	padding:4px 0px 50px 0px;
	margin: 10px 0px 0px 0px;
	width:600px;
	background:url(../images/bg-text.jpg) top repeat-x;
}

h1{
	text-transform:uppercase;
	font-weight:normal;
	line-height:25px;
	padding:10px 20px 5px 20px;
}

h2{
	text-transform:uppercase;
	font-weight:normal;
	padding:10px 20px 5px 20px;
}

h3{
	font-size:16px;
	text-transform:uppercase;
	font-weight:normal;
	padding:10px 20px 0px 20px;
	margin-bottom:-5px;
}

p{
	font-weight:normal;
	line-height:18px;
	padding:5px 20px 0px 20px;
}

#text ul{
	padding:20px 20px 0px 0px;
}

#text li{
	line-height:18px;
	}
#subnavi{
	margin: -3px 0px 0px 0px;
	float:right;
	width:305px;
}


/* ################   SLIDER GROSS   ################  */

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:299px;	width: 915px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left; border:none; }

/*--Paging Styles--*/


.paging {
	position: absolute;
	top: 260px; left:770px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: none no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #72744d;
	border: none;
	
}
.paging a:hover {font-weight: bold;}


/* ################   SLIDER Hotel   ################  */

.pagingHotel {
	position: absolute;
	top: 260px; left:710px;
	width: 208px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: none no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.pagingHotel a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.pagingHotel a.active {
	font-weight: bold;
	background: #72744d;
	border: none;
	
}
.pagingHotel a:hover {font-weight: bold;}






/* ################   SLIDER KLEIN   ################  */

.main_viewSmall {
	float: left;
	position: relative;
}
.windowSmall {
	height:299px;	width: 305px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reelSmall {
	position: absolute;
	top: 0; left: 0;
}
.image_reelSmall img {float: left; border:none; }

.pagingSmall {
	position: absolute;
	top: 260px; left:180px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: none no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.pagingSmall a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.pagingSmall a.active {
	font-weight: bold;
	background: #72744d;
	border: none;
	
}
.pagingSmall a:hover {font-weight: bold;}






/* ################   NAVI UNTEN   ################  */

ul{ margin: 0px 0px 10px 36px;}

/*****Custom Classes*****/
.clearing { clear: both; }
.clearfix { overflow: hidden; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }


/*****Accordion Styles*****/
#subnavi { margin-top:9px; }


ul#accordion, ul#accordion ul { list-style: none; margin: 0px 0px 0px 0px; text-transform:uppercase; background: #383927; }


ul#accordion { border-bottom: 1px solid #11120b; }
ul#accordion li {  border-bottom: none; }
ul#accordion ul li { border: none;  color: #dadad8;  }
ul#accordion ul li:last-child { border-bottom: none; }
ul#accordion a.heading { 
	padding:25px 0px 5px 10px;
	background: #383927;
	color: #dadad8;
	display: block;
	font-size: 18px;
	line-height: 18px;

	text-decoration: none; border-top: 1px solid #11120b;
}
ul#accordion a.heading:hover { background: #383927; color: #72754d; }
ul#accordion li.ui-accordion-selected a.heading, ul#accordion li.current a.heading {
font: Arial, Helvetica, sans-serif; 
 color: #72754d;}
#numbers { padding:2px 0px 0px 0px; background: #383927; color: #72754d; margin-bottom:10px; }

ul#accordion li ul a { color: #72754d; text-decoration: none; padding-left:10px;  }
.activeNumber{font-family: Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; padding-left:10px;  }
ul#accordion li ul a:hover { border-bottom: none; color: #dadad8; }
ul#accordion li ul .date { padding-right: 10px; }
ul#accordion li ul .count { padding-left: 10px; }

/*****Additional Custom Accordion Styles*****/
body#pageAccordion ul#accordion li ul { display: none; }
body#pageAccordion ul#accordion li.current ul { display: block; }




ul#accordion a.headingSub { 
	padding:25px 0px 5px 10px;
	background: #383927;
	color: #dadad8;
	display: block;
	font-size: 18px;
	line-height: 18px;

	text-decoration: none; border-top: 1px solid #11120b;
}
ul#accordion a.headingSub:hover { background: #383927; color: #72754d; }
ul#accordion li.ui-accordion-selected a.headingSub, ul#accordion li.current a.headingSub {

 color: #72754d;}
 
 
 

/* KONTAKT */

form{
	margin:0px 0px 0px 20px;
}

label{
	padding: 5px 0px;
	float:left;
	width:75px;
}
	

.clear{
	clear:left;
	margin:20px 0px 0px 20px;
}
	
input, textarea{
	padding: 5px 0px;
	color:#dadad8;
	float:left;
	background-color:#11120b;
	border: 1px solid #40422c;
	width:480px;
}




.senden{
	background:#242517;
	margin:15px 0px 0px 437px;	
	color:#40422c;
	width:120px;
}
#route input{
	height:26px;
	margin:15px 0px 0px 0px;
	float:left;
	padding: 0px 5px;
}


#route .senden{
	height:28px;
	padding: 0px 5px;
	width:100px;
	margin-left:9px;
	background:#242517;
}