@charset "UTF-8";
* {
	margin: 0px;
	padding: 0px;
}
body  {
	margin: 0px; /* het is een goede gewoonte om de instellingen voor margin (marge) en padding (opvulling) van het element body op nul in te stellen en daarmee op de standaardinstellingen van de verschillende browsers */
	padding: 0px;
	text-align: center;
	background-color: #2CA86A;
	background-image: url(Bewerkte%20afbeeldingen/imgLayout/bg_rekker.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color: #060;
}
#container {
	width: 950px;
	margin: 0px auto;
	text-align: left; /* hiermee wordt de instelling text-align: center voor het element body genegeerd. */
	background-color: #76E2AE;
	background-image: url(Bewerkte%20afbeeldingen/imgLayout/content_rekker.jpg);
	background-repeat: repeat-y;
}
#header {
	background-image: url(Bewerkte%20afbeeldingen/imgLayout/Nahoj_hoofding_04.jpg);
	background-repeat: no-repeat;
	height: 177px;
	margin: 0px;
	padding: 0px;
}
#header p {
	font-size: 24px;
	margin: 0px;
	padding: 140px 0px 0px 70px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
}
#navigatie {
	background-image: url(Bewerkte%20afbeeldingen/imgLayout/navigatie_rekker.jpg);
	background-repeat: repeat-x;
	height: 36px;
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	margin: 0px;
	padding: 0px;
}
#navigatie ul {
	text-align: right;
	margin: 0px;
	padding: 11px 0px 0px;
}
#navigatie li {
	display: inline;
	padding: 0px 25px 0px 0px;
	background-repeat: no-repeat;
}
#navigatie a {
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	background-repeat: no-repeat;
	color: #060;
}
#navigatie a:hover {
	color: #FF0;
}
#sidebar1 {
	float: left; /* aangezien dit een zwevend element betreft, moet er een breedte worden opgegeven */
	width: 160px; /* de achtergrondkleur wordt weergegeven over de lengte van de inhoud in de kolom, maar niet verder */
	padding: 20px;
	margin: 0px;
}
#sidebar1 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#sidebar1 ul li {
	position: relative;
	background-color: #99ED94;
}
#sidebar1 ul li ul li {
	margin: 0px 0px 0px 0px;
	width: 170px;
	border-top: 1px solid #060;
	border-right: 1px solid #060;
	border-left: 1px solid #060;
	border-bottom-style: none;
}
#sidebar1 ul li ul li:hover {
	margin: 0px;
	border-top: 1px solid #060;
	border-right: 1px solid #060;
	border-left: 1px solid #060;
	border-bottom-style: none;
}
#sidebar1 ul li ul {
	border-bottom: 1px solid #060;
}
#sidebar1 li ul {
	position: absolute;
	left: 138px;
	top: -10px;
	display: none;
}
#sidebar1 li {
	padding: 5px 5px 5px 15px;
	margin: 10px;
	border: 1px solid #060;
}
#sidebar1 li:hover {
	margin: 10px;
	padding: 5px 5px 5px 15px;
	background-color: #E4FEE0;
	border-top: 1px solid #060;
	border-right: 1px solid #060;
	border-left: 1px solid #060;
}
#sidebar1 li:hover ul {
	display: block;
}
#sidebar1 a {
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	color: #060;
}
#mainContent {
	margin: 0px 0px 0px 200px; /* de rechtermarge van dit element div maakt de kolom aan de rechterzijde van de pagina – de kolomruimte blijft gehandhaafd, ongeacht de hoeveelheid inhoud die het element div voor sidebar1 bevat. U kunt deze marge verwijderen als u de tekst van het element div voor #mainContent de ruimte van #sidebar1 wilt laten opvullen wanneer de inhoud van #sidebar1 eindigt. */
	padding: 25px 20px 30px 30px;
} 
#mainContent a {
	color: #060;
	font-style: italic;
}
#mainContent img {
}
#mainContent p {
	line-height: 22px;
}
#mainContent h2 {
	font-size: 18px;
}
#mainContent h3 {
	font-style: italic;
	font-size: 16px;
}
#mainContent h4 {
	font-style: italic;
	font-weight: normal;
}
.fotoLinks {
	float: left;
	margin-right: 10px;
}
.fotoRechts {
	float: right;
	margin-left: 10px;
}
.fotoCenter {
	margin: 0px 140px;
}
#footer {
	height: 150px;
	background-image: url(Bewerkte%20afbeeldingen/imgLayout/Nahoj_footer.jpg);
	clear: left;
}
.Afbeelding {
	padding: 0px;
	margin: 0px 0px 0px 230px;
}
#footer p {
	color: #E4FEE0;
	font-size: 12px;
	padding-left: 42%;
	padding-top: 35px;
}

