/* CSS Document */
* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:url(css/bg.gif) top center repeat;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}

html, input, textarea,.sptext
	{
		font-family: helvetica,verdana,Georgia,Georgia,serif;
		font-size:11px;
		color:#333333;
	}

input, select { vertical-align:middle; font-weight:normal;}

select {
  cursor:pointer;
  cursor:hand;
  padding:2px 0 2px 10px!important;
}

a {color:#691805;}
a:hover{text-decoration:none;}
p {
  padding:10px 0;
  line-height:1.4em;
}


#page {
  background:transparent url(css/footer_middle.png) repeat-y scroll center top; 
  margin: 0 auto;
  overflow: hidden;
}
#pagewrap {
  margin:0 auto;
  overflow:hidden;
  position:relative;
  text-align:left;
  width:990px;
  background-color: #fff;
}

#pagetitle, #topbar {
  height: 18px;
  background-color: #681705;  
}

/* ============================= header ====================== */

#header_top {
  margin:0 auto;
  min-height:90px;
}

#logo {
  padding-left:15px;
  text-align:left;
}

#left_navi {
  float:left;
  padding:10px 0 10px 10px;
  width:250px;
}

#topnav {
  position:absolute;
  right:10px;
  top:80px;
}

#topnav li {
  float: left;
  margin-right:10px;
}

#topnav li a {
  color:#691805;
  font-size:16px;
  text-decoration:none;
  font-family: Georgia, "Times New Roman", Times, serif;
  background:transparent url(css/navi_bg.gif) no-repeat scroll right center;
  padding-right:20px; 
}

#topnav li.last a {
  background:none;
  padding-right:0px;
}

#topnav li a:hover {
	text-decoration: underline;
}


#menu {
  margin: 30px 0px 10px 0px;
  background-color:#F4F4F4;
}

.menuList {
  display:block;
  float:left;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  overflow:hidden;
  width:235px;  
  border:medium none;  
}

.menuList li {
  background:transparent url(css/navi_line.gif) repeat-x scroll left bottom;
  border:medium none;
  display:block;
  float:left;
  margin-bottom:2px;
  padding:0;
  width:235px !important;
}

.menuList li.backlink, .menuList li.backlink a {
  background:none;
}

.menuList li a {
  background:transparent url("css/nav1.gif") no-repeat scroll 215px center ; 
  font-family: Verdana, Arial, Helvetica, sans-serif;  
  color:#302F2C;
  display:block;
  float:left;
  font-size:11px;
  font-weight:normal!important;
  height:auto;
  line-height:14px;
  margin:0;
  padding:3px 40px 4px 10px;
  text-decoration:none;
  width:200px;
}

.menuList li a:hover {
  background:  #F4E9CB url(css/nav1.gif) no-repeat scroll 215px center; 
}



#arrangements, #tagen, #kulinarisches, #philosophie  {
  float:left;
  width:160px;
  margin-right: 5px;
  padding: 0 5px;
}

* html #arrangements, * html #tagen,  * html #philosophie, {padding: 0px;} /*style for IE*/

#philosophie {
  margin: 0!important;
}

#bookingform {
	background-color:#F4E9CB;
	float:right;
	height:378px;
	overflow:hidden;
	padding:10px 15px;
	width:235px;
}


#intro_header {
  float:left;
  height:40px;
  overflow:hidden;
  padding:0 0 0 20px;
  width:559px;
  line-height: 40px;
  font-family: Georgia, "Times New Roman", Times, serif; 
  font-weight: normal;
  font-size: 18px;
  color: #000;  
}

#booking h1 {
  padding-top: 10px;
}

#booking h2 {
  background-color:#681705;
  background-image:none;
  color:#FFFFFF;
  display:block;
  height:20px;
  padding-left:15px;
  padding-top:5px;
  text-decoration:none;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight: normal;  
}

.caption {
  padding-left:10px;
}

.caption a {
  color: #000;
  text-decoration:none;
}

