/* Navigation               */
/* ======================== */
#navigation {
   background-color: transparent;   /* Hintergrund des Navi-Bereiches */
   position: absolute;
   top: 50px;   /* Höhe von ganz oben */
   left: 4px;   /* Linker Rand der Buttons */
   }
	
#navigation LI {
   background-color: transparent;   /* Hintergrund des Navi-Bereiches */
   padding: 0;
   margin: 0;
   list-style: none;
   width: 168px;
   }

#navigation UL {
   background-color: transparent;  /* Hintergrund des Navi-Bereiches */
   padding: 0;
   margin: 0;
   }

#navigation A {
	color: #ffffff; /* Schriftfarbe des Buttons = weiss */
	text-decoration: none;
	display: block;
	padding: 0;
	border: 1px solid #000066; /* Rahmenfarbe des Buttons = weiss */
	margin: 2px 0 0 2px;
	width: 140px; /* Breite der Navi-Buttons */
	font-size: 10px;
	font-weight: bold;
}

#navigation A:link,
#navigation A:visited {
   background-color: #000066;   /* Farbe des Buttons im Ruhezustand = Dkl-blau */
   padding: 3px 4px 3px 4px;
   }

#navigation A:hover,
#navigation A:focus {
   background-color: #993333;   /* Farbe des Buttons beim Draufdeuten = Bordeaux */
   padding: 3px 4px 3px 4px;
   }

#ihomepage #navigation A.homepage,
#ichallenge #navigation A.challenge,
#isolution #navigation A.solution,
#iprojects #navigation A.projects,
#iskills #navigation A.skills,
#ihumour #navigation A.humour,
#iwillacker #navigation A.willacker,
#iimpressum #navigation A.impressum,
#ix #navigation A.cx,
#iy #navigation A.cy,
#id #navigation A.cz {
   background-color: #F6FFFF;   /* Farbe des gedrückten Buttons */
   padding: 3px 4px 3px 4px;
   border-left: 7px double #993333;   /* Li-Rand gedrückter Button = bordeaux */
   margin: 2px 0 0 0;
	color: #000066; /* Schriftfarbe des Buttons = dklblau */
   }
	
/* Flaggen               */
/* ======================== */
#flagge-deutsch {
	position: absolute;
	top: 280px; /* Höhe von ganz oben */
	left: 53px; /* Linker Rand der Buttons */
	display: block;
	border: 0;
	width: 46px; /* Breite des Blocks */
	height: 32px;
}
	
#flagge-englisch {
   position: absolute;
   top: 320px;   /* Höhe von ganz oben */
   left: 53px;   /* Linker Rand der Buttons */
	display: block;
	width: 46px;   /* Breite des Blocks */
	height: 32px;
}	
	
/* Inhalt                   */
/* ======================== */
#maincontent {
	position: absolute;
	top: 53px; /* Höhe von ganz oben */
	left: 170px;
	width: 620px;
	padding: 0px;
	margin: 0px;
	color: black;
	font-size: 13px;
	text-decoration: none;
}

#inhalt-homepage-links {
	position: absolute;
	top: 53px; /* Höhe von ganz oben */
	left: 170px;
	width: 470px;
	height: 327px;
	background-image: url(abild/titelbild.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#inhalt-homepage-rechts {
	position: absolute;
	top: 53px; /* Höhe von ganz oben */
	left: 648px;
	width: 130px;
	height: 325px;
	border: 1px solid #FFFFFF;
	font-size: 11px;
	text-align: center;
	color: black;
}	
#inhalt-homepage-unten {
	position: absolute;
	top: 391px; /* Höhe von ganz oben */
	left: 170px;
	width: 610px;
	height: 40px;
	background-color: #99CCFF;
	font-size: 12px;
	color: black;
}
#inhalt-homepage-unten-pfeil {
	position: absolute;
	top: 391px; /* Höhe von ganz oben */
	left: 732px;
}

#bild-rechts {
	position: absolute;
	top: 54px;
	left: 782px;
	display: block;
	/* border: 1px solid #FFFFFF;   /* Rahmenfarbe = weiss */
	width: 166px; /* Breite des Blocks */
	height: 166px;
}

