/* content.css
------------------------------------------------------------------------
This stylesheet contains the CSS rules for contentpages of WTG 

Author: elements.at 
--------------------------------------------------------------------- */

@import 'lightbox.css';

#content {
	background: url(/static/img/content_bg.gif) left top repeat-y;
	width: 965px;
	overflow: hidden;
}

/* sidebar left
-----------------------------------------------------------------------*/
#content #header {
	width: 965px;
	height: 210px;
	overflow: hidden;
	position: relative;
}

#header .content_nav_bg {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/content_nav_bg.png) left top no-repeat;
	width: 235px;
	height: 210px;
	overflow: hidden;
	position: absolute;
	left: 25px;
	top: 0;
	z-index: 100;
}

#middle .headerteaser {
	background: url(/static/img/headerimg-teaser.png);
	width: 112px;
	height: 94px;
	overflow: hidden;
	position: absolute;
	right: 25px;
	top: 27px;
	z-index: 100;
	padding: 30px 20px 30px 30px;
}

#middle .headerteaser.pointer {
	cursor: pointer;	
}

#middle .headerteaser h3,
#middle .headerteaser h3 a {
	color: #a47d56;
	text-decoration: none;
}

#middle .headerteaser p {
	color: #967650;
}



/* contentarea
-----------------------------------------------------------------------*/
#content #contentarea {
	width: 720px;
	overflow: hidden;
	padding: 0 0 0 245px;
}



/* Texbereich
------------------------------------------------------------------------*/
#content #contentarea #textarea {
	width: 580px;
	overflow: hidden;
	padding: 0 0 15px 0;
	float: left;
}

#textarea h1 {
	width: 530px;
	overflow: hidden;
	color: #ad8a42;
	font-size: 18px;
	font-weight: normal;
	line-height: 25px;
	padding: 22px 25px 0 25px;
}

#textarea span.h1 {
	width: 530px;
	overflow: hidden;
	padding: 22px 25px 0 25px;
	display: block;
}


/* Quickfinder */
#quickfinder {
	background: url(/static/img/quickfinderbg.jpg) left top no-repeat;
	height: 42px;
	width: 720px;
	overflow: hidden;
}

#quickfinder h3 {
	display: block;
	font-style:normal;
	text-transform: uppercase;
	color: #a47d2d;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	padding: 13px 0 13px 25px;
	float: left;
}

#quickfinder .right {
	float: left;	
}

#quickfinder form {
	overflow: hidden;
	padding: 12px 0 0 0;
	float: right;
}

#quickfinder form .formpart {
	float: left;
	padding: 0 25px 0 5px;
}



/* Contentblock */
#textarea .contentblock {
	background: url(/static/img/content_dots.gif) 579px top repeat-y;
	width: 530px;
	overflow: hidden;
	padding: 5px 25px 10px 25px;
	color: #967650;
}

#textarea .contentblock.nopadding {
	padding-bottom: 0;	
}

#textarea .contentblock h2 {
	overflow: hidden;
	padding: 5px 0 7px 0;
	color: #967650;
	font-size: 11px;
}

#textarea .contentblock h3 {
	overflow: hidden;
	padding: 5px 0;
	color: #967650;
	font-size: 11px;
}

#textarea .contentblock a {
	overflow: hidden;
	text-decoration: none;
	color: #ac2b61;
}

#textarea .contentblock ul {
	list-style: none;
	padding: 5px 0;
}

#textarea .contentblock ul li {
	background: url(/static/img/list.gif) left 7px no-repeat;
	list-style: none;
	padding: 2px 0 2px 15px;
}



/* teaser button */
#textarea .contentblock .teaserbutton {
	
}

#textarea .contentblock .teaserbutton a {
	background: url(/static/img/teaser-button.png) left top repeat-x;
	border-right: 1px solid #946a31;
	height: 18px;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 13px 7px 25px;
	margin: 0 0 24px 0;
}



/* gallery */
#textarea .gallery {
	background: url(/static/img/content_dots.gif) 579px top repeat-y;
	width: 540px;
	overflow: hidden;
	padding: 0 15px 10px 25px;
}

