/*

	CSS-Datei der Internetseite
	
	http://www.ferienbauernhof-herrmann.de
	
	Autor:					Marco Philipeit - http://marcophilipeit.de
	Start:					25.01.10
	Letzte Aenderung:		01.08.10
	
*/

	/*  Import
	---------------------------------- */
	
	@import url("reset.css");
	@import url("elemente.css");
	@import url("klassen.css");
	@import url("lightbox.css");


@media screen, projection {

	/*  Allgemein 
	---------------------------------- */
	
	q { 
		quotes: '„' '“' '‚' '‘';
	}
	
	html, body {
		background: #ffeeb9 url("../lib.grafiken/hintergrund.jpg") repeat-x;
		color: #6c5938;
		font-size: 87.5%;
		font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
		line-height: 2;
		text-align: left;
	}
	
	input, textarea, select {
		font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
		font-size: 0.9em;
	}
	
	::-moz-selection { background: #6c5938; color: #ffeaaa; }
	::selection { background: #6c5938; color: #ffeaaa; }
	
	#begrenzung {
		margin: 0 auto;
		width: 960px;
		padding: 0px;
	}
	
	a {
		color: inherit;
		text-decoration: underline;
	}
		
	a:focus,
	a:hover {
		color: #3da223;
	}
		
	a:active {
		color: #3da223;
	}
	
	/*  Layout
	---------------------------------- */
	
	h1#logo a {
		text-indent: -9999em;
		display: block;
		width: 383px;
		height: 169px;
		background: url("../lib.grafiken/logo.png");
		border: 0;
	}
	
	#kopfteil {
		background: url("../lib.grafiken/hintergrund.kopfteil.png") no-repeat;
		height: 169px;
		position: relative;
		z-index: 3;
	}
	
	#hauptteil {
		position: relative;
		z-index: 2;
	}
	
	#navigation {
		float: left;
		width: 144px; /* 189px */
		height: 344px; /* 380px; */
		margin-left: 92px;
		margin-top: -31px;
		padding: 36px 15px 0px 30px;
		background: url("../lib.grafiken/hintergrund.navigation.jpg") no-repeat;
		position: relative;
		z-index: 1;
	}
	
	#infobox {
		width: 275px;
		height: 77px;
		position: absolute;
		top: 95px;
		left: 450px;
	}
	
	#inhalt {
		padding: 0px 75px 20px 37px;
		width: 561px;
		float: right;
		font-size: 1.1em;
	}
	
	#fussteil {
		clear: both;
		padding: 0em 75px 40px 37px;
		width: 561px;
		margin-left: 281px;
		background: url("../lib.grafiken/hintergrund.fussteil.png") no-repeat;
	}
	
	h2 {
		color: #f5a312;
		font-size: 1.7em;
	}
	
	h3 {
		color: #3da223;
		font-weight: bold;
		font-size: 1em;
		line-height: 1.65;
		margin-bottom: 0;
	}
	
	.orange {
		color: #F5A312;
	}
	
	.gruen {
		color: #3da223;
	}
	
	#inhalt #meldung {
		margin: 3.6em 0 2em 0;
	}
	
	#inhalt p.rechts img {
		padding-left: 10px;
	}
	
	#navigation a {
		display: block;
		font-weight: bold;
		text-decoration: none;
		font-size: 1.1em;
		line-height: 2.2em;
		padding-left: 20px;
	}
	
	#navigation a.aktiv {
		color: #3da223;
		background: url("../lib.grafiken/hintergrund.navigationspunkt.png") center left no-repeat;
	}
	
	.subnav {
		font-size: smaller;
		margin-left: 10px;
	}
	
	.weiterNachOben {
		margin-top: -17px;
	}
	
	.weiterNachLinks {
		margin-right: 50px;
	}
	
	.weiterNachRechts {
		margin-left: 50px;
	}
	
	#logos {
		width: 280px;
		padding: 10px 60px 30px 60px;
		position: absolute;
		right: 0;
		top: 0;
		float: right;
	}
	
	#logos p {
		height: 0px;
		padding: 0;
		margin: 0;
	}
	
	#logos a#romantisches-franken {
		width: 146px;
		height: 60px;
		display: block;
		text-indent: -9999em;
		float: right;
		margin-top: 20px;
		background: url("../lib.grafiken/logo.romantisches-franken.png") no-repeat;
	}
	
	#map {
		width: 100%;
		height: 300px;
		margin-top: 0.5em;
		border: 1px solid #FFE28D;
	}
	
	body#kontakt .vcard,
	body#anfahrt .vcard,
	body#impressum .vcard {
		margin-bottom: 1em;
	}
	
	body#anfahrt h3.abstandNachUnten {
		margin-bottom: 1em;
	}
	
	body#anfahrt h3.abstandNachOben {
		margin-top: 2em;
	}
	
	body#startseite .kinder {
		margin-top: -60px;
		margin-right: 25px;
		position: relative;
		top: 30px;
	}
	
	body#startseite .schlappi {
		margin-top: 60px;
	}
	
	body#unser-hof .futtertrog {
		margin-bottom: 100px;
		margin-top: 100px;
	}
	
	body#unser-hof .bauernhof {
		margin-top: 50px;
	}
	
	body#aktivitaeten .hase {
		margin-bottom: 290px;
		margin-top: 190px;
		position: relative;
		left: 200px;
	}
	
	body#aktivitaeten .parkbad {
		margin-bottom: 190px;
		margin-top: 70px;
	}
	
	body#preise .bullen {
		margin-bottom: 100px;
		display: block;
	}
	
	p.rechts,
	p.links {
		margin: 0;
		padding: 0;
	}
	
	ul.gallerie,
	ul.gallerie li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	ul.gallerie {
		margin-top: 0.5em;
	}
	
	ul.gallerie li {
		float: left;
		padding-right: 20px;
	}
	
	ul.gallerie li .beschriftung {
		font-size: smaller;
		width: 160px;
		line-height: 1.3em;
		margin-top: -3px;
	}
	
	ul.gallerie li.volle-breite {
		width: 100%;
	}
	
	.icon {
		padding-left: 23px;
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	.icon.neuer-eintrag { background: none; padding: 0; }
	
	.icon.freischalten { background-image: url("../lib.grafiken/icon.gaestebuch-freischalten.png"); }
	.icon.loeschen { background-image: url("../lib.grafiken/icon.gaestebuch-loeschen.png"); }
	.icon.bearbeiten { background-image: url("../lib.grafiken/icon.gaestebuch-bearbeiten.png"); }
	
	/*  Tabellen
	---------------------------------- */
	
	.tabelle {
		width: auto;
		margin: 1em 0;
	}
	
	.tabelle td {
		background: #ffe9a9;
	}
	
	.tabelle tr.ungerade td {
		background: #ffe28d;
	}
	
	.tabelle.preise {
		width: 300px;
	}
	
	/*  Formulare
	---------------------------------- */

	input, textarea, select {
		background: #FFE9A9;
		border: 1px solid #FFE28D;
		padding: 2px;
	}

	input:hover,
	input:focus,
	textarea:hover,
	textarea:focus,
	select:hover,
	select:focus {
		background: #FFE28D;
		border: 1px solid #F5A312;
	}

	input[type="submit"] {
		font-weight: bold;
		font-size: 1em;
	}

	fieldset legend {
		display: none;
	}

	label {
		display: block;
	}

	input[type="radio"] {
		width: auto;
	}
	
	.formular li {
		width: 200px;
		margin-top: 1em;
		float: left;
	}

	.formular li.breiter {
		width: 400px;
	}

	.formular li input {
		width: 150px;
	}

	.formular li textarea {
		width: 350px;
		height: 95px;
	}

	.formular #spamschutz {
		width: 350px;
	}

	.formular #spamschutztext {
		width: 360px;
		line-height: 16px;
		margin-top: 5px;
	}

	.formular input#submit {
		margin-top: 1em;
	}

	.leerfeldfehler input,
	.leerfeldfehler select,
	.leerfeldfehler textarea {
		border: 1px solid #990000; /* #F2973B; */
	}
	
	h3.fehler {
		color: #990000;
	}
	
	.gaestebucheintrag h3 {
		color: #444;
		font-size: 1.2em;
		font-weight: bold;
	}
	
	.gaestebucheintrag {
		padding: 1em;
		background: #ffe9a9;
	}
	
	.gaestebucheintrag.ungerade {
		background: #ffe28d;
	}
	
	.gaestebucheintrag.inaktiv {
		background-image: url("../lib.grafiken/hintergrund.gaestebuch.inakiv.png");
		background-position: top left;
		background-repeat: repeat-y;
	}
	
	.sperator {
		height: 30px;
		display: block;
		/*background: url("../lib.grafiken/gaestebuch.trenngrafik.jpg") center no-repeat;*/
	}
		
	.gaestebuchkommentar {
		padding-left: 5px;
		border-left: 2px solid #ccc;
		font-style: italic;
		display: block;
		margin: 1em 0;
	}
	
	.gaestebucheintrag h3 {
		font-size: 1em;
		color: #6C5938;
	}
	
	.seitenWahl {

	}
	
	.seitenliste {
		float:left;
		margin:0;
		margin-left: 10px !important;
	}
	
	.seitenliste,
	.seitenliste li {
		list-style: none;
		padding: 0;
		margin-left: 0;
	}
	
	.seitenliste li {
		display: inline;
	}

	
}

