/* mac hide \*/
html,body{
	height:100%;
	width:100%;
	padding:0px;
	margin:0px;
	background-image:url(http://www.keesgreeve.nl/templates/images/main_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#498b0f;
}
/* end hide */

#outerContainer{
	min-height:100%;
	width:100%;
	padding:0px;
	margin-bottom:-40px;
	background-image:url(http://www.keesgreeve.nl/templates/images/content_bg.jpg);
	background-position:top;
	background-repeat:repeat-y;
}
* html #outerContainer{ height:100%; } /*FOR IE treats height as min-height anyway*/

#mainContainer{
	min-height:640px;
	width:100%;
	padding:0px;
	margin:0px;
	background-image:url(http://www.keesgreeve.nl/templates/images/weed.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
* html #mainContainer{ height:640px; } /*FOR IE treats height as min-height anyway*/

#contentContainer{
	width:780px;
	padding:30px 0px 0px 0px;
	margin:0px auto 0px auto;
}

#contentContainer #header{
	width:745px;
	height:55px;
	padding:10px 20px 0px 15px;
}
#header #logo	  { float:left; width:500px; }
#header #language { float:right; width:245px; color:#498b0f; padding:4px 0px 0px 0px; }

#contentContainer #menu{
	clear:both;
	width:768px;
	height:35px;
	padding:0px 0px 0px 12px;
	background-image:url(http://www.keesgreeve.nl/templates/images/menu_bg.jpg);
}

#contentContainer #submenu{
	width:768px;
	height:20px;
	padding:0px 0px 0px 12px;
	background-color:#91c842;
}

#contentContainer #sfeer{
	clear:both;
	width:780px;
	height:175px;
	padding:5px 0px 0px 0px;
}

#contentContainer #crumb{
	width:490px;
	height:20px;
	padding:8px 0px 0px 290px;
}

#contentContainer #pageHeader{
	width:490px;
	min-height:38px;
	padding:2px 0px 0px 290px;
	background-image:url(http://www.keesgreeve.nl/templates/images/header_bg.gif);
	background-repeat:no-repeat;
	/*background-color:#33FFFF;*/
}
* html #contentContainer #pageHeader{ height:38px; } /*FOR IE treats height as min-height anyway*/

#contentContainer #contentLeft{
	float:left;
	width:230px;
	overflow:hidden;
	padding:0px 20px 20px 20px;
	/*background-color:#9966CC;*/
}

#contentContainer #contentRight{
	float:left;
	width:470px;
	overflow:hidden;
	padding:0px 20px 20px 20px;
	/*background-color:#0033FF;*/
}

#footer {
	width:780px;
	height:28px;
	background-color: #498b0f;
	position:relative;
	text-align:center;
	padding:12px 0px 0px 0px;
	margin:0px auto 0px auto;
}
#clearfooter{ clear:both; height:40px; } /*needed to make room for footer*/

/** MENU *******************************************************************************************/

ul.mainMenu{ padding:0px; margin:0px; }
ul.mainMenu li{
	display:block;
	float:left;
	height:20px;
	line-height:normal;
	font-weight:bold;
	border-right:1px solid #91c842;
	padding:5px 8px 0px 8px;
	margin:0px;
}

ul.mainMenu li.active{ background-image:url(http://www.keesgreeve.nl/templates/images/mainmenu_active.gif); background-position:center; background-repeat:no-repeat; }

ul.subMenu{ padding:0px; margin:0px; }
ul.subMenu li{
	display:block;
	float:left;
	height:20px;
	line-height:normal;
	font-weight:bold;
	padding:0px 8px 0px 8px;
	margin:0px;
}
ul.subMenu li.active{ background-image:url(http://www.keesgreeve.nl/templates/images/submenu_active.gif); background-position:bottom; background-repeat:no-repeat; }

/** TEXT *******************************************************************************************/

div,p,span,label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:140%;
	color:#000000;
}

#pageHeader h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-style:italic;
	line-height:normal;
	color:#498b0f;
	padding:0px;
	margin:0px;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
	line-height:normal;
	color:#498b0f;
	padding:0px;
	margin:0px;
}

a:link, a:active, a:visited, a:hover{ color:#498b0f; text-decoration:none; }
a:hover{ text-decoration:underline; }

a.mainMenuLink:link, a.mainMenuLink:active, a.mainMenuLink:visited, a.mainMenuLink:hover{ color:#b8d99b; text-decoration:none; text-transform:uppercase; }
a.mainMenuLink:hover{ text-decoration:underline; text-transform:uppercase; }

a.subMenuLink:link, a.subMenuLink:active, a.subMenuLink:visited, a.subMenuLink:hover{ color:#498b0f; text-decoration:none; text-transform:uppercase; }
a.subMenuLink:hover{ text-decoration:underline; text-transform:uppercase; }

a.activeMenu:link, a.activeMenu:active, a.activeMenu:visited, a.activeMenu:hover{ color:#ffffff; text-decoration:none; text-transform:uppercase; }
a.activeMenu:hover{ text-decoration:underline; text-transform:uppercase; }

#crumb, #crumb a:link, #crumb a:active, #crumb a:visited, #crumb a:hover{ color:#999999; text-decoration:none; }
#crumb a:hover{ text-decoration:underline; }

#footer, #footer a:link, #footer a:active, #footer a:visited, #footer a:hover{ color:#ffffff; text-decoration:none; }
#footer a:hover{ text-decoration:underline; }

p{ padding:0px 0px 10px 0px; margin:0px; }
ul.ulSitemap{ padding:0px; margin:0px 0px 0px 0px; list-style:none; line-height:normal; }
ul.ulSubSitemap{ padding:0px; margin:0px 0px 0px 15px; list-style:none; line-height:normal; }

/** FORM ******************************************************************************************/

#languageSelect{
	width:245px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/** Gallery ***************************************/

div#subGallery img{ margin:0px 10px 10px 0px; padding:4px; border:1px solid #ccc; }

#cfCreatedDiv{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:100;
}

img{ border:none; }