HTML, BODY {
	font-family: "Times New Roman", serif;
	font-size: 100%;
	color: #2e2e2e;
	background: #f8f5f0 url('../images/bottombar.jpg') repeat-y scroll center center;
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
}

/*layers*/
#container { 
	position: relative;
	width: 960px;
	margin: auto;
	background-image: url('../images/background.jpg');
	background-repeat: no-repeat;
	border: 0;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

#menu {
	width: 800px;
	height: 20px;
	overflow: hidden;
	padding: 8px 90px;
}

#menu div {
	float: left;
	padding: 0;
	margin: 0;
}
	#menu div#home a {
		display: block;
		width: 66px;
		height: 20px;
		background: #e3daca url('../images/menu.gif') no-repeat; 
		background-position: 0 0;
	}
		#menu div#home a:hover, #menu div#home a.active {
			background-position: 0 -20px;
		}
	#menu div#overmijzelf a {
		display: block;
		width: 106px;
		height: 20px;
		background: #e3daca url('../images/menu.gif') no-repeat; 
		background-position: -66px 0;
		}
		#menu div#overmijzelf a:hover, #menu div#overmijzelf a.active {
			background-position: -66px -20px;
		} 
	#menu div#fotoalbum a {
		display: block;
		width: 97px;
		height: 20px;
		background: #e3daca url('../images/menu.gif') no-repeat; 
		background-position: -172px 0;
	}
		#menu div#fotoalbum a:hover, #menu div#fotoalbum a.active {
			background-position: -172px -20px;
		}
	#menu div#lmw a {
		display: block;
		width: 170px;
		height: 20px;
		background: #e3daca url('../images/menu.gif') no-repeat; 
		background-position: -269px 0;
	}
		#menu div#lmw a:hover, #menu div#lmw a.active {
			background-position: -269px -20px; 
		}
	#menu div#gastgedichten a {
		display: block;
		width: 111px;
		height: 20px;
		background: #e3daca url('../images/menu.gif') no-repeat;
		background-position: -439px 0; 
	}
		#menu div#gastgedichten a:hover, #menu div#gastgedichten a.active {
			background-position: -439px -20px;
		}
	#menu div#gastenboek a {
		display: block;
		width: 100px;
		height: 20px;
		background: #e3daca url('../images/menu.gif') no-repeat;
		background-position: -550px 0; 
	}
		#menu div#gastenboek a:hover, #menu div#gastenboek a.active {
			background-position: -550px -20px;
		}
	#menu div#links a {
		display: block;
		width: 71px;
		height: 20px;
		background: #e3daca url('../images/menu.gif') no-repeat;
		background-position: -650px 0;
	}
		#menu div#links a:hover, #menu div#links a.active {
			background-position: -650px -20px;
		}
	#menu div#contact a {
		display: block;
		width: 79px;
		height: 20px;
		background: #e3daca url('../images/menu.gif') no-repeat;
		background-position: -721px 0;
	}
		#menu div#contact a:hover, #menu div#contact a.active {
			background-position: -721px -20px;
		}

#gedichten {
	float: right;
	width: 220px;
	overflow: hidden;
	margin: 60px 50px 60px 5px;
}

#logo {
	float: left;
	height: 440px;
	width: 520px;
	top: 0px;
	content: "";
	display: block;
}

#content {
	margin: 20px 0 20px 70px;
	float: left;
	width: 520px;
	padding: 0 35px 60px 35px;
	overflow: hidden;
}

#content P IMG {
	margin: 10px;
}

#gedicht {
	margin: 0;
	padding: 0;
}

#container:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

#bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 70%;
	font-family: Arial, Helvetica, SansSerif;
	color: black;
	padding: 5px 20px;
}

/*end of layers*/

P {
	color: #2e2e2e;
	line-height: 1.4em;  
	margin: 0;
}

p.title {
	font-style: italic;
	margin-bottom: 40px;
}

p.name {
	font-weight: bold;
	margin-top: 40px;
}

A, A:visited {
	color: #39578a;
	text-decoration: none;
}

A:hover, A:active, A.active {
	color: #4074cc;
	text-decoration: underline;
}

A:active, A.active {
	text-decoration: none;
}

/*Pagina titels*/
h1 {
	font-family: "Garamond Premr Pro", "Times New Roman", serif;
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
	line-height: 2em;
}

/*gedichten menu tekst*/
p.gedichtmenuitem {
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	color: #39578a;
	line-height: 1.4;
}

.toggle {
	color: #999999;
	font-size: 9pt;
}
.hotspot {
	color: #39578a;
	text-decoration: none;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #39578a;
	cursor: pointer; cursor: hand;
}

.hotspot:hover, .hotspotall:hover {
	color: #4074cc;
}

.hotspotall {
	color: #39578a;
	text-decoration: none;
	cursor: hand;
	font-weight: bold
}

#warning {
	color: red;
	padding: 5px;
	border: 1px solid black;
	background: white;
}