/* ------------------------------------------------- 
Project: Wald-Abenteuer
Description: Kletterparks in Bad Neuenahr und Velvert
Version: 1.0
Author: Moritz Limanski
Author URI: http://www.portnull.de
CMS: ExpressionEngine
Tags: fixed width, gallery, pages
----------------------------------------------------

/* #RESET - EXCEPTIONS FOR "EDITOR EXTENSION"
---------------------------------------------------- */
* {padding: 0; margin: 0;}

a.button {
	display: block;
	font-size: 1.3em;
	color: #567103 !important;
	padding: 4px 8px;
	margin: 18px 0 0 0;
	background: #fff;
	border: 1px solid #c8e094;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration: none !important;}
a.button:hover {
	color: #111 !important;}


#header a.button {
	display: inline;
	font-size: 11px;
	color: #4181ad !important;
	padding: 2px 4px;
	border: 0;}



/* #TYPO
---------------------------------------------------- */
body {
	font-family: Arial, sans-serif;
	font-size: 62.5%;
	color: #000;}

a:link, a:visited, a:active {
	color: #111;
	text-decoration: none;}
a:hover {text-decoration: underline;}
.article-txt a {text-decoration: underline;}

a.textlink {font-size: 1.2em;}

a img {border: 0;}


h1, h2, h3 {
	font-family: "Dax", "Trebuchet MS", Arial, sans-serif;}

h1 {
	text-transform: uppercase;
	font-size: 2.3em;
	color: #403a18;}
h1 em, h2 em, h3 em {
	color: #403a18;
	font-size: .55em;
	line-height: .55em;
	text-transform: none;
	font-style: normal;}


h2 {
	font-size: 1.6em;
	line-height: 1.1em;
	color: #567103;}
h2 em {color: #4d442e;}	

	
		
h3 {
	font-size: 1.3em;
	color: #4d442e;
	padding: 2px 0;}
h3 em {
	font-size: .7em;
	padding: 0 0 0 2px;}	
h3 a {
	text-decoration: none !important;}
	
.article-txt h3 {
	color: #567103;
	margin: 0 0 6px 0;}

.faq_container h3 {
	padding: 4px 0;
	border-bottom: 1px dotted #b6d2e7;}
.faq_container h3:hover {
	color: #333;
	cursor: pointer;}	
	
h3.title {
	font-size: 1.2em;
	color: #567103;}
h3.title:before {
	content: "» "}
	

h4 {font-size: 1.2em;}



.bigfont {
	text-transform: uppercase;}
.bigfont em {
	text-transform: none;}



p {
	padding: 0;
	margin: 12px 0;}

strong {}

em {}
acronym {}
small {font-size: .834em;}
	
hr {
	clear: both;
	height: 1px;
	margin: 8px 0;
	background: none;
	border: 0;
	border-bottom: 1px dotted #b6d2e7;}
hr.hidden {
	visibility: hidden;}

#booking hr {margin: 14px 0;} 
#booking hr.hidden {margin: 10px 0;} 

	
/* #BASIC
---------------------------------------------------- */
body {background: #e4eef7 url("gfx/bg_body.jpg") top center no-repeat;}
body#index {background: #fff url("gfx/bg_body_sky.jpg") top center no-repeat;}
body#newindex {
	background: #e4eef7 url("gfx/bg_bodynewindex.jpg") top center no-repeat;
	background: #e4eef7 url("gfx/bg_body_sky.jpg") top center no-repeat;}
body#offline {
	padding: 88px 20px 0;
	background: #cfe1ef;}
	
.wrapper {
	width: 972px;
	margin: 0 auto;
	background: none;}

img#logo {
	position: absolute;
	top: 1px;
	right: 2px;
	height: 60px;
	width: 340px;}
		
#frame {
	width: 972px;
	background: none;}	



/* #TASK #NAVIGATION
---------------------------------------------------- */
#task	{
	padding: 0 0 5px;
	margin: 0 0 80px 0;
	background: #94c531 url("gfx/bg_header.jpg") top left repeat-x;}
#task .wrapper {
	position: relative;
	padding: 0 26px;}

ul#navigation, p.offline {
	font-family: "Dax", "Trebuchet MS",Arial, sans-serif;
	font-size: 1.2em;
	color: #fff;
	padding: 38px 0 0 0;}
ul#navigation li {
	float: left;
	list-style-type: none;}
ul#navigation li:after {	
	content: "|"}
ul#navigation li:last-child:after {
	content: ""}


ul#navigation li a {
	padding: 0 4px;
	color: #fff;
	text-shadow: 0 1px 0 #5a7600;}
ul#navigation li a:hover, ul#navigation li a.current {
	text-decoration: underline;}



#newnavigation {
	width: 226px;
	margin: 100px 0 0;}