#textarea .gallery a {
	display: block;
	width: 170px;
	height: 113px;
	overflow: hidden;
	float: left;
	margin: 10px 10px 0 0;
	position: relative;
	text-decoration: none;
}

#textarea .gallery a .zoom {
	background: url(/static/img/zoom.gif) no-repeat;
	width: 15px;
	height: 15px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	display: block;
}



/* presspics */
#textarea .gallery.presspics .entry {
	width: 180px;
	height: 123px;
	/*height: 153px;*/
	float: left;
	overflow: hidden;
}

#textarea .gallery.presspics a {
	float: none;
	border: 1px solid #f4eddd;
	width: 168px;
	height: 111px;
	text-align: center;
}



#textarea .gallery.presspics .entry .innerimage {
	width: 168px;
	height: 111px;
	display: table-cell;
	vertical-align: middle;
}

#textarea .gallery.presspics .entry .caption {
	background:	#f4eddd;
	height: 20px;
	padding: 6px 0 0 0;
	margin: 0 10px 0 0;
	text-align: center;
	cursor: pointer;
}

#textarea .gallery.presspics a .zoom {
	background: url(/static/img/download.png) no-repeat;
	top: auto;
	bottom: 0;	
}






/* content map */
#textarea .contentmap {
	position: relative;	
}

#textarea .contentmap .mapoverlay {
	position: absolute;
	left: 0;
	top: 0;
}



/* hotel enquiry */
#textarea .contactform {
	background: url(/static/img/content_dots.gif) 579px top repeat-y;
	width: 540px;
	overflow: hidden;
	padding: 5px 15px 10px 25px;
	color: #967650;
}

#textarea .contactform form {
	width: 540px;
	overflow: hidden;
	padding: 5px 0;
}

/*choose type*/
#textarea .contactform form .choose {
	width: 540px;
	overflow: hidden;
	padding: 0;
	margin: 0 0 5px 0;
}

#textarea .contactform form .choose .notice {
	width: 540px;
	overflow: hidden;
	padding: 0;
	font-weight: bold;
	margin: 0 0 5px 0;
}

#textarea .contactform form .choose p {
	width: 520px;
	overflow: hidden;
	padding: 0 0 0 10px;
	margin: 0 0 3px 0;
}

#textarea .contactform form .choose p span {
	width: 500px;
	overflow: hidden;
}

#textarea .contactform form .choose input.radio {
	width: 13px;
	height: 13px;
	border: none;
	padding: 0;
	margin: 0 8px 0 0;
	overflow: hidden;
	float: left;
}

#textarea .contactform form .info {
	width: 530px;
	overflow: hidden;
	padding: 5px 0 10px 0;
}

#textarea .contactform form .info.error {
	color: #f90103;
}



/*form data*/
#textarea .contactform form .formdata {
	width: 540px;
	overflow: hidden;
	padding: 0;
}

#textarea .contactform form .formdata .leftside {
	width: 265px;
	overflow: hidden;
	padding: 0;
	float: left;
}

#textarea .contactform form .formdata .leftside p {
	width: 265px;
	height: 21px;
	padding: 0;
	margin: 0 0 3px 0;
	overflow: hidden;
}

#quickfinder label,
#textarea .contactform form .formdata .leftside label {
	display: block;
	width: 100px;
	height: 14px;
	overflow: hidden;
	color: #967650;
	padding: 2px 10px 2px 0;
	float: left;
}

#quickfinder label {
	width: auto;
	padding: 3px 6px 2px 0;
}

#textarea .contactform form p.error .star {
	color: #f90103;
}

#textarea .contactform form .formdata .leftside .sep {
	background: url(/static/img/separator_form.gif) left top no-repeat;
	display: block;
	width: 10px;
	height: 18px;
	overflow: hidden;
	float: left;
}


#textarea .contactform form .formdata .rightside {
	width: 275px;
	overflow: hidden;
	padding: 0;
	float: left;
}

