/*************************************************************
 *
 * CSS Reset by Eric Meyer
 * http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded
 *
 *************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, textarea, select, input,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  font-size: 100.01%;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline
}

textarea {
  font-size: inherit
}

:focus {
  outline: none
}

body {
  line-height: 1;
  color: black;
  background: white
  
}

ol, ul {
  list-style: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

caption, th, td {
  text-align: left;
  font-weight: normal
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

/*****************
 *
 * Beginn Site CSS
 *
 *****************/

html {
	height: 101%;
	font-size: 16px
}

body {
	background: #FFFFFF;
	color: #414141;
	font-family: "DejaVu Sans" ,Verdana, Arial, sans-serif;
	font-size: 0.75em;
	line-height: 180%
}

h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

p {
  margin: 0 0 1em 0
}

strong {
	font-weight: bold
}

em {
	font-style: italic
}

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic
}

sup {
  font-size: 0.87em;
  line-height: 100%;
  vertical-align: top
}

small {
  font-size: 0.87em;
  line-height: 130%
}

label,
input[type=button], input[type=submit], input[type=reset], input[type=image],
button {
  cursor: pointer;
}

hr {
	clear: both;
	padding: 0;
	margin: 0 1em 2em 1em;
	height: 1px;
	border: none;
	background: #FFFFFF;
	color: #FFFFFF
}

a, a:hover {
  text-decoration: none
}

a:active,
input[type=button]:active, input[type=submit]:active, input[type=reset]:active, input[type=image]:active,
button:active {
	position: relative;
	top: 1px
}

.left {
	float: left
}

.right {
	float: right
}

.clear {
	clear: both
}

.clearfix {
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden
}

.hide {
	display: none
}

/*******
*
* Bloecke
*
********/

#accessibility {
  display: none;
  height: 0;
  text-indent: -3000em
}

#container {
	margin: 0 auto;
	width: 900px;
	padding-bottom: 1em
}

#header {
	margin: 1em 5px 3px 5px;
	height: 272px
}

#header:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden
}

#section {
	float: left;
	display: inline;
	margin: 10px 0 1em 15px;
	width: 580px
}

#aside {
	display: inline;
	margin: 0 5px;
	float: right;
	width: 280px
}

#footer {
	clear: both;
	margin: 1em 5px;
	border-top: 1px solid #85B916
}

#footer:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden
}

/***************
*
* Oberer Bereich
*
****************/

.header-img-1 {background: #ffffff url(../images/header-1.jpg) no-repeat left bottom}
.header-img-2 {background: #ffffff url(../images/header-2.jpg) no-repeat left bottom}
.header-img-3 {background: #ffffff url(../images/header-3.jpg) no-repeat left bottom}

#meta {
	float: right;
	width: 250px;
	background: #FFFFFF;
	color: #6F6F6F
}

#meta div {
	display: inline;
	float: right;
	margin: 22px 0 6px 0
}

#meta p {
	margin: 0;
	padding: 0;
	line-height: 100%
}

#meta form,
#meta div a {
	float: right
}

#meta form input {
	width: 140px;
	border: 1px solid #6F6F6F;
	color: #6F6F6F;
	padding: 1px 2px;
	line-height: 100%
}

#meta form input[type=submit] {
	width: auto;
	border: none;
	padding: 0;
	background: #FFFFFF;
	color: #6F6F6F
}

#meta span {
	float: right
}

#meta span a {
	float: left;
	margin: 0 5px;
	line-height: 100%;
	color: #6F6F6F;
	font-size: 0.917em;
	text-decoration: underline
}

#meta span a:hover,
#meta span a:focus {
	text-decoration: none
}

#header h1 {
	float: left;
	height: 66px;
	width: 360px;
	background: transparent url(../images/logo.gif) no-repeat 0 0
}

#header h1 a {
	display: block;
	height: 100%;
	text-indent: -3000em
}

#nav {
	clear: both;
	position: relative;
	width: 100%;
	height: 33px;
	background: #85B916
}

#nav li {
	float: left
}

#nav a {
	position: static;
	display: block;
	float: left;
	padding: 10px 15px 11px 10px;
	height: 1%;
	background: #85B916 url(../images/nav.gif) no-repeat right 0;
	color: #FFFFFF;
	line-height: 100%;
	font-weight: bold
}

#nav span {
	float: left;
	display: block;
	height: 100%
}

#nav .active a {
	padding-left: 21px;
	background: transparent url(../images/nav.gif) no-repeat left -33px;
	color: #476608;
}