h2.trigger, h2.notrigger {
	padding: 6px 10px;
	margin: 10px 0 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;}
h2.trigger {
	border-bottom: 1px solid #a7bbcc;
	background: #DAE5EE url("gfx/bg_trigger.jpg") top left no-repeat;}	
	
h2.trigger a:hover,
h2.notrigger a:hover {text-decoration: none;}	
	
h2.trigger.active,
h2.notrigger {
	border-bottom: 1px solid #fff;
	background: #fff url("gfx/bg_sidenav1.png") top left no-repeat;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;}


ul#sidenavigation,
ul.menu {
	font-family: "Dax", "Trebuchet MS", Arial, sans-serif;
	font-size: 1.3em;
	margin: 100px 0 0;
	width: 226px;}
ul.menu {
	margin: 0;
	background: #fff;}	
	
	
ul#sidenavigation li,
ul.menu li {
	list-style-type: none;
	border-bottom: 1px solid #799fc3;}
ul#sidenavigation li a,
ul.menu li a {
	display: block;
	color: #2f71a0;
	padding: 5px 0 5px 5px;}
ul#sidenavigation li a:before,
ul.menu li a:before {
	content: "» "}	
ul#sidenavigation li a:hover, ul#sidenavigation li a.current,
ul.menu li a:hover, ul.menu li a.current  {
	color: #111;
	text-decoration: none;
	background: url("gfx/bg_sidenav1.png") top left no-repeat;}	


ul#sidenavigation li.select,
ul.menu li.select {
	padding: 5px 0 5px 10px;
	border-top: 1px solid #799fc3;
	background: url("gfx/bg_sidenav1.png") top left no-repeat;}	
ul#sidenavigation li.select select,
ul.menu li.select select {
	width: 206px;}	



/* #HEADER
---------------------------------------------------- */
#header {}
body#index #header,
body#newindex #header {
	height: 165px;}

#header a {
	color: #4181ad;}
#header .headlines {
	text-transform: uppercase;}

#header h1 {
	font-size: 2.8em;
	color: #719406;
	padding: 0;
	margin: 0;}

#header h2 {
	font-size: 2.3em;
	line-height: 1.3em;
	color: #4181ad;
	width: 337px;
	padding: 0;
	margin: 0 0 4px 0;}
#header h2 p {
	padding: 0;
	margin: 0;}	
	
#header h2 em {
	font-size: .8em;
	color: #4181ad;
	text-transform: none;}
	
	
			
/* #CONTENT
---------------------------------------------------- */
#content {
	float: left;
	width: 678px;}
body#index #content,
body#newindex #content,
body#offline #content {
	width: 972px;}
	



/* BUILD #ARTICLE / #MBOX
---------------------------------------------------- */
.article {}
body#index .article,
body#newindex .article {
	float: left;
	width: 642px;
	margin: 18px 0 0 0;}
body#index .article-txt,
body#newindex .article-txt {
	padding: 5px 12px;
	background: #fff;}	


.article-header {
	padding: 14px 30px 10px;
	background: url("gfx/bg_content-tb.png") top left no-repeat;}
body#index .article-header,
body#newindex .article-header {
	padding: 8px 14px;
	background: url("gfx/bg_indexcontent-tb.png") top left no-repeat;}

	
.article-content {
	padding: 0 30px;
	background: url("gfx/bg_content-c.png") top left repeat-y;}
body#index .article-content,
body#newindex .article-content {
	padding: 0 14px;
	background: url("gfx/bg_indexcontent-c.png") top left repeat-y;}	
	
	
.article-footer {
	padding: 8px 30px;
	background: url("gfx/bg_content-tb.png") bottom left no-repeat;}
body#index .article-footer,
body#newindex .article-footer {
	padding: 8px 14px;
	background: url("gfx/bg_indexcontent-tb.png") bottom left no-repeat;}	


/* -- MBOX */
.mbox {
	float: left;
	width: 312px;}
.mbox.center {
	margin: 0 18px;}
	