#language {
  margin:0 auto;
  overflow:hidden;
  padding-right:20px;
  width:200px;
  float:right;
  font-size: 10px;
  line-height:18px;
  text-align:right;
}

#language a {
  text-decoration:none;
  color: #FFF; 
}

#language a.lang {
  background:url("css/gb.gif") no-repeat scroll left center transparent;
  color:#FFFFFF;
  margin-left:10px;
  padding-left:25px;
  text-decoration:none;
}

#language a.langde {
  background:url("css/de.gif") no-repeat scroll left center transparent;
  color:#FFFFFF;
  margin-left:10px;
  padding-left:25px;
  text-decoration:none;
}


#intro {
  float:right;
  padding:0 10px 10px;
}

#mainleft {
  overflow:hidden;
  position:relative;
  width:100%px;
}


#maincontainer {
  
}

#maintext {
  color:#000;
  padding:10px 20px 25px;
  overflow:hidden; 
  position:relative; 
}



#mainleft1 {
  float:left;
  overflow:hidden;
  position:relative;
  width:100%;
  z-index:10;
}

#maintext1 {
	clear:both;
	color:#000000;
	padding:20px;
	position:relative;
}

#mainright {
  float: right;
  width: 210px;
}


#mainright h1 {
  color:#681705;
  font-family:Georgia,"Century Gothic",Arial,Vardana,sans-serif;
  font-size:18px;
  font-weight:normal;
}

#search {
  width: 180px;
  position: absolute;
  top: 30px;
  right: 0px;  
}

#voucher {
  width: 180px;
  height: 130px;
  margin: 10px auto;
  background:transparent url(css/dot.gif) repeat-x scroll left bottom;
}

#voucher p {
  padding: 0px;
}

#special {
  background:url("css/containerbg.gif") no-repeat scroll left top transparent;
  float:right;
  overflow:hidden;
  padding:20px 15px 0px;
  width:235px;
}

#special p {
	padding:0 0 5px 0;
}

#content {

 }

#maincontent {
  float:right;
  width: 660px;
}



#contentbox {
  float:right;
  width:640px;
  margin-left: 10px;
}

#footerblock {
	background:transparent url(css/footer_bottoom.png) no-repeat scroll center -15px;
	clear:both;
	height:49px;
	margin:0 auto;
}


#footerinner {
 	margin: 0px auto;
 	width: 990px;  
}

#copyright {
	float:right; 
	padding: 2px 20px;
	color: #fff;
	font-size:10px;
}
#server_response {
	float:left; 
	padding: 2px 20px;
	color: #fff;
	font-size:10px;
}

#copyright a {
  background:transparent url(css/li_footer_wh.gif) no-repeat scroll left 3px;
  color:#fff;
  margin-left:10px;
  padding-left:10px;
  text-decoration:none;
  font-size: 10px;  
}

#copyright a:hover {
  text-decoration:underline;
}

#links {
	float:left; 
	padding: 2px 20px;
	color: #FFF;
}

#links a {
  background:transparent url(css/li_footer_wh.gif) no-repeat scroll right 3px;
  color:#fff;
  margin-right:10px;
  padding-right:10px;
  text-decoration:none;
  font-size: 10px;
}
#links .last a {
  background: none;
} 

/* ============================= CONTENT ====================== */

#imagehome {
  height:380px;
  overflow:hidden;
  position:relative;
  width:725px;  
  z-index:10;
  float:left;
}

#booking {
  background-color:#F4E9CB;
  float:right;
  height:378px;
  overflow:hidden;
  padding:10px 15px;
  width:235px;
}

/* ============================= Animaton ====================== */

.slogan {
	width:100%;
}

#head1 {
	background:#000 none repeat scroll 0 0;
	color:#B9B5A6;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:44px;
	height:95px;
	padding-top:10px;
	width:100%;
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;

}

#head2 {
	color:#FFFFFF;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:44px;
}