#nav .active span {
	margin-left: -11px;
	background: #FFB904 url(../images/nav.gif) no-repeat right -66px
}

#nav a:hover,
#nav a:active,
#nav a:focus {
	color: #476608
}

#nav .active .first-nav a {
	padding-left: 10px;
	background-image: none
}

#nav .active span.first-nav {
	margin-left: 0
}

#nav #subnav div {
	border-top: 3px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	display: none;
	position: absolute;
	left: 0;
	top: 33px;
	width: 200px;
	background: #85B916
}

#nav #subnav:hover div {
	display: block
}

#nav #subnav div ul,
#nav #subnav div li,
#nav #subnav div a {
	float: none;
	padding: 0;
	margin: 0;
	height: auto
}

#nav #subnav li {
	border-bottom: 1px solid #FFFFFF
}

#nav #subnav div span {
	float: none;
	margin-left: 0;
	background-color: transparent;
	background-image: none;
	text-align: center
}

#nav #subnav div a {
	height: 1%;
	background-image: none;
	font-weight: normal;
	padding: 3px 5px;
	font-size: 1em;
	color: #FFFFFF
}

#nav #subnav div a:hover {
	background: #F1D124;
	color: #476608
}

/* Startseiten-Teaser */

#teaser {
	clear: both;
	margin: 0 5px;
	background: #FFFFFF url(../images/teaser.gif) repeat-y 0 0
}

#teaser ul {
	height: 100%;
	padding-bottom: 39px;
	background: transparent url(../images/teaser.gif) no-repeat -890px bottom
}

#teaser ul:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden
}

#teaser li {
	float: left;
	display: inline;
	margin: 0 3px 0 0;
	width: 220px;
	color: #FFFFFF
}

#teaser li.teaser-4 {
	width: 221px;
	margin-right: 0
}

#teaser h2,
#teaser h3 {
	margin-bottom: 0.5em;
	text-align: center
}

#teaser h2 {
	margin-top: 0.5em;
	font-size: 1.667em;
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 0.03em
}

#teaser h3 a {
	display: block;
	margin: 0 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline
}

#teaser h3 a:hover,
#teaser h3 a:focus {
	text-decoration: none
}

#teaser .teaser-1 h2,
#teaser .teaser-1 h3 a:hover,
#teaser .teaser-1 h3 a:focus {
	color: #85B916
}

#teaser .teaser-2 h2,
#teaser .teaser-2 h3 a:hover,
#teaser .teaser-2 h3 a:focus {
	color: #85B916
}

#teaser .teaser-3 h2,
#teaser .teaser-3 h3 a:hover,
#teaser .teaser-3 h3 a:focus {
	color: #364B09
}

#teaser .teaser-4 h2,
#teaser .teaser-4 h3 a:hover,
#teaser .teaser-4 h3 a:focus {
	color: #364B09
}

#teaser p {
	margin: 0 10px;
	font-size: 0.917em;
	line-height: 140%
}

#teaser .teaser-1 p,
#teaser .teaser-2 p {
	text-align: center
}

#teaser .teaser-1 h3,
#teaser .teaser-2 h3 {
	height: 3.2em
}

#teaser img {
	width: 172px;
	height: 172px;
	border: 1px solid #FFFFFF
}

/***************
*
* Inhaltsbereich
*
****************/

#section a {
	color: #668C07;
	border-bottom: 1px solid #668C07;
}

#section a:hover,
#section a:focus {
	border: none
}

#section #breadcrumb {
	line-height: 160%;
	font-size: 0.917em
}

#section h2 {
	margin: 1em 0;
	color: #668C07;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 130%
}

#section h3 {
	margin: 0.5em 0 0.5em 0;
	color: #668C07;
	font-size: 1.333em;
	font-weight: bold
}

#section h4 {
	margin: 1em 0 0 0;
	color: #668C07;
	font-size: 1.167em;
	font-weight: bold
}

#section ul,
#section ol {
	margin-top: -1em
}

#section ul {
	list-style: disc
}

#section ol {
	list-style: decimal
}

#section ul.tags {
	margin: 0
}

#section .tags li {
	display: inline;
	margin: 0 1em 0 0;
	line-height: 220%
}

#section h2 .tag-tag {
	color: #6F6F6F
}

.tipp {
	padding-left: 3em;
	background: #FFFFFF url(../images/tipp.gif) no-repeat 0 bottom
}

.article:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden
}

.article-list .date {
	text-align: right;
	line-height: 100%;
	font-size: 0.833em
}

