@charset "utf-8";
/* CSS Document voor www.maartensfotohoek.nl */

body,td,th {
	background-image: url(afbeeldingen/achtergrond.jpg);
	background-attachment:fixed;
}

a:link {
	text-decoration: none;
	color: #006699;
}

a:visited {
	text-decoration: none;
	color: #006699;
}

a:hover {
	text-decoration: none;
	color: #99CC00;
}

a:active {
	text-decoration: none;
	color: #006699;
}

img {
	border: 0;
}

/*	Het hoofdscherm zorgt dat het scherm bij elke resolutie wordt gecentreerd */

#hoofdscherm {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	height: 1000px;
	font-family: Arial;
	font-size: 18px;
	border-width: 2px;
	border-style: solid;
	border-color: #CCCCCC;
}

/*	Het hoofdscherm wordt onderverdeeld in 2 kolommen: Het navigatiegedeelte heet "menu" en
	het gedeelte met de informatie heet "main "*/

#menu {
	position: relative;
	width: 315px;
	height: 1000px;
	float: left;
	background-color: #FFFFFF;
}

#main {
	position: relative;
	width: 665px;
	height: 1000px;
	float: left;
	color: #000000;
	text-align: center;
	background-color: #FFFFFF;
}

/*	In de menu-kolom staan, van boven naar beneden, het logo, het menu dat bestaat uit buttons
	en onderaan het kleine logo. Het kleine logo komt ook in andere div's voor.*/

#logo {
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
	width: 283px;
	height: 92px;
	border-bottom: 2px solid #006699;
}

.button {
	margin-left: auto;
	margin-right: auto;
	width: 260px;
	height: 45px;
	cursor: pointer;
	font-family: Arial;
	font-size: 18px;
	color: #006699;
	border-bottom: 2px solid transparent;
}

.button:hover {
	color: #99CC00;
	border-bottom: 2px solid #006699;
	background-image: url(afbeeldingen/buttonBg2.gif);
}

#kleinLogo {
	margin-left: auto;
	margin-right: auto;
	width: 72px;
}

/*	Bovenaan de main-kolom staat een kop. De kop is, van links naar rechts onderverdeeld
	in een ruimte met tekst en daarnaast nog een het kleine logo. Daar onder komt de div
	inhoud, met de inhoud van de site*/
	
#kop {
	margin-top: 2px;
	width: 593px;
	height: 92px;
	float: left;
	text-align: center;
	font-size: 24px;
	color: #006699;
	border-bottom: 2px solid #006699;
}

#kleinLogoKop {
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
	width: 72px;
	height: 92px;
	float: left;
	border-bottom: 2px solid #006699;
}

#inhoud {
	position: relative;
	width: 600px;
	height: 658px;
	float: left;
	color: #000000;
	text-align: center;
	background-repeat: no-repeat;
	background-image: url(afbeeldingen/achtergrond2.jpg);
}

/*	De div fotokader bevat de foto op de homepage (index.php) en heeft de bedoeling om er een 
	kadertje omheen te zetten.*/

#fotoKader {
	margin-left: auto;
	margin-right: auto;
	width: 640px;
	height: 400px;
	padding: 4px;
	border-width: 2px;
	border-style: solid;
	border-color: transparent;
}

#fotoKader:hover {
	margin-left: auto;
	margin-right: auto;
	width: 640px;
	height: 400px;
	padding: 4px;
	border-width: 2px;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

/*	In tijden.php wordt de div "tijden" gebruikt om de peningstijden op het scherm te zetten.
	De divs "dagen" en "uren" zijn voor de weekdagen en de openingstijden. */

#tijden {
	margin-left: auto;
	margin-right: auto;
	width: 220px;
	height: 148px;
	padding: 2px;
	border-width: 2px;
	border-style: solid;
	border-color: #CCCCCC #006699 #006699 #CCCCCC;
}

#dagen {
	width: 100px;
	text-align: left;
	float: left;
}

#uren {
	width: 120px;
	text-align: center;
	float: left;
}