.ani1 #head1 {
	padding-left:180px;
	position:absolute;
	top:0px;
}

.ani1 #head2 {
	padding-left:230px;
	position:absolute;
	top:40px;
}

.ani2 #head1 {
	padding-left:50px;
	position:absolute;
	top:95px;
}

.ani2 #head2 {
	padding-left:190px;
	position:absolute;
	top:135px;
}

.ani3 #head1 {
	padding-left:50px;
	position:absolute;
	top:190px;
}

.ani3 #head2 {
	padding-left:190px;
	position:absolute;
	top:220px;
}


.ani4 #head1 {
	padding-left:50px;
	position:absolute;
	top:285px;
}

.ani4 #head2 {
	padding-left:100px;
	position:absolute;
	top:315px;
}



#titlehome2 {
  background:transparent url(css/intro_bg.png) no-repeat scroll 0 0;
  height:70px;
  left:0;
  overflow:hidden;
  position:absolute;
  top:380px;
  width:760px;
  z-index:15;
}

#titlehome {
    left:0;
    overflow:hidden;
    position:absolute;
    top:380px;
    width:760px;
    height:70px;    
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index:15;
}

#titlehome li {
  color:#FFFFFF;
  font-size:20px;
  line-height:70px;
  padding-left:15px;
}

#title {
  color: #FFF3CE;
	font-size: 1.6em;
	padding-left:30px;
}



#container {
	clear:both;
	background:transparent url(css/containerbg.gif) no-repeat scroll left top; 
  height: 156px; 
  border-left:1px solid #DED9CA;
}

.linie {
	background:transparent url(css/line.gif) repeat-y scroll 610px 0;
}

#inhalt {
  width: 680px;
}


#ap55 div.csc-textpic-imagewrap {
	padding: 15px 0 0;
}


#breadhr {
	clear:both;
	height: 10px;
	width:100%;
	background-color:#681705;
}

#breadcrumb_pack {
	background-color:#681705;
	float:left;
	height:18px;
	width:725px;
}

#breadcrumb_pack li {
	color:#FFFFFF;
	float:left;
	font-size:11px;
	line-height:24px;
}

#breadcrumb li {
	background-color:#fff;
	color:#999;
	float:left;
	font-size:11px;
	line-height:24px;
	text-transform:uppercase;
}

#breadcrumb li span {
	padding-right:35px;
}

#breadcrumb li.past {
  background-color:#B38B82;
}

#breadcrumb li.active {
	background:#681705 url(css/li_left.gif) no-repeat center left;
	color: #fff;
}

#breadcrumb li.active span {
	background:#681705 url(css/li_right_wt.gif) no-repeat center right;
	display:block;
	padding-right:25px;
}

#breadcrumb_pack ul {
	padding:0 0 0 25px;
}

#bread li {
	float: left;
	padding-right: 5px;
	font-size: 10px;
	color: #fff;	
	line-height: 18px;
}

#bread li a {
	color: #fff;
	font-size: 10px;
}

#topnavi {
	height:24px;
	color: #999;
}

#topnavi li {
  padding-left: 30px;
}

#topnavi a {
	color: #fff;	
	text-decoration: underline;
	text-transform: uppercase;
}

#print {
	float:right;
	margin-right:340px;
	background:transparent url(css/print.gif) no-repeat scroll top left;
	padding-left: 20px;
}

#print a {
	color:#6F6F6F;
	font-size:10px;
}

h2 { 
	color:#681705;
	font:18px/20px Georgia,"Century Gothic",Arial,Vardana,sans-serif;
	margin-bottom:10px;
}

h2 a {
  font-family:Georgia,"Century Gothic",Arial,Vardana,sans-serif;
	color:#681705;
	text-decoration: none;
}

#inhalt h2 {
  font-weight: normal;
  line-height: 1.4em;
  color: #000;
}

#inhalt p {
  line-height:1.4em;
  padding:0 0 10px 0;
}


