/* CSS Document */
body {
	font-family: "Din Regular", Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	background-color: #FFFFFF;
	color: #000000;
}

* {
margin: 0;
padding: 0;
font-size: 1em;
font-weight: normal;
}

p {
	font-size: 1.1em;
font-family: "Din Regular", Verdana, Arial, Helvetica, sans-serif;
}
img a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/* =====Link allgemein ======== */

a{
	text-decoration: none;
font-family: "Din Regular", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
a:link { color: #000000; }
a:active {color: #993300;}
a:visited { color: #000000; }
a:hover{color: #993300;
}


/* =====Link classe für ("TEXT|CREDIT") ======== */


.normal:link { color: #000000; }
.normal:active {color: #993300;}
.normal:visited { color: #000000; }
.normal:hover{color: #993300;}

.aktiv:link { color: #993300; }
.aktiv:active {color: #993300;}
.aktiv:visited { color: #993300; }
.aktiv:hover{color: #993300;}


/* ===== Zentrierung der Seite ======== */

body {
	text-align: center;
}

#allbox {
text-align: left;
margin-top: 50px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}

/* ======== grundlegende Struktur ========== */

#allbox {
width: 920px;  
}

#head { /*Logo*/
	width: 920px;
	background-color: #FFFFFF;
	padding-top: 30px;
}


h1 { /*Logo*/
width: 920px;
height: 60px;
background-color: #FFFFFF;
margin: 0px;
}


h2 {
font-family: "Din Regular", Verdana, Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-weight: bold;
margin-top: 0px;
margin-bottom: 5px;
}

#inhaltbox {
	width: 920px;
	background-color: #FFFFFF;
}

/* ======== linke navigation ========== */
#navigation {
	float: left;
	width: 180px;
	text-align: left;
	vertical-align: bottom;
}


/* ======== inhalt teil ========== */

#inhaltstart {
background-color: #FFFFFF;
margin-top: 0;
margin-right: 4px;
margin-bottom: 0;
margin-left: 184px;
color: #FFFFFF;
}

#inhalt {
	background-color: #FFFFFF;
	margin-top: auto;
	margin-right: 124px;
	margin-bottom: auto;
	margin-left: 184px;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
}


#werktitel{
	background-color: #FFFFFF;
	height: 20px;
	width: 500px;
font-family: "Din Regular", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	position: relative;
	left: 0px;
	top: 6px;
	text-align: left;
}


#bildbox {
	color: #000000;
	height: 570px;
	width: 70px;
	vertical-align: bottom;
	text-align: left;
	float: left;
}

.pfeil {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/* ======== ebene text ein und ausblenden ========== */

#text {
	position: absolute;
	background-color: #FFFFFF;
	height: 570px;
	width: 610px;
	line-height: 21px;
	padding-top: 10px;
	visibility: hidden;
	
}
/* ======== ebene credits ein und ausblenden ========== */

#credits {
	position: absolute;
	line-height: 18px;
	background-color: #FFFFFF;
	height: 570px;
	width: 610px;
	margin-top: 0px;
	padding-top: 10px;
	visibility: hidden;
}
/* ======== grösse von titel esch sintzel... ========== */

.logotitel {
font-size: 1.2em
}

/* ======== zurück image positionieren ========== */

#home {
	text-align: right;
	margin-right: 60px;
	margin-bottom: 20px;
}

/* ========ebene für bildlauf ========== */

#fenster{
	position: absolute;
	z-index: 3;
	width: 120px;
	height: 560px;
	overflow: hidden;
	display: block;
	text-align: right;
	visibility: hidden;
}

#box {
	position: absolute;
	z-index: 2;
	width: 120;
	visibility: visible;
	display: block;
	margin-left: 4px;
}


.tumb {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-top: 10px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
}


/* ======== rechte info teil ========== */

#information {
	float: right;
	width: 120px;
	text-align: right;
}

#infos {
text-align: left;
margin: 3px;
padding-right: 5px;
padding-left: 5px;
}


/* ======== fuss bereich========== */
#footer {
clear: both;
text-align: center;
background-color: #FFFFFF;
color: #000000;
}