#section .article-list h2 {
	margin: 0 0 1em 0;
}

#section .pagination {
	border-bottom: 1px solid #668C07;
	line-height: 130%
}

#section .pagination:hover,
#section .pagination:focus {
	border-bottom: 1px solid #FFFFFF
}

#section .article-list .edit-link,
#section .article .edit-link {
	color: #E03047;
	border: none;
	text-decoration: underline
}

#section .article-list .edit-link:hover,
#section .article .edit-link:hover {
	text-decoration: none
}

.article .excerpt {
	font-weight: bold
}

.article dl.article-shelve {
	margin-bottom: 1em;
	font-size: 0.917em;
	line-height: 140%
}

.article dl.article-shelve:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden
}

.article dl.article-shelve dt {
	float: left;
	width: 60px
}

.article dl.article-shelve dt,
.article dl.article-shelve dd {
	padding: 2px 0
}

.article dl.article-shelve dd {
	float: left;
	width: 520px
}

#section h2#related-heading {
	padding-top: 1em;
	border-top: 1px solid #668C07;
	margin: 1em 0;
	font-size: 1.333em
}

#section #article-list-related h3 {
	display: inline;
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1.167em
}

#section .tom-article-teaser h4 {
	display: inline;
	margin: 0 0 1em 0;
	padding: 0
}

#section #article-list-related {
	padding: 1em;
	line-height: 160%
}

#section ul#article-list-related {
	list-style: none
}

#section #article-list-related .article-thumbnail img {
	float: left;
	margin: 0 1em 0.5em 0;
	border: 1px solid #85B916;
	width: 110px;
	height: 110px
}

#section .tom-article-teaser .article-thumbnail img {
	float: right;
	margin: 0 0 0.5em 1em;
	border: 1px solid #85B916;
	width: 110px;
	height: 110px
}

#section #article-list-related p {
	font-size: 0.917em
}

#section #article-list-related li {
	clear: both;
	padding: 0.5em 0 
}

#section .article-list .article-thumbnail {
	float: right;
	border: none;
	padding: 0;
	line-height: 100%
}

#section .article-list .article-thumbnail img {
	width: 150px;
	height: 150px;
	margin: 0 0 1em 1em;
	border: 1px solid #85B916
}

#section .article-list-regionen {
	float: left;
	margin: 1em 20px 0 0;
	width: 180px;
	background: #E5E5E5;
	line-height: 130%
}

#section #region-3,
#section #region-6,
#section #region-9,
#section #region-12 {
	margin-right: 0
}

#section .article-list-regionen h2 {
	margin: 0;
	height: 43px;
	background: #658C10;
	text-align: center
}

#section .article-list-regionen h2 a {
	border: none;
	margin: 0;
	display: block;
	padding: 6px 10px 0 10px;
	color: #FFFFFF;
	font-size: 0.7em;
	line-height: 120%
}

#section .article-list-regionen p {
	margin: 5px;
	padding: 0;
	height: 110px;
	font-size: 0.917em;
}

#section .article-list-regionen .article-thumbnail {
	border: none
}

#section .article-list-regionen img {
	border: 1px solid #414141;
	margin: 4px
}

#section p .img-caption-right,
#section p .img-caption-left,
#section p .img-caption-center {
	background: #F6F6F6
}

#section p .img-caption-right {
	margin: 0 0 0 0.5em;
	text-align: right
}

#section p .img-caption-left {
	margin: 0 1em 0 0;
	text-align: left
}

#section p .img-caption-center {
	margin: 0 0 0 0
}

.article small.caption {
	margin: 0 0 1em 0;
	line-height: 100%
}

#section p .img-caption-center small.caption {
	padding-bottom: 7px
}

#section .site-search {
	margin-top: 3em
}

#section .site-search p {
	text-align: center
}

#section .site-search input {
	width: 20em;
	padding: 2px;
	border: 1px solid #85B916
}

#section .site-search input.submit {
	width: auto;
	background: #85B916;
	color: #FFFFFF;
	font-weight: bold
}

#section .site-search input.submit:hover,
#section .site-search input.submit:focus {
	background: #FFFFFF;
	color: #85B916;
	border: 1px solid #85B916
}

#destination-list {
	clear: both;
	background: #FFFFFF url(../images/nrw-map.gif) no-repeat 0 0
}

#destination-list img {
	background: transparent url(../images/nrw-map.gif) no-repeat 0 0
}

#destination-list img.bergisches-land {
	background-position: 0 -580px
}

#destination-list img.bonn-rhein-sieg {
	background-position: 0 -1160px
}

