body
{
	background-color: #42330C;
	
	font-family: Verdana;
	font-size: 0.8em;
	color: #f9edba;
	margin-top: 0;
	text-align: center;
	font-family: Verdana, Arial, Sans-Serif;
	background-image: url(achtergrond_site/houtgroot.jpg);
	background-position: center top;
	background-repeat: no-repeat;
		
}
img
{
	border: 0;
}
p
{
	margin-top: 0px;
	margin-bottom: 2px;
}
a
{
	font-weight: bold;
	text-decoration: underline;
	color: #f9edba;
}
a:hover
{
	font-weight: bold;
	text-decoration: underline;
	color: #ffffcc;
}

.login
{
	position: absolute;
	z-index: 1;
	right: 10px;
	top: 10px;
}
.pagenavigator
{
	padding: 2px;
	border-bottom: 1px dashed #000000;
	font-size: 120%;
}
.pagenavigatoron
{
	/*border: 1px solid #000000;     background-color: #c1d2ee;*/
	margin-top: 5px;
	margin-bottom: 5px;
	text-decoration: underline;
	font-size: 120%;
}

.pagenavigatoroff
{
	/* background-color: gainsboro;     border: 1px solid #000000;*/
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 120%;
}
.GuiTitle
{
	background-color: #FFE0C0;
}
.GuiTabOn
{
	background-color: #E0E0E0;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
	border-top: 1px #000000 solid;
	font-size: 80%;
}
.GuiTabOff
{
	background-color: #FFE0C0;
	border-bottom: 1px #000000 solid;
	font-size: 80%;
}
.GuiPanel
{
	background-color: #E0E0E0;
	border: 1px #000000 solid;
}


.GuiMenu 
{
	z-index: 100000;
	position:relative;
	left:-50px;
	
	display:block;
}
.commentspane
{
}
.commenttable
{
	margin-top: 2px;
	border: 1px #000000 solid;
	background-color: #f8fec4;
	width: 650px;
}
.commenttext
{
}
.commentdivider
{
}
.commentinfo
{
	font-weight: bold;
}
.phototitle
{
	font-size: inherit;
	font-weight: bold;
	background-color: #4a76a3;
	border: 1px #000000 solid;
	padding: 2px;
	display: block;
	margin: 2px;
	width: 650px;
}
.pageTitle
{
	font-size: 1.4em;
	font-weight: bold;
	display: block;
	padding-left: 10px;
	padding-bottom: 0px;
	margin-bottom:5px;
}
.recipeContainer
{
	width: 850px;
	position: absolute;
	background-color: #e0e0e0;
	z-index: 1000000;
}
.recipeTitle
{
	color: #663333;
	font-size: 28px;
}
.recipeTitleSub
{
	font-size: 18px;
}
.recipeInfo
{
	font-size: 12px;
	padding-top: 5px;
}
.recipeDescription
{
	font-size: 12px;
	display: block;
	padding-top: 5px;
}
.recipeIngredients
{
	font-size: 12px;
	color: #663333;
	display: block;
	padding-top: 5px;
}
.recipeCalories
{
	font-size: 12px;
	color: #663333;
	display: block;
	padding-top: 5px;
}
.recipeTime
{
	font-size: 12px;
	color: #663333;
	display: block;
	padding-top: 5px;
}
.recipeSource
{
	font-size: 12px;
	color: #666666;
	display: block;
	padding-top: 5px;
}
.recipePreparation
{
	font-size: 12px;
	display: block;
	padding-top: 5px;
}
.recipePrepare
{
	font-size: 12px;
	display: block;
	padding-top: 5px;
}
.siteTitle
{
	font-size: 36pt;
	text-align: center;
	color: #473d22;
	font-family: Times New Roman;
	margin: 0px;
	padding: 0;
	text-align: center;
	font-variant: small-caps;
}
.siteTitleSmall
{
	font-size: 16pt;
	text-align: center;
	color: #473d22;
	font-family: Times New Roman;
	margin: 0;
	padding: 0;
	text-align: center;
}
.siteBottomTitle
{
	font-size: 16pt;
	color: #f9edba;
	font-family: Times New Roman;
	text-align: center;
	clear: both;
	margin-bottom: 20px;
}
.siteLink, .siteLinkLast
{
	font-weight: normal;
	padding-left: 10px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	position: relative; /*top: 9.4em;*/
	display: block; /*font-size: 0.8em;*/
	z-index: 100;
	float: left;
	background-image: url(schaaf2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}



.siteLink a, .siteLinkLast a
{
	font-weight: normal;
	text-decoration: none;
	color: #f9edba; /*background-color: #473d22;*/
}
.siteLink a:hover, .siteLinkLast a:hover
{
	font-weight: normal;
	text-decoration: underline;
}
.siteLinkLast
{
	clear: right;
}
.siteLinkf:hover
{
	font-weight: normal;
}
.test
{
	font-size: 72px;
}
.pnlPage
{
	/*background-color: #faf6e3;*/
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	text-align: left;
	width: 58em;
	clear: both;
	height: 34em;
	position: relative; /* height:550px; position:relative;    top:-380px;  left:275px;*/
}

.pnlPage div
{
	padding-left: 10px;
	padding-right: 10px;
}
.pageText
{
	width: 600px;
}
.siteAddress, .siteAddressEmpty
{
	font-weight: normal;
	margin-top: 10px;
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 0px;
	z-index: 100;
	text-align: center;
	color: #f9edba; /*border-bottom: 1px #F9EDBA solid;*/ /*background-color: #473d22;*/
	clear: both;
	height: 2em;
	border-top: 1px #F9EDBA solid; /*position: relative; 	bottom: 0em;*/
}
.siteAddress div,  .siteAddressEmpty div
{
	padding-left: 0px;
	padding-right: 0px;
}

.siteAddress p,  .siteAddressEmpty p
{
	width: 100%;
	color: #F9EDBA;
}
.siteAddress a, .siteAddressEmpty a
{
	color: #F9EDBA;
}
.siteAddressEmpty 
{
	margin-top: 20em;
	}
.siteImageLink a
{
	border: 1px solid #f9edba;
}
.siteImageLinkd
{
	float: left;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 50px;
	padding-bottom: 50px;
}
.siteHeader
{
	/*background-color: #473d22;*/
	font-family: Times New Roman; /*background-image: url(kop.gif);*/
	background-repeat: no-repeat;
	min-height: 100px;
	height: 5.6em;
	width: 100%; /*border-top: 1px #F9EDBA solid;*/
	border-bottom: 1px #F9EDBA solid;
	font-size: 1.8em;
	text-align: center;
}
.siteHeaderLarge
{
	margin-top: 20px;
	font-size: 1.7em;
}
.pnlSite
{
	padding-left: 0px;
	padding-right: 0px;
	width: 58em; /*background-color: #473d22; #F9EDBA*/
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	min-height: 12em;
	clear: both;
	border-bottom: 1px #F9EDBA solid;
}
.imageSmall img
{
	width: 200px;
}
.imageSmallLeft
{
	width: 200px;
	height: 133px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
.imageSmallLeft img
{
	width: 200px;
	height: 133px;
	float: left;
}
.imageSmallLeftFirst
{
	width: 200px;
	float: left;
	padding-top: 10px;
	clear: left;
	padding-bottom: 10px;
}
.imageSmallLeftFirst img
{
	width: 200px;
	float: left;
	clear: left;
}
.imageSmallLeftLast
{
	width: 200px;
	float: left;
	padding-top: 10px;
	clear: right;
	padding-bottom: 10px;
}
.imageSmallLeftLast img
{
	width: 200px;
	float: left;
	clear: right;
}
.textSmallLeft
{
	width: 400px;
	float: left;
}
.imageSmallRight
{
	width: 200px;
	float: right;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: right;
}
.imageSmallRight img
{
	width: 200px;
	float: right;
	clear: right;
}
.imageSmallRight a
{
	background-image: url(schaaf2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left:10px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.imageLarge img
{
	width: 450px;
}
.imagePortfolioLarge
{
	width: 400px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

.imagePortfolioLarge img
{
	width: 400px;
	float: left;
}
.GuiPanel
{
	color: #000000;
}
.GuiPanel a
{
	color: #000000;
}
.hidden
{
	display: none;
	visibility: hidden;
}
.siteCopyright
{
	padding-top: 2px;
	font-size: 0.8em;
}
.LinkLeft
{
	float: left;
	clear: right;
}
.LinkLeftToImageSmall
{
	margin-top: 5em;
	float: left;
	clear: right;
	width:10em;
}
.portfolioText
{
	text-align: left; /*width: 300px;*/
	position: absolute;
	top: 34em; /*text-indent:-10px; 	margin-left:10px;*/
	overflow: visible;
}
.portFolioImageLarge
{
	width: 550px;
	position: absolute;
	top: 4em;
	/*height:300px;
	overflow:hidden;*/
	left: 0px;
}
.portFolioImageLarge img
{
	width: 550px;
	
}
.portFolioImageLargeVertical
{
	width: 225px;
	position: absolute;
	top: 4em;
	left:200px;
	
}
.portFolioImageLargeVertical img
{
	width: 244px;
}
.portFolioImageLeft
{
	left: 525px;
	width: 200px;
	top: 7.0em;
	z-index: 12;
	position: absolute;
	
}
.portFolioImageLeft img, .portFolioImageRight img
{
	width: 200px;
	border: 1px solid #f9edba;
}
.portFolioImageRight
{
	left: 525px;
	width: 200px;
	top: 19.0em;
	z-index: 11;
	position: absolute;
	
}
.portFolioImageLeft img:hover ,.portFolioImageRight img:hover
{
	width: 400px;
	z-index: 14;
}
.portFolioImageLeft:hover
{
	left: 325px;
	z-index: 14;
}
.portFolioImageRight:hover
{
	left: 325px;
	top: 8.5em;
	z-index: 14;
}
.portfolioDistance
{
	height: 550px;
}
.pnlProperty
{
	text-align:left;
}
.commentspane, .linkReactComment
{
	display:none;
	visibility:hidden;
}