.mbox h2 {
	text-transform: uppercase;
	font-size: 2.3em;
	color: #6f7c30;}
.mbox h2 a {
	color: #6f7c30;
	text-decoration: none;}
	
	
.mbox-header {
	padding: 8px 14px;
	background: url("gfx/bg_mbox-tb.png") top left no-repeat;}
.mbox-content {
	padding: 0 14px;
	background: url("gfx/bg_mbox-c.png") top left repeat-y;}
.mbox-footer {
	padding: 3px 14px;
	background: url("gfx/bg_mbox-tb.png") bottom left no-repeat;}
	
	
	
/* CONTENT #ARTICLE / #MBOX
---------------------------------------------------- */
.article-txt {
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 2px 0;
	background: #fff;}
.mbox-txt, .mbox-img {
	font-size: 1.2em;
	line-height: 1.5em;
	height: 205px;}
	
	
.media {
	font-size: 1.2em;
	line-height: 1.5em;
	background: #fff;
	padding: 10px 0 0;}
	
	
/* article-content --*/
.article-top, .article-bottom {
	padding: 8px 0;}


.article-maps {
	font-size: 1.2em;
	padding: 0 30px;
	background: url("gfx/bg_content-c.png") top left repeat-y;}



.article-txt table {
	padding: 0;
	margin: 10px 0;
	border: 0;
	background: #bdd6ea;}
.article-txt tr, .article-txt td {
	padding: 4px;
	border: 0;}
.article-txt td {
	border: 0;
	background: #fff;}



.article-banner {
	padding: 0 12px;
	margin: 8px 0 12px 0;
	border: 1px solid #567103;
	background: #fff;}
.article-banner p {
	margin: 0 0 6px 0;}
.article-banner strong {
	color: #5d7c04;}



.article-download {
	padding: 1px 12px;
	margin: 12px 0;
	background: #fff;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;}
	
li.download {
	list-style: none;}
	
li.download a,	
a.download {
	text-decoration: none;
	padding: 3px 10px 2px;
	background: #DAE5EE url("/gfx/bg_trigger.jpg") top left repeat-x;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;}
li.download a:hover,	
a.download:hover {
	color: #fff;
	background: #037131;}
li.download a:hover strong,	
a.download:hover strong {
	color: #becd00;}	
	
	
	
/* media-content --*/
.article-media {
	padding: 12px 20px 12px 20px;
	background: #eff6e0 url("/gfx/bg_article-txt.jpg") top left repeat-x;}

.article-mediateaser {
	width: 586px;
	padding: 12px 0 0 0;
	margin: 0;}	

	
.media-teaser {
	float: left;
	width: 136px;
	margin: 0 8px 8px 0;}
.media-teaser h3 {
	min-height: 42px;}
.media-teaser a img {
	border: 1px solid #739703 !important;}
	
.media-video {
	text-align: center;
	margin: 12px 0 12px 0;}
	
.media-image {
	margin: 12px 0 0 0;
	height: 402px;}
.media-image img {
	padding: 0 0 0 3px;}	
	
#show {}
#output {
	padding: 4px 0;}

#show-pagination {
	font-size: 1.1em;
	text-align: center;
	padding: 8px 0;}
#show-pagination p {
	width: 100px;
	margin: 0 0 14px 0;}
#show-pagination a {
	padding: 3px 7px;
	background: #fff;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;}
	
			
/* #LISTS
---------------------------------------------------- */
.article-txt ul {
	padding: 0 20px 0 0;
	margin: 8px 0 8px 20px;}
.article-txt li {
	margin: 6px 0;}
	
.mbox-txt ul {
	padding: 10px 0;
	margin: 0 0 0 25px;}
.mbox-txt li {
	margin: 6px 0;}	


ul.numbers {}
ul.numbers li {
	list-style-type: decimal;
	margin: 4px 0;}


dl {margin: 10px 0;}
dt {float: left;}
dd {float: right;}
	
dd.break {clear: right;}


/* exceptions -- */
.article-top dt, .article-bottom dt {
	width: 340px;}
	
body#index dl,
body#newindex dl {
	clear: both;
	margin: 4px 0;
	padding: 0 0 4px 0;}
body#index dt,
body#newindex dt {
	width: 50px;}

body#index dd,
body#newindex dd {
	float: left;
	width: 100px;
	text-align: center;
	padding: 0 0 0 10px;}
	
dd.free {
	font-weight: bold;
	color: #749804;}
dd.busy {
	font-weight: bold;
	color: #ad181c;}		



/* #INPUT
---------------------------------------------------- */
fieldset {
	border: 1px dotted #b6d2e7}
legend {
	font-size: 1.4em;
	padding: 5px 10px;}


label {
	display: block;
	margin: 0 0 5px 0;}

input {
	padding: 4px;}

textarea {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.2em;
	padding: 4px;}
textarea#message {
	height: 102px;
	width: 562px;}

select {}	


.inputbreaker {
	clear: both;
	padding: 5px 0;
	margin: 0 0 5px 0;}
.inputfloat {width: 285px;}	
.inputfloat.amount {width: 110px;}


.isInput input,
.isCaptcha input {
	padding: 6px;
	border: 2px solid #b9d4e7;
	background: #fff;
	width: 564px;}
.inputfloat.isInput input {width: 268px;}	
.inputfloat.amount.isInput input {width: 80px;}

.isInput input:focus,
.isCaptcha input:focus {
	border: 2px solid #95c531;
	background: #fff;}	



.isSelect div,
.isSelectdate div {
	padding: 3px 6px 4px 6px;
	border: 2px solid #f1f6fa;
	background: #f1f6fa;}
.isSelect select {width: 150px;}
.isSelectdate select {
	width: 80px;
	margin: 0 5px 0 0;}


.isRadio p {
	padding: 0;
	margin: 8px 0;}
	

.isCaptcha input {width: 118px;}	
.isCaptcha .theCaptcha {
	float: left;
	margin: 0 10px 0 0;}
	
	
	
input#submit {
	float: right;
	font-size: 1.338em;
	font-family: "Dax", "Trebuchet MS", Arial, sans-serif;
	padding: 4px 10px;
	margin: 0 0 10px 0;
	width: auto !important;
	border: 0;
	background: #DAE5EE url("gfx/bg_trigger.jpg") top left repeat-x;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;}
input#submit:hover {
	cursor: pointer;}



/* #TIMES / #EVENTS
---------------------------------------------------- */
#times {padding-bottom: 40px;}

#timesNav {
	padding: 4px 0 4px;
	margin: 0 0 12px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;}
#timesNav ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;}
#timesNav ul li {
	float: left;
	margin: 0 5px 0 0;}

#timesSwitch {
	float: right;
	padding: 5px 0;}
#timesSwitch a {
	color: #777;
	padding: 0 5px 1px 5px;
	border-bottom: 1px solid #fff;
	text-decoration: none;}
#timesSwitch a:hover,
#timesSwitch a.selected {color: #567103;}
#timesSwitch a.selected {font-weight: bold;}



.isInfo {
	margin: 5px 0 0;}
.isInfo a, .isInfo em {
	font-style: normal;
	color: #2F71A6 !important;}
	
	
h2.dateheader {
	color: #111;
	margin: 30px 0 0;}
h2.dateheader.first {margin: 0 !important;}


.isEventList {
	padding: 5px 0;
	margin: 8px 0;}
.isEventList.odd {}
.isEventList.even {}
	
	
.isEvent {
	float: right;
	width: 510px;}
.isEvent p {
	margin: 0 0 10px 0;}	
.isEvent h3, .isEvent h3 a {
	padding: 0;
	margin: 0 0 6px 0;}
	
	
/* isTime */
.isTime {
	margin: 0 0 6px 0;}
.isTime em {
	color: #111;
	font-style: normal;}


/* isDate */
.isDate {
	float: left;
	font-size: 12px;
	text-align: center;
	color: #111;
	width: 87px;
	border: 1px dotted #ccc;}

.dayStart,
.dayStop {
	padding: 3px 10px;}
	
.dayStart {}
.dayStop {
	background: #f8f8f8;}	
.dayStop em {
	display: block;
	font-size: 10px;
	line-height: 10px;
	font-style: normal;
	padding: 0 0 2px 0;}
	
.weekday {
	display: block;
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #111;
	padding: 2px 0;}




/* #BOOKING
---------------------------------------------------- */
#mbox-booking .mbox-txt{
	background: #fff url("/gfx/grad_bluewhite.jpg") top left repeat-x;}
#btn-bookingindex,
#btn-bookingtimes {
	display: block;
	padding: 18px 0;
	width: 148px;
	margin: 10px auto 0;
	text-indent: -9999em;
	background: transparent url("/gfx/btn-booking.png") top center no-repeat;}
#btn-bookingtimes {
	float: right;
	padding: 10px 0;
	width: 102px;
	margin: 0;
	text-indent: -9999em;
	background: transparent url("/gfx/btn-booking-small.png") top center no-repeat;}



#booking {
	font-size: 1.2em;
	padding: 10px 0;}
#booking a {
	color: #2F71A6;}	
	
#booking fieldset {
	padding: 10px 18px;}
	
	
	
/* #SIDEBAR
---------------------------------------------------- */
#sidebar {
	float: right;
	width: 264px;}
	
	
	
/* #IMAGES
---------------------------------------------------- */
img.left, p.left {
	float: left;
	padding: 1px;
	margin: 0 12px 12px 0;}
img.right, p.right {
	float: right;
	padding: 1px;
	margin: 0 0 12px 12px;}

.article-txt a img {
	padding: 1px;
	border: 1px solid #b5d1e6;
	background: #fff;}


ul.thumbnails {
	margin: 0;
	list-style: none;}
.media ul.thumbnails {
	padding: 0 0 0 5px;}
.article-txt ul.thumbnails {
	padding: 0 !important;
	margin: 0 !important}

ul.thumbnails li {
	float: left;
	text-align: center;
	padding: 0;
	margin: 0 6px 5px 0;}
ul.thumbnails.bigthumbs li {
	width: 134px;
	height: 165px;
	margin: 0 19px 8px 0;}

	
ul.thumbnails a {
	text-decoration: none;}
ul.thumbnails strong {
	font-family: "Dax", "Trebuchet MS",Arial, sans-serif;
	font-size: 1.2em;}
ul.thumbnails img {
	padding: 1px;
	border: 1px solid #b5d1e6;
	background: #fff;} 	

	

/* #FOOTER
---------------------------------------------------- */
#footer {
	position: relative;
	font-size: 1.2em;
	clear: both;
	padding: 14px 0 14px 14px;}

#contentfooter {
	position: relative;
	font-size: 1.2em;
	padding: 14px 0 14px 14px;
	margin: 0 0 32px 0;}
	
#footer ul li,
#contentfooter ul li {
	float: left;
	list-style-type: none;}
#footer ul li:after,
#contentfooter ul li:after {	
	content: "|"}
#footer ul li:last-child:after,
#contentfooter ul li:last-child:after {
	content: ""}
