/* content.css
------------------------------------------------------------------------
This stylesheet contains the CSS rules for wagrain

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

@import url("lightbox.css");

#header {
	height: 310px;
}

#header .mask {
	background: url(/static/img/mask_content.png) left top no-repeat;
	height: 310px;
}

#header .logo {
	top: 73px;
	left: 9px;
}

#main_nav {
	background: url(/static/img/mainnav_bg_content.jpg) left top no-repeat;
	top: 310px;
}

/* Content
--------------------------------------------------------------------- */
#content {
	background: #343434 url(/static/img/content_bg.jpg) left top no-repeat;
	width: 910px;
	overflow: hidden;
}

#content #subnavigation {
	width: 130px;
	overflow: hidden;
	padding: 25px 15px 10px 20px;
	float: left;
}

#subnavigation ul {
	width: 130px;
	overflow: hidden;
	list-style: none;
	padding: 0;
}

#subnavigation ul li {
	width: 130px;
	overflow: hidden;
	list-style: none;
	margin: 0 0 8px 0;
}

#subnavigation ul li a {
	background: url(/static/img/arrow_3_grey.gif) left 2px no-repeat;
	display: block;
	overflow: hidden;
	padding: 0 0 0 19px;
	text-decoration: none;
	color: #ccc;
}

#subnavigation ul li a:hover, #subnavigation ul li.active a.active {
	background: url(/static/img/arrow_3_green.gif) left 2px no-repeat;
	color: #b5dd0d;
	font-weight: bold;
}


#subnavigation ul li ul {
	width: 120px;
	overflow: hidden;
	padding: 5px 0 2px 10px;
	list-style: none;
}

#subnavigation ul li ul li {
	width: 120px;
	overflow: hidden;
	list-style: none;
	margin: 0 0 4px 0;
}

#subnavigation ul li ul li a {
	background: url(/static/img/arrow_3_grey.gif) left 2px no-repeat;
	display: block;
	overflow: hidden;
	padding: 0 0 0 19px;
	text-decoration: none;
	color: #ccc;
}

#subnavigation ul li ul li a:hover, #subnavigation ul li.active ul li.active a.active {
	background: url(/static/img/arrow_3_green.gif) left 2px no-repeat;
	color: #b5dd0d;
	font-weight: bold;
}


/* Textarea (center) 
-------------------------------------------------------------------*/
#content #textarea {
	width: 560px;
	overflow: hidden;
	padding: 40px 15px 0 0;
	float: left;
}

#textarea h1 {
	width: 540px;
	overflow: hidden;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 18px;
	color: #fff;
	font-weight: bold;
}

/* contentblock */
#textarea .contentblock {
	width: 540px;
	overflow: hidden;
	padding: 5px 0;
	color: #fff;
}

#textarea .contentblock h2 {
	overflow: hidden;
	padding: 0;
	margin: 0 0 10px 0;
	color: #B5DD0D;
	font-size: 12px;
}

#textarea .contentblock h3 {
	overflow: hidden;
	padding: 0;
	margin: 10px 0 5px 0;
	color: #fff;
}

#textarea .contentblock a {
	background: url(/static/img/douplearrow_green.gif) left 4px no-repeat;
	padding: 0 0 0 10px;
	text-decoration: none;
	color: #b5dc0f;
}

#textarea .contentblock a.none {
	background: none;
}

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

#textarea .contentblock ul li {
	background: url(/static/img/list_arrow.gif) left 5px no-repeat;
	overflow: hidden;
	padding: 1px 0 10px 18px;
	list-style: none;
	color: #fff;
}

#textarea .contentblock ul li a {
	background: none;
	padding: 0;
}


#textarea .contentblock ol {
	list-style-image: none;
	list-style-position: inside;
	list-style-type: decimal;
	margin: 5px 0;
	overflow:hidden;
	padding: 0 0 0 5px;
}

#textarea .contentblock ol li {
	overflow: hidden;
	padding: 1px 0;
}

#textarea .contentblock table,
#textarea .contentblock tr,
#textarea .contentblock td {
	vertical-align: top;
}

#textarea .contentblock .imglink {
	background: none;
	padding: 0;
}