#textarea .contactform form .formdata .rightside p {
	width: 275px;
	height: 21px;
	padding: 0;
	margin: 0 0 3px 0;
	overflow: hidden;
}

#textarea .contactform form .formdata .rightside p.hotels {
	height: 93px;
}

#textarea .contactform form .formdata .rightside p.hotels .hotel_options {
	display: block;
	width: 150px;
	height: 83px;
	overflow: hidden;
	float: left;
}

#textarea .contactform form .formdata .rightside p.hotels .hotel_options .select_hotel_option {
	display: block;
	width: 150px;
	height: 14px;
	overflow: hidden;
	margin: 0;
	padding: 3px 0;
}

#textarea .contactform form .formdata .rightside p.hotels .hotel_options .select_hotel_option label {
	padding: 0;
	width: auto;
}

#textarea .contactform form .formdata .rightside p.hotels .hotel_options .select_hotel_option span {
	overflow: hidden;
}

#textarea .contactform form .formdata .rightside label {
	display: block;
	width: 105px;
	height: 14px;
	overflow: hidden;
	color: #967650;
	padding: 2px 10px 2px 5px;
	float: left;
}

/*Comments*/
#textarea .contactform form .comment {
	width: 540px;
	overflow: hidden;
	padding: 0;
}

#textarea .contactform form .comment p {
	width: 540px;
	height: 50px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#textarea .contactform form .comment p label {
	display: block;
	width: 100px;
	height: 14px;
	overflow: hidden;
	color: #967650;
	padding: 2px 10px 2px 0;
	float: left;
}

/*Copy mail*/
#textarea .contactform form .copymail {
	width: 430px;
	overflow: hidden;
	padding: 5px 0 5px 110px;
}

#textarea .contactform form .copymail p {
	width: 430px;
	padding: 0 0 3px 0;
	margin: 0;
	overflow: hidden;
}


/*general formparts*/
#quickfinder input,
#textarea .contactform form input {
	width: 133px;
	background: #fff;
	border: 1px solid #9e9884;
	padding: 2px 5px 2px 5px;
	line-height: 14px;
	margin: 0;
	overflow: hidden;
	color: #967650;
	float: left;
	height: 15px;
}

#quickfinder input {
	height: 13px;
}

#textarea .contactform form input.error,
#textarea .contactform form select.error {
	border-color: #f90103;
}

#quickfinder input.small,
#textarea .contactform form input.small {
	width: 17px;
	margin: 0 6px 0 0;
}

#quickfinder input.medium,
#textarea .contactform form input.medium {
	width: 27px;
	margin: 0 3px 0 0;
}

#textarea .contactform form input.zip {
	width: 41px;
}
#textarea .contactform form input.city {
	width: 70px;
}

#textarea .contactform form input.check {
	width: 13px;
	height: 13px;
	background: #fff;
	border: none;
	padding: 0;
	margin: 1px 7px 0 0;
	overflow: hidden;
	float: left;
}

#textarea select.selectbox,
#textarea .contactform form select {
	width: 145px;
	height: 21px;
	background: #fff;
	border: 1px solid #9e9884;
	padding: 1px 1px 1px 1px;
	overflow: hidden;
	color: #967650;
}

#textarea select.selectbox {
	margin: 0 0 0 7px;	
}

*html #textarea .contactform form select {
	width: 145px;
	background: #fff;
	border: 1px solid #9e9884;
	padding: 1px 1px 1px 1px;
	overflow: hidden;
	color: #967650;
	margin: 0 0 0 -3px;
}

#textarea .contactform form textarea {
	width: 408px;
	height: 44px;
	background: #fff;
	border: 1px solid #9e9884;
	padding: 2px 5px;
	line-height: 14px;
	overflow: auto;
	color: #967650;
	float: left;
	resize: none;
}

#quickfinder .calendar_icon,
#textarea .contactform form .calendar_icon {
	background: url(/static/img/cal_icon.gif) left top no-repeat;
	width: 33px;
	height: 21px;
	overflow: hidden;
	cursor:pointer;
	display: block;
	float: left;
}

