/* CSS-Datei für fotoklicker.de */
* { padding: 0; margin: 0; } /* Browser kalibrieren. Alle Randwerte werden auf 0 gesetzt und meine werden verwendet. */

body {
	background-color: rgb(195,195,195);
	background-repeat: no-repeat; 
	color: rgb(100,90,90);
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: small; /* Schriftgröße */
	text-align: center;
	width: 1024px; /* Breite des Inhaltsbereichs */
	margin: 0 auto;
}

/* Gestalte das div mit id="wrapper" */

div#black {
	background-color: rgb(0,0,0);
	background-repeat: no-repeat;
	/*width: 1200px; /* Breite des Inhaltsbereichs */
	height: 700px; /* Hoehe des Inhaltsbereichs */
	position:relative;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	border: 5px solid rgb(195,195,195);
}

div#wrapper {
	width: 900px; /* Breite des Inhaltsbereichs */
	height: 600px; /* Hoehe des Inhaltsbereichs */
	position:relative;
	margin-top:20px;
	margin-left: auto;
	margin-right: auto;
	border: 20px solid rgb(175,175,175);
}

div#wrapper_black {
	background-color: transparent;
	width: 900px; /* Breite des Inhaltsbereichs */
	height: 600px; /* Hoehe des Inhaltsbereichs */
	position:relative;
	margin-top:30px;
	margin-left: auto;
	margin-right: auto;
	border: 5px solid rgb(255,255,255);
}

div#wrapper_hoch {
	width: 600px; /* Breite des Inhaltsbereichs */
	height: 900px; /* Hoehe des Inhaltsbereichs */
	position:relative;
	margin-top:20px;
	margin-left: auto;
	margin-right: auto;
	border: 5px solid rgb(255,255,255);
}

div#mail {
	background-color: transparent; /* Transparent */
	color: rgb(100,90,90); 
	position: relative;
	top: 640px;
	left: 620px;
}

div#helges_link {
	background-color: transparent; /* Transparent */
	color: rgb(100,90,90); 
	position: absolute;
	top: 300px;
	left: 550px;
}

div#Helges_Fotos {
	width: 880px; /* Breite des Inhaltsbereichs */
	height: 580px; /* Hoehe des Inhaltsbereichs */
 	position: absolute;
	top: 0px;
	left: 0px;
}

div#Helges_Fotos_hoch {
	width: 580px; /* Breite des Inhaltsbereichs */
	height: 880px; /* Hoehe des Inhaltsbereichs */
 	position: absolute;
	top: 0px;
	left: 0px;
}

div#vor {
	background-color: transparent; /* Transparent */
	color: rgb(255, 255, 255); 
	position: relative;
	top: 0px;
	left: 0px;
}

div#zurueck {
	background-color: transparent; /* Transparent */
	color: rgb(255, 255, 255); 
	position: relative;
	top: 0px;
	left: 0px;
}

div#anfang {
	background-color: transparent; /* Transparent */
	color: rgb(255, 255, 255); 
	position: relative;
	top: 0px;
	right: 0px;
}

div#navigieren {
	background-color: transparent; /* Transparent */
	color: rgb(255, 0, 0); 
	position: relative;
	top: 0px;
	left: 0px;
}

h1 { font-size: 180%; text-align: center; } /* Erste Ueberschrift */
h2 { font-size: 150%; text-align: center; } /* Zweite Ueberschrift */
h3 { font-size: 120%; text-align: center; } /* Dritte Ueberschrift */

a { font-weight: bold;
	font-size: 110%;
	color: rgb(255,0,0); 
}
a:hover, /* Gestalten der Links bei Mauskontakt, Tastaturkontakt. */
a:focus {
  border-bottom: 1px solid rgb(100,90,90);
}

a:active { /*  und wenn er aktiv ist */
  color: rgb(175,175,175);
  background-color: white;
}
a { text-decoration:none; } /* Unterstreichung und Umrandung in Hyperlinks entfernen - "a" bezeichnet Hyperlinks */
/* outline:none kann benutzt werden, um die Umrandung des fokussierten Links zu entfernen. */
/* a:link { color: #d90000; } */
/* a:visited { color: #cc6666; } */

ul li { list-style-type: disc; } /* Punkt in ungeordneten Listen */
p { margin-top: 1em; } /* Abstand nach oben */
ul, ol { margin-top: 1em; } /* Abstand nach oben */
li { margin-left: 1em; } /* Abstand nach links */
p { font-size: 120%; } /* Schriftgroesse */