/* gallery block */
#textarea .gallery {
	width: 560px;
	overflow: hidden;
	padding: 0 0 5px 0;
}

#textarea .gallery a {
	width: 168px;
	height: 98px;
	overflow: hidden;
	border: 1px solid #b5dc0f;
	padding: 0;
	margin: 10px 15px 0 0;
	position: relative;
	float: left;
}

#textarea .gallery .zoom {
	background: url(/static/img/zoom.gif) left top no-repeat;
	display: block;
	width: 14px;
	height: 14px;
	overflow: hidden;
	position: absolute;
	top: 84px;
	left: 154px;
	z-index: 1;
}


/* enquiry form */
#textarea .formblock {
	width: 540px;
	overflow: hidden;
	padding: 5px 0;
}

#textarea .formblock .description {
	width: 535px;
	overflow: hidden;
	padding: 0;
	margin: 0 0 10px 0;
	color: #fff;
}

#textarea .formblock .description a {
	background: url(/static/img/douplearrow_green.gif) left 4px no-repeat;
	padding: 0 0 0 10px;
	text-decoration: none;
	color: #b5dc0f;
}

#textarea .formblock h3 {
	width: 540px;
	overflow: hidden;
	padding: 0;
	color: #b5dc0f;
}

#textarea .formblock form {
	width: 540px;
	overflow: hidden;
	padding: 10px 0 0 0;
}

#textarea .formblock p {
	width: 540px;
	overflow: hidden;
	margin: 0 0 7px 0;
}

#textarea .formblock label {
	display: block;
	width: 70px;
	height: 14px;
	overflow: hidden;
	padding: 2px 5px 3px 0;
	color: #fff;
	float: left;
}

#textarea .formblock i {
	color: #b5dc0f;
	font-style: normal; 
}


#textarea .formblock input {
	background: #fff;
	width: 188px;
	overflow: hidden;
	border: 1px solid #fff;
	padding: 3px 5px;
	color: #343434;
	float: left;
}

#textarea .formblock input.zip {
	width: 48px;
	margin: 0 5px 0 0;
}

#textarea .formblock input.city {
	width: 123px;
}

#textarea .formblock select {
	background: #fff;
	width: 65px;
	overflow: hidden;
	border: 1px solid #fff;
	padding: 1px 1px 1px 5px;
	color: #343434;
	float: left;
}

#textarea .formblock textarea {
	background: #fff;
	width: 448px;
	height: 72px;
	border:1px solid #fff;
	color: #343434;
	overflow:auto;
	padding: 3px 5px;
	float:left;
}

#textarea .formblock .submit_line {
	width: 535px;
	padding: 0 0 0 75px;
	overflow: hidden;
}

#textarea .formblock .submit_line input.submit {
	background: url(/static/img/submit_form.gif) left top repeat-x;
	border: none;
	color: #b5dc0f;
	cursor: pointer;
	float: left;
	font-weight: bold;
	overflow: visible;
	padding: 5px 15px;
	width: auto;
}

#textarea .formblock .required {
	width: 460px;
	overflow: hidden;
	padding: 0 0 0 75px;
	margin: 10px 0 0 0;
	color: #fff;
}

/* news overview */
#textarea .news_overview, #textarea .events_overview {
	width: 540px;
	overflow: hidden;
	padding: 5px 0;
}

#textarea .news_overview .news_entry, #textarea .events_overview .events_entry {
	width: 540px;
	height: 85px;
	cursor: pointer;
	overflow: hidden;
	border-top: 1px solid #1f1f1d;
	margin: 0 0 9px 0;
}

#textarea .news_overview .news_entry .image {
	width: 148px;
	height: 83px;
	overflow: hidden;
	border: 1px solid #b5dc0f;
	float: left;
}

#textarea .news_overview .news_entry .ne_text {
	width: 305px;
	height: 64px;
	overflow: hidden;
	padding: 11px 10px 0 15px;
	float: left;
}

#textarea .news_overview .news_entry .ne_text h3 {
	width: 305px;
	overflow: hidden;
	color: #b5dc0f;
	margin: 0 0 8px 0;
}

