html, body { background-color: #fff; padding: 0; margin: 0; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
#container { width: 630px; height: 100%; margin: 0 auto; padding: 0; text-align: center; position: relative; bottom: 0; top: 0; }

a, a:hover, a:active { outline: none; }
/* Logos */
div.logos { position: relative; z-index: 3; margin-top: 20px; }
div.logos p img { position: absolute; z-index: 224; }
div.logos p.logo a img { border: 0; }
div.logos p.logo1 img { right: 28px; }
div.logos p.logo2 img { top: 95px; right: 28px; }
div.logos p.logo3 img { top: 190px; right: 28px; }
div.logos p.logo4 img { top: 264px; right: 28px; }
div.logos p.logo5 img { top: 359px; right: 28px; }
div.logos p.logo6 img { top: 411px; right: 28px; }
div.logos p.logo7 img { top: 455px; right: 28px; }

div.logos p.logo.logo2_1 img { right: 130px; }
div.logos p.logo.logo2_2 img { right: 130px; top: 40px; }
div.logos p.logo.logo2_3 img { right: 160px; top: 90px; }
div.logos p.logo.logo2_4 img { right: 125px; top: 190px; }
div.logos p.logo.logo2_5 img { right: 130px; top: 243px; }
div.logos p.logo.logo2_6 img { right: 130px; top: 303px; }
div.logos p.logo.logo2_7 img { right: 130px; top: 373px; }

div.logos p.left.logo1 img { right: 128px; }

/* Sidebar */
#leftbox { position: absolute; left: -199px; top: 0; width: 278px; background: #fff url('/images/layout/background_left_repeat.gif') repeat-y left bottom; height: 100%; }
#leftbox .bgbottom { position: absolute; right: 0; bottom: 0; width: 278px; background: url('/images/layout/background_left.gif') no-repeat left bottom; height: 612px; z-index: 2; }
#rightbox { position: absolute; right: -199px; top: 0; width: 278px; background: #fff url('/images/layout/background_right_repeat.gif') repeat-y left bottom; height: 100%; }
#rightbox .bgbottom { position: absolute; left: 0; top: 0px; width: 278px; background: url('/images/layout/background_right.gif') no-repeat left top; height: 612px; z-index: 2; }

#leftbox .content,
#rightbox .content { text-align: left; position: absolute; width: 278px; top: 0; left: 0; z-index: 3;}
#leftbox .content { right: 0; left: auto; }

	/* bruidspaar zoeken */
	#bruidspaar_zoeken { margin-top: 18px; margin-left: 1em; position: relative; height: 106px; width: 191px; background: url('/images/layout/bruidsparen/background-zoeken.gif') no-repeat left top; }
	#bruidspaar_zoeken.hidden { visibility: hidden; }
	#bruidspaar_zoeken label { font-weight: bold; color: #6D6E71; position: absolute; left: 1em; top: 1em; }
	#bruidspaar_zoeken input.tekst { border: 0; position: absolute; left: 1em; top: 2.5em; }
	#bruidspaar_zoeken input.submit { position: absolute; right: 1em; bottom: 1em; }

	/* navigation */
	ul#navigation,
	ul#navigation li { margin: 0; padding: 0; list-style: none; }
	ul#navigation { margin-top: 36px; margin-left: 1em; }
	ul#navigation a img { border: none; }

/* Contentbox */
#contentbox { width: 470px; margin: 0 auto; border-width: 0 1px; height: 100%; text-align: left; position: relative; color: #6A696F; }
#contentbox #header { position: relative; height: 160px; }
#contentbox .content { 
	position: absolute; top: 170px; left: 0; right: 0; bottom: 27px; 
	padding-left: 30px; padding-right: 35px; padding-bottom: 2em;
	overflow: -moz-scrollbars-vertical !important;
	overflow: auto;
	overflow-x: hidden; 
}
* html #contentbox .content { height: expression( this.scrollHeight > 0 ? "65%" : "auto" ); right: 2em; }
#contentbox h1 { color: #BC8821; font-weight: 100; font-size: 20pt; }
#contentbox h3 { color: #BC8821; font-size: 10pt; margin-bottom: 0; }
#contentbox h3.alignright { text-align: right; }
/*#contentbox p { text-align: justify; }*/
#contentbox p.alignright { text-align: right; }
#contentbox .first { margin-top: 0; }
#contentbox a { color: #BC8821; text-decoration: underline; }
#contentbox a:hover { text-decoration: none; }

