@charset "UTF-8";
/* geht nicht in Safari ü */


/********** Fonts **********/

@font-face {
	font-family: 'Schrift';
	font-weight: normal;
	font-style: normal;
	src: url('fonts/ColabReg.eot');
	src: url('fonts/ColabReg.eot?#iefix') format('embedded-opentype'),
		url('fonts/ColabReg.woff') format('woff'),
		url('fonts/ColabReg.ttf') format('truetype'),
		url('fonts/ColabReg.svg#ColaborateRegular') format('svg');
}

@font-face {
	font-family: 'Schrift';
	font-weight: bold;
	font-style: normal;
	src: url('fonts/ColabBol.eot');
	src: url('fonts/ColabBol.eot?#iefix') format('embedded-opentype'),
		url('fonts/ColabBol.woff') format('woff'),
		url('fonts/ColabBol.ttf') format('truetype'),
		url('fonts/ColabBol.svg#ColaborateBoldRegular') format('svg');
}

@font-face {
	font-family: 'Schrift';
	font-weight: bold;
	font-style: italic;
	src: url('fonts/ColabMed.eot');
	src: url('fonts/ColabMed.eot?#iefix') format('embedded-opentype'),
		url('fonts/ColabMed.woff') format('woff'),
		url('fonts/ColabMed.ttf') format('truetype'),
		url('fonts/ColabMed.svg#ColaborateMediumRegular') format('svg');
}



/********** allgemein **********/

#navigation,
#navigation *
#sprachwahl,
#sprachwahl *,
#text_extra,
#text_extra *,
* {
	font-family: Schrift, Sans;
	font-size: 15px;
	line-height: 20px;
	font-weight: normal;
	font-style: normal;
	color: #004600;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	/* Silbentrennung */
	-webkit-hyphens: auto;
  -moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	hyphenate-before: 5;
	hyphenate-after: 5;
	/* iPhone: Font Resizing ausschalten */
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
}
*:focus {
	outline: none;
}
img {
	border: 0px;
}
a {
	cursor: pointer;
	text-decoration: none;
}

body, html {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

body {
	/*
	background-color: #000000;
	*/
}

*.hidden {
	display: none;
}



/********** Aufbau **********/

#logo_klein {
	position: absolute;
	z-index: 6;
	display: block;
	top: 12px;
	left: 50%;
	margin-left: -391px;
	/* Variante in Navigations-Rahmen eingebunden:
	top: -51px;
	left: -116px;
	*/
	width: 102px;
	height: 97px;
	background-image: url("bilder/logo_klein.png");
}
#logo_klein a {
	position: absolute;
	width: 100%;
	height: 100%;
}

#logo_start {
	position: absolute;
	z-index: 4;
	top: 55%;
	left: 50%;
	/*
	alt 01:
	width: 435px;
	height: 393px;
	margin-left: -217px;
	margin-top: -197px;
	alt 02:
	width: 492px;
	height: 446px;
	margin-left: -246px;
	margin-top: -223px;
	*/
	width: 494px;
	height: 449px;
	margin-left: -247px;
	margin-top: -224px;
	background-image: url("bilder/logo_start.png");
}
#logo_start img {
	width: 100%;
	height: 100%;
}

#verlauf {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	/*
	background: gradient(to bottom, #FFFFF 0%);
	*/
}



/********** Navigation **********/

#navigation_rahmen {
	position: absolute;
	z-index: 5;
	top: 55px;
	left: 50%;
	width: 550px;
	margin-left: -275px;
}
#navigation {
	width: 100%;
}
#sprachwahl {
	position: absolute;
	z-index: 1;
	top: 0px;
	right: 0px;
}
#navigation,
#sprachwahl,
#navigation li,
#sprachwahl li,
#navigation li a,
#sprachwahl li a {
	color: #004600;
	font-size: 17px;
	line-height: 17px;
	font-weight: bold;
	letter-spacing: 0.025em;
	/*
	text-shadow: 0px 0px 40px #FFF;
	*/
}
#navigation li,
#sprachwahl li {
	display: inline-block;
	list-style-type: none;
}
#navigation li + li,
#sprachwahl li + li {
	margin-left: 12px;
}
#navigation li a,
#sprachwahl li a {
	display: block;
	text-decoration: none;
	padding: 8px 0px 9px 0px;
}
#navigation li a:hover,
#sprachwahl li a:hover,
#navigation li a.aktiv,
#sprachwahl li a.aktiv {
	border-top: 1px solid #004600;
	border-bottom: 1px solid #004600;
	margin: -1px 0px -1px 0px;
}



