/*-------------------------------------------------------
Cascading Style Sheet voor Navigarenecesse.nl
Auteur: Hugo a Meeuwes nl 
-------------------------------------------------------*/

body	{ 
	background-color: #f5f5f5; 
	color: #000000; 
	margin: 0px;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

table {
  background: #ffffff;
}

h1 {
  text-align: center;
  font-family:  Tahoma, Verdana, Arial, Helvetica;
  font-size: 18pt;
}

h2 {
  font-family: "Monotype Corsiva";
  text-align:center;
}

h3{
  text-align: center;
  font-family:  Tahoma, Verdana, Arial, Helvetica;
  font-size: 10pt;
  text-decoration: none;
}

a:link, a:visited {
  text-decoration:none;
  font-family:  Tahoma, Verdana, Arial, Helvetica;
  color:#000000;
}

a:hover
{
    color:#6C90FF;;
}



table.body  {
  width:1000px;
  padding:0px;  
}

td.menu {
  width:200px;
  text-align:left;
  vertical-align:top;
  border-right: 1px solid #78a4d1;
  border-left: 1px solid #78a4d1;
  border-bottom: 1px solid #78a4d1;
  background: #CCE8FF;
  padding:0px;
  margin:0px;
}

td.rechts {
  width:152px;height:602px;
  text-align:left;
  vertical-align:top;
  border-right: 1px solid #78a4d1;
  border-left: 1px solid #78a4d1;
  border-bottom: 1px solid #78a4d1;
  background: #CCE8FF;
}

td.midden {
  width:640px;
  padding:4px;
  border-bottom: 1px solid #78a4d1;
  vertical-align:top;
}

div.tekst, table.tekst {
  width:640px;
  text-align: left;
  font-family:  Tahoma, Verdana, Arial, Helvetica;
  font-size: 11pt;
}

div.businesscard {
  border: 1px solid #78a4d1;
  background:#CCE8FF; 
  font-family:  Tahoma, Verdana, Arial, Helvetica;
  padding:5px;
  padding-left:20px;
  font-weight: bold;
  font-size:14px;
  text-align:left;
  width:330px;
  position:middle;
}

/*MENU*/
table.menu {
  
  border:0;
  padding:0;
  margin:4;
  background: #CCE8FF;
  width:190;

}

td.menuItem {
  height:36px;
  padding: 4px;
  margin-left:0px;
  background: #CCE8FF;
  border: 1px solid #78a4d1;
  text-decoration: none;
	font-family:  Tahoma, Verdana, Arial, Helvetica;
	font-size: 10pt;
	font-weight: bold;
	cursor:pointer;
	behavior: url(hover.htc);
}

td.menuItem:hover, td.menuItem.hover { /* :hover is voor ff, .hover is voor IE*/
  background: #B4DDFF;
  padding: 6px;
}

#forum:hover, #forum.hover {
	/*Corrigeren forum-menuItem, tekst schuift anders ook beetje naar beneden en vergroot blokje*/
	padding-top: 4px;
	padding-bottom: 4px;
}


#header {
  position: relative;
	width: 1000px;
	height: 150px;
	border-left: solid 1px #78a4d1;
	border-right: solid 1px #78a4d1;
	border-top: solid 1px #78a4d1;
  background-image: url(layout/header.png);
	z-index: 20;
}




/* Fotobalk */

.headerfoto div { position: absolute; left: 0; top: 0; }

.headerfoto{
	position: absolute;
	top: 0px;
	border: 0px none;
	height: 150px;	width: 150px;
}


#fotos {
  position: absolute;
	width: 150px;
	height: 600px;
  background-image: url(images/header-bg.png);
	z-index: 2;
}

#fotos h1, #fotos h2 {
	display: none;
}


div#foto1 {
	position: absolute;
	top: 0px; left:0px;
	border: 0px solid #78a4d1;
	background-image: url(./fotobalk/image.php?c=1);
	height:150px; width: 150px;
}

div#foto2 {
	position: absolute;
	top: 150px; left:0px;
	border: 0px solid #78a4d1;
	background-image: url(./fotobalk/image.php?c=2);
	height:150px; width: 150px;
}

div#foto3 {
	position: absolute;
	top: 300px; left:0px;
	border: 0px solid #78a4d1;
	background-image: url(./fotobalk/image.php?c=3);
	height:150px; width: 150px;
}

div#foto4 {
	position: absolute;
	top: 450px; left:0px;
	border: 0px solid #78a4d1;
	background-image: url(./fotobalk/image.php?c=4);
	height:150px; width: 150px;
}
/* de onderstaande foto wordt niet gebruikt
/  een extra foto erbij is erg simpel,
/  gewoon de div foto5 maken en een mapje 5 aanmaken is genoeg*/
div#foto5 {
	position: absolute;
	top: 600px; left:0px;
	border: 0px solid #78a4d1;
	background-image: url(./fotobalk/image.php?c=5);
	height:150px; width: 150px;
}


/* Fotopagina */
div.fotoKop {
  text-align:center;
  font-weight:bold;
  font-size:10pt;
  font-family:  Tahoma, Verdana, Arial, Helvetica;
}

table.foto {
  
}

td.foto {
  height:25px;
  padding: 4px;
  width:200px;
  margin-left:0px;
  background: #CCE8FF;
  border: 1px solid #78a4d1;
  text-decoration: none;
	font-family:  Tahoma, Verdana, Arial, Helvetica;
	font-size: 10pt;
	cursor:pointer;
	text-align:center;
	behavior: url(hover.htc);
}

td.foto:hover {
  background: #B4DDFF;
  padding: 4px;
  border: inset 1px;
}

div.foto {
  width: 300px;
  border: 1px solid #78a4d1;
  margin: 10px;
  padding: 5px;
}