@charset "utf-8";
/* CSS Document */
/* www.rotate-perspective.com */

html, body {
	background:#000;
	margin:0;
	padding:0;
	height:100%;
	text-align:center;
}
#nonfooter {
	background:#000;
	position:relative;
	min-height:100%;
	width:765px;
	margin: 0 auto;
	border-left: #fff solid 1px;
	border-right: #fff solid 1px;
	background: #000 url(rp_footer_tribal.png) bottom right no-repeat;
}
#nonfooter-schmal {
	background:#000;
	position:relative;
	min-height:100%;
	width:510px;
	margin: 0 auto;
	border-left: #fff solid 1px;
	border-right: #fff solid 1px;
}
* html #nonfooter {
	height:100%;
}
#zentriert { /* nur auf der Startseite */
	width:510px;
	position:absolute;
	height:100%;
	background: url(rp_background_title.png) repeat-x 0px 370px;
}
#rotation { /* nur auf der Startseite */
	position: absolute;
	top: 97px;
	left: 254px;
	z-index: 0;
}
#container {
	width:765px;
	margin:0 auto;
	text-align:left;
	padding-bottom:100px;
	overflow: visible;
}
#header {
	width:765px;
	height:242px;
	margin:0 auto;
	padding:0;
	position:fixed;
	z-index:2;
}
#navigation { width:400px; height:20px; margin:17px 0 0 5px; padding:0; position:relative; top:-242px; }
	  
/*###################*/
/* Beginn Navigation */
/*###################*/
#navi, #navi ul { list-style-type:none; margin:0; padding:0; } /* Style-Reset */
#navi li { width:80px; float:left; text-align:right; } /* Horizontale Anordnung */
#navi li ul { display:none; } /* Normalzustand eingeklappt */
#navi li:hover ul { display:block; } /* Ausgeklappt */
/*###################*/
/* Styles fuers Auge */
/*###################*/
#navi a { font-weight: normal; display:block; text-decoration:none;}
#navi a:link, #navi a:visited { color:#FFF; }
#navi a:active, #navi a:hover { color:#666; }
#navi a.aktiv { color: #666; }