/********** Subnavigation Black Rhinoceros **********/
#navigation_black_rhinoceros {
	width: 100%;
	border-top: 1px solid #004600;
	padding: 8px 0px 9px 0px;
}
#navigation_black_rhinoceros,
#navigation_black_rhinoceros li,
#navigation_black_rhinoceros li a {
	color: #004600;
	font-size: 15px;
	line-height: 15px;
	font-weight: normal;
	letter-spacing: 0.025em;
}
#navigation_black_rhinoceros li {
	display: inline-block;
	list-style-type: none;
	height: 100%;
}
#navigation_black_rhinoceros li + li {
	margin-left: 14px;
}
#navigation_black_rhinoceros li a {
	text-decoration: none;
	padding: 7px 0px 9px 0px;
}
#navigation_black_rhinoceros li a:hover,
#navigation_black_rhinoceros li a.aktiv {
	border-bottom: 1px solid #004600;
	margin: -1px 0px 0px 0px;
}



/********** Inhalt **********/

#inhalt_rahmen {
	position: absolute;
	z-index: 3;
	top: 124px;
	bottom: 0px;
	left: 50%;
	width: 590px;
	/* zum Testen:
	height: 400px;
	*/
	margin-left: -275px;
	overflow-x: hidden;
	overflow-y: auto;
}

#inhalt {
	width: 550px;
	text-align: justify;
	padding-bottom: 30px;
	overflow-x: hidden;
	left: 0px;
}

#inhalt p {
	width: 550px;
}

#inhalt a {
	text-decoration: underline;
}
#inhalt a:hover {
	text-decoration: none;
	color: #DDD;
	background-color: #004600;
	padding: 1px 2px 1px 2px;
	margin: -1px -2px -1px -2px;
	/*
	border-top: 1px solid #000;
	*/
}



/********** Erongo-Massiv (Google-Teil) **********/

#text_extra {
	position: absolute;
	z-index: 1;
	bottom: 20px;
	left: 50%;
	width: 550px;
	margin-left: -275px;
	text-align: justify;
	text-shadow: 0px 0px 40px #FFF;
}



/********** Auszeichnung **********/

h2 {
	font-size: 17px;
	line-height: 20px;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
}

h4 {
	font-size: 17px;
	font-weight: normal;
	margin: 20px 0px 10px 0px;
}

#inhalt p + p {
	margin-top: 10px;
}

#inhalt a {
	text-decoration: underline;
}

p {
	text-align: justify;
}

b,
strong {
	font-weight: bold;
}

*.klein {
	font-size: 13px;
}
p.klein {
	line-height: 18px;
}

em {
}

*.fehler {
	color: #FF0000;
}

sup {
	line-height: 0px;
	font-size: 11px;
}



/********** Bilder klein (Black Rhinoceros) **********/

#rhino_bilder {
	position: relative;
	margin: 5px 0px 15px 0px;
	width: 550px;
	height: 414px;
}

#rhino_foto,
#rhino_foto_davor,
#rhino_foto_danach {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
#rhino_foto {
	z-index: 2;
	/*
	cursor: pointer;
	*/
}	
#rhino_foto_davor,
#rhino_foto_danach {
	z-index: 1;
}
#rhino_foto_vorrat,
#rhino_foto_alt {
	z-index: 0;
	display: none;
}
#rhino_foto_vorrat,
#rhino_foto_alt {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 100px;
	height: 70px;
}

#rhino_pfeil_links,
#rhino_pfeil_rechts {
	position: absolute;
	z-index: 3;
	top: 50%;
	margin-top: -7px;
	width: 31px;
	height: 13px;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	display: none;
}
#rhino_pfeil_links {
	left: 4px;
	background-image: url("bilder/pfeil_rueckwaerts.png");
}
#rhino_pfeil_rechts {
	right: 4px;
	background-image: url("bilder/pfeil_vorwaerts.png");
}

#rhino_zaehler {
	position: absolute;
	z-index: 4;
	bottom: 3px;
	right: 14px;
}
#rhino_zaehler,
#rhino_zahl_aktuell,
#rhino_zahl_gesamt {
	color: #FFF;
}



/********** Bildergalerie (BREC) **********/

#brec_bilder {
	position: relative;
	margin: 5px 0px 15px 0px;
	width: 550px;
	height: 414px;
}