@media print {
	
	/*  Allgemeines
	---------------------------------- */
	
	body#startseite .lightbox,
	#navigation {
		display: none;
	}
	
	body{
		font: 11pt/120% Arial, Verdana, Helvetica, sans-serif;;
		background-color: white !important;
		background-image: none !important;
		color:black;
	}
	
	h1 {
		font-size: 3em;
		height: 2em;
		line-height: 2em;
		margin-bottom: 1em;
	}
	
	a:link, a:visited{
		background: white;
		color: #5e5e5e;
		border: 0;
		text-decoration: none;
	}	
	
	#inhalt a:link:after, #inhalt a:visited:after{ 
		content:" (" attr(href)")";
	}
	
	#inhalt dl, dt, dd {
		float: none !important;
		border: none;
		display: block;
		white-space: normal;
		font: 11pt/120% Arial,serif;
	}
	
	#inhalt  ul li, #inhalt ol li{
		padding: 2px;
		font: 11pt/120% Arial,serif;
	}
	
	abbr[title]:after { 
		content:' (' attr(title) ')';
	}
	
	pre, code{ 
		font: 10pt/2em "Courier New", Courier, monospace;
		color: black;
		background: white;
		margin-left: 2px;
		padding: 1em;
		border-left: 1px solid #5e5e5e;
		overflow: visible !important;
		white-space: normal;
		width: 90%;
		height: auto;
	}
	
	#fussteil {
		clear: both;
		padding-top: 2em;
	}
}