#content {
	padding: 50px 30px 5px 30px;
	position:relative;
	margin: 0 0 100px 0;
	top:190px;
	z-index:1;
}
#footer {
	width:765px;
	height:30px;
	margin-top:-30px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	padding:0;
	position:relative;
	text-align:center;
	z-index: 5;
}
#footer a, a:visited{
	color:#fff;
	text-decoration:none;
}
#footer a:hover, a:active, a:focus {
	color:#333;
}
#footer p {
	font-family:Verdana, Helvetica, sans-serif;
	text-align:center;
	margin:0;
	padding:0;
	color:#fff;
}
a, a:visited{
	font-family:Verdana, Helvetica, sans-serif;
	color:#fff;
	padding:0px;
	margin:0px;
	text-decoration:underline;
}
a:hover, a:active, a:focus {
	color: #333;
}
a img {
	border:0px solid #ffffff;
}
h1 {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:24pt;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#fff;
	text-align:center;
}
h2 {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10pt;
	margin:0 0 40px 0;
	padding:0px;
	color:#fff;
}
h3 {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10pt;
	margin:0px 0px 10px 0px;
	padding:50px 0px 10px 0px;
	color:#fff;
}
p {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10pt;
	text-align:left;
	color:#fff;
}
ul {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10pt;
	text-align:justify;
	color:#fff;
	list-style: circle;
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
}
li {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10pt;
	text-align:justify;
	color:#fff;
	margin: 0px;
	padding: 0px;
}
.zentriert {
	text-align:center;
}
.mehr {
	text-align:center;
	margin-top:5px;
	margin-bottom:0px;
	text-decoration:none;
}
.kleineSchrift {
	font-size:7.5pt ;
	color:#fff;
}
/* Angaben für die Fotoeffekte */
#contentfotografien {
	width: 700px;
	height: 500px;
	position: relative;
	margin: 0 auto;
}
#contentfotografien img {
	border:solid 1px #CCCCCC;
}
#links {
	float: left;
	position:relative;
	width:47px;
	top: 0px;
	left: 0px;
}
#rechts {
	float: right;
	position:relative;
	width:47px;
	top: 0px;
	left: 0px;
}
#bild01, #bild02, #bild03, #bild04, #bild05, #bild06, #bild07, #bild08, #bild09, #bild10, #bild11, #bild12, #bild13, #bild14, #bild15, #bild16, #bild17, #bild18, #bild19, #bild20, #bild21, #bild22, #bild23, #bild24, #bild25, #bild26, #bild27, #bild28, #bild29, #bild30, #bild31, #bild32, #bild33, #bild34, #bild35, #bild36, #bild37, #bild38, #bild39, #bild40 {
	display: block;
	margin:0px;
}
#bild01 div, #bild02 div, #bild03 div, #bild04 div, #bild05 div, #bild06 div, #bild07 div, #bild08 div, #bild09 div, #bild10 div, #bild11 div, #bild12 div, #bild13 div, #bild14 div, #bild15 div, #bild16 div, #bild17 div, #bild18 div, #bild19 div, #bild20 div, #bild21 div, #bild22 div, #bild23 div, #bild24 div, #bild25 div, #bild26 div, #bild27 div, #bild28 div, #bild29 div, #bild30 div, #bild31 div, #bild32 div, #bild33 div, #bild34 div, #bild35 div, #bild36 div, #bild37 div, #bild38 div, #bild39 div, #bild40 div {
	display:none;
}
#bild01:hover div, #bild02:hover div, #bild03:hover div, #bild04:hover div, #bild05:hover div, #bild06:hover div, #bild07:hover div, #bild08:hover div, #bild09:hover div, #bild10:hover div, #bild21:hover div, #bild22:hover div, #bild23:hover div, #bild24:hover div, #bild25:hover div, #bild26:hover div, #bild27:hover div, #bild28:hover div, #bild29:hover div, #bild30:hover div {
	display:block;
	position:absolute;
	top:0px;
	left: 100px;
	text-align:center;
}
#bild11:hover div, #bild12:hover div, #bild13:hover div, #bild14:hover div, #bild15:hover div, #bild16:hover div, #bild17:hover div, #bild18:hover div, #bild19:hover div, #bild20:hover div, #bild31:hover div, #bild32:hover div, #bild33:hover div, #bild34:hover div, #bild35:hover div, #bild36:hover div, #bild37:hover div, #bild38:hover div, #bild39:hover div, #bild40:hover div {
	display:block;
	position:absolute;
	top:0px;
	right: 100px;
	text-align:center;
}
.hochkant {	margin: 0 85px; }
.quer {	margin: 85px 0; }
.zitat {
	float: right;
	width: 280px;
	position: relative;
	margin: 60px 0px 160px 30px;
	padding: 0;
	border: 1px dotted #CCCCCC;
}
.zitat p{
	font-size: 8pt;
	margin: 0px;
	padding: 5px;
	text-align: left;
}
.zitat p.right { text-align: right;}
.grafik {
	float: right;
	width: 280px;
	height: 350px;
	position: relative;
	margin: 60px 0px 60px 30px;
	padding: 0;
	border: 1px solid #CCCCCC;
}
.galerietext {
	margin:0;
	padding:0 185px 0 185px;
	text-align: justify;
}
.galerietext_links {
	margin:0;
	padding:0 185px 0 185px;
	text-align:left;
}
.galerietext_rechts {
	margin: 0;
	text-align: right;
	padding:0 185px 0 185px;
}
#languages {
	position: fixed;
	margin: 10px 10px 5px 777px;
	padding: 1px;
}
a#rollover_english { background: no-repeat url(english_bw.png); height: 10px; width:20px; display:block; margin:1px; padding:1px; }
a#rollover_english span { display:none; }
a#rollover_english:hover { background-image: url(english_color.png); }
a#rollover_german { background: no-repeat url(german_bw.png); height: 10px; width:20px; display:block; margin:1px; padding:1px; }
a#rollover_german span { display:none; }
a#rollover_german:hover { background-image:url(german_color.png); }

#logo { position:absolute; display: block; height: 131px; width: 131px; top: 18px; left: 608px; }
#logo div{ display: none; }
#logo:hover div { position:absolute; display: block; height: 131px; width: 131px; top: 18px; left: 608px; background-image: url(logo_black.png); }