html { 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body	{
	background			: #073b1f url(../img/content_bg.jpg) repeat-x left top;
	font				: 0.8em/1.3em Arial, sans-serif;
	text-align			: center; 
}

.toegankelijkheid	{
	position			: absolute;
	left				: -999em;
}

a	{
	color				: #000;
}

/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after,
#menu:after,
#container:after	{
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}
	
.clearfix, #menu, #container	{	*display		: inline-block;	}
/* start verbergen voor IE-mac \*/
* html .clearfix, * html #menu 	{ height	: 1%;}
.clearfix, #menu 			{ display	: block;}
/* einde van verbergen IE-mac */

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	margin				: 30px auto 0 auto;
	width				: 795px;
	text-align			: left;
	background			: #b9c300;
}

/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 148px;
	background			: #4a4580 url(../img/header_bg.jpg) no-repeat 30px top;
}

#header a.logo	{
	position			: absolute;
	top					: -30px;
	left				: -60px;
}

/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	background			: #070707 url(../img/menu_bg.jpg) repeat-y left top;
	padding				: 0 20px;
	position			: relative;
	z-index				: 10;
	border-bottom		: 2px solid white;
}

#menu li	{
	float				: left;
	position			: relative;
}

#menu li a	{
	text-transform		: uppercase;
	color				: #fff;
	text-decoration		: none;
	margin				: 0 12px;
	_margin				: 0 6px; /* IE fix */
	font-size			: 0.9em;
	font-weight			: bold;	
	display				: block;
	height				: 20px;
	float				: left;
	vertical-align		: top;
	overflow			: hidden;
	padding				: 8px 0 4px 0;
}

#menu li a:hover, #menu li a.actief	{
	color				: #ADC42B;
}

/* submenu */
#menu li ul	{
	position			: absolute;
	margin				: 32px 0;
	left				: -999em;
	width				: 200px;
	background			: #070707 url(../img/menu_bg.jpg) repeat-y left top;
	z-index				: 1000;
}

#menu li.hover ul	{
	left				: 0;
}

#menu li ul li	{
	float				: none;
	padding				: 0;	
}
		
#menu li ul li a, #menu li.hover ul li a	{
	width				: 200px;
	border-bottom		: 1px solid #ADC42B;
	height				: auto;
	float				: none;
	overflow			: visible;
	padding				: 5px;
}

#menu li ul li.last a	{
	border-bottom		: none;
}
	
#menu li ul li a:hover	{
	border-top			: none;
	color				: #ADC42B;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	margin				: 0 20px 0 30px;
	padding				: 30px 0;
	line-height			: 1.5em;
	background			: url(../img/logo_zozijn.jpg) no-repeat right 20px;
	min-height			: 300px;
	_height				: 300px;
	font-size			: 10pt;
}

#content h1	{
	color				: #000;
	font				: bold 1.4em/1.8em Arial, Helvetica, sans-serif;
	margin				: 0 0 30px 0;
	border-bottom		: 1px solid black;
	padding				: 0 0 5px 0;
	width				: 590px;
}

/* iwes opmaak */
#content .iwes	{
	font-size			: 10pt;	
}

#content .iwes blockquote	{
	margin				: 0 0 10px 30px;
}

#content .iwes ul	{
	margin				: 0 0 10px 30px;
	list-style			: square;
}

#content .iwes ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}

/* formulieren */
#content .formmodule h4	{
	display				: none;
}

#content .formmodule ul.formulier	{
	list-style			: none;
	margin				: 0;
}

#content .formmodule ul.formulier li	{
	padding				: 3px 0;
}

#content .formmodule ul.formulier li .label	{
	font-weight			: bold;
}

#content .formmodule ul.formulier li.melding	{
	background			: #9B304A;
	color				: white;
	font-weight			: bold;
	padding				: 5px 3px;
	width				: 294px;
}

#content .formmodule ul.formulier li.verplicht	{
	font-style			: italic;
}

#content input, 
#content select, 
#content textarea	{
	border				: solid 1px #000;
	font				: 1em Arial;
	padding				: 2px;
}

#content input.fout, #content textarea.fout	{
	background			: #F3D7DF;
	border				: 1px solid #9B304A;
}

#content input.radio, 
#content input.checkbox 	{
	border				: none;
}

#content input.button 	{
	cursor				: pointer;
	background			: #023a1d;
	color				: #fff;
	font-weight			: bold;
	margin				: 5px 0;
}

#content #intro_player	{
	float				: left; 
	margin				: 0 15px 0 0; 
	border				: 1px solid white; 
	border-bottom		: none;
}

#content #kickoff_player	{
	border				: 1px solid white; 
	border-bottom		: none;
}


/* --------------------------------	*/
/* vacaturebank					 	*/
/* --------------------------------	*/
img.vacaturebank_uiting	{
	position			: relative;
	left				: 190px;
	*left				: 190px;	
	_left				: 190px;
}

#content ul.vacaturebank	{
	margin				: 51px 0 20px 0;
	padding				: 0;
	width				: 454px;
	*width: 454px;
	_width: 454px;
	list-style			: none;
	position			: absolute;
}

#content ul.vacaturebank	li {
	padding				: 8px 5px 8px 0;
}

#content ul.vacaturebank li.even	{
	background			: #c4d36d;
}

#content ul.vacaturebank li.oneven	{
	background			: #e2eabd;
}

#content ul.vacaturebank li a {	
	font				: bold 1.1em Arial, Helvetica, sans-serif;
	text-decoration		: none;
	display				: block;
	padding-left		: 35px;
}

#content ul.vacaturebank li a.aanmelden {
	font				: normal 1em Arial, Helvetica, sans-serif;
	text-decoration		: underline;
	color				: #c30;
	padding				: 0;
	display				: inline;
	background			: none !important;
}

#content ul.vacaturebank li a:hover {
	text-decoration		: underline;
}

#content ul.vacaturebank li.even a {
	background			: url(../img/even_inactive.gif) no-repeat 15px 0;
}

#content ul.vacaturebank li.oneven a {
	background			: url(../img/oneven_inactive.gif) no-repeat 15px 0;
}

#content ul.vacaturebank li.even a.selected {
	background			: url(../img/even_active.gif) no-repeat 15px 0;
}

#content ul.vacaturebank li.oneven a.selected {
	background			: url(../img/oneven_active.gif) no-repeat 15px 0;
}

#content ul.vacaturebank li div {
	padding-left		: 35px;
}

#content ul.vacaturebank li.geen_resultaten	{
	display				: none;
	padding				: 5px;
	font-weight			: bold;
	font-size			: 1.1em;
	text-align			: center;
}

#content div.vacaturebank_container	{
	position			: relative;
}

#content div.vacaturebank_container .zoeken	{
	font-weight			: bold;
	width				: 450px;
	position			: absolute;
	top					: 0;
	left				: 0;
}

#content div.vacaturebank_container .zoeken ul	{
	list-style			: none;
	margin				: 0;
	padding				: 0;
}

#content div.vacaturebank_container .zoeken ul li	{
	float				: left;
	padding				: 0 5px 0 0;
}

#content div.vacaturebank_container .zoeken input	{
	vertical-align		: middle;
	margin				: 0;
}



/* --------------------------------	*/
/* in beeld						 	*/
/* --------------------------------	*/
#content .in_beeld	{
	margin				: 40px 0 0 0;
	background			: url(../img/radial_bg.jpg) no-repeat 140px -20px;
}

#content .in_beeld .image_container	{
	width				: 365px;
	float				: left;
	text-align			: center;
}

#content .in_beeld img	{
	border				: 1px solid #fff;
}

#content .in_beeld ul	{
	list-style			: none;
	margin				: 0;
	width				: 730px;
	height				: auto;
	float				: left;
	clear				: both;
}

#content .in_beeld ul li	{
	float				: left;
	margin				: 10px 20px 0px 0;
	padding				: 0 0 10px 0;
}

#content .in_beeld ul li.actief a,
#content .in_beeld ul li a:hover {
	padding				: 0 0 5px 0;
	border-bottom		: 2px solid white;
}

#content .in_beeld .omschrijving_container	{
	width				: 355px;
	float				: right;
}

#content .in_beeld .omschrijving_container h3	{
	font				: bold 1.2em Arial, Helvetica, sans-serif;
	margin				: 0 0 10px 0
}




/* --------------------------------	*/
/* Popup						 	*/
/* --------------------------------	*/
iframe#GB_frame {
	overflow			: hidden;
}

#GB_window 	{
	height				: 436px;
}

.flash-replaced	.alt {
	display				: none;
}


/* --------------------------------	*/
/* actie / viral				 	*/
/* --------------------------------	*/
.error, .errors  { 
	background			: #E3E3E3;
	color				: red;
	margin				: 0 0 5px;
	padding				: 5px;
	width				: 250px;
}

#content #filmpje {
	width				: 420px;
	float				: left;
	margin				: 0;
	padding				: 10px 0 0 0 ;
	height				: 236px;
	position			: relative;
	z-index				: 100;
}

#content #flash_movie	{
	position			: absolute;
	top					: 0;
	left				: 0;
	z-index				: 150;
}

#content .actie_aanmelden {
	float				: right;
	width				: 315px;
	clear				: right;
	height				: auto;
}

#content .film_bedankt {
	float				: left;
}

#content .actie_aanmelden.film_begin {
	float				: left;
}

#content .actie_aanmelden  ul.film_foto {
	display				: block;
	width				: 670px !important;
	background			: url(../img/film_foto_begin.jpg) top right no-repeat !important;
}

#content .actie_aanmelden ul.actieform li	{
	width				: 300px;
	margin				: 2px 0;
	padding				: 3px 0 3px 15px;
	background			: url(../img/bg_input_actie2.gif) no-repeat left top;
}

#content .actie_aanmelden .actieform label	{
	text-transform		: uppercase;
	font				: bold 0.8em Arial, Helvetica, sans-serif;
	color				: #e5173f;
}
	
#content .actie_aanmelden .actieform input	{
	background			: none;
	border				: none;
	border-bottom		: 1px solid white;
}

#content .actie_aanmelden .actieform li.info_doorsturen	{
	padding				: 0;
	margin				: 0;
	background			: none;
}

#content .actie_aanmelden .actieform li.label	{
	font-style			: italic;
	background			: none;
	font				: bold 0.9em Arial, Helvetica, sans-serif;
	color				: white;
}

#content .actie_aanmelden .actieform li.buttons,
#content .actie_aanmelden .actieform li.disclaimer	{
	background			: none;
	overflow			: hidden;
}

#content .actie_aanmelden .actieform li.disclaimer	{
	color				: #fff;
	padding				: 6px 15px;
	width				: 290px !important;
	font				: normal 0.8em Arial, Helvetica, sans-serif;
	background			: url(../img/bg_disclaimer_actie2.gif) no-repeat left top;
}

#content .actie_aanmelden .actieform li.buttons	{
	text-align			: right;
}

#content .actie_aanmelden .actieform .buttons input	{
	background			: url(../img/btn_verzend.gif) no-repeat left top;
	line-height			: -99em;
	text-indent			: -99em;
	width				: 86px;
	height				: 23px;
	overflow			: hidden;
	color				: #000;
	text-transform		: uppercase;
	border				: 0;
}

#content .actie_aanmelden .actieform .buttons  input.bekijk_filmpje {
	background			: url(../img/btn_bekijk_filmpje.gif) no-repeat left top;
	width				: 110px;
}


/* --------------------------------	*/
/* popup -> doorsturen			 	*/
/* --------------------------------	*/
form#frm_actie_aanmelden	{
	padding				: 10px 0 0 1px; /* 25 0 0 45 joost */
}

#sponsor { height: 80px; }

#sponsor a {
	position: relative;
	left: 480px;
	display: block;
	width: 283px;
	height: 25px;
	padding: 20px 0;
	overflow: hidden;
	line-height: 99em;
	background: url(../img/sponsor.jpg) no-repeat left top;
}


/* --------------------------------	*/
/* amimpact						 	*/
/* --------------------------------	*/
#amimpact	{
	text-align			: right;
	margin				: 10px auto;
	padding				: 0 30px;
	width				: 735px;
	font				: 0.8em Arial, Helvetica, sans-serif;
	color				: #fff;
}

#amimpact a	{
	color				: #fff;
	text-decoration		: none;
}


/* --------------------------------	*/
/* Googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps	{
	border				: solid 1px black;
	overflow			: hidden; 
}

#googlemaps	{
	width				: 600px;
	height				: 250px;
	background			: #eee;
	text-align			: left;
	font				: 1em Trebuchet MS;
	color				: #000;
}

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* sIFR							 	*/
/* --------------------------------	*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h1 {
	visibility: hidden;
}


/* --------------------------------	*/
/* Home							 	*/
/* --------------------------------	*/
.home #content	{
	background			: url(../img/logo_zozijn.jpg) no-repeat -12px 270px;
}

.home #content .intro	{
	margin				: 0 0 35px 0;
}

.home #content .intro h1	{
	width				: auto;
	border				: 0;
	display				: inline;
	font				: bold 1.6em Arial, Helvetica, sans-serif;
	margin				: 0 15px 5px 0;
	float				: right;
	width				: 338px;
	text-align			: left;

}

.sIFR-hasFlash .home #content .intro h1	{
	font-size			: 24px;
	line-height			: 16px;
	padding				: 10px 0;
}

.home #content .iwes	{
	margin-left			: 200px;
}

.home .intro img	{
	border				: 1px solid #fff;
	margin-right		: 30px;
}

.home .intro p	{
	font				: bold 1em/1.4em Arial, Helvetica, sans-serif;
	margin				: 0 0 15px 0;
	width				: 323px;
	float				: right;
	padding				: 0 30px 0 0;
}

/*-------------nieuwsbriefformulier------------------------*/
#content #nieuwsbriefformulier {
	font-family				: Arial;
	font-size				: 1em;
	color					: #000;
	line-height 			: 1.4em;
}

#content #nieuwsbriefformulier fieldset {
	margin					: 0;
	padding					: 0;
	border					: 0;
}

#content #nieuwsbriefformulier legend {
	text-indent				: -900em;
}

#content #nieuwsbriefformulier ul {
	list-style				: none;
	padding					: 0;
	margin					: 0;
}

#content #nieuwsbriefformulier li {
	margin					: 0 0 3px 0;
}

#content #nieuwsbriefformulier li label {
	display					: block;
	width					: 80px;
	float					: left;
	padding					: 3px 0 1px 0;
}
#content #nieuwsbriefformulier li input {
	color					: #000;
	width					: 300px;
	padding					: 1px 2px;
}

#content #nieuwsbriefformulier li#extra_variabelen {
	clear					: both;
}

#content #nieuwsbriefformulier li#extra_variabelen select {
	display					: block;
	width					: 80px;
	margin					: 10px 0 3px 80px;
}

#content #nieuwsbriefformulier li#extra_variabelen input {
	margin					: 0 0 3px 0;;
}

#content #nieuwsbriefformulier li.aan_afmelden {
	padding					: 0 0 0 80px;
}
#content #nieuwsbriefformulier li.aan_afmelden input.radio {
	border					: 0;
	width					: 17px;
}
#content #nieuwsbriefformulier li.aan_afmelden label {
	width					: 100px;
	display					: inline;
	float					: none;
}

#content #nieuwsbriefformulier li input.veldFout_nieuwsbriefformulier {
	border					: 1px solid #F22;
}

#content #nieuwsbriefformulier li input.multipleFout_nieuwsbriefformulier {	
}

#content #nieuwsbriefformulier li input.button {
	color				: #fff;
	font-weight			: bold;
	padding				: 3px 10px;
	cursor				: pointer;
	margin				: 5px 0 0 0;
	width				: auto;
}

#content #nieuwsbriefformulier #melding_nieuwsbriefformulier {
	color					: #ff0000;
	display					:none;
	font-weight				: bold;
}