@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}

/* Farben */
/* Grau: cmyk(45, 50, 50, 50) entspricht rgb(97, 80, 74) */
/* Blau: cmyk(100, 85, 30, 25) entspricht rgb(0, 51, 94) */
/* Türkis: cmyk(100, 0, 60, 40) entspricht rgb(0, 106, 90) */
/* Olive: cmyk(60, 50, 90, 0) entspricht rgb(126, 120, 56) */
/* Braun: cmyk(40, 50, 90, 0) entspricht rgb(171, 130, 52 */
/* Kiwi: cmyk(30, 30, 90, 0) entspricht rgb(194, 168, 49) */
/* Orange: cmyk(0, 40, 100, 0) entspricht rgb(246, 168, 0) */

/* Fenster */
html {
	background-color: white;
}

/* Seite */
body {
	border-width: 10px;
	border-color: white;
	border-style: solid;
	
	width: 780px;
	line-height: 1.6;
	
	background-color: rgb(229, 228, 215); /* 20% Olive */
	
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 0.75em; /* 12px */
}

hr {
	display: none;
}

h2 {
	margin-top: 1.75em;
	margin-bottom: 1.25em;
	border-bottom-width: 1px;
	border-bottom-color: rgb(176, 167, 165); /* 50% Grau */
	border-bottom-style: solid;
	
	color: rgb(0, 51, 94); /* 100% Blau */
	
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	font-size: 1.5em;
	
	letter-spacing: 1px;
	text-align: right;
}

h3 {
	margin-top: 1.5em;
	
	color: rgb(171, 130, 52); /* 100% Braun */
	
	font-size: 1.25em;
	
	letter-spacing: 1px;
}

h4 {
	margin-top: 1.34em;
	
	color: rgb(0, 51, 94); /* 100% Blau */
	
	font-size: 1em;
	
	letter-spacing: 2px;
}

p.untertitel {
	color: rgb(97, 80, 74); /* 100% Grau */
	
	font-size: 0.85em;
	
	letter-spacing: 1px;
	text-transform: uppercase;
}

p.anfang {
	margin-top: 0.25em;
	padding-top: 9px;
	
	background-image: url(wolf_icon.gif); /* 100% Olive */
	background-repeat: no-repeat;
	
	text-indent: 51px;
}

p,
ul,
ol,
table {
	margin-bottom: 1.34em;
}

ul {
	margin-left: 15px;
}

ol {
	margin-left: 20px;
}

img {
	margin-bottom: 23px;
	padding-top: 5px;
	
	display: block;
}

a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	
	text-decoration: none;
}

/* Titel */
div#titel {
	height: 130px;
	
	background-color: rgb(194, 168, 49); /* 100% Kiwi */
	background-image: url(wildpferde.jpg);
	background-repeat: no-repeat;
	background-position: 220px 0;
	
	position: relative;
}

@media print {
	div#titel {
		display: none;
	}
}

div#titel h1 span {
	display: none;
}

div#titel h1 {
	float: left;
	
	width: 210px;
	height: 130px;
	
	background-image: url(wildparkschorfheide_logo.gif);
	background-repeat: no-repeat;
	background-position: 25px 64px;
}

div#titel h3 {
	display: none;
}

img#eulogo {
	padding-top: 0;
	
	position: absolute;
	left: 615px;
	top: 82px;
}

/* Sprachauswahl */
ul#sprachauswahl {
	margin-left: 0;
	margin-bottom: 0;
	padding-right: 15px;
	padding-top: 59px;
	
	float: right;
	
	width: 155px;
	
	list-style-type: none;
	
	text-align: right;
}

ul#sprachauswahl li {
	display: block;
}

ul#sprachauswahl li a {
	border-bottom-style: none;
	
	color: black;
}

ul#sprachauswahl li a:hover,
ul#sprachauswahl li a.hier {
	color: white;
}

/* Navigation */
@media print {
	div#navigation {
		display: none;
	}
}

div#navigation h3 {
	display: none;
}

div#navigation ul {
	margin-left: 0;
	margin-top: 5px;
	margin-bottom: 0;
	padding-left: 20px;
	padding-right: 8px;
	
	line-height: 21px;
	
	list-style-type: none;
}

div#navigation ul li {
	display: inline;
}

div#navigation ul li a {
	margin-right: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-style: none;
}

