@charset "utf-8";

/* CSS Document, erstellt  11.11.2008 von BILDERMANN.de*/

body {
	background-color: #444;
	color: #CCC;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	padding: 0;
	margin: 0;
	scrollbar-3dlight-color :  #FF9900; /* 3D-Rahmen. Farbe der aesseren linken und oberen Seite der 3D-Elemente */
	scrollbar-arrow-color : #ccc; /* Farbe des Scrollbalken-Pfeils */
	scrollbar-base-color : #FF9900; /* Scrollbalken-Farbe */
	scrollbar-darkshadow-color : Black; /* 3D-Rahmen. Farbe der aesseren rechten und unteren Seite der 3D-Elemente */
	scrollbar-face-color : #444; /* Farbe der Scrollbalken-Oberflaeche */
	scrollbar-highlight-color : #FF9900; /* 3D-Rahmen. Farbe der linken und oberen Seite der 3D-Elemente */
	scrollbar-shadow-color : #FF9900; /* 3D-Rahmen. Farbe der rechten und unteren Seite der 3D-Elemente */
	scrollbar-track-color : #333; /* Scrollbalken-Hintergrundfarbe */
}

/* --------------------------
wrapper
-------------------------- */
#wrapper {
	background-color: #111;
	margin-top: 275px; /* halbe Höhe #wrapper */
	border: double #333;
	width: 875px;
	height: 600px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -475px;
	margin-top: -300px;
	padding: 0px 30px 0px 30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
}

#counter2 {
	color:#666666;
}

/* --------------------------
Indexseite
-------------------------- */
#logostartbild {
	padding-top: 175px;
	margin: auto;
	width: 50%;
	text-align: center;
}

/* --------------------------
Inhalte nicht anzeigen
-------------------------- */
#verbergen {
	position: absolute;
	top: -5000px;
	left: -5000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}

/* --------------------------
allg. Navigation im Kopf
-------------------------- */
#navibereich {
	background-color: #111;
	height: 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:90%;
	color:#CCCCCC;
	text-align: center;
	border-bottom: 1px solid #FF9900;
	margin-top: 30px;
}

#navibereich ul li {
	list-style-type: none;
	display: inline;
	margin: 10px;
	}

#navibereich a:link {
	color: #FF9900;
	text-decoration: none;
}

#navibereich a {
	text-decoration: none;
}

#navibereich a:active {
	color: #FF9900;
} /* aktive Links */

#navibereich a:hover, #navibereich a:focus {
	border-bottom: 1px solid #FF9900;
}

/* --------------------------------------
Einzelbildnavigation bei den Grossbildern
-------------------------------------- */

#inhaltbereich a {
	color: #FF9900;
	text-decoration: underline;
}



#inhaltbereich ul li { list-style-image: url(../images/punkt.png);
margin-bottom: 35px;
}

/* nicht besuchte Links */
#bildnavibereich a:link {
	color: #CCC;
	text-decoration: none;
}

#bildnavibereich a:hover, #bildnavibereich a:focus {
	border-bottom: 1px solid #FF9900;
}

/* --------------------------
inhaltbereich
-------------------------- */
#inhaltbereich {
	color: #CCCCCC;
	position: absolute;
	overflow: auto;
	height: 480px;
	width: 800px;
	padding-right: 15px;
	padding-left: 40px;
	line-height: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	word-spacing:5px;
	line-height: 25px;
	top: 107px;
	left: 60px;
}

#inhaltbereich a {
	color: #CCCCCC;
	text-decoration: underline;
}

#inhaltbereich a:hover {
	color:#FF9900;
	text-decoration: none;
}

img {
	border: none;
}

a:hover img {
	filter:XRay();
}/* verlinkte Bilder beim Überfahren in den Helligkeitswerten umkehren(nur IE) */

#grossbild {
	text-align:center;
}

/* --------------------------
Ueberschriften
-------------------------- */
h1 {
	font-size: 120%;
}

h2 {
	font-size: 110%;
}

h3 {
	font-size: 100%;
}

/* --------------------------
Linkverhalten
-------------------------- */
a {
	color: #999999;
	text-decoration: underline;
}  /* Link allgemein */

a:link {
	color: #999999;
} /* nicht besuchte Links */

a:visited {
	color: #FF9900;
} /* besuchte Links */

a:hover, a:focus {
	text-decoration: underline;
	color:  #FF9900;
}

a:active {
	color: #FF9900;
} /* aktive Links */

/* --------------------------
Bild auf Biografieseite
-------------------------- */
#rolf {
	float:left;
	margin-left: 20px;
	margin-right: 50px;
	margin-bottom: 20px;
	margin-top: 65px;
}