h3 {
	color:#681705;
	font-family:Georgia,"Century Gothic",Arial,Vardana,sans-serif;
	font-size:14px;
	font-weight:normal;
	padding:0 0 10px;
}

#ap241 h3 {
  margin-top: 10px;
}

#col1 h3 a, #col2 h3 a, #col3 h3 a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#681705;
	text-decoration: none;
}

h1 {
	color:#681705;
  font-family:Georgia,"Century Gothic",Arial,Vardana,sans-serif;
  font-size:18px;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:20px;
  text-decoration:none;
	padding-bottom:10px;
}



.csc-bulletlist, #col0 ul {
	padding: 0px 0px;	
}

#maintext li, .csc-bulletlist li, #col0 li {
	background:transparent url(css/navi_bg.gif) no-repeat scroll 0 4px;
	padding-left:20px;
	text-decoration:none;
	line-height: 1.8em;
}

#maintext li a {
  color:#302F2C;
  display:block;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  margin:0;
  padding:3px 0 4px;
  text-decoration:none;
}




.csc-frame-rulerAfter, .csc-frame-rulerBefore {
	clear:both;
	border-bottom: 1px dotted #999999;
	margin:15px 0;
}

legend {
  color:#681705;
  font-family:Georgia,"Century Gothic",Arial,Vardana,sans-serif;
  font-size:18px;
  font-weight:normal;
  padding:5px 0 10px;
  text-align:left;
}

fieldset {
  font-family:verdana;
  font-size:11px;
  border:none;
}

.fieldset {
	border-top-color:#FFFFFF;
	border-top-style:solid;
	border-top-width:1px;
	padding-top:3px;
}

#anfrage .fieldset {
  border-top:1px solid #FFFFFF;
  text-align:right;
}

label, p.tx_powermail_pi1_fieldwrap_html_checkbox_title{
	padding:5px 0px;
	font-weight: normal;
}


#contact1 {
  width: 685px;
}



#contact1 label{
  float:left;
  text-align:left;
  width:150px;
}


#powermaildiv_uid61 label, #powermaildiv_uid62 label, #powermaildiv_uid63 label, #powermaildiv_uid64 label, #powermaildiv_uid65 label {float: left; width: 50%;}

#powermaildiv_uid62, #powermaildiv_uid63, #powermaildiv_uid64, #powermaildiv_uid65 {clear: both; margin-top: 5px;}

#uid61_hr {
	width: 80px;
}

#uid61_cb, #uid61_help, #uid61_msgCnt {display: none;}

select {
	width:50px;
}
select#uid65 {width: 100px;!important}

input, select {
	padding:2px;
	color: #333333;
}

option {
  padding:0 0 0 12px;
  text-align:left;
}

.powermail_check_inner input {
	float:left;
	margin: 8px 10px 8px 0px;
}

.powermail_check_inner {
	clear:both;
}

#powermaildiv_uid1, #powermaildiv_uid3 {
	float:left;
	width:130px;
}

.powermail_radio_inner label {
	float:left;
	width:180px;
}

#uid7, #uid8, #uid9 {
	width: 100%;
}

.powermail_mandatory_list li { 
	background:transparent url(css/li.gif) no-repeat scroll 5px 5px;
	font-size:11px;
	font-weight:normal;
	margin:10px 0;
	padding-left:25px;
 }

.powermail_mandatory_list li b {
	display:block;
	color: #000;
}

#nextstep, #powermaildiv_uid10 {
	text-align:right;
	padding-bottom: 10px!important;
}

#nextstep {
  clear:both;
  padding:10px 0;
  text-align:center;
}

#nextstep input {
	width:90%!important;
	padding:10px;
}

.divider {
	border-bottom:1px solid #F4E9CB;
	margin-right:15px;
	margin-top:10px;
	padding-bottom:10px;
	clear:both;
}

#backstep {
	float: left; 
	width: 140px;
}

.tx_powermail_pi1_formconfirmation_back {
	float:left;
	margin: 10px 0px;
}

