/*stijlblad: dit document bevat de opmaak voor delen die in alle pagina's gebruikt kunnen worden*/

/*alle elementen van de pagina */
*
{
    margin: 0px;
    padding: 0px;
	outline: 0;
}

p
{
	padding-top: 5px;
	padding-bottom: 7px;
}

h1
{
	padding-bottom: 12px;
}

img
{
	border:0px;
}

body
{
	background-color:#FFFF00;	
	
	background-image:url("images/background.png");
	background-repeat: repeat-y;
	background-position: top left;
}

/*--------------------------------- Menu ---------------------------------*/
/*stijl van de div waarin de menu staat*/
.menu_style 
{
	position: absolute; /*absolute => vaste positie, onafhankelijk van de andere delen van de pagina*/
	width: 120px;
	left: 0px;
	top: 0px;
	z-index:1; /* zet de menu bovenop de rest, niet eronder */
}

/*.menu_style a:hover       //dit deel is in comentaar gezet, omdat het niet goed werkte in Mozilla Firefox, maar wel in Internet Explorer...
{
	background-image: url("Images/menu/menu_back_line.gif");
	background-position: center center;
	background-repeat: repeat-y;
}*/

/*stijl van een niet geselecteerd menu-element*/
/*achtergrond van het kolom-element*/
.menu_style_unselected /*td*/
{
	background-image: url("images/menu/back_unselected.png");
	background-repeat: repeat-x;
	background-position: top left;
}
/*achtergrond van de prent*/
.menu_style_unselected img
{
	border: 0px; /*als dit er niet staat, heeft een prent die als link fungeert een blauwe rand...*/
}
/*achtergrond van het kolom-element*/
/*stijl van een geselecteerd menu-element*/
.menu_style_selected /*td*/
{
	background-image: url("images/menu/back_selected.png");
	background-repeat: repeat-x;
	background-position: top left;
}
/*achtergrond van de prent*/
.menu_style_selected img
{
	border: 0px;
}

/*
stijl van het rechter gedeelte van de site, waar de eigenlijke informatie komt
Deze komt onder de menu, dus we moeten ervoor zorgen dat de menu niet over de tekst komt. Dat gebeurt door een marge toe te kennen aan dit gedeelte.
*/
.body_style
{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	/*marge links, rechts en boven*/
	padding-left: 150px;
	padding-right: 150px;
	/*padding-top: 20px;*/
}

/*tabel met overzicht van de fotoalbums*/
table.fotoalbum_style
{
	border:2px solid black;
}
table.fotoalbum_style td
{
	padding:5px;
	border: 1px solid black;
}