/* Stylesheet */
/* Gestalte das HTML-Element mit dem Namen body */
* { padding: 0; margin: 0; } /* Browser kalibrieren. Alle Randwerte werden auf 0 gesetzt und meine werden verwendet. */

body {
	background-image: url(Dagebuell_2008_4_web1.jpg); /* wir fuegen ein Bild ein. */
	background-repeat: no-repeat; 
	color: rgb(39,18,235); 
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 110; /* Schriftgröße */
	width: 1024px; /* Breite des Inhaltsbereichs */
	margin: 0 auto;
}

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

div#wrapper_1 {
	background-color: transparent;
	color: rgb(255,255,255); 
	width: 1024px; /* Breite des Inhaltsbereichs */
	height: 683px; /* Hoehe des Inhaltsbereichs */
	position:relative;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid rgb(39,18,235);
}

div#beginn_1 {
	background-color: transparent; /* Transparent */
	color: rgb(39,18,235);
	font-size: 110%; text-align: center;
	font-weight: bold; /* fette Schrift */
	text-align: center;
	width: 560px; /* Breite des Inhaltsbereichs */
	height: 250px; /* Hoehe des Inhaltsbereichs */
 	position: absolute;
	top: 40px;
	left: 20%;
	/*padding: 0px;*/
}

div#beruf_link {
	background-color: transparent; /* Transparent */
	color: rgb(39,18,235); 
	position: absolute;
	top: 400px;
	left: 320px;
}

div#hobby_link {
	background-color: transparent; /* Transparent */
	color: rgb(39,18,235); 
	position: absolute;
	top: 300px;
	left: 95px;
}

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

a { font-weight: bold;
	font-size: 140%;
	color: rgb(39,18,235); 
}
a:visited {
	color: blue;
}

a:focus {
  border-bottom: 1px solid rgb(39,18,235);
}
a:hover,
a:active { /*  und wenn er aktiv ist */
  color: white;
  background-color: rgb(39,18,235);
}
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 */