/* DE PAGINA ZELF, HIER WORDT HET LETTERTYPE GEZET */
body
{
  font-size: 0.7em;
  font-family: verdana, arial, helvetica;
  color: #333333;
}


/* EEN KOPJE */
h1
{
  font-size: 103%;
  font-weight: bold;
}


/* EEN TUSSENKOPJE */
h2
{
  font-size: 100%;
  font-weight: bold;
}


/* OMSCHRIJVING BIJ BIJVOORBEELD FOTO'S */
.omschrijving
{
  font-size: 90%;
}


/* DE KLEUR VAN HYPERLINKS */
a:link, a:hover, a:visited
{
  color: #336666;
}


/* DE HYPERLINK WORDT SCHUIN WEERGEGEVEN WANNEER DE MUIS EROVERHEEN BEWEEGT */
a:hover
{
  font-style: italic;
}


/* OVERZICHTSLIJST */
.overzicht, .overzicht li
{
  list-style-image: url(../images/greenbullet.gif);
  color: #333333;
  padding-bottom: 10px;
}


/* HORIZONTALE LIJN */
hr
{
  width: 921px;
  height: 30px;
  border: solid 1px #ffffff;
  background-image: url(../images/line.jpg);
}

/* HORIZONTALE LIJN */
span.line
{
  display:block;
  width: 921px;
  height: 30px;
  border: solid 1px #ffffff;
  background-image: url(../images/line.jpg);
}


/* HET HOOFDGEDEELTE VAN DE PAGINA */
#sitecontainer
{
  width: 960px;
  height: 100%;
  margin: auto;
  position: relative;
  border: solid 1px #336666;
}


/* DE HEADER VAN DE PAGINA (INCLUSIEF HET LOGO) */
#header
{
  height: 150px;
  border-bottom: solid 1px #336666;
}


/* HET BLOK WAAR DE TEXTBLOKKEN IN ZITTEN */
#main
{
  min-height: 600px;
  overflow: hidden;
}


/* HET TEXTBLOK (IN GEVAL VAN EEN "EEN KOLOM PAGINA") */
#mainwide
{
  margin: 20px 0px 20px 20px;
  padding-bottom: 20px;
  width: 96%;
}


/* HET LINKER BLOK (IN GEVAL VAN EEN "TWEE KOLOMMEN PAGINA") */
#mainleft
{
  margin: 20px 0px 20px 20px;
  padding-bottom: 20px;
  width: 46%;
  float: left;
}


/* HET RECHTER BLOK (IN GEVAL VAN EEN "TWEE KOLOMMEN PAGINA") */
#mainright
{
  margin: 20px 20px 20px 0px;
  padding-bottom: 20px;
  width: 46%;
  float: right;
}


/* IEDERE FOTO IN DE TEKSTBLOKKEN KRIJGT EEN RAND */
#main img
{
  border: solid 1px #336666;
}


/* BEHALVE HET ICOONTJE BIJ NIEUWE FOTO'S */
.newpic
{
  border: none !important;
}



/* EEN ENKELE GECENTREERDE FOTO */
.image_center
{
  text-align: center;
}


/* LIVESPACE FOTOALBUM */
#livespace
{
  margin-left: 60px;
  margin-top: -170px;
}

/* GASTENBOEK */
#gastenboek
{

}


/* DE TABEL OP DE INFO PAGINA */
.infotable
{
  width: 750px;
  margin-left: auto;
  margin-right: auto;
}

.infotable td
{
    border-bottom: dotted 1px #336666;
    padding: 2px 15px 2px 3px;
    
}


/* DE TABEL VOOR DE FOTO PAGINA */
.picstable
{
  width: 900px;
  margin-left: 18px;
}



/* COUNTER HIDE */
.counter
{
  visibility: hidden;
} 


/**************** MENU START *********************/

#navigatie
{
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  background: #336666;
}
#menu
{
  padding: 1px 108px 0px 108px;
  margin: 0px;
  list-style: none;
  width: 742px;
  height: 22px;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #ffffff;
  font: normal 8pt verdana, arial, helvetica;
}
#menu li
{
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  position: relative;
  width: 148px;
}
#menu li a:link, #menu li a:visited
{
  padding: 4px 0;
  display: block;
  text-align: center;
  text-decoration: none;
  background: #336666;
  color: #ffffff;
  width: 148px;
  height: 14px;
}
#menu li:hover a, #menu li a:hover, #menu li a:active
{
  padding: 4px 0;
  display: block;
  text-align: center;
  text-decoration: none;
  font-style: normal;
  background: #333333;
  color: #ffffff;
  width: 146px;
  height: 14px;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
#menu li ul.submenu
{
  margin: 0;
  padding: 1px 1px 0;
  list-style: none;
  display: none;
  background: #ffffff;
  width: 146px;
  position: absolute;
  top: 22px;
  left: -1px;
  border: 1px solid #336666;
  border-top: none;
}
#menu li:hover ul.submenu
{
  display: block;
}
#menu li ul.submenu li
{
  width: 146px;
  clear: left;
  width: 146px;
}
#menu li ul.submenu li a:link, #menu li ul.submenu li a:visited
{
  clear: left;
  background: #336666;
  padding: 4px 0;
  width: 146px;
  border: none;
  border-bottom: 1px solid #ffffff;
  position: relative;
  z-index: 1000;
}
#menu li ul.submenu li:hover a, #menu li ul.submenu li a:active, #menu li ul.submenu li a:hover
{
  clear: left;
  background: #333333;
  padding: 4px 0;
  width: 146px;
  border: none;
  border-bottom: 1px solid #ffffff;
  position: relative;
  z-index: 1000;
}
#menu li ul.submenu li ul.navigation-3
{
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 145px;
  top: -2px;
  padding: 1px 1px 0 1px;
  border: 1px solid #b9121b;
  border-left: 1px solid #b9121b;
  background: #ffffff;
  z-index: 900;
}
#menu li ul.submenu li:hover ul.navigation-3
{
  display: block;
}
#menu li ul.submenu li ul.navigation-3 li a:link, #menu li ul.submenu li ul.navigation-3 li a:visited
{
  background: #b9121b;
}
#menu li ul.submenu li ul.navigation-3 li:hover a, #menu li ul.submenu li ul.navigation-3 li a:hover, #menu li ul.submenu li ul.navigation-3 li a:active
{
  background: #ec454e;
}
#menu li ul.submenu li a span
{
  position: absolute;
  top: 0;
  left: 132px;
  font-size: 12pt;
  color: #fe676f;
}
#menu li ul.submenu li:hover a span, #menu li ul.submenu li a:hover span
{
  position: absolute;
  top: 0;
  left: 132px;
  font-size: 12pt;
  color: #ffffff;
}




/**************** MENU END *********************/

#socialbar
{
  	width: 960px;
  	height: 100%;
  	margin: auto;
	position: relative;
	text-align: right;
	display: block;
	height: 36px;
	padding-left: 10px;
}

#socialbar img
{
	border: 0px;
}

#socialbar a, #socialbar a:link, #socialbar a:visited
{
	font-style: none;
	text-decoration: none;
	border: 0px;
}