/* Hauptmenü */
ul#hauptmenue {
	background-color: rgb(113, 97, 92); /* 90% Grau */
}

ul#hauptmenue li a {
	border-bottom-style: none;
	
	color: white;
}

ul#hauptmenue li a:hover,
ul#hauptmenue li a.hier {
	color: black;
	background-color: white;
}

/* Untermenü */
ul#untermenue {
	background-color: rgb(192, 185, 183); /* 40% Grau */
}

ul#untermenue li a {
	color: black;
}

ul#untermenue li a:hover,
ul#untermenue li a.hier {
	background-color: white;
}

/* Hinweise */
div#hinweise {
	margin-top: 17px;
	padding-right: 15px;
	
	float: right;
	
	width: 183px;
}

div#hinweise h4 {
	padding-left: 28px;
	padding-top: 1px;
	
	background-repeat: no-repeat;
	
	letter-spacing: 1px;
}

div#hinweise h4.service {
	background-image: url(konik_icon.gif); /* 100% Orange */
}

div#hinweise h4.anfragen {
	background-image: url(wisent_icon.gif); /* 100% Türkis */
}

div#hinweise p {
	margin-left: 28px;
}

div#hinweise ul {
	margin-left: 43px;
}

div#hinweise ol {
	margin-left: 48px;
}

/* Angebote */
div#hinweise div.angebote {
	margin-left: 28px;
	margin-top: 1.34em;
	margin-bottom: 1.34em;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	
	color: white;
	background-color: rgb(176, 167, 165); /* 50% Grau */
	background-image: url(angebote_unten.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

div#hinweise div.angebote h3 {
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 93px;
	
	color: white;
	background-image: url(angebote_oben.jpg);
	background-repeat: no-repeat;
}

div#hinweise div.angebote h4 {
	padding-left: 0;
}

div#hinweise div.angebote p {
	margin-left: 0;
}

div#hinweise div.angebote ul {
	margin-left: 15px;
}

div#hinweise div.angebote ol {
	margin-left: 20px;
}

/* Wetter */
div#hinweise div#wetter_platzhalter {
	margin-left: 28px;
	
	height: 316px;
}

@media print {
	div#hinweise div#wetter_platzhalter {
		display: none;
	}
}

div#wetter {
	position: absolute;
	left: 620px;
	top: 243px;
	
	text-transform: lowercase;
}

@media print {
	div#wetter {
		display: none;
	}
}

div#wetter img {
	padding-top: 0;
	margin-bottom: 0;
}

/* Karte */
div#karte {
	margin-top: 28px;
	
	float: right;
	
	width: 535px;
}

div#karte h3 {
	display: none;
}

div#karte ul {
	margin-left: 0;
	margin-bottom: 0;
	
	position: relative;
	
	width: 535px;
	height: 385px;
	
	list-style-type: none;
	
	background-image: url(karte.jpg);
	background-repeat: no-repeat;
}

div#karte ul li {
	display: block;
}

div#karte ul li a span {
	display: none;
}

div#karte ul li a {
	border-bottom-style: none;
	
	display: block;
	position: absolute;
	
	width: 13px;
	height: 13px;
	
	background-image: url(punkt.gif);
	background-repeat: no-repeat;
}

div#karte ul li a:visited {
	background-position: 0px -26px;
}

div#karte ul li a:hover,
div#karte ul li a.hier {
	background-position: 0px -13px;
}

/* Stationen */
a#besucherhaus {
	left: 149px;
	top: 41px;
}

a#abenteuerspielplatz {
	left: 175px;
	top: 29px;
}

a#doerfchen {
	left: 117px;
	top: 59px;
}

a#wildschwein_grossesgehege {
	left: 107px;
	top: 81px;
}

a#streichelgehege {
	left: 139px;
	top: 83px;
}

a#konik_kleinesgehege {
	left: 185px;
	top: 69px;
}

a#przewalskipferd_kleinesgehege {
	left: 161px;
	top: 139px;
}

a#przewalskipferd_grossesgehege {
	left: 246px;
	top: 161px;
}

a#elch {
	left: 132px;
	top: 269px;
}

a#rotwild {
	left: 65px;
	top: 261px;
}

a#damwild {
	left: 61px;
	top: 294px;
}

a#europaeischerfischotter {
	left: 195px;
	top: 244px;
}