#destination-list img.die-bergischen-drei {
	background-position: 0 -1740px
}

#destination-list img.duesseldorf-kreis-mettmann {
	background-position: 0 -2320px
}

#destination-list img.eifel-region-aachen {
	background-position: 0 -2900px
}

#destination-list img.koeln-rhein-erft-kreis {
	background-position: 0 -3480px
}

#destination-list img.muensterland {
	background-position: 0 -4060px
}

#destination-list img.niederrhein {
	background-position: 0 -4640px
}

#destination-list img.ruhrgebiet {
	background-position: 0 -5220px
}

#destination-list img.sauerland {
	background-position: 0 -5800px
}

#destination-list img.siegerland-wittgenstein {
	background-position: 0 -6380px
}

#destination-list img.teutoburger-wald {
	background-position: 0 -6960px
}

/* Adsense-Linkblock */

.ad-linkblock {
	clear: both;
	margin: 1em 0
}

/* Addthis */

#section .sbm {
	height: 1%;
	padding-top: 1em
}

#section .sbm a {
	display: block;
	float: left;
	margin-right: 0.5em;
	border: none;
	width: 16px;
	height: 16px;
	cursor: pointer;
	line-height: 100%;
	text-indent: -3000em;
	background: #FFFFFF url(../images/bg_sbm.gif) no-repeat 0 0
}

#section .sbm .sbm_favorites {background-position: 0 -16px}
#section .sbm .sbm_twitter {background-position: 0 -32px}
#section .sbm .sbm_google {background-position: 0 -48px}
#section .sbm .sbm_misterwong {background-position: 0 -64px}
#section .sbm .sbm_delicious {background-position: 0 -80px}
#section .sbm .sbm_facebook {background-position: 0 -96px}
#section .sbm .sbm_digg {background-position: 0 -112px}
#section .sbm .sbm_linkarena {background-position: 0 -128px}
#section .sbm .sbm_yigg {background-position: 0 -144px}
#section .sbm .sbm_alltagz {background-position: 0 -160px}

/* Galleryview */

#panoramio {
	clear: both;
	width: 510px;
	margin: 1em auto;
 	background: #000000 url(../images/loader.gif) no-repeat center center; 
	font-size: 0.917em
}
#panoramio span.credits {
	display: block;
	background: #FFFFFF;
	text-align: center
}
#panoramio span.pano-logo {
	height: 25px;
	background: #FFFFFF url(../images/panoramio.gif) no-repeat 0 0
}
#panoramio #panoramio-gallery {
	visibility: hidden;
	height: 452px;
	overflow: hidden
}
#panoramio .gallery {
	margin: 0 auto;
	background: #000000;
	padding: 5px
}
#panoramio .loader {
	background: #000000 url(../images/loader.gif) no-repeat center center
}
#panoramio .panel .panel-overlay,
#panoramio .panel .overlay-background {
	height: 60px;
	padding: 0 1em
}
#panoramio .panel .overlay-background {	background: #000000 }
#panoramio .panel .panel-overlay {
	color: #FFFFFF;
	line-height: 140%;
	margin-bottom: -1.3em
}
#panoramio .panel .panel-overlay a { font-weight: bold }
#panoramio .filmstrip { margin: 5px }
#panoramio .frame .img_wrap { border: 1px solid #85B916 }
/* #panoramio .frame.current .img_wrap { border-color: #85B916 } */
#panoramio .frame img { border: none }
#panoramio .frame.current .caption { color: #000000 }
#panoramio .pointer { border-color: #85B916 }
* html #panoramio  .pointer {	filter: chroma(color=pink) }

/* Kontaktformular */

.zemContactForm {
  margin: 0 0 2em 0
}

.zemContactForm fieldset {
  margin: 0 0 1em 0;
  padding: 1em 0.5em;
  border: 1px solid #414141
}

.zemContactForm legend {
  padding: 0 0.5em;
  color: #414141
}

.zemContactForm input {
  display: none
}

.zemContactForm p {
  clear: both;
  padding: 0;
  margin: 0;
  line-height: 100%
}

.zemContactForm p:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden
}

.zemContactForm label {
  width: 10em;
  float:  left;
  margin: 2px 5px 2px 0;
  padding: 2px;
  text-align: right;
  line-height: 130%
}

.zemContactForm label.zemRequired,
.zemContactForm label.zemRequirederrorElement {
/*   font-weight: bold */
}