#brec_foto,
#brec_foto_davor,
#brec_foto_danach {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
#brec_foto {
	z-index: 2;
	/*
	cursor: pointer;
	*/
}	
#brec_foto_davor,
#brec_foto_danach {
	z-index: 1;
}
#brec_foto_vorrat,
#brec_foto_alt {
	z-index: 0;
	display: none;
}
#brec_foto_vorrat,
#brec_foto_alt {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 100px;
	height: 70px;
}

#brec_pfeil_links,
#brec_pfeil_rechts {
	position: absolute;
	z-index: 3;
	top: 50%;
	margin-top: -7px;
	width: 31px;
	height: 13px;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	display: none;
}
#brec_pfeil_links {
	left: 4px;
	background-image: url("bilder/pfeil_rueckwaerts.png");
}
#brec_pfeil_rechts {
	right: 4px;
	background-image: url("bilder/pfeil_vorwaerts.png");
}

#brec_zaehler {
	position: absolute;
	z-index: 4;
	bottom: 3px;
	right: 14px;
}
#brec_zaehler,
#brec_zahl_aktuell,
#brec_zahl_gesamt {
	color: #FFF;
}



/********** Blog **********/

div.eintrag {
}

p.datum {
	font-size: 15px;
	font-weight: bold;
	margin: 0px 0px -10px 0px;
	color: #004600;
}

div.eintrag p + img {
	margin: 10px 0px 10px 0px;
}

img.mit_rand {
	border: 1px solid #004600;
}

hr.trennlinie {
	border-top: 1px solid #004600;
	margin: 20px 0px 20px 0px;
}


/********** Bilder groß (bildschirmfüllend) **********/

#bild_rahmen {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#foto,
#foto_davor,
#foto_danach {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
#foto {
	z-index: 2;
}
#foto_danach {
	z-index: 1;
	/*
	display: none;
	visibility: hidden;
	*/
}
#foto_davor,
#foto_vorrat {
	z-index: 0;
	display: none;
}
#foto_alt {
	position: absolute;
	z-index: 0;
	left: 10px;
	top: 10px;
	width: 100px;
	height: 70px;
	display: none;
	/*
	background-color: #000;
	*/
}

#verlauf_oben,
#verlauf_unten {
	position: absolute;
	z-index: 3;
	left: 0px;
	width: 100%;
}
#verlauf_oben {
	position: absolute;
	top: 0px;
	height: 50%;
}
#verlauf_unten {
	position: absolute;
	bottom: 0px;
	height: 130px;
}


/* Bilder Navigation*/
#bilder_navigation {
	position: absolute;
	z-index: 4;
	bottom: 14px;
	left: 50%;
	margin-left: -535px;
	height: 60px;
	overflow: hidden;
	display: none;
	/*
	width: 1070px;
	background-color: #000;
	*/
}
#thumbnails_rahmen {
	position: absolute;
	left: 40px;
	height: 60px;
	overflow: hidden;
	/*
	width: 990px;
	*/
}
#thumbnails_inhalt {
	position: absolute;
	left: 0px;
	height: 60px;
	white-space: nowrap;
}
img.thumbnail {
	width: 90px;
	height: 60px;
}
img.thumbnail + img.thumbnail {
	margin-left: 10px;
}
#pfeil_links,
#pfeil_rechts {
	position: absolute;
	top: 23px;
	width: 31px;
	height: 13px;
	display: none;
}
#pfeil_links {
	left: 0px;
}
#pfeil_rechts {
	right: 0px;
}
img.thumbnail,
#pfeil_links,
#pfeil_rechts {
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

#ladehinweis {
	position: absolute;
	z-index: 5;
	top: 50%;
	margin-top: -15px;
	left: 50%;
	margin-left: -100px;
	width: 200px;
	text-align: center;
	letter-spacing: 0.025em;
	line-height: 15px;
	height: 15px;
	color: #004600;
	color: #FFF;
	display: none;
	/*
	font-weight: bold;
	font-style: italic;
	text-shadow: 0px 0px 40px #FFF;
	*/
}



/********** Vorladen **********/

div.vorladen {
	position: absolute;
	z-index: 7;
	top: 50%;
	left: 50%;
	margin-top: -37px;
	margin-left: -26px;
	width: 53px;
	height: 54px;
	background-image: url("bilder/vorladen.png");
	display: none;
}



/********** Google **********/

#google_rahmen {
	position: absolute;
	z-index: 0;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#google_vorab {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

#google_rahmen * {
	font-family: Arial, Sans!important;
	font-size: 10px!important;
	line-height: 16px!important;
	font-style: normal!important;
	font-weight: normal!important;
	color: #666!important;
	/*
	padding: 0px!important;
	*/
}