#quickfinder .calendar_icon {
	background-position: left -1px;
	height: 19px;
}


/*submit*/
#textarea .contactform form .submitform {
	width: 430px;
	overflow: hidden;
	padding: 10px 0 5px 110px;
}

#quickfinder input.submit,
#textarea .contactform form .submitform input.submit {
	width: auto;
	height: 21px !important;
	background: #d7b369 url(/static/img/arrow_white.gif) 7px 5px no-repeat;
	border: 1px solid #d7b369;
	padding: 0 5px 3px 16px !important;
	line-height: 14px;
	margin: 0;
	overflow: visible;
	color: #fff;
	float: left;
	cursor: pointer;
}

#quickfinder input.submit {
	background-color: #c18634;
	border: 1px solid #c18634;
	height: 19px !important;
}


/* extras für packages*/

#textarea .contactform form .subheadline {
	width: 540px;
	overflow: hidden;
	padding: 0;
	margin: 0 0 5px 0;
}

#textarea .contactform form .subheadline h3 {
	width: 530px;
	overflow: hidden;
	color: #ad8a42;
	font-size: 18px;
	font-weight: normal;
	line-height: 25px;
	padding: 0;
}


#textarea .contactform form .package_info {
	width: 530px;
	overflow: hidden;
	padding: 5px 0 0 0;
	margin: 0 0 10px 0;
	font-weight: bold;
	color: #ad8a42;
}

#textarea .contactform form .package_info a {
	text-decoration: underline;
	font-weight: bold;
	color: #ad8a42;
}


#textarea .contactform form .package_overview {
	width: 540px;
	overflow: hidden;
	margin: 0 0 23px 0;
}

#textarea .contactform form .package_overview .formpackage {
	background: url(/static/img/package_bg.gif) left top repeat-x;
	width: 254px;
	height: 376px;
	overflow: hidden;
	margin: 10px 10px 0 0;
	padding: 2px 2px 0 2px;
	border: 1px solid #d7b369;
	float: left;
}

#textarea .contactform form .package_overview .formpackage .image {
	width: 254px;
	height: 130px;
	overflow: hidden;
}

#textarea .contactform form .package_overview .formpackage h2 {
	width: 238px;
	overflow: hidden;
	color: #ad8a42;
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
	padding: 0 8px;
	margin: 7px 0 0 0;
}

#textarea .contactform form .package_overview .formpackage .hotel_location {
	width: 238px;
	overflow: hidden;
	color: #ad8a42;
	padding: 0 8px;
	margin: 0 0 10px 0;
	font-weight: bold;
}

#textarea .contactform form .package_overview .formpackage .package_text {
	width: 238px;
	height: 140px;
	overflow: hidden;
	color: #ad8a42;
	padding: 0 8px;
	line-height: 14px;

}

#textarea .contactform form .package_overview .formpackage .package_price {
	width: 238px;
	height: 24px;
	overflow: hidden;
	padding: 8px 8px 0 8px;

}

#textarea .contactform form .package_overview .formpackage .package_price strong {
	overflow: hidden;
	color: #ad8a42;
	font-size: 19px;
	font-weight: normal;
	line-height: 22px;
	float: right;t
	display: block;
}

#textarea .contactform form .package_overview .formpackage .package_selector {
	width: 238px;
	height: 16px;
	overflow: hidden;
	padding: 0 8px;
}

/* right side
--------------------------------------------------------------------*/
#content #contentarea #right {
	width: 115px;
	overflow: hidden;
	padding: 47px 0 0 25px;
	float: left;
}

#right .partner {
	width: 90px;
	overflow: hidden;
	margin: 0 0 10px 0;
}

#right .partner a {
	border: none;
	padding: 0;
	margin: 0;
}

#right .partner a img {
	border: none;
	padding: 0;
	margin: 0;
}


/* tooltips
--------------------------------------------------------------------*/
.hotspot {cursor:pointer}

#tt {position:absolute; display:block; background:#D7B369; }
#ttcont {display:block; padding:7px; margin:3px; background:#fff; color:#967650; }