.zemContactForm p input {
  display: block;
  float: left;
  width: 25em;
  margin: 2px 5px;
  padding: 2px;
  border: 1px solid #414141
}

.zemContactForm p select {
  display: block;
  float: left;
  width: auto;
  margin: 2px 5px;
  padding: 2px;
  border: 1px solid #414141
}

.zemContactForm select.zemRequirederrorElement,
.zemContactForm input.zemRequirederrorElement,
.zemContactForm textarea.zemRequirederrorElement {
  background: #85B916;
  color: #FFFFFF
}

.zemContactForm input:focus,
.zemContactForm select:focus,
.zemContactForm textarea:focus {
  border: 1px solid #85B916;
  background: #FFFFFF;
  color: #000000
}

.zemContactForm textarea {
  float: left;
  width: 25em;
  height: 12em;
  margin: 2px 5px;
  padding: 2px;
  border: 1px solid #414141
}

.zemContactForm input.zemSubmit {
  clear: left;
  float: none;
  width: auto;
  margin-left: 11em;
  border: 1px solid #85B916;
  background: #85B916;
  color: #FFFFFF;
	font-weight: bold
}

.zemContactForm input.zemSubmit:focus,
.zemContactForm input.zemSubmit:hover {
  background: #FFFFFF;
  color: #85B916;
  border: 1px solid #85B916
}

.zemContactForm .zemError {
  margin: 0 0 1em 0;
  padding: 1em 2em;
	background: #FFFFFF;
	color: #364B09;
	border: 1px solid #364B09
}

.zemContactForm .small {
  padding: 0.2em 0 0 18.5em;
  font-size: 0.87em
}

.zemContactForm .radio span.input {
  display: block;
  float: left;
  width: 25em;
  margin: 2px 5px 2px 11em;
  padding: 2px
}

.zemContactForm .radio {
	text-align: center
}

.zemContactForm .radio label.zemRadio,
.zemContactForm .radio input.zemRadio {
  margin: 0;
  padding: 0;
  float: none;
  width: auto;
  display: inline;
  border: none
}

.zemContactForm .radio label.zemRadio {
  margin: 0 1em 0 0;
}

/* Hotels */

#section .article-list-hotel,
#section .article-hotel {
	clear: both;
	margin-bottom: 2em;
	padding-bottom: 0.5em;
	background: #F6FAEF url(../images/hotel-header.gif) no-repeat 0 0
}

#section .article-list-hotel ul,
#section .article-hotel ul {
	height: 100%
}

#section .article-list-hotel ul:after,
#section .article-hotel ul:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden
}

#section .article-list-hotel ul,
#section .article-hotel ul {
	margin-top: 1em
}

#section .article-list-hotel li,
#section .article-hotel li {
	display: inline;
	float: left;
	line-height: 130%
}

#section .article-list-hotel .hotel-1 {
	margin-left: 1em;
	width: 110px
}

#section .article-list-hotel .hotel-2 {
	width: 160px;
	font-size: 0.917em
}

#section .article-list-hotel .hotel-3 {
	width: 120px;
}

#section .article-list-hotel .hotel-4 {
	width: 166px
}

#section .article-list-hotel h3,
#section .article-hotel h3 {
	padding-left: 1em;
	background: transparent url(../images/hotel-stars.png) no-repeat 413px -308px
}

#section .rating-5 h3 {background-position: 413px -1px}
#section .rating-10 h3 {background-position: 413px -23px}
#section .rating-15 h3 {background-position: 413px -45px}
#section .rating-20 h3 {background-position: 413px -67px}
#section .rating-25 h3 {background-position: 413px -89px}
#section .rating-30 h3 {background-position: 413px -111px}
#section .rating-35 h3 {background-position: 413px -133px}
#section .rating-40 h3 {background-position: 413px -155px}
#section .rating-45 h3 {background-position: 413px -177px}
#section .rating-50 h3 {background-position: 413px -199px}
#section .rating-55 h3 {background-position: 413px -221px}
#section .rating-60 h3 {background-position: 413px -243px}
#section .rating-65 h3 {background-position: 413px -265px}
#section .rating-70 h3 {background-position: 413px -287px}


#section .article-list-hotel h3 a,
#section .article-hotel h3 {
	border: none;
	color: #FFFFFF
}

#section .article-list-hotel .ht_button,
#section .article-hotel .ht_button {
	display: block;
	border: none;
	height: 20px;
	color: #FFFFFF;
	line-height: 20px;
	text-align: center;
	cursor: pointer
}

#section .article-list-hotel .hotel-1 img,
#section .article-hotel .hotel-1 img {
	border: 1px solid #414141
}