#textarea .news_overview .news_entry .ne_text h3 a {
	color: #b5dc0f;
	text-decoration: none;
}

#textarea .news_overview .news_entry .ne_text p {
	width: 305px;
	overflow: hidden;
	color: #fff;
}

#textarea .news_overview .news_entry .ne_date {
	width: 60px;
	height: 14px;
	overflow: hidden;
	padding: 11px 0 0 0;
	text-align: right;
	color: #b5dc0f;
	float: left;
}


/* events */

#textarea .events_overview .events_entry .image {
	width: 148px;
	height: 83px;
	overflow: hidden;
	border: 1px solid #b5dc0f;
	float: left;
}

#textarea .events_overview .events_entry .ev_headline {
	width: 250px;
	height: 20px;
	overflow: hidden;
	padding: 11px 10px 0 15px;
	float: left;
}

#textarea .events_overview .events_entry .ev_headline h3 {
	width: 250px;
	overflow: hidden;
	color: #b5dc0f;
	margin: 0 0 8px 0;
}

#textarea .events_overview .events_entry .ev_headline h3 a {
	color: #b5dc0f;
	text-decoration: none;
}

#textarea .events_overview .events_entry .ev_date {
	width: 110px;
	height: 20px;
	overflow: hidden;
	padding: 11px 0 0 0;
	text-align: right;
	color: #b5dc0f;
	float: left;
}

#textarea .events_overview .events_entry .ev_text {
	width: 365px;
	height: 64px;
	overflow: hidden;
	padding: 11px 10px 0 15px;
	float: left;
}

#textarea .events_overview .events_entry .ev_text p {
	color: #fff;
}


/* paging */
#textarea .paging {
	width: 540px;
	height: 20px;
	overflow: hidden;
	margin: 5px 0 0 0;
}

#textarea .paging .pagenav {
	height: 20px;
	overflow: hidden;
	float: left;
}

#textarea .paging .pagenav a {
	display: block;
	width: 14px;
	height: 14px;
	overflow: hidden;
	padding: 3px 3px;
	color: #000;
	margin: 0;
	text-decoration: none;
	text-align: center;
	float: left;
}

#textarea .paging .pagenav a.active, #textarea .paging .pagenav a:hover {
	color: #b5dc0f;
	font-weight: bold;
}

#textarea .paging .pagenav a.back {
	background: url(/static/img/paging_back.gif) left top no-repeat;
	display: block;
	width: 10px;
	height: 20px;
	overflow: hidden;
	padding: 0;
	float: left;
	margin: 0 5px 0 0;
	text-decoration: none;
	cursor: pointer;
}

#textarea .paging .pagenav a.next {
	background: url(/static/img/paging_next.gif) left top no-repeat;
	display: block;
	width: 10px;
	height: 20px;
	overflow: hidden;
	padding: 0;
	float: left;
	margin: 0 0 0 5px;
	text-decoration: none;
	cursor: pointer;
}

#textarea .paging .pagenav span {
	display: block;
	background: url(/static/img/pagenav_separator.gif) center 1px no-repeat;
	width: 3px;
	height: 20px;
	overflow: hidden;
	float: left;
}

* html #textarea .paging .pagenav span {
	background: url(/static/img/pagenav_separator.gif) center 2px no-repeat;
}


/* weather detail */
#textarea .weather_detail {
	width: 540px;
	overflow: hidden;
	padding: 5px 0 0 0;
	border-bottom: 1px solid #1f1f1d;
}

#textarea .weather_detail .weather_entry {
	width: 540px;
	overflow: hidden;
	border-top: 1px solid #1f1f1d;
	margin: 0 0 9px 0;
	padding: 0 0 5px 0;
}

#textarea .weather_detail .weather_entry .we_date {
	width: 75px;
	overflow: hidden;
	padding: 17px 5px 0 0;
	float: left;
}

#textarea .weather_detail .weather_entry .we_date label {
	display: block;
	width: 75px;
	overflow: hidden;
	font-weight: bold;
	color: #b5dc0f;
	margin: 0 0 5px 0;
}

#textarea .weather_detail .weather_entry .we_date span {
	display: block;
	width: 75px;
	overflow: hidden;
	color: #fff;
}