a#exmoorpony {
	left: 288px;
	top: 264px;
}

a#konik_grossesgehege {
	left: 379px;
	top: 235px;
}

a#europaeischerwolf {
	left: 418px;
	top: 277px;
}

a#wildschwein_kleinesgehege {
	left: 443px;
	top: 231px;
}

a#aussichtsplattform {
	left: 453px;
	top: 186px;
}

a#europaeischerwisent {
	left: 419px;
	top: 145px;
}

a#heckrind {
	left: 380px;
	top: 64px;
}

a#englischesparkrind {
	left: 289px;
	top: 61px;
}

a#schwalbenbauchwollschwein {
	left: 250px;
	top: 69px;
}

a#mangalitzawollschwein {
	left: 254px;
	top: 48px;
}

a#pommerscheslandschaf {
	left: 216px;
	top: 47px;
}

a#waschbaer {
	left: 215px;
	top: 81px;
}

/* Inhalt */
div#inhalt {
	padding-left: 25px;
	
	float: left;
	
	width: 535px;
}

div#inhalt div.foerderung {
	font-size: 0.85em;
}

div#inhalt div.foerderung img {
	margin-bottom: 0;
	margin-right: 10px;
	padding-top: 3px;
	
	float: left;
}

/* Kommentare */
div#inhalt div.comment {
	margin-bottom: 1.34em;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 1px;
	
	background-color: rgb(192, 185, 183); /* 40% Grau */
	background-image: url(kommentar_oben.gif);
	background-repeat: no-repeat;
}

div#inhalt div.comment h4,
div#inhalt div.comment p.untertitel {
	margin-left: 85px;
}

div#inhalt form#comment_form input#author,
div#inhalt form#comment_form input#email,
div#inhalt form#comment_form input#url,
div#inhalt form#comment_form textarea#comment {
	border-width: 1px;
	border-color: rgb(176, 167, 165); /* 50% Grau */
	border-style: solid;
}

div#inhalt form#comment_form input#author,
div#inhalt form#comment_form input#email,
div#inhalt form#comment_form input#url {
	width: 240px;
}

div#inhalt form#comment_form textarea#comment {
	width: 420px;
}

/* Tabellen */
div#inhalt table {
	margin-top: 0.34em;
	margin-bottom: 1.67em;
	
	border-collapse: collapse;
}

@media print {
	div#inhalt table {
		border-collapse: separate;
		border-spacing: 0;
	}
}

div#inhalt table caption {
	font-weight: bold;
	font-size: 1em;
	
	text-align: left;
	letter-spacing: 1px;
}

div#inhalt table tbody {
	text-align: right;
}

div#inhalt table th,
div#inhalt table td {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-width: 1px;
	border-color: rgb(160, 150, 146); /* 60% Grau */
	border-style: solid;
}

div#inhalt table th {
	background-color: rgb(192, 185, 183); /* 40% Grau */
}

div#inhalt table tbody td {
	background-color: white;
}

/* Bilder */
div#inhalt img.links {
	margin-right: 25px;
	
	float: left;
}

div#inhalt img.rechts {
	margin-left: 25px;
	
	float: right;
}

div#inhalt h2,
div#inhalt h3,
div#inhalt h4,
div#inhalt table,
div#inhalt p.block {
	clear: both;
}

div#inhalt div.links {
	width: 255px;
}

div#inhalt div.links h2,
div#inhalt div.links h3,
div#inhalt div.links h4,
div#inhalt div.links table {
	clear: none;
}

/* Station */
div#station {
	padding-left: 25px;
	
	float: left;
	
	width: 195px;
}

div#station h3 {
	margin-top: 31px;
}

div#station img.illustration {
	margin-bottom: 0;
	padding-top: 0;
}

/* Kontakt */
div#kontakt {
	clear: both;
}

@media print {
	div#kontakt {
		display: none;
	}
}

div#kontakt div#tiericons {
	width: 780px;
	height: 56px;
	
	background-image: url(tiere_icons.gif); /* 50% Grau */
	background-repeat: no-repeat;
	background-position: 25px 0;
}

div#kontakt p {
	margin-bottom: 0;
	padding-left: 25px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-color: rgb(176, 167, 165); /* 50% Grau */
	border-top-style: solid;
	
	text-align: right;
}