#inhalt-challenge1-links {
	position: absolute;
	top: 53px; /* Höhe von ganz oben */
	left: 170px;
	width: 410px;
	color: black;
	font-size: 13px;
}
#inhalt-challenge1-rechts {
	position: absolute;
	top: 53px; /* Höhe von ganz oben */
	left: 610px;
	width: 170px;
	text-align: center;
}
#inhalt-challenge2 {
	position: absolute;
	top: 263px; /* Höhe von ganz oben */
	left: 170px;
	width: 610px;
	font-size: 13px;
}
#inhalt-challenge3-hintergrund {
	position: absolute;
	top: 303px; /* Höhe von ganz oben */
	left: 170px;
	width: 610px;
	background-color: #99CCFF;
	border: 1px solid #99CCFF; /* Rahmenfarbe = weiss */
	height: 45px;
}

#inhalt-challenge3-text1 {
	position: absolute;
	left: 215px;
	top: 313px; /* Höhe von ganz oben */
	width: 107px;
	font-size: 11px;
	text-align: center;
}
#inhalt-challenge3-bild2 {
	position: absolute;
	top: 303px; /* Höhe von ganz oben */
	left: 322px;
	width: 45px;
}
#inhalt-challenge3-text2 {
	position: absolute;
	left: 367px;
	top: 313px; /* Höhe von ganz oben */
	width: 107px;
	font-size: 11px;
	text-align: center;
}
#inhalt-challenge3-bild3 {
	position: absolute;
	top: 303px; /* Höhe von ganz oben */
	left: 474px;
	width: 45px;
}
#inhalt-challenge3-text3 {
	position: absolute;
	left: 519px;
	top: 306px; /* Höhe von ganz oben */
	width: 107px;
	font-size: 11px;
	text-align: center;
}
#inhalt-challenge3-bild4 {
	position: absolute;
	top: 303px; /* Höhe von ganz oben */
	left: 626px;
	width: 45px;
}
#inhalt-challenge3-text4 {
	position: absolute;
	left: 671px;
	top: 306px; /* Höhe von ganz oben */
	width: 107px;
	font-size: 11px;
	text-align: center;
}
#inhalt-challenge4 {
	position: absolute;
	top: 360px; /* Höhe von ganz oben */
	left: 170px;
	width: 610px;
	font-size: 13px;
}
#inhalt-solution0 {
	position: absolute;
	top: 53px; /* Höhe von ganz oben */
	left: 170px;
	width: 620px;
	color: black;
	font-size: 13px;
	text-decoration: none;
}
#inhalt-solution1-links {
	position: absolute;
	left: 170px;
	top: 93px; /* Höhe von ganz oben */
}
#inhalt-solution1-rechts {
	position: absolute;
	left: 540px;
	top: 93px; /* Höhe von ganz oben */
	width: 236px;
	height: 148px;
	font-size: 12px;
	color: black;
	text-align: center;
	text-decoration: none;
	border: 1px solid #FFFFFF; /* Rahmenfarbe = weiss */
	background-color: #99CCFF;
}
#inhalt-solution2-links {
	position: absolute;
	left: 170px;
	top: 246px; /* Höhe von ganz oben */
}
#inhalt-solution2-rechts {
	position: absolute;
	left: 540px;
	top: 246px; /* Höhe von ganz oben */
	width: 236px;
	height: 148px;
	font-size: 12px;
	color: black;
	text-align: center;
	text-decoration: none;
	border: 1px solid #FFFFFF; /* Rahmenfarbe = weiss */
	background-color: #99CCFF;
}
#inhalt-solution3-links {
	position: absolute;
	left: 170px;
	top: 399px; /* Höhe von ganz oben */
}
#inhalt-solution3-rechts {
	position: absolute;
	left: 540px;
	top: 399px; /* Höhe von ganz oben */
	width: 236px;
	height: 148px;
	font-size: 12px;
	color: black;
	text-align: center;
	text-decoration: none;
	border: 1px solid #FFFFFF; /* Rahmenfarbe = weiss */
	background-color: #99CCFF;
}
#inhalt-solution4-links {
	position: absolute;
	left: 170px;
	top: 552px; /* Höhe von ganz oben */
}
#inhalt-solution4-rechts {
	position: absolute;
	left: 540px;
	top: 552px; /* Höhe von ganz oben */
	width: 236px;
	height: 148px;
	font-size: 12px;
	color: black;
	text-align: center;
	text-decoration: none;
	border: 1px solid #FFFFFF; /* Rahmenfarbe = weiss */
	background-color: #99CCFF;
}
#inhalt-solution5 {
	position: absolute;
	top: 713px; /* Höhe von ganz oben */
	left: 170px;
	width: 620px;
	color: black;
	font-size: 13px;
	text-decoration: none;
}

