/* 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;
}

/* contentarea
-----------------------------------------------------------------------*/
#content #contentarea {
	width: 920px;
	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;
}

/* 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 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;
}



/* 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;
}

#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;
}




/* 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;
}

/*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: 19px;
	padding: 0;
	margin: 0 0 3px 0;
	overflow: hidden;
}

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

#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: 19px;
	padding: 0;
	margin: 0 0 3px 0;
	overflow: hidden;
}

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

#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 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;
	margin: 0;
	overflow: hidden;
}


/*general formparts*/
#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;
}

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

#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 .contactform form select {
	width: 145px;
	background: #fff;
	border: 1px solid #9e9884;
	padding: 1px 1px 1px 1px;
	overflow: hidden;
	color: #967650;
}

*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;
}

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


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

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

/* 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;
}