#textarea .weather_detail .weather_entry .we_icon {
	width: 65px;
	height: 50px;
	overflow: hidden;
	padding: 4px 0 0 0;
	float: left;
}

#textarea .weather_detail .weather_entry .we_icon img {
	behavior: url(/static/js/iepngfix.htc);
}

#textarea .weather_detail .weather_entry .we_forecast {
	width: 290px;
	overflow: hidden;
	padding: 17px 5px 0 10px;
	float: left;
}

#textarea .weather_detail .weather_entry .we_forecast h3 {
	width: 290px;
	overflow: hidden;
	color: #b5dc0f;
	margin: 0 0 5px 0;
}

#textarea .weather_detail .weather_entry .we_forecast p {
	width: 290px;
	overflow: hidden;
	color: #fff;
}


#textarea .weather_detail .weather_entry .we_temp {
	width: 90px;
	overflow: hidden;
	padding: 17px 0 0 0;
	float: left;
}

#textarea .weather_detail .weather_entry .we_temp label {
	display: block;
	width: 90px;
	overflow: hidden;
	font-weight: bold;
	color: #b5dc0f;
	margin: 0 0 5px 0;
}

#textarea .weather_detail .weather_entry .we_temp span {
	display: block;
	width: 90px;
	overflow: hidden;
	color: #fff;
}


/* google maps api
------------------------------------------------------*/

.map .googlemap {
	width: 538px;
	height: 350px;
	border: 1px solid #000;
}

.map .routeplanner {
	padding: 10px 0 10px 0;
}

.map .routeplanner input.submit {
	width: auto;
	padding: 5px 15px;
	color: #b5dc0f;
	background: url(/static/img/submit_form.gif) left top repeat-x;
	cursor: pointer;
	border: none;
	overflow: visible;
	float:right;
	font-weight: bold;
}

.map .routeplanner input {
	background: #fff;
	overflow: hidden;
	border: 1px solid #fff;
	padding: 3px 5px;
	color: #343434;
	float: left;
}

.map .routeplanner select {
	background: #fff;
	width: 140px;
	overflow: hidden;
	border: 1px solid #fff;
	padding: 2px 1px 2px 3px;
	color: #343434;
	float: left;
}

.map .routeplanner .street {
	width: 180px;
}

.map .routeplanner .zip {
	width: 35px;
	margin: 0 4px 0 10px;
}

.map .routeplanner .city {
	width: 124px;
	margin: 0 10px 0 0;
}

.map .routeplanner .formbottom {
	clear: both;
	position: relative;
	line-height: 19px;
	padding: 5px 0;
}


/* sidebar 
------------------------------------------------------*/
#content #sidebar {
	width: 170px;
	overflow: hidden;
	padding: 35px 0 0 0;
	float: left;
}

#sidebar .teaser {
	background: url(/static/img/sidebar_teaser_bg.gif) left top no-repeat;
	width: 130px;
	height: 86px;
	overflow: hidden;
	padding: 12px 10px 0 12px;
	margin: 0 0 15px 0;
	cursor: pointer;
}

#sidebar .teaser .t_top {
	width: 130px;
	height: 59px;
	overflow: hidden;
}

#sidebar .teaser h3 {
	width: 130px;
	overflow: hidden;
	color: #b6db0f;
	margin: 0 0 3px 0;
}

#sidebar .teaser h3 a {
	text-decoration: none;
	color: #b6db0f;
}

#sidebar .teaser p {
	width: 130px;
	overflow: hidden;
	color: #7b7b7b;
	
}

#sidebar .teaser .t_link {
	width: 130px;
	height: 14px;
	overflow: hidden;
	margin: 3px 0 0 0;
}

#sidebar .teaser .t_link a {
	background: url(/static/img/arrow_3_green.gif) left 2px no-repeat;
	overflow: hidden;
	padding: 0 0 0 19px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #b5dd0d;
}




/* Footer override
--------------------------------------------------------------------- */
#footer {
	background: url(/static/img/footer_content_bg.gif) left top repeat-x;
	padding: 60px 20px 20px 20px;
}