#footer ul li a,
#contentfooter ul li a {
	padding: 0 4px;}
	
	
#footer img#certificate {
	position: absolute;
	top: -50px;
	right: -5px;}
#contentfooter img#certificate {
	position: absolute;
	top: -54px;
	right: -18px;}
	
body#index img#certificate{display: none;}



/* #EXCEPTIONS
---------------------------------------------------- */
/* find here: "Kontakt" -- */	
.article-arrowright {
	float: left;
	padding: 0 0 0 54px;
	margin: 0 34px 0 0;
	background: url("gfx/arrow-right.png") 0 12px no-repeat;}

/* find here: "Index" -- */
#index-links {
	float: right;
	font-size: 1.2em;
	width: 298px;
	padding: 0 0 0 14px;
	margin: 18px 0 0 0;}
#index-links p {
	margin: 0;}
#index-links p a {
	color: #779d09;
	font-weight: bold;}


.article-arrowleft {
	padding: 0 54px 12px 0;
	margin: 12px 0;
	background: url("gfx/arrow-left.png") top right no-repeat;}
#index-links .article-arrowleft, #index-links .article-arrowleft p {
	margin: 0 0;}


/* find here: Index - article-box */
body#index .article-header h2,
body#newindex .article-header h2 {
	color: #fff;
	text-shadow: 0 1px 1px #6f7c30;}

h2.bigfont.floatright {
	padding: 0 86px 0 0;}
	

body#das-erlebnis-waldkletterpark .article img {
	border: 0;}	



/* #OFFLINE
---------------------------------------------------- */
#offline-message {
	padding: 18px;
	background: #fff;}


/* #EXTRA
---------------------------------------------------- */
.floatleft {float: left;}	
.floatright {float: right;}
p.floatleft {text-align: left;}	
p.floatright {text-align: right;}

/* clear floats */
.xclear:after,
.article-txt:after,
.article:after,
.isEventList:after,
.media:after,
#timesNav:after,
#footer:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}
/* clear for IE 7 */
*:first-child+html .xclear,
*:first-child+html .article-txt,
*:first-child+html .article,
*:first-child+html .isEventList,
*:first-child+html .media,
*:first-child+html #timesNav,
*:first-child+html #footer, {
	min-height: 1px;}
/* clear for IE 6 */
* html .xclear,
* html .article-txt,
* html .article,
* html .isEventList,
* html .media,
* html #timesNav,
* html #footer {
	height: 1%;}