.tx_powermail_pi1_formconfirmation_submit {
	float: right;
	margin: 10px 0px;
}

.csc-menu-4 dd {
	padding-left: 15px;
}

.csc-textpic-caption {
  font-size: 9px;
}

#maintext div.csc-textpic-imagewrap {
	clear:both;
}
#maintext .csc-textpic-image img {
	border:1px solid #CCCCCC;
	margin: 0;
	padding:2px;
}

#maintext .csc-textpic-image:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}

#arrangements .csc-textpic-image img, #tagen .csc-textpic-image img, #kulinarisches .csc-textpic-image img, #philosophie .csc-textpic-image img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.7;
}

#arrangements .csc-textpic-image:hover img, #tagen .csc-textpic-image:hover img, #kulinarisches .csc-textpic-image:hover img, #philosophie .csc-textpic-image:hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}

.contenttable {
	width:100%;
}

.contenttable td {
	padding:2px 0px;
}
.contenttable p {
	padding:0px!important;
}

.contenttable .price td {
	background:transparent url(css/navi_line.gif) repeat-x scroll left bottom;
}

td.last {
	text-align:right;
	vertical-align:top;
	width:120px;
}

#ap55 .td-last {
	min-width:40px!important;
}

.tr-even td {
	
}


#inklusive {
	width:350px;
	float:left;
}

#zuschlaege {
	width:350px;
	float:right;
}

#features {
	clear: both;
	padding-top: 15px;
}

#features li {
	float: left;
	margin-right:20px;
	padding-left: 15px;
	background: transparent url(css/nav1.gif) no-repeat scroll left center
}

#landhaus, #japanisch {
	float:left; 
	width:220px;
	padding-right:10px;
}


#appartment {
	float:left; 
	width:220px
}

.news-list-date, .news-single-timedata {
	text-align: right; 
	font-size: 9px; 
	font-weight: bold; 
	float:right
}

.news-list-morelink {
	text-align:right;
}

.news-single-item h3 {
	color: #000;
	font-family: helvetica,verdana,Georgia,Georgia,serif;
	font-size: 11px;
	font-weight: bold;
}

.akt_image {
	float:left;
	margin-right:15px;
}

.akt_image img {
	border: 1px solid #999;
	padding: 2px;
}

.akt_copy {
	color: #333333;
}


#reservierung label {
	float:left;
	text-align:left;
	color:#333333;
	font-weight:normal;
	padding:5px 0;
}

#reservierung #arrival input, #reservierung #departure input, #reservierung #timer input {
	background:url("css/calendar.gif") no-repeat scroll 70px 4px #FFFFFF;
	cursor:pointer;
  cursor:hand;	
	padding-left:5px;
	width:85px;
}

#reservierung #anfrage {
	text-align:right;
}

#reservierung div, #anfrage div  {
	clear:both;
  padding:10px 0;
}

#reservierung .mandatory {
	color:red;
}

#special_item {
  padding:20px 20px 0;
  position:relative;
  width:685px;
  float:left;
}

#anfrage label {
  float:left;
  text-align:left;
}

#arrival input, #enquiry_bot input {
  background:url("css/calendar.gif") no-repeat scroll 70px 4px #FFFFFF;
  cursor:pointer;
  cursor:hand;
  padding-left:5px;
  width:85px;
}

#anfrage #qty_people select, #anfrage #qty_kids2 select, #anfrage #qty_kids select, #anfrage #QTY_rooms select  {
  text-align: center;
}

#anfrage .product_add {
  padding:15px 0 0;
}

#anfrage .product_add input {
  width:50%;
}

#enquiry_bot label {
  padding:5px 15px 5px 0;
}

#special_item li {
  background:url("css/navi_bg.gif") no-repeat scroll 0 6px transparent;
  line-height:2em;
  padding-left:20px;
  text-decoration:none;
  margin-left:15px;
}

.category_description ul {
  margin: 5px 0 5px 0px;
}