#section .article-list-hotel .hotel-2 a {
	margin-top: 1em;
	width: 100px;
	background: transparent url(../images/hotel-bt-grau.gif) no-repeat 0 0;
	font-size: 1.091em
}

#section .article-list-hotel .hotel-3 a {
	margin-top: 19px;
	width: 100px;
	background: transparent url(../images/hotel-bt-grau.gif) no-repeat 0 0;
	font-size: 1.091em
}

#section .article-list-hotel .hotel-3 span {
	display: block;
	height: 22px;
	padding-left: 25px;
	background: transparent url(../images/hotel-euro.gif) no-repeat 0 0;
	line-height: 20px
}

#section .article-list-hotel .hotel-4 a,
#section .article-hotel .hotel-3 a  {
	margin-top: 21px;
	width: 165px;
	background: transparent url(../images/hotel-bt-gruen.gif) no-repeat 0 0;
	font-weight: bold;
	font-size: 1.091em
}

#section .article-list-hotel .hotel-4 .rating,
#section .article-hotel .hotel-3 .rating {
	display: block;
	margin: 4px 5px 0 0.5em;
	float: left;
	font-size: 1.833em;
	font-weight: bold;
	color: #658C10
}

#section .article-list-hotel .hotel-4 .rating-info,
#section .article-hotel .hotel-3 .rating-info {
	display: block;
	height: 2em;
	font-size: 0.833em;
	line-height: 110%
}

#section .article-hotel div {
	margin: 0 1em;
}

#section .article-hotel .hotel-1 {
	margin-left: 1em;
	width: 110px
}

#section .article-hotel .hotel-2 {
	width: 280px
}

#section .article-hotel .hotel-3 {
	width: 166px
}

#section .hotel-description {
	padding: 1em 0
}

/* Hotel Search Form */

#hotel-search p {
	margin-bottom: 0.5em
}

#hotel-search label.form-second-col {
	width: 12em
}

#hotel-search .form-text {
	width: 33.5em
}

#hotel-search .form-date {
	width: 6.5em
}

#hotel-sort {
	margin-bottom: 0
}

#hotel-sort p {
	float: none;
 	margin: 0 auto;
 	width: 80% 
}

#hotel-sort label {
	float: none;
	display: inline
}

#hotel-sort select {
	float: none;
	display: inline
}

#hotel-sort input.zemSubmit {
	display: inline;
	padding: 2px;
	margin: 2px 5px
}

/* Date Picker */

a.dp-choose-date {
	display: none
}

table.jCalendar {
	border: 1px solid #414141;
	background: #FFFFFF;
	border-collapse: separate;
	border-spacing: 2px
}

table.jCalendar th {
	background: #84BA0A;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 5px;
	text-align: center
}

table.jCalendar td {
	background: #FFFFFF;
	color: #000000;
	padding: 3px 5px;
	text-align: center
}

table.jCalendar td.other-month {
	background: #F6FAEF;
	color: #414141
}

table.jCalendar td.today {
	font-weight: bold
}

table.jCalendar td.selected {
	border: 1px solid #84BA0A;
	color: #84BA0A
}

table.jCalendar td.selected.dp-hover {
	background: #84BA0A;
	color: #FFFFFF
}

table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #FFFFFF;
	color: #414141
}

table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff
}

table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	color: #DDDDDD
}

table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888
}

/* Datepicker Popup */

div.dp-popup {
	position: relative;
	background: #FFFFFF;
	border: 1px solid #414141;
	font-size: 0.917em;
	padding: 2px;
	line-height: 1.2em
}

div#dp-popup {
	position: absolute;
	z-index: 199
}

div.dp-popup h2 {
	font-family: "DejaVu Sans" ,Verdana, Arial, sans-serif;
	font-size: 1.091em;
	text-align: center;
	margin: 2px 0;
	padding: 0
}

a#dp-close {
	padding: 4px 0;
	text-align: center;
	display: block
}

a#dp-close:hover {
	text-decoration: underline
}

div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0
}

div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px
}

div.dp-popup div.dp-nav-prev a {
	float: left
}

div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer
}

div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default
}

div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px
}

div.dp-popup div.dp-nav-next a {
	float: right;
}

div.dp-popup a.disabled {
	cursor: default;
	color: #aaa
}

div.dp-popup td {
	cursor: pointer
}

div.dp-popup td.disabled {
	cursor: default
}

/* Google maps api */

