/* ---------- LAYOUT ----------   */
/* -- 1. FRAME -- */
html {
	background:#ebf6d3;color:#2f631d;min-height:100.1%}
body {
	background:#ebf6d3;text-align:center}
#container-outer {
	background:url(../cssimg/container-bg0.jpg) no-repeat;margin:0 auto 1em;position:relative;text-align:left;width:997px}
#container-center {
	background:url(../cssimg/container-center-bottom-shadow.png) no-repeat left bottom;margin:0 auto;padding-bottom:8px}
#container-inner {
	position:relative;width:976px}
/* -- 2. BRANDING-- */
#branding {
	height:180px;position:relative}
#page-home #branding {
	background:url(../cssimg/branding-bg-page-home.png) 207px 12px no-repeat}
/* ------------ UITLEG VOOR VERSCHILLENDE IMAGES IN BRANDING  
1. Images hebben deze maten: height:121px en width:682px;
2. Geef de body tag van elke pagina een andere ID;
3. Zet op deze ruimte de nieuwe styles;
	vb: #page-CONTACT #branding {
	background:url(../cssimg/branding-bg-page-CONTACT.png) 207px 12px no-repeat}
4. Delete deze uitleg.
------------ */
#branding h2 {
	height:116px;left:24px;position:absolute;top:17px;width:146px}
#branding h2 a {
	display:block;font-size:12px;height:100%;position:absolute;width:100%; background:url(../cssimg/branding-logo-screen.png) no-repeat; text-indent:-9999px}
#branding-tagline {
background:url(../cssimg/branding-tagline.png) no-repeat;bottom:0;height:46px;position:absolute;text-indent:-9999px;width:100%}
/* -- 3. CONTAINER MIDDLE -- */
#container-middle-shadow {
	background:url(../cssimg/container-middle-right-shadow.png) right top repeat-y;overflow:hidden}
#container-middle-white {
	background-color:#fff;overflow:hidden;width:968px}
/* 3.1. Content General */
#content {
	float:left;margin-left:366px;position:relative;width:602px}
#content p { 
	line-height:1.5em}
/* 3.2. Content Intro  */
#content-intro {
	background-color:#e7f4ca;margin-top:23px;padding:0 25px 0 30px;overflow:hidden}
#content-intro p {
	font-weight:700}
/* 3.3. Content Main  */
#content-main {
	background:url(../cssimg/content-main-bg-right.png) right top no-repeat;float:left;padding:8px 25px 0 30px;width:398px}
#content-main  ul{
	line-height:1.5em;}
/* 3.4. Content Related  */
#content-related { 
	background:url(../cssimg/content-related-bg.png) repeat-x;float:right;min-height:334px;height:auto !important;height:334px;padding:5px 5px 0 12px;width:132px}
#content-related h4 {
	font-weight:700;font-size:1em;margin:28px 0 5px;}
#content-related ul {
	color:#326f1e;line-height:1.45em;list-style:square;margin-left:12px}
#content-related ul li {
	margin-left:0; padding-left:0; text-indent:0}
#content-related ul a,#content-related ul a:link,#content-related ul a:visited {
	background:url(../cssimg/content-related-link-bg.png) right 50% no-repeat;color:#326f1e;padding-right:10px;text-decoration:none}
#content-related ul a:hover,#content-related ul a:active {
	background:url(../cssimg/content-related-link-hover-bg.png) right 50% no-repeat;color:#717171}
#link-logo-best-western {
	background:url(../cssimg/logo-best-western.png) no-repeat;display:block;height:120px;position:relative;text-indent:-9999px;width:131px}
/* 3.5. Nav Supp  */
#nav-supp {
	background-color:#2f631d;height:23px;left:0;position:absolute;left:366px;top:180px;width:602px}
#nav-supp ul {
	float:right;width:100%}
#nav-supp li {
	display:inline;float:right}
#nav-supp a,#nav-supp a:link,#nav-supp a:visited {
	color:#b0dd55;line-height:23px;padding:0 20px 0 10px;text-decoration:none;text-transform:uppercase}
#nav-supp a:hover,#nav-supp a:active,#nav-supp a.current {
	color:#FBFBFB}
/* 3.6. Nav Main  */
#nav-main {
	background:url(../cssimg/nav-main-bg.png) repeat-x;float:left;min-height:500px;height:auto !important;height:500px;margin-left:-968px;width:220px}
#nav-main h3 {
	display:none}
#nav-main ul {
	float:left;margin:20px 0 0 15px;width:176px}
#nav-main li {
	float:left;width:100%}
#nav-main a,#nav-main a:link,#nav-main a:visited {
	border-bottom:1px solid #97b18e;color:#fff;display:block;font:1.2em/1.75em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;letter-spacing:1px;line-height:30px;text-decoration:none;text-indent:9px}
#nav-main a:hover,#nav-main a:active,#nav-main a.current {
	background:url(../cssimg/nav-main-current-hover.png) right 50% no-repeat;border-color:#5c982e;color:#86ca3d}
#nav-main img#video { 
	cursor: pointer; }
/* 3.7. Content Address  */
#content-address {
	border-bottom:14px solid #2f631d;float:left;margin-left:-747px;width:145px}
#content-address #flash-replacement {
	height:382px;width:100%}
#content-address address {
	background:url(../cssimg/content-address-bg.png) repeat-x; letter-spacing:0;font-style:normal;height:205px;line-height:1.95em;min-height:205px;padding:25px 0 0 16px}
#content-address a,#content-address a:link,#content-address a:visited {
	color:#2f631d;text-decoration:none}
/* -- 4. SITEINFO -- */
#siteinfo {
	background:#a3d735 url(../cssimg/siteinfo-right-shadow.png) right top repeat-y;clear:both;;min-height:12px;height:auto !important;;height:12px}
#siteinfo-credits {
	bottom:20px;left:15px;position:absolute}
#siteinfo-credits a,#siteinfo-credits a:link,#siteinfo-credits a:visited {
	color:#326f1e;font-size:.8em;text-decoration:none}
/* -- A. Extra divs -- */
#container-outer > div.extra-star-1 {
	background:url(../cssimg/extra-star.png) no-repeat;height:31px;position:absolute;right:12px;top:110px;width:34px}
#content > div.extra-star-2 {
	background:url(../cssimg/extra-star.png) no-repeat;height:31px;position:absolute;right:133px;top:158px;width:34px}
#content-address a:hover,#content-address a:active,#siteinfo-credits a:hover,#siteinfo-credits a:active {
	color:#717171}

/* -- 5. EXTRA -- */
.content-breed #content-related { display: none }
.content-breed #content-main { width:547px }
#formtitle { width:150px;height:30px;float:left }
#formfield { width:350px;height:30px;float:left }
.sifr {font-family: Trebuchet;}