@import url(http://fonts.googleapis.com/css?family=Alex+Brush);
@charset "utf-8";

/*
Theme Name: NaturTheme
Vorlage: Pinboard
Theme URI: http://www.lebenswerk-freiburg.de
Vorlage URI: http://www.onedesigns.com/wordpress-themes/pinboard
Description: A crafty and elegant theme powered by an advanced theme framework and grid system. With virtually unlimited layout options and styles, ideal for showcasing your portfolio of works or other multimedia elements like images, photo galleries, videos and podcasts.
Version: 1.1.4
Tags: blue, gray, silver, white, light, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging

License: GNU General Public License v2.0
*/


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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	position:relative;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
	Clear Floated Elements
*/

.left {	float: left;}

.clear, .break{clear:both;	display:block;	overflow:hidden; visibility:hidden;  width:0; height:0;}
.clear2{clear:both;	display:block;	overflow:hidden; visibility:hidden;  width:0; padding:10px 0;}
.clear3{clear:both;	display:block;	overflow:hidden; visibility:hidden;  width:0; padding:20px 0;}
.clear4{clear:both;	display:block;	overflow:hidden; visibility:hidden;  width:0; padding:5px 0;}

.clear:after { clear:both;	content:' '; display:block;	font-size:0;	line-height:0;	visibility:hidden;	width:0;	height:0;}

* html .clear {	height:1%;}

.floatleft {float:left; margin: 0 20px 15px 0;}
.inner_left{float: left;}
.inner_right{float: right;}
.break2 {height: 20px; position:relative; clear: both;}

.hoch {	width:35px; height:35px; background: url(images/hoch.png) no-repeat center top; float:right;}

/*
	Style HTML Tags
*/

body {
	background:#f8f2e3 url(images/biobg2.jpg) repeat center 200px ;
	color:#72695a;
	font-family:"Overlock", sans-serif;
	font-size:16px;
	line-height:22px;
	z-index:1;
}

a {
	color:#516f13;
	text-decoration:none;
	-moz-transition: color .25s ease, margin .25s ease;
	-webkit-transition: color .25s ease, margin .25s ease;
	-o-transition: color .25s ease, margin .25s ease;
	-ms-transition: color .25s ease, margin .25s ease;
	transition: color .25s ease, margin .25s ease;
}

a:hover {
	color:#6e8e2d;
}



h1, h2, h3, h4, h5, h6 {
	margin-bottom:10px;
	padding:0;
	font-family: 'Alex Brush', sans-serif;
	font-weight:300;
	color:#516f13;
}

h1 {
	font-size:40px; line-height: 40px;
}

h2 {
	font-size:32px;
}

h3 {
	font-size:24px;
	line-height:28px;
}

h4 {
	font-size:18px;
}

h5 {
	font-size:16px;
}

h6 {
	font-size:15px;
}

p {
	margin:15px 0;
}


table {
	width:100%;
	border-collapse:collapse;
	text-align:center;
	margin-bottom:24px;
}

table tr:nth-child(even) {
	background:#F8F8F8;
}

table th,
table td {
	padding:6px 0;
}

table th {
	font-weight:600;
}

input[type="text"],
input[type="password"],
textarea {
	padding:1.5%;
	box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .05);
	background:#FCFCFC;
	border:#EEE 1px solid;
	color:#999;
	font-family:"Droid Sans", sans-serif;
	font-size:13px;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	background:#FFF;
	border:#ddd 1px solid;
	color:#333;
	outline: none;
}

textarea {
	font-size:15px;
}

input[type=submit],
input[type=reset],
input[type=button] {
border:1px solid #e3ddd4;
	background-color:#f1f0ee;
	width:220px;
	height:30px;
	text-align:center;
	margin: 20px auto 10px auto;
}

input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
	box-shadow:#aaa 0 0 5px;
}

input[type=submit]:focus,
input[type=reset]:focus,
input[type=button]:focus {
	box-shadow:#aaa 0 0 5px;
	background:-moz-linear-gradient(#EEE, #F9F9F9);
	background:-webkit-linear-gradient(#EEE, #F9F9F9);
	background:-o-linear-gradient(#EEE, #F9F9F9);
	background:-ms-linear-gradient(#EEE, #F9F9F9);
	background:linear-gradient(#EEE, #F9F9F9);
}

ul {
	list-style-type:none;
	margin-left:30px;
	margin-bottom:24px;
	margin-top:20px;
}

ul li {
	padding: 0 0 10px 20px; background:url(images/haken.png) no-repeat left 5px;
}

ul ul {
	list-style-type:square;
	margin-bottom:0;
}

ul ul ul {
	list-style-type:circle;
}

ol {
	list-style-type:decimal;
	margin-left:30px;
	margin-bottom:24px;
}

ol ol {
	list-style: upper-alpha;
	margin-bottom:0
}

ol ol ol {
	list-style: lower-roman;
}

ol ol ol ol {
	list-style: lower-alpha;
}

cite,
em {
	font-style:italic;
}

pre {
	padding:15px;
	background:#F8F8F8;
	border:#E3E3E3 1px dashed;
	color:#000;
	font-family:Monaco, Consolas, "Lucida Console", "Bitstream Vera Sans Mono", monospace;
	font-size:12px;
	line-height:1.62em;
	margin-bottom:24px;
	overflow:auto;
}

q {
	quotes:inherit;
}

strong {
	font-weight:600;
}



/*
	WordPress Standard Tags
*/

.aligncenter {display:block;	margin:20px auto;}
.alignleft {float:left;	margin:10px 20px 10px 0;}
.alignright {float:right;	margin:10px 0 10px 20px;}

/*
	Theme Design, Layout and Typography
*/

#slidercont {position:relative; margin:0; padding:0;}
#sliderweiss {background:#f8f2e3; width:1000px; height:450px; position:absolute; top:10px; left:20px;}
#facebook {position:absolute; top:50px; left:1020px;}
#facebook a img{border:none; background:none;}
#slidercont ul.bxslider, ul.bxslider li, ul.bxslider li img {margin:0; padding:0; list-style:none; width:1000px; background:none;}
#slidercont .sliderbg {position:relative; background:#f8f2e3; width:1000px; height:450px; margin:10px 0 10px 20px; padding:0; box-shadow:0 0 10px rgba(0, 0, 0, .4); }
#slidercont .sliderbg .img {margin:0px auto ; padding: 15px 0; width:970px;}
#slidercont .sliderbg .img img {box-shadow:0 0 15px rgba(0, 0, 0, .4) inset; width:970px;}
.slidertext {position:absolute; left:5px; bottom:50px; -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); transform: rotate(-3deg); background:url(images/sliderpfeil.png) no-repeat right top;}
.slidertext h2 {color:#f8f2e3; font-family:'Alex Brush', sans-serif; font-size:30px; line-height:30px; padding: 15px 40px 10px 50px;}

.oben {position:absolute; bottom:120px; left:0px;}

#headwrapper {position:relative; height:200px; width:100%; background:url(images/biobg1.jpg) repeat-x top center; z-index:1000;}
#wrapper { position:relative; width:1140px; margin:0 auto; overflow:hidden;}

.page-template-template-no-sidebars-php #headwrapper, .page-template-template-blog-no-sidebars-php #headwrapper, .page-template-template-portfolio-no-sidebars-php headwrapper {max-width:760px; }

.page-template-template-no-sidebars-php #wrapper, .page-template-template-blog-no-sidebars-php #wrapper, .page-template-template-portfolio-no-sidebars-php #wrapper {	max-width:760px;}

#header { background:none; height:200px; position:relative; width:1140px; margin:0 auto;	overflow:hidden;}
#logo1 { position:absolute; left:0; top:0; z-index:1000; margin: 0;}
#logo1 a img { margin: 0; padding:0; background:none; box-shadow:none ;}
#logo2 { position:absolute; left:150px; top:15px; z-index:1000; margin: 0; -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}
#logo2 a h1 {color: #436f13; font-family: 'Alex Brush', sans-serif; font-size:50px; line-height:45px;}
#logo3 { position:absolute; left:320px; top:95px;; z-index:1000; margin: 0; -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}
#logo3 a h2 {color: #92846c; font-family: 'Alex Brush', sans-serif; font-size:30px; line-height:30px;}

#buchen {float:right; margin: 90px 0 0 0;}
#buchen a{ padding: 15px 20px; background:url(images/buch_bg.png) no-repeat top left; text-transform:uppercase; color:#6a1007; font-size:14px;}
#anfragen {float:right; margin: 90px 10px 0 0; }
#anfragen a { padding: 15px 20px; background:url(images/anfr_bg.png) no-repeat top left;text-transform:uppercase; color:#6a1007; font-size:14px;}

#site-title {margin: 0 10px; font-family: 'Alex Brush', sans-serif; font-size:32px;}
#site-title a, #site-description {color:#333;}
#site-title, #site-description {margin:0; font-weight:300;	float:left;	line-height:150px;}
#site-title img {margin: 38px 0; vertical-align:middle;}
#site-description {margin-left:20px; font-size:12px; font-weight:normal;}

#hauptmenu { padding:0; margin:0; position:absolute; top:0; right:10px; }
#hauptmenu ul { float:left; padding:0;	margin:0; list-style:none;}
#hauptmenu li { position:relative;	float:left;	padding:0;	margin:0 0 0 4px;}
#hauptmenu li#menu-item-11 {background:url(images/menubg80.png) no-repeat top left;}
#hauptmenu li#menu-item-11:hover {background:url(images/menubg80c.png) no-repeat top left;}
#hauptmenu li#menu-item-11.current_page_item {background:url(images/menubg80c.png) no-repeat top left;}
#hauptmenu li#menu-item-13 {background:url(images/menubg130.png) no-repeat top left;}
#hauptmenu li#menu-item-13:hover {background:url(images/menubg130c.png) no-repeat top left;}
#hauptmenu li#menu-item-13.current_page_item {background:url(images/menubg130c.png) no-repeat top left;}
#hauptmenu li#menu-item-15 {background:url(images/menubg205.png) no-repeat top left;}
#hauptmenu li#menu-item-15:hover {background:url(images/menubg205c.png) no-repeat top left;}
#hauptmenu li#menu-item-15.current_page_item {background:url(images/menubg205c.png) no-repeat top left;}
#hauptmenu li#menu-item-12 {background:url(images/menubg140.png) no-repeat top left;}
#hauptmenu li#menu-item-12:hover {background:url(images/menubg140c.png) no-repeat top left;}
#hauptmenu li#menu-item-12.current_page_item {background:url(images/menubg140c.png) no-repeat top left;}
#hauptmenu li#menu-item-14 {background:url(images/menubg90.png) no-repeat top left;}
#hauptmenu li#menu-item-14:hover {background:url(images/menubg90c.png) no-repeat top left;}
#hauptmenu li#menu-item-14.current_page_item {background:url(images/menubg90c.png) no-repeat top left;}
#hauptmenu a {	display:block;	padding:25px 15px;	color:#f8f2e3;	text-decoration:none; font-size:18px; font-weight:normal;}
#hauptmenu a:hover, #hauptmenu li.current_page_item > a{color:#f8f2e3; text-decoration:none;}
.page-title, .widget-title { 	margin:0; font-family:"Overlock", sans-serif; font-size:32px; font-style:italic; 	font-weight:300;}

#container {float:left; padding:0 0 0 0; box-shadow:0 0 18px rgba(0, 0, 0, .4); background:#f8f2e3; margin:20px 0 0 20px; width:840px;}
#content { margin: 15px; }
#content img {padding:5px; background:#fff; box-shadow:0 0 5px rgba(0, 0, 0, .2); margin-top:0;}
#content img.noshade {padding:0px; background:none; box-shadow:none; margin-top:0;}
.entry {background:#fff; box-shadow:0 0 5px rgba(0, 0, 0, .1);padding: 20px 15px; margin:0; }
.pageentry {background:#fff; box-shadow:0 0 5px rgba(0, 0, 0, .1);padding: 20px 15px; margin:0; }
.entry-content h2 {font-size:26px; line-height:28px; font-weight:400; padding: 20px 0 0 0 ; margin:0;}
.single  h3 {line-height:26px;}

#contenthome {float:left; margin: 15px 0; }
#contenthome img {padding:5px; background:#fff; box-shadow:0 0 5px rgba(0, 0, 0, .2); margin-top:0;}

#intro {margin:20px 0 0 20px; padding: 0 20px 20px 0;}
#akth1 {margin:40px 0 25px 20px;}
#akth1 h1 {color:#c9540c; margin: 0 0 0 0; padding:0;}
#akth1 h2 {color:#c9540c; margin: 0 0 10px 0; padding:0; line-height:24px;}

#will1 {margin:10px 0 0 0; float:left; text-align:justify;}
.wimmer {color:#a9a499; font-family: 'Alex Brush', sans-serif; font-weight:300; font-size:30px; text-align:right; line-height:36px;}

.aktuelles {padding: 0; margin:0; float:left;}
.aktuelles-title {font-family: 'Alex Brush', sans-serif; font-weight:300; overflow: hidden;   margin:0; position:relative; padding:10px 0 0 0;  }
.aktuelles-title a {padding:0 25px 0 20px; line-height:30px; font-size:28px; color:#c9540c;}
.aktuelles-title a:hover {}
.aktuelles-summary{margin: 0px 20px 10px 20px; padding: 0 0 15px 0;  border-bottom:1px solid #d8d2c7; text-align:justify;}
.aktuelles-summary p{padding: 5px 0 10px 0; margin:0;}
.wp-post-image {display:block; width:100%;}
.aktuelles span.more {padding: 0 0 0 20px; background:url(images/mehr.png) no-repeat left center;}

h2.begr {clear:both; display:block; float:none;}

#content .single {background:#fff; border-bottom:#DDD 1px solid; border-bottom:rgba(0, 0, 0, .13) 1px solid; box-shadow:0 0 5px rgba(0, 0, 0, .1);padding: 20px; margin:0; }
#content .single h1 {margin: 0; padding: 5px 0 5px 0; text-align: left; font-family: 'Alex Brush', sans-serif; font-weight:300; overflow: hidden; font-size:32px; line-height:38px;}
#content form{width: 300px;}
#content input[type="text"], #content input[type="email"]{border:1px solid #dad5cd; background-color: #fbf7f4;	margin: 5px 0;	padding: 5px; 	color:#0b8099; width: 300px; }
#content select{border:1px solid #dad5cd; background-color: #fbf7f4; margin: 5px 0;	padding: 5px; color:#0b8099; width: 300px;}
#content textarea{border: 1px solid #dad5cd; background-color: #fbf7f4; margin: 5px 0;	padding: 5px; width: 300px; }
#content input[type="text"], #content input[type="password"], #content textarea {box-shadow:none;}
#content input[type="text"]:focus, #content input[type="password"]:focus, #content textarea:focus {background:#FFF; outline: none;}
#content input[type=submit], #content input[type=reset], #content input[type=button] {border:1px solid #6e8e2d; background-color:#86a93e; width:220px; height:30px; text-align:center; margin: 5px auto 0 auto;font:normal 16px Georgia, "Times New Roman", Times, serif; line-height:30px; font-style:italic; color:#fbf7f4;}
#content input[type=submit]:hover, #content input[type=reset]:hover, #content input[type=button]:hover {cursor:pointer;box-shadow:none;background:#6e8e2d; }
#content input[type=submit]:focus, #content input[type=reset]:focus, #content input[type=button]:focus {cursor:pointer;color:box-shadow:none;background:#6e8e2d; }
div.wpcf7 {	margin: 0;	padding: 0;}
#kontakt span {	margin: 0;	padding: 5px 0 10px 0; float:left;}
#kontakt span input[type=radio] {width: 20px;  margin: 0;	padding: 5px 0; float:none;}
#kontakt span span {margin: 0;	padding: 0 10px 0 0; float:left;}
#kontakt span.wpcf7-form-control-wrap {margin: 0;padding: 0; float:none; clear:both;}
#kontakt span.wpcf7-form-control-wrap span.wpcf7-radio {margin: 0; padding: 5px 0 10px 0; float:none; clear:both; display:block;}
 
div.anfrlast {padding:0 0 10px 0; margin:0;}
#anfrage label {padding:5px 0; margin:0;}
#anfrage input {padding:5px 0; margin:0;}
h2.anfr {font: normal 24px 'Alex Brush', sans-serif;	text-align: left; padding: 0;margin: 30px 0 0 0;color:#cc5222;}

/*
	Accordion Zimmer & Preise - Plugin Expandcollapse Funk - css code aus expand-collapse-funk.php ausgeschnitten!
*/
.expand-cnt-link {font: normal 16px 'Open Sans', sans-serif; text-transform:uppercase; padding: 5px 22px 5px 5px ; margin: 0 0 20px 0;color:#cc5222; display:block; background:url(images/pfeil2.png) no-repeat center right; text-align:right;}
.ecf_closed { background:url(images/pfeil1.png) no-repeat center right;}
.hidden-content {display:block; vertical-align:top; padding: 20px; border:1px solid #edeae4; margin:15px 0 0 0; text-align:left;}
.exp-col-content-holder { margin:15px 0px 15px 0 !important; text-align:right; }
.exp-col-content-holder a { display:inline; }
.exp-col-content-holder+p, .exp-col-content-holder img+p, .expand-cnt-link+p { display:none !important; }
.hiddenContentp { margin:0 !important;  }
.hiddenContentp+p { display:none;}
.hiddenContent p { margin:0; padding:0;}
.hidden-content img {}
.hidden-content img.alignright { margin-right:0 !important; margin-left:10px; margin-bottom:0px; }
.hidden-content img.alignleft { margin-left:0 !important; margin-right:10px; margin-bottom:0px; }
.hidden-content .videoWrapper+p { margin-bottom:0; }
.videoWrapper {position: relative;	padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px;	height: 0;	}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.accordionzimmer {position:relative; clear:both; padding: 0 0 40px 0; border-bottom:1px solid #edeae4; margin: 0 0 40px 0; }
.accordionzimmer h2 {position:absolute; top:0; left:0; font-size:28px;}
.zimmerinfo{float: left; margin:  10px 20px 0 0; text-align: left; font-size:14px; line-height:24px; font-style:italic; color:#928d83;}
.zimmerinfo span{padding: 0 10px; background:url(images/infobg.jpg) no-repeat center center;}
.zimmerinfo a{font-size:16px; line-height:24px; text-transform:uppercase; color:#535046;}
.zimmerinfo a:hover{color:#516f13;}
.zimmertitelbild{float: left; width:300px; }
.zimmerbilder {float: left; width:400px; position:relative; z-index:1000; }
.zimmerbilder img.eins{margin:0 10px 2px 20px;}
.zimmerbilder img.zwei{margin:0 0 2px 0;}
.zimmerbilder img.drei{margin:0 10px 0 20px;}
.zimmerbilder img.vier{margin:0;}
.zimmerpreise {padding:0; margin: 0 0 20px 0; font-size:12px; line-height:20px; position:relative; float:left; width: 250px; }
.zimmerpreise h3, .zimmerpauschalen h3{clear:both; font:normal 16px "Overlock", Times, serif; color:#cc5222; margin:0; padding:0;}	
.zimmerpreise h4, .zimmerpauschalen h4{font:bold 14px "Overlock", Times, serif; margin:20px 0 0 0; padding:0 0 3px 0; line-height:18px;}	
#content .zimmerpreise h5{font:bold 14px "Overlock", Times, serif; margin:10px 0 0 0; padding:0 0 3px 0; line-height:14px; color:#111;}	
.zimmerpauschalen {padding:0 0 0 30px; margin: 0 0 20px 30px; font-size:12px; line-height:20px; position:relative;float:left; border-left:1px solid #edeae4; width: 370px;}
.zimmerpauschalen a{font-size:13px; font-style:italic; color:#cc5222; padding: 0 0 0 10px; cursor:pointer;}
.anfragebuchen {	float:right; width:200px; height:25px; text-align:center; border:1px solid #cc5222; background-color:#f0e0da; margin:30px 0 10px 0;}
.anfragebuchen a {font:normal 16px Georgia, "Times New Roman", Times, serif; line-height:24px; font-style:italic; color:#cc5222;}
.anfragebuchen a:hover {	color:#ad3c0f;}

h2.zimmpreis {margin:30px 0 0 0; padding:0; clear:both;}
h3.zimmpreis {margin:20px 0 0 0; padding:0; clear:both; font:bold 14px "Overlock", Times, serif; color:#111;}
.kinder{float: left; width:290px;}

img.medium {margin: 10px 20px 10px 0;}
img.mediumlast{margin: 10px 0px 10px 0;}
img.large {margin: 10px 20px 10px 0;}

.pauschalendiv {position:relative; clear:both; padding: 0 0 40px 0; border-bottom:1px solid #edeae4; margin: 0 0 40px 0; }
.pauschinfo {padding:15px 0;}
.pauschinfo p {margin:0 0 10px 0; padding:0;}
.pauschinfo h2.pausch {font:bold 14px "Overlock", Times, serif; color:#111; margin: 20px 0 5px 0;}
.anfragebuchen-pausch {	float:right; width:200px; height:25px; text-align:center; border:1px solid #cc5222; background-color:#f0e0da; margin:30px 0 30px 0;}
.anfragebuchen-pausch a {font:normal 16px Georgia, "Times New Roman", Times, serif; line-height:24px; font-style:italic; color:#cc5222;}
.anfragebuchen-pausch a:hover {	color:#ad3c0f;}

#emas_left{float: left;	width:250px; padding: 20px 0 0 0;}
#emas_right{float: left; width:370px; padding: 20px 0 0 0;}
#content h6 {font: bold 14px "Overlock", sans-serif; line-height: 18px; text-align: left; padding: 0 0 0 20px; margin: 0; color:#006C32; background:url(images/haken.jpg) left center no-repeat;}
#content h3.emash {font: normal 16px "Overlock", sans-serif; line-height: 22px; padding: 20px 0 20px 0; margin: 0; color:#111;}
#content h2.sansserif {font: bold 16px "Overlock", sans-serif; line-height: 22px; padding: 20px 0 0 0; margin: 0;}
#content .emas {text-align: left; padding: 5px 0 15px; margin: 0; }
#content ul.agb {text-align:left;}
#content p {text-align:justify;}
#content a.pdf {padding:15px 0 15px 35px; background:url(images/pdf.jpg) no-repeat left center;}
p.homedate {padding: 10px 0 5px 0; font-family: Georgia, Times New Roman, Arial; font-style: italic; font-size: 12px; font-weight:normal; margin: 0 25px 5px 0 !important;
	color:#5e893c;}
#content img.partner{margin: 0 0 40px 0;}
#content img.webcam{width:540px; height:400px; margin: 0 0 20px 0;}
#content img.lw{box-shadow:none; padding:0; background:none;}
#content p.ok {text-align:left; font-weight:bold; font-size:16px; color:#090;}

#post-nav, #posts-nav {	clear:both;	margin:0; font-family: 'Alex Brush', sans-serif; font-size:16px; font-weight:300;}
#posts-nav { position: relative; padding:2.9%; margin:2.46%; box-shadow:0 0 5px rgba(0, 0, 0, .1); background:#fff; border-bottom:#DDD 1px solid; border-bottom:rgba(0, 0, 0, .13) 1px solid;}

#content_left{float: left; width:300px;	}
#content_right{	float: right; width:300px; }
#partner_left{float: left; width:480px;	}
#partner_right{	float: right; width:300px; }
#impr_left{float: left; width:300px;	}
#impr_right{	float: right; width:300px; }
.rest_left{	float: left; width:300px; }
.rest_right{	float: left; width:350px; }
.portrait_left{	float: left; width:150px; margin: 0 0 20px 0; }
.portrait_right{	float: left; width:500px; margin: 0 0 20px 0;}
#content h3.agbh { font-family: 'Open Sans', cursive; font-size:14px; line-height:16px; font-style:italic; font-weight:400; margin-top:20px;} 
#content h3.impressum { font-family: 'Open Sans', cursive; font-size:14px; line-height:18px; font-style:italic; font-weight:400; margin:20px 0 0 0; padding:0; }
#karte { width:600px; height:400px; margin: 10px 0 0 0;}

#sidebar {float:right; width:280px; margin: 0; text-align:center;}
#sidebar .offen {font-size:20px; color:#191f21;}
#sidebar h2 { -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); transform: rotate(-3deg); background:url(images/sidebarpfeil.png) no-repeat right top; font-family: 'Alex Brush', sans-serif; font-size:28px; color:#f8f2e3; margin:20px 0  10px 0; padding: 20px 30px 20px 30px; text-align:left; position:relative; left:-5px; top:0;}
#sidebar .map {width:250px; margin:0 auto; padding:0;}
#sidebar h3 {	margin:0; padding: 5px 0; font-family: 'Alex Brush', sans-serif; font-size:26px; line-height:28px; font-weight:400; color:#516f13; text-align:left;}
#sidebar h4 {	margin:0; padding: 0 0 10px 0; font-family: 'Open Sans', cursive; font-size:14px; line-height:16px; font-style:italic; font-weight:400; color:#516f13; text-align:left;}
#sidebar ul.hsw {list-style:none; margin:0; padding:5px 0 0 0; float:left; text-align:left; background:none;}
#sidebar ul.hsw  li {list-style:none; margin:0; padding:0 0 0 15px; display:block; font-size:12px; color:#516f13; background:url(images/haken.png) no-repeat center left;}
#hochschwarzwaldcard {background:url(images/hswcard.png) no-repeat top right;}
#sidebar img.schilder {border:5px solid #fff; box-shadow:0 0 5px rgba(0, 0, 0, .2); margin: 5px 5px 0 0;}

#sidebar a, #sidebar a:hover {color:#516f13;}
#sidebar .trennlinie {padding:10px 0 10px 0;}
#sidebar iframe {margin:10px 0 0 0; padding:0;}
#bewertung {border:1px solid #e3ddd4; background-color:#fec744; width:220px; height:30px; text-align:center; margin: 5px auto 0 auto;}
#bewertung a {font:normal 16px Georgia, "Times New Roman", Times, serif; line-height:30px; font-style:italic; color:#86a93e;}
#bewertung a:hover {color:#cc5222;}
#tisch {border:1px solid #6e8e2d; background-color:#86a93e; width:220px; height:30px; text-align:center; margin: 5px auto 0 auto;}	
#tisch a { font:normal 16px Georgia, "Times New Roman", Times, serif; line-height:30px; font-style:italic; color:#fbf7f4;}
#tisch a:hover {color:#fbdec9;}
	
.widget-area ul {	margin:0;	list-style:none;	overflow:hidden;}
.widget-area li { padding:7px 0; margin:0; border-bottom:#EEE 1px solid; rborder-bottom:rgba(0, 0, 0, .036) 1px solid; 	line-height:1.62em; background:none; }
.widget-area li li {border-bottom:none;}
.widget-area li ul {margin-left:20px;}
.widget-area a {color:#7597B9;}
.widget-area a:hover {	color:#d54e21;}

#routenplaner {text-align:center; padding: 10px;}
#routenplaner form { padding:0; margin:0; }
#routenplaner form input {padding:0; margin:0; width:200px; color:#6d6b67;}
#routenplaner span.startziel {color:#8c8984;}
#routenplaner span.strasse {color:#8c8984; font-size:10px;}
#routenplaner div.trenner {padding:5px 0 5px 0;}
	
#footer {clear:both; }
#footcontent{text-align:left; padding:20px 0 10px 0; z-index:10; font:normal 14px "Overlock", sans-serif; line-height:26px; color:#fbf7f4; width:840px; background-color:#1f454f; box-shadow:0 0 18px rgba(0, 0, 0, .4); margin:0 20px 50px 20px; }
#footcontent a{font:normal 14px "Overlock", sans-serif; color:#fbf7f4; }
#footcontent a:hover{ font:normal 14px "Overlock", sans-serif; text-decoration:underline; }
.copyright {float:left; clear:none;}
#footcontent .floatfoot {	float:left; padding: 0px 30px 10px 20px; margin:0;}
#footcontent .floatfoot ul {	list-style:none; margin:0; padding:0; }
#footcontent .floatfoot ul li{	display:inline; background:none;	}
#footcontent .floatfoot ul li a {	text-decoration: none;	margin: 0 0 0 15px; padding:0;	color: #fbf7f4;	text-transform: uppercase;	font-weight:normal;	}
#footcontent .floatfoot ul li a:hover {	color: #fbf7f4;	text-decoration:underline; font-weight:normal;	padding:0;}	
#footcontent .floatfoot ul li.current_page_item a {	text-decoration: none;	margin: 0 0 0 20px;	color: #fbf7f4;	font-weight:normal;	padding:0;}

#footerbilder {padding:10px 0 0 0;}
#footerbilder img {padding: 0 10px 0 0;}