.canvas-gmap {
	clear: both;
	display: none;
	margin: 1em 16px;
	width: 548px;
	height: 380px
}

#section span.gmaps-address {
	line-height: 160%
}

/*ToM Create Script */

#tom-script fieldset {
	border: 1px solid #85B916
}

#tom-script legend {
	color: #85B916;
	font-weight: bold
}

#tom-script p.text {
	margin: 0 0 1em 0;
	line-height: 180%
}

#tom-script p.text2 {
	margin: 1em 0;
	line-height: 180%
}

#tom-script .text-alle {
	width: 100%
}

#tom-script .text-alle label {
	width: auto;
	font-weight: bold
}

#tom-script .cats-rubriken {
	width: 48%;
	float: left
}

#tom-script .script-cats label.zemCheckbox,
#tom-script .text-alle label.zemCheckbox {
	display: inline;
	width: auto;
	padding-top: 5px;
	text-align: left
}

#tom-script .script-cats input.zemCheckbox,
#tom-script .text-alle input.zemCheckbox {
	display: inline;
	width: auto;
	border: none;
	outline: none
}

#tom-script input.zemSubmit {
	margin: 0 auto
}

textarea#scriptarea {
	width: 100%;
	height: 9em;
	border: 1px solid #85B916;
	font-family: "Courier New", "Bitstream Vera Sans Mono", Courier, monospace;
	font-size: 0.917em
}

textarea.agb-area {
	width: 90%;
	height: 5em;
	border: 1px solid #85B916;
	font-family: "Courier New", "Bitstream Vera Sans Mono", Courier, monospace;
	font-size: 0.917em
}

#tom-script .agb input {
	display: inline;
	width: auto;
	border: none;
	outline: none
}

#tom-script .agb label {
	display: inline;
	width: auto;
	padding-top: 5px;
	text-align: left
}

#nrw-tom #nrw-tom-last {
	border: none
}
#nrw-tom div span {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 1.083em
}
#nrw-tom-link {
	border: none;
	padding: 0pt 7px 3px;
	text-decoration: none;
	display: block;
	text-align: right;
}
#nrw-tom div p {
	padding-top: 1em
}
#preview a#nrw-tom-link {
	border: none
}
/* NRW-ToM*/
.preview2 #nrw-tom {
	border: 1px solid #668C07;
	color: #414141;
	font-size: 11px;
	line-height: 140%;
}
.preview2 #nrw-tom div {
	border-bottom: 1px solid #668C07;
	margin: 5px 7px;
	padding: 3px 0
}
.preview2 #nrw-tom div span a {
	border-bottom: 1px solid #668C07;
	color: #668C07;
	text-decoration:none
}
/* grau */
.preview3 #nrw-tom {
	border: 1px solid #959597;
	background: #959597;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 140%;
}
.preview3 #nrw-tom div {
	border-bottom: 1px solid #FFFFFF;
	margin: 5px 7px;
	padding: 3px 0
}
.preview3 #nrw-tom a {
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	text-decoration: none
}
/* grün */
.preview4 #nrw-tom {
	border: 1px solid #85B916;
	background: #85B916;
	color: #364B09;
	font-size: 11px;
	line-height: 140%;
}
.preview4 #nrw-tom div {
	border-bottom: 1px solid #364B09;
	margin: 5px 7px;
	padding: 3px 0
}
.preview4 #nrw-tom a {
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	text-decoration: none
}
/* hellblau */
.preview5 #nrw-tom {
	border: 1px solid #CBDCFF;
	background: #CBDCFF;
	color: #000000;
	font-size: 11px;
	line-height: 140%;
}
.preview5 #nrw-tom div {
	border-bottom: 1px solid #000000;
	margin: 5px 7px;
	padding: 3px 0
}
.preview5 #nrw-tom a {
	border-bottom: 1px solid #000000;
	color: #000000;
	text-decoration: none
}
/* schwarz/weiß */
.preview6 #nrw-tom {
	border: 1px solid #000000;
	background: #FFFFFF;
	color: #000000;
	font-size: 11px;
	line-height: 140%;
}
.preview6 #nrw-tom div {
	border-bottom: 1px solid #000000;
	margin: 5px 7px;
	padding: 3px 0
}
.preview6 #nrw-tom a {
	border-bottom: 1px solid #000000;
	color: #000000;
	text-decoration: none
}
/* weiß/schwarz */
.preview7 #nrw-tom {
	border: 1px solid #000000;
	background: #000000;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 140%;
}
.preview7 #nrw-tom div {
	border-bottom: 1px solid #FFFFFF;
	margin: 5px 7px;
	padding: 3px 0
}
.preview7 #nrw-tom a {
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	text-decoration: none
}

