/* CSS SCOUTS DE GEUZEN TERNAT */

body {
	background-color: #666666;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#container {
	position: absolute;
	width: 900px;
	height: 100%;
	background-color: #666666;
	left: 50%;
	margin-left: -450px; /* je linkerrand staat op 50% van je pagina, dus moet je er de helft van de breedte aftrekken om het midden gecentreerd te krijgen! */
}

#header {
	position: relative; /*alles is relatief gepositioneerd ten opzichte van de container div*/
	left:-3px;
}

#nav {
	position: relative;
	left:-5px;
	top: -5px;
	padding: 0px;
	background-image: url(../img/nav.jpg);
	width: 803px;
	height: 103px;
	z-index: 1;
}

#links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	left:310px;
	top: 42px;
	padding: 0px;
}

a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #BBBD2F;
	text-decoration: none;
	border-bottom: solid;
	border-bottom-color: #BBBD2F;
	border-bottom-width: 20px;
} 

#inhoud {
	background-color: #FFFFFF;
	width: 674px;
	position: relative;
	height: auto; /* de hoogte van dit 'wit vlak' is afhankelijk van hoeveel inhoud (tekst, foto's,...) erin steekt en zal automatisch aangepast worden naargelang nodig is */
	left:110px;
	top: -10px;
}

#titelvleknieuws  {
	position: absolute;
	left: 25px;
	top: 15px;
	width: 54px;
	height: 44px;
}

.hoofdletter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
}

#titelnieuws {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #bbbd2e;
	position: relative;
	left: 50px;
	top: 20px;
}

#inleidtekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	text-align: justify;
	left: 50px;
	top: 30px;
	width: 277px;
}

#lopendetekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	text-align: justify;
	left: 50px;
	top: 30px;
	width: 400px;
}

.tussentitel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
 
#titelvlekwistjedat  {
	position: absolute;
	left: 350px;
	top: 15px;
	width: 54px;
	height: 44px;
}

#titelwistjedat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #bbbd2e;
	position: absolute;
	left: 375px;
	top: 20px;
}

#wistjedat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	text-align: left;
	left: 345px;
	top: 50px;
	width: 287px;
}

#titelvlekfotovdweek  {
	position: absolute;
	left: 350px;
	top: 230px;
	width: 54px;
	height: 44px;
}

#titelfotovdweek {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #bbbd2e;
	position: absolute;
	left: 377px;
	top: 235px;
}

#fotovdweek {
	position: absolute;
	left: 377px;
	top: 285px;
}

#footer {
	position: relative;
	width: 693px;
	height: 89px;
	left: 101px;
	top: -10px;
}

#subMenu1 {
	position: absolute;
	top:15px;
  background-color: #BBBD2F;
  width: 66px;
  border: none;
  padding: 5px 5px;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;

  font-size: 10px;
  text-align: center;
  color: #FFFFFF;
  visibility: hidden;
}

#subMenu2 {
  position: absolute;
  top:15px;
  background-color: #BBBD2F;
  width: 64px;
  border: none;
  padding: 5px 5px;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  color: #FFFFFF;
  visibility: hidden;
}

#subMenu3 {
	position: absolute;
	top:15px;
  background-color: #BBBD2F;
  width: 53px;
  border: none;
  padding: 5px 5px;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  color: #FFFFFF;
  visibility: hidden;
}

#subMenu4 {
	position: absolute;
	top:15px;
  background-color: #BBBD2F;
  width: 43px;
  border: none;
  padding: 2px 5px;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  color: #FFFFFF;
  visibility: hidden;
}



.hoofdlink{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.sublink {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.sublink:hover {
 background-color:#FFFFFF;
 font-size: 11px;
 border: none;
} 

	

#knopdegeuzen {
	position: absolute;
	left: 310px;
	top:43px;
}

#knopalgemeen {
	position: absolute;
	left: 394px;
	top:43px;
}

#knoplokalen {
	position: absolute;
	left: 475px;
	top:43px;
}

#knoptakken {
	position: absolute;
	left: 544px;
	top:43px;
}

#knopcontact {
	position: absolute;
	left: 606px;
	top:39px;
}

#knopfotos {
	position: absolute;
	left: 674px;
	top:39px;
}

#knoplinks {
	position: absolute;
	left: 728px;
	top:39px;
}

#afbrechts1 {
	position: absolute;
	left: 310px;
	top:-20px;
}
#afbrechts2 {
	position: absolute;
	left: 315px;
	top: 250px;
}