#inhalt-projects1 {
	position: absolute;
	top: 53px; /* Höhe von ganz oben */
	left: 170px;
	width: 620px;
	color: black;
	font-size: 13px;
	text-decoration: none;
}
#inhalt-projects2-hintergrund {
	position: absolute;
	top: 73px; /* Höhe von ganz oben */
	left: 170px;
	width: 610px;
	background-color: #99CCFF;
	border: 1px solid #FFFFFF; /* Rahmenfarbe = weiss */
	height: 116px;
	text-align: center;
}
#inhalt-projects2-text-links {
	position: absolute;
	left: 170px;
	top: 100px; /* Höhe von ganz oben */
	width: 200px;
	font-size: 13px;
	color: black;
	text-align: center;
	text-decoration: none;
}
#inhalt-projects2-text-rechts {
	position: absolute;
	left: 575px;
	top: 105px; /* Höhe von ganz oben */
	width: 200px;
	font-size: 13px;
	color: black;
	text-align: center;
	text-decoration: none;
}
#inhalt-projects3 {
	position: absolute;
	top: 200px; /* Höhe von ganz oben */
	left: 170px;
	width: 620px;
	color: black;
	font-size: 13px;
	text-decoration: none;
}
#inhalt-projects4-hintergrund {
	position: absolute;
	top: 220px; /* Höhe von ganz oben */
	left: 170px;
	width: 610px;
	background-color: #99CCFF;
	border: 1px solid #FFFFFF; /* Rahmenfarbe = weiss */
	height: 220px;
}
#inhalt-projects4-links {
	position: absolute;
	left: 170px;
	top: 220px; /* Höhe von ganz oben */
	width: 203px;
	font-size: 13px;
	color: black;
	text-align: center;
	border: 1px solid #FFFFFF; /* Rahmenfarbe = weiss */
	text-decoration: none;
	height: 220px;
}
#inhalt-projects4-mitte {
	position: absolute;
	left: 373px;
	top: 220px; /* Höhe von ganz oben */
	width: 203px;
	font-size: 13px;
	color: black;
	text-align: center;
	border: 1px solid #FFFFFF; /* Rahmenfarbe = weiss */
	text-decoration: none;
	height: 220px;
}
#inhalt-projects4-rechts {
	position: absolute;
	left: 576px;
	top: 220px; /* Höhe von ganz oben */
	width: 203px;
	font-size: 13px;
	color: black;
	text-align: center;
	border: 1px solid #FFFFFF; /* Rahmenfarbe = weiss */
	text-decoration: none;
	height: 220px;
}
#inhalt-projects5 {
	position: absolute;
	top: 452px; /* Höhe von ganz oben */
	left: 170px;
	width: 620px;
	color: black;
	font-size: 13px;
	text-decoration: none;
}
#inhalt-projects6-hintergrund {
	position: absolute;
	top: 473px; /* Höhe von ganz oben */
	left: 170px;
	width: 610px;
	background-color: #99CCFF;
	border: 1px solid #FFFFFF; /* Rahmenfarbe = weiss */
	height: 116px;
	text-align: center;
}
#inhalt-projects6-text-links {
	position: absolute;
	left: 170px;
	top: 498px; /* Höhe von ganz oben */
	width: 200px;
	font-size: 13px;
	color: black;
	text-align: center;
	text-decoration: none;
}
#inhalt-projects6-text-rechts {
	position: absolute;
	left: 575px;
	top: 498px; /* Höhe von ganz oben */
	width: 200px;
	font-size: 13px;
	color: black;
	text-align: center;
	text-decoration: none;
}
#inhalt-projects7 {
	position: absolute;
	top: 596px; /* Höhe von ganz oben */
	left: 170px;
	width: 620px;
	color: black;
	font-size: 13px;
	text-decoration: none;
}
#inhalt-projects8-hintergrund {
	position: absolute;
	top: 616px; /* Höhe von ganz oben */
	left: 170px;
	width: 610px;
	background-color: #99CCFF;
	border: 1px solid #FFFFFF; /* Rahmenfarbe = weiss */
	height: 116px;
	text-align: center;
}
#inhalt-projects8-text-links {
	position: absolute;
	left: 170px;
	top: 641px; /* Höhe von ganz oben */
	width: 200px;
	font-size: 13px;
	color: black;
	text-align: center;
	text-decoration: none;
}
#inhalt-projects8-text-rechts {
	position: absolute;
	left: 579px;
	top: 647px; /* Höhe von ganz oben */
	width: 200px;
	font-size: 13px;
	color: black;
	text-align: center;
	text-decoration: none;
}
#inhalt-projects9-hintergrund {
	position: absolute;
	top: 736px; /* Höhe von ganz oben */
	left: 170px;
	width: 610px;
	background-color: #99CCFF;
	border: 1px solid #FFFFFF; /* Rahmenfarbe = weiss */
	height: 116px;
	text-align: center;
}
#inhalt-projects9-text-links {
	position: absolute;
	left: 170px;
	top: 761px; /* Höhe von ganz oben */
	width: 200px;
	font-size: 13px;
	color: black;
	text-align: center;
	text-decoration: none;
}
#inhalt-projects9-text-rechts {
	position: absolute;
	left: 579px;
	top: 767px; /* Höhe von ganz oben */
	width: 200px;
	font-size: 13px;
	color: black;
	text-align: center;
	text-decoration: none;
}
#inhalt-skills1 {
	position: absolute;
	top: 53px; /* Höhe von ganz oben */
	left: 170px;
	width: 620px;
	color: black;
	font-size: 13px;
	text-decoration: none;
}
#inhalt-skills2-hintergrund {
	position: absolute;
	top: 220px; /* Höhe von ganz oben */
	left: 170px;
	width: 610px;
	background-color: #99CCFF;
	border: 2px solid #FFFFFF; /* Rahmenfarbe = weiss */
	height: 60px;
	text-align: center;
	color: black;
	font-size: 13px;
	text-decoration: none;
}
#inhalt-skills2-links {
	position: absolute;
	left: 170px;
	top: 220px; /* Höhe von ganz oben */
	width: 203px;
	height: 60px;
	font-size: 13px;
	color: black;
	text-align: center;
	text-decoration: none;
	border: 2px solid #FFFFFF; /* Rahmenfarbe = weiss */
}
#inhalt-skills2-rechts {
	position: absolute;
	left: 576px;
	top: 220px; /* Höhe von ganz oben */
	width: 203px;
	height: 60px;
	font-size: 13px;
	color: black;
	text-align: center;
	text-decoration: none;
	border: 2px solid #FFFFFF; /* Rahmenfarbe = weiss */
}
#inhalt-skills3-hintergrund {
	position: absolute;
	top: 280px; /* Höhe von ganz oben */
	left: 170px;
	width: 610px;
	background-color: #99CCFF;
	border: 2px solid #FFFFFF; /* Rahmenfarbe = weiss */
	height: 60px;
	text-align: center;
	color: black;
	font-size: 13px;
	text-decoration: none;
}
#inhalt-skills3-links {
	position: absolute;
	left: 170px;
	top: 280px; /* Höhe von ganz oben */
	width: 203px;
	height: 60px;
	font-size: 13px;
	color: black;
	text-align: center;
	text-decoration: none;
	border: 2px solid #FFFFFF; /* Rahmenfarbe = weiss */
}
#inhalt-skills3-rechts {
	position: absolute;
	left: 576px;
	top: 280px; /* Höhe von ganz oben */
	width: 203px;
	height: 60px;
	font-size: 13px;
	color: black;
	text-align: center;
	text-decoration: none;
	border: 2px solid #FFFFFF; /* Rahmenfarbe = weiss */
}
#inhalt-skills4 {
	position: absolute;
	left: 170px;
	top: 350px; /* Höhe von ganz oben */
	width: 610px;
	font-size: 13px;
	color: black;
	text-decoration: none;
}
#inhalt-skills5-links {
	position: absolute;
	left: 170px;
	top: 450px; /* Höhe von ganz oben */
	width: 455px;
	font-size: 13px;
	color: black;
	text-decoration: none;
}
#inhalt-skills5-rechts {
	position: absolute;
	left: 640px;
	top: 450px; /* Höhe von ganz oben */
	width: 140px;
}
#inhalt-humour1-links {
	position: absolute;
	left: 170px;
	top: 53px; /* Höhe von ganz oben */
}
#inhalt-humour1-rechts {
	position: absolute;
	left: 520px;
	top: 53px; /* Höhe von ganz oben */
	width: 255px;
	height: 202px;
	font-size: 13px;
	color: black;
	text-align: center;
	text-decoration: none;
	border: 1px solid #FFFFFF; /* Rahmenfarbe = weiss */
	background-color: #99CCFF;
}
#inhalt-humour2-links {
	position: absolute;
	left: 170px;
	top: 260px; /* Höhe von ganz oben */
	width: 255px;
	height: 202px;
	font-size: 13px;
	color: black;
	text-align: center;
	text-decoration: none;
	border: 1px solid #FFFFFF; /* Rahmenfarbe = weiss */
	background-color: #99CCFF;
}
#inhalt-humour2-rechts {
	position: absolute;
	left: 427px;
	top: 260px; /* Höhe von ganz oben */
}
#inhalt-humour3-links {
	position: absolute;
	left: 170px;
	top: 467px; /* Höhe von ganz oben */
}
#inhalt-humour3-rechts {
	position: absolute;
	left: 520px;
	top: 467px; /* Höhe von ganz oben */
	width: 255px;
	height: 202px;
	font-size: 13px;
	color: black;
	text-align: center;
	text-decoration: none;
	border: 1px solid #FFFFFF; /* Rahmenfarbe = weiss */
	background-color: #99CCFF;
}
#inhalt-impressum1 {
	position: absolute;
	top: 53px; /* Höhe von ganz oben */
	left: 170px;
	width: 610px;
	color: black;
	text-align: center;
	background-image: url(../logos/willacker-hintergrund.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 390px;
	background-color: white;
	font-size: 15px;
	text-decoration: none;
}
#inhalt-impressum2 {
	position: absolute;
	top: 303px; /* Höhe von ganz oben */
	left: 170px;
	width: 610px;
	color: black;
	text-align: center;
	font-size: 15px;
	text-decoration: underline;
}
A.impressum-link {  FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #000066; TEXT-DECORATION: underline; }

/* Beschriftung Homepage-Seite            */
/* ================================= */
#ueberschrift {
	position: absolute;
	top: 66px;
	left: 290px;
	font-size: 18px;
}
#erlaeuterung {
	position: absolute;
	top: 230px;
	left: 350px;
	font-size: 11px;
	text-align: center;
}

/* Buttons Homepage-Seite            */
/* ================================= */
#button-challenge {
	position: absolute;
	top: 204px;
	left: 230px;
font-size: 14px;
}
#button-solution {
	position: absolute;
	top: 204px;
	left: 490px;
font-size: 14px;
}
#button-projects {
	position: absolute;
	top: 343px;
	left: 230px;
	font-size: 14px;
}
#button-skills {
	position: absolute;
	top: 343px;
	left: 500px;
font-size: 14px;
}