/* HEADERS 
#contentbox.style_debruidsparen #header,
#contentbox.style_sponsors #header { height: 115px; }
#contentbox.style_debruidsparen #header h1,
#contentbox.style_sponsors #header h1 { position: absolute; left: 30px; top: 39px; font-weight: 100; font-size: 22pt; width: 410px; }
#contentbox.style_debruidsparen .content { top: 125px; }
#contentbox.style_sponsors .content { top: 90px; }
#contentbox.style_sponsors .content hr { height: 0; border: none; border-top: 1px solid #F3F3F3;  margin-left: -30px; margin-right: -35px; width: 475px; }
*/
	/* FAQ */
	ol.faq { padding: 1em 0 0 1.5em; margin: 0 0.5em; }
	*+html ol.faq { margin: 1em 0 0 1.5em; padding: 0 0.5em; }
	ol.faq li { margin: 1em 0; padding: 0;}
	ol.faq li span { color: #BB8C2E; display: block; }
	ol.faq li span img { margin: 0 0.5em 0 -1.8em; }
	ol.faq li span.icon2 img { margin: 0 0.5em 0 -2em; }

	/* Bruidsparen */
	#bruidsparen { margin-left: -30px; margin-right: -35px; }
	#bruidsparen div.bruidspaar { border: 2px solid #F0F0F1; border-width: 2px 0; padding: 0.5em 0}
	#bruidsparen div.bruidspaar div.item { width: 456px; height: 115px; position: relative; background: url('/images/layout/bruidsparen/background.jpg') left top no-repeat; margin: 1em 0; }
	#bruidsparen div.bruidspaar div.item img { float: left; padding: 8px 0 8px 17px; }
	#bruidsparen div.bruidspaar div.item h1 { color: #FFF; font-family: Arial, Helvetica, sans-serif; font-weight: 100; font-size: 20pt; margin: 0 0 0 116px; }
	#bruidsparen div.bruidspaar div.item p { margin: 0 0 0 116px; padding-right: 1em; font-size: 9pt; color: #6D6E71; }
	#bruidsparen div.bruidspaar div.item h1.rating { position: absolute; right: 5px; top: 0; text-align: right; width: 4em; }
	
	/* Inschrijven */
	div#contentbox.style_inschrijven form { background: #FFF url('/images/layout/inschrijven/background_formulier.gif') repeat-y right top; padding: 1em; }
	div#contentbox.style_inschrijven form ul,
	div#contentbox.style_inschrijven form ul li { list-style: none; padding: 0; margin: 0; }
	div#contentbox.style_inschrijven form ul li { border-bottom: 1px solid #828385; padding: 5px 0; }
	div#contentbox.style_inschrijven form ul li.noborder { border: none; }
	div#contentbox.style_inschrijven form input { margin-left: 0.5em; border: none; background: none; }
	div#contentbox.style_inschrijven form input.uploadfield { width: 70%; border: 1px solid #828385;  }
	div#contentbox.style_inschrijven form textarea { overflow: auto; width: 370px; border: 1px solid red; border: none; background: none;}
	div#contentbox.style_inschrijven form input,
	div#contentbox.style_inschrijven form textarea { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
	div#contentbox.style_inschrijven form .fieldWithErrors { display: inline; }
	div#contentbox.style_inschrijven form .fieldWithErrors input { border: 1px solid red; }
	div#contentbox.style_inschrijven form .formError { color: red; }
	
	
	div#contentbox.style_inschrijven span#uploadfieldcontent { display: none; }

	/* sponsors */
	div#contentbox.style_sponsors div#partners { margin-left: -30px; margin-right: -35px; }
	div#contentbox.style_sponsors div#partners div.item { width: 436px; height: 90px; position: relative; background: url('/images/layout/partners/background.jpg') left top no-repeat; margin: 0em 5px; cursor: pointer; }
	div#contentbox.style_sponsors div#partners div.item:hover h1 { color: #000; }
/*	div#contentbox.style_sponsors div#partners div.item { width: 456px; height: 90px; position: relative; background: url('/images/layout/partners/background.jpg') left top no-repeat; margin: 0em 5px; cursor: pointer; }*/
	div#contentbox.style_sponsors div#partners div.item h1 { color: #7C7D81; font-size: 18pt; position: absolute; top: 30px; left: 115px; margin: 0; }
/*	div#contentbox.style_sponsors div#partners div.item:hover h1 { color: #BC8821; } */
	
	div#contentbox.style_sponsors div#partners div.item_expanded { width: 100%; position: relative; background: #BFC0C2 url('/images/layout/partners/background_expanded.gif') left top repeat-x; margin: -7px 0 7px 0; padding: 0.5em; color: #fff; }
	div#contentbox.style_sponsors div#partners div.item_expanded a { color: #fff; text-decoration: underline; }
	div#contentbox.style_sponsors div#partners div.item_expanded a:hover { color: #BC8821; text-decoration: underline; }
	div#contentbox.style_sponsors div#partners div.item_expanded table { border: 0; width: 100%; }
	div#contentbox.style_sponsors div#partners div.item_expanded table tr,
	div#contentbox.style_sponsors div#partners div.item_expanded table tr td { border-collapse: collapse; border: 0; }
	div#contentbox.style_sponsors div#partners div.item_expanded table tr td.logo { width: 120px; padding: 10px 0; text-align: center; }
	div#contentbox.style_sponsors p.sponsor_worden { text-align: center; font-size: 8pt; }
	
/* FOOTER */
div#footer { height: 20px; width: 100%; color: #6D6E71; text-align: center; margin: 0 auto; background: #FFF url('/images/layout/background_footer.gif') repeat-x left top; position: fixed; bottom: 0; z-index: 30; border-top: 1px solid #E6E6E6; padding-top: 7px; font-size: 8pt; } 
div#footer a { color: #A7A9AC; text-decoration: none; }
div#footer a.active { color: #6D6E71; }
div#footer a.active:hover { text-decoration: none; cursor: text; }
div#footer a:hover { text-decoration: underline; }
div#footer a#closefooter { float: right; margin-right: 1em; font-size: 9pt; display: none; }
div#footer p,
div#footer div#footer_contact { display: none; }
div#footer div#footercontent h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: 100; margin-top: 5px; }
div#footer div#footercontent p { display: block; }
div#footer div#footercontent a { color: #BC8821; text-decoration: underline; }
div#footer div#footercontent a:hover { text-decoration: none; }
div#footer div#footercontent img { float: left; margin-left: -80px; }
div#footer.expanded { height: 270px; }
div#footer.expanded div#footercontent { text-align: left; margin: 0 auto; margin-top: 1em; width: 460px; color: #6D6E71; font-size: 8pt; line-height: 1.5em; }