@charset "UTF-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	color: #000;
	line-height: 22px;
}
img {
	border:none;
}
h1, h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 23px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	line-height: 29px;
	color: #FFF;
	background-color: #0FF;
	padding-left: 5px;
	display: inline;
	padding-right: 33px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0FF;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFF;
	letter-spacing: 0.026em;
}
h2 {
	letter-spacing: .02em;/*	line-height: 37px; */
}
h3 {
	font-weight: normal;
	letter-spacing: 0.26em;
	font-size: 13px;
}
.fliesstext {
	line-height: 19px;
	letter-spacing: .03em;
}



/*
h1, h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 23px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	line-height: 29px;
	color: #FFF;
	background-color: #0FF;
	padding-left: 5px;
	display: inline;
	padding-right: 33px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0FF;
}
h2 {
	line-height: 37px;
}

*/



.name {
	letter-spacing: 0.26em;
	padding-left: 5px;
}
.content-strich, .content p {
	padding-left: 5px;
}
.content-strich {
	padding-left: 0px;
}
.untertitel, .untertitel-projekt {
	letter-spacing: 0.26em;
	display: inline;
	padding-right: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0FF;
	background-color: #0FF;
}
.untertitel-projekt {
	border-bottom-color: #FFF;
	background-color: #FFF;
}
.projekt {
	color:#000;
	border-bottom-color: #FFF;
	background-color: #FFF;
}

.navi {
	padding-left: 5px;
}
a.navigation {
	padding-left: 5px;
	padding-right: 2px;
	color: #000;
	text-decoration: none;
}
a.navigation:hover, a.navigation-aktiv:hover {
	letter-spacing: 0.26em;
	background-color: #0FF;
	display: inline;
	padding-right: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0FF;
	text-decoration:none;
}
a.navigation-aktiv {
	padding-left: 5px;
	padding-right: 2px;
	color: #000;
	text-decoration: underline;
	letter-spacing: 0.26em;
}

a.navigation-bilder {
	padding-left: 0px;
}
a.navigation-bilder:hover {
	padding-left: 5px;
	padding-right: 2px;
}
.pfeile {
	padding-left: 2px;
}
a.pfeile {
	padding-left: 3px;
	padding-right: 3px;
	color: #000;
	text-decoration: none;
}
a.pfeile:hover {
	background-color: #0FF;
/*	display: inline;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0FF;
	text-decoration:none;
}


a.start {
	color: #000;
	text-decoration: none;
}
a.start:hover {
	letter-spacing: 0.26em;
	background-color: #0FF;
	display: inline;
	padding-right: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0FF;
	text-decoration:none;
	padding-left: 5px;
}
.leerzeile1 {
	line-height: 0px;
}
.leerzeile2 {
	line-height: 6px;
}
.leerzeile3 {
	line-height: 1px;
}

.rand {
	padding-left:5px;
}

/* Bildergalerie */

#picture-box {
	position: relative;
	height: 100px;
/*	background-color: #999;*/
}
/* erste Zeile */
#picture01 {
	position: absolute;
	left: -10px;
	top: 0px;
	z-index: 10;
}
#picture02 {
	position: absolute;
	left: 131px;
	top: 0px;
	z-index: 10;
}
#picture03 {
	position: absolute;
	left: 272px;
	top: 0px;
	z-index: 10;
}
#picture04 {
	position: absolute;
	left: 413px;
	top: 0px;
	z-index: 10;
}
#picture05 {
	position: absolute;
	left: 554px;
	top: 0px;
	z-index: 10;
}
/* zweite Reihe */
#picture06 {
	position: absolute;
	left: -10px;
	top: 106px;
	z-index: 10;
}
#picture07 {
	position: absolute;
	left: 131px;
	top: 106px;
	z-index: 10;
}
#picture08 {
	position: absolute;
	left: 272px;
	top: 106px;
	z-index: 10;
}
#picture09 {
	position: absolute;
	left: 413px;
	top: 106px;
	z-index: 10;
}
#picture10 {
	position: absolute;
	left: 554px;
	top: 106px;
	z-index: 10;
}
/* dritte Reihe */
#picture11 {
	position: absolute;
	left: -10px;
	top: 212px;
	z-index: 10;
}
#picture12 {
	position: absolute;
	left: 131px;
	top: 212px;
	z-index: 10;
}
#picture13 {
	position: absolute;
	left: 272px;
	top: 212px;
	z-index: 10;
}
#picture14 {
	position: absolute;
	left: 413px;
	top: 212px;
	z-index: 10;
}
#picture15 {
	position: absolute;
	left: 554px;
	top: 212px;
	z-index: 10;
}
/* vierte Reihe */
#picture16 {
	position: absolute;
	left: -10px;
	top: 318px;
	z-index: 10;
}
#picture17 {
	position: absolute;
	left: 131px;
	top: 318px;
	z-index: 10;
}
#picture18 {
	position: absolute;
	left: 272px;
	top: 318px;
	z-index: 10;
}
#picture19 {
	position: absolute;
	left: 413px;
	top: 318px;
	z-index: 10;
}
#picture20 {
	position: absolute;
	left: 554px;
	top: 318px;
	z-index: 10;
}
#picture-gross {
	position: absolute;
	left: 0px;
	top: 10px;
	z-index: 10;
}



/* ********************************************************************************* */
#beschreibung {
	position: absolute;
	left: 251px;
	top: 25px;
	width:408px;
	height:412px;
	background-color: #FFF;
	z-index: 1;
}

#beschreibung-inner {
	width:378px;
	margin:10px 15px 0px 15px;
	background-color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 23px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	line-height: 26px;
	color: #000;
	z-index: auto;
}

#beschreibung-gross {
	position: absolute;
	left: 157px;
	top: 43px;
	width:408px;
	height:412px;
	background-color: #FFF;
	z-index: 1;
}
#beschreibung-aktuell {
	position: absolute;
	left: 251px;
	top: 41px;
	width:408px;
	height:412px;
	background-color: #00FFFF;
	z-index: 1;
}
#beschreibung-aktuell-inner {
	width:378px;
	margin:10px 15px 0px 15px;
	background-color: #0FF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 23px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	line-height: 26px;
	color: #FFF;
	z-index: auto;
}


a.link-beschreibung {
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	color: #000;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
a.link-beschreibung:hover {
	text-decoration: underline;
}


.bildrahmen {
	padding: 10px;
}
.bildrahmen:hover {
	background-color: #0FF;
	padding: 10px;
}
.bildrahmen-weiss {
	padding: 10px;
}
.bildrahmen-weiss:hover {
	background-color: #FFF;
	padding: 10px;
}