/********
*
* Sidebar
*
*********/

#aside h2 {
	margin-top: 5px;
	padding: 7px 10px 7px 40px;
	background: #85B916 url(../images/aside-icons.gif) no-repeat 0 -78px;
	color: #FFFFFF;
	font-family: "DejaVu Sans" ,Verdana, Arial, sans-serif;
	line-height: 100%;
	font-weight: bold
}

#aside h2#aside-newsletter {background-position: 0 0}
#aside h2#aside-news-script {background-position:0 0}
#aside h2#aside-poll {background-position: 0 -26px}
#aside h2#aside-letter {background-position:0 -52px}
#aside h2#aside-info {background-position:0 -77px}
#aside h2#aside-feed {background-position:0 -103px}
#aside h2#aside-last-news {background-position:0 -128px}

#aside h3 {
	margin: 0 0 0 30px;
	padding: 5px 10px 0 10px;
	background: #F6FAEF;
	line-height: 150%;
	font-size: 1.083em
}

#aside .aside-article-image img {
	float: right;
	margin: 0 0 0.5em 0.5em;
	width: 100px;
	height: 100px;
	border: 1px solid #85B916
}

#aside p {
	margin: 0 0 0 30px;
	padding: 5px 10px;
	background: #F6FAEF;
	font-size: 0.917em;
	line-height: 160%;
}

#aside a {
	color: #668C07;
	border-bottom: 1px solid #668C07
}

#aside a:hover,
#aside a:focus {
	border: none
}

#aside .aside-feed {
	position: relative;
	height: 95px;
	padding: 0;
	background: #F6FAEF url(../images/twitter-rss.gif) no-repeat 0 5px
}

#aside .aside-feed span,
#aside .aside-feed a {
	display: block;
	border: none;
	text-indent: -3000em
}

#aside .aside-feed .nrw-twitter {
	position: absolute;
	top: 22px;
	left: 8px;
	width: 90px;
	height: 65px
}

#aside .aside-feed .nrw-feed {
	position: absolute;
	top: 38px;
	right: 18px;
	width: 120px;
	height: 50px
}

#aside .aside-hotel {
	height: 100px;
	padding: 0;
	background: #F6FAEF url(../images/hotel.gif) no-repeat 0 5px
}

#aside .aside-hotel a {
	display: block;
	height: 100%;
	border: none;
	color: #414141;
	font-size: 1.091em;
	font-weight: bold;
	line-height: 130%
}

#aside .aside-hotel a span {
	display: block;
	width: 150px;
	text-align: center;
	padding-top: 37px
}

#aside .aside-ad {
	padding: 5px 0 0 0;
	background: #FFFFFF
}

#aside .aside-ad a {
	border: none
}

#show-map {
	display: block;
	margin: 9px 0 1px 30px;
	padding: 5px 10px;
	background: #3569DF;
	color: #FFFFFF;
	cursor: pointer;
	line-height: 100%
}

#show-map:hover {
	border: none
}

#show-map:active {
	position: relative;
	top: 1px
}

#regionen-nav {
	margin: 0 0 2em 30px
}

#regionen-nav a {
	display: block;
	height: 1%;
	margin-bottom: 1px;
	padding: 5px 10px;
	border: none;
	line-height: 100%;
}

#regionen-nav .passive a {
	background: #E5E5E5;
	color: #364B09
}

#regionen-nav a,
#regionen-nav .passive a:hover,
#regionen-nav .passive a:focus {
	background: #85B916;
	color: #FFFFFF
}

/*******
*
* Footer
*
********/

#footer h2 {
	margin: 0 10px;
	padding-top: 1em;
	clear: both;
	font-size: 1.167em
}

#footer a {
	color: #668C07
}

#footer h2 a:hover,
#footer h2 a:focus {
	border-bottom: 1px solid #668C07
}

#footer p {
	margin-top: 1em;
	padding: 1em 10px 0 1em;
	border-top: 1px solid #85B916;
	font-size: 0.917em;
	line-height: 160%;
	text-align: center
}

#footer ul {
	margin: 0 10px
}

#footer .rubriken li,
#footer .regionen li,
#footer .tags li {
	display: inline;
	line-height: 160%
}

#footer li a {
	margin: 0 1em 0 0;
	font-size: 0.917em
}

#footer li a:hover,
#footer li a:focus {
	color: #668C07;
	border-bottom: 1px solid #668C07
}