/**
 *	Stylesheet fuer Haus Meedland
 *	
 *	Farben:
 *	#E8A63A - BG Body
 *	#50311D - BG Navi
 *	#FFE9BF - BG Sidebar
 *	#FEF1CF - BG Content
 *	#583F24 - dunkelbraun
 *	#70480E - braun
 *	#C69071 - hellbraun
 */

*      { margin: 0; padding: 0; }
body   { font: 80%/1.5 "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif; color: #583F24; background: #E8A63A url(../img/bg_body.jpg); }
td,
th,
input,
textarea,
button { font: 100%/1.5 "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif; } 
h2     { font-size: 1.5em; margin-bottom: 0.5em; }
h3     { font-size: 1.2em; margin-bottom: 0.3em; }
h4     { font-size: 1.0em; margin-bottom: 0.1em; }
a      { color: #C69071; }
img    { border: 0; }
.clear { clear: both; }
a.more { display: block; float: left; padding: 0.4em 0.8em 0.6em 0.8em; color: #FFF; background: #744C0D url(../img/bg_button.jpg) 0 100% repeat-x; text-decoration: none; }

/*** Image Replacement ***/
a#up,
div#navi,
.ir  { font: 0px/0px sans-serif; text-indent: -3000px; text-decoration: none; overflow: hidden; background-repeat: no-repeat; }

/*** Container ***/
div#wrap    { width: 60em; margin: 0 auto; border-left: 2px solid #70480E; border-right: 2px solid #70480E;  background: #FEF1CF; }
div#header  { position: relative; height: 200px; background: url(../img/bg_header.jpg) 0 100% no-repeat; }
div#navi    { color: #FFF; background: #70480E url(../img/bg_wood.jpg); }
div#main    { background: #FEF1CF url(../img/bg_main.jpg) 25% 0 repeat-y; }
div#sidebar { width: 15em; float: left; color: #583F24; background: #FFE9BF url(../img/bg_subnavi.jpg) no-repeat; }
div#content { width: 41em; margin-left: 15em; padding: 1.5em 0.5em 3em 1.5em; }
div#footer  { position: relative; padding: 0.5em 0.5em 0.8em 0.5em; color: #FFF; background: #70480E url(../img/bg_wood.jpg); text-align: center; }

/*** ***/
a#skip { position: absolute; top: -200px; }
a#home { display: block; position: absolute; left: 40px; top: 75px; text-decoration: none; font-size: 1.5em; color: #583F24; }
span#claim { display: block; font-size: 0.5em; color: #FEF1CF; }
/*a#home { display: block; position: absolute; left: 543px; top: 26px; width: 190px; height: 160px; }*/

/*** Navi ***/
div#navi      { text-align: center; }
div#navi ul   { margin: 0 0 0 60px; padding: 7px 0; list-style: none; }
div#navi li   { float: left; margin-left: 20px; }
div#navi li a { display: block; height: 31px; background-repeat: none; background-position: 0 0; }
div#navi li a:hover { background-position: 0 -31px; }
div#navi li.act a   { background-position: 0 -62px !important; }

#flnav-9 { width: 33px; background-image: url(../img/nav_wir.png); }
#flnav-8 { width: 53px; background-image: url(../img/nav_musik.png); }
#flnav-7 { width: 50px; background-image: url(../img/nav_shop.png); }
#flnav-6 { width: 77px; background-image: url(../img/nav_termine.png); }
#flnav-5 { width: 92px; background-image: url(../img/nav_tagebuch.png); }
#flnav-4 { width: 99px; background-image: url(../img/nav_spielplatz.png); }
#flnav-3 { width: 103px; background-image: url(../img/nav_gaestebuch.png); }
#flnav-2 { width: 49px; background-image: url(../img/nav_links.png); }

/*** Sidebar ***/
div#sidebar div { padding: 0 10px 60px 15px; background: url(../img/spacer_subnavi.jpg) 0 100% no-repeat; }
div#sidebar div#subnavi { padding: 1.5em 0 45px 0; }
div#sidebar div#next-concerts { line-height: 1.9em; }
div#sidebar div#next-concerts ol { margin: 0; list-style: none; }
div#sidebar div#newsletter { padding-bottom: 30px; background: none; }
div#sidebar div#copyright { background: none; font-size: 0.9em; }
div#sidebar div#copyright p { /* border: 1px dashed #70480E; padding: 0.5em;*/ }

/*** Subnavi ***/
div#subnavi ul { list-style: none; margin-bottom: 0; }
div#subnavi li a  { display: block; padding: 6px 10px 10px 15px; color: #70480E; text-decoration: none; }
div#subnavi li.act a  { font-weight: bold; background: #FFF url(../img/bg_subnavi_hl.jpg) 0 100% repeat-x; }
div#subnavi ul li ul li a  { padding-left: 30px; }

/*** Content ***/
div#content ul { list-style: disc; margin: 0 0 0.75em 16px; }
div#content ol { margin-left: 16px;  }
div#content p  { margin-bottom: 0.75em; }
div#content h3.csc-header-date { color: #C69071; font-size: 2em; float: right; margin: -0.3em 0 0 0; }
div#content blockquote { border: 1px dashed #50311D; padding: 0.75em; background: #FDF5E1; margin-bottom: 0.75em; }
div#content blockquote p { margin-bottom: 0; }
div#content table { margin-bottom: 0.75em; border-collapse: collapse; }
div#content table th,
div#content table td { text-align: left; border: 1px solid #50311D; padding: 0.4em; background: #FDF5E1; border-collapse: collapse; vertical-align: top; }
div#content table th { background: #70480E; color: #FFF; font-weight: bold; }

/*** Newsletter ***/
#frm-newsletter {  }
#inp-newsletter { margin-bottom: 0.3em; border: 0.05em solid #734B0C; padding: 0.2em 0.4em; display: block; width: 11.6em; }
button.submit   { border: 0; padding: 0.3em 0.7em; font-size: 0.9em; color: #FFF; background: #734B0C; }

/*** Footer ***/
span#up { display: block; position: absolute; right: 10px; top: -39px; width: 65px; height: 68px; background-image: url(../img/igel.gif); }

/*** Hacks ***/
.clearfix:after { content: ".";  display: block;  height: 0;  clear: both; visibility: hidden; }
* html>body .clearfix { display: inline-block;  width: 100%; }
* html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }	


/* default styles for extension "tx_veguestbook_pi1" */
	
	.tx-veguestbook-pi1 h2.tx-guestbook-form-error {
		font-size:75%;
		font-weight:bold;
		background:none;
		padding:0px;
	}
	
	.tx-veguestbook-pi1 ul li {
		color:#990000;
	}
	
	.tx-veguestbook-pi1 ul {
		margin-bottom:0.5em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-result {
		font-size:68.75%;
		font-weight:bold;
		float:left;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-pagination {
		font-size:68.75%;
		font-weight:bold;
		float:right;
	}
	
	.tx-veguestbook-pi1 h2.tx-guestbook-header {
		clear:both;
		background:#990000;
		color:#FFF;
		display:block;
		font-size:75%;
		padding:0.125em 0.125em 0.125em 0.25em;
		font-weight:bold;
		margin-top:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-left {
		float:left;
		width:10em;
		background:#EFEFEF;
		padding:0.25em;
		min-height:4em;
	}
	
	* html .tx-veguestbook-pi1 .tx-guestbook-left {
		height:4em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-left p {
		font-size:68.75%;
		color:#333;
	}
 
	.tx-veguestbook-pi1 .tx-guestbook-right {
		float:left;
		width:29em;
		background:#FFF;
		padding-left:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest p,
	.tx-veguestbook-pi1 .tx-guestbook-right p {
		font-size:75%;
		color:#333;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-date,
	.tx-veguestbook-pi1 .tx-guestbook-right p.tx-guestbook-date {
		font-size:68.75%;
		color:#990000;
	}
 
	.tx-veguestbook-pi1 .tx-guestbook-right h3 {
		font-size:75%;
		color:#990000;
		font-weight:bold;
		background:none;
		padding:0.25em 0em 0em 0em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-right .tx-guestbook-comment {
		font-size:75%;
		color:#333;
		font-style: italic;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest {
		display:block;
		padding:0.25em;
		clear:both;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-date {
		background:#EEE;
		display:block;
		margin-top:0.25em;
		padding:0.125em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-latest-more a {
		background:#EEE;
		display:block;
		margin-top:0.25em;
		padding:0.125em 0.5em 0.25em 0.125em;
		text-align:right;
		font-weight:bold;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-latest-more a:hover {
		background:#990000;
		color:#FFF;
		text-decoration:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field {
		clear:both;
		width:100%;
		display:block;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field label {
		clear:both;
		display:block;
		float:left;
		width:6em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
		float:left;
		width:10em;
		margin-top:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
		float:left;
		width:20em;
		margin-top:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
		width:30em;
		display:block;
		float:left;
		margin-bottom:0.5em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield {
		color:#990000;
	}
	
		
	.tx-veguestbook-pi1 fieldset {
		border:none;
	}
	
	.tx-veguestbook-pi1 legend {
		display:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap {
		float:left;
		display:block;
		background:#F7F7F7;
		border:1px solid #CCC;
		padding:0.25em;
		margin-top:0.5em;
	}
 
	* html .tx-veguestbook-pi1 .tx-guestbook-freecap {
		margin-left:2.25em;
	}
 
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap img {
		float:left;
		display:block;
		pading-left:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap input {
		float:left;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap label {
		clear:both;
		display:block;
		float:none;
		width:auto;
		margin-bottom:0.5em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap p {
		font-size:75%;
		padding:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap h3 {
		display:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap span.tx-srfreecap-pi2-cant-read {
		color:#990000;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-clear {
		clear:both;
		display:block;
	}
	
	.tx-veguestbook-pi1 input.tx-guestbook-submit {
		width:10em;
		font-size:80%;
		display:block;
		margin-bottom:1em;
		margin-left:6em;
	}