@charset "UTF-8";
.listbox {
	width: 150px;
}
* {padding: 0px; margin: 0px; }
body {
	z-index: 2;
	 color: #FFF; 	height:100%;
	font: helvetica;
	padding: 0; margin: 0; background: #000 url('pics/background/background_03_XO_Haarlem.jpg') repeat; }

a,input
{
  outline: none;
}
textarea {
resize:none;
} 
#wrapper { width: 100%; height: 100%; background: url('images/bg-top.png') repeat-x top;  }

#mainCntr { width: 990px; display: block; position: relative; margin: 0 auto; }

#headerCntr { display: block; margin-top:-16px; background: url('images/xo_building_header.png') no-repeat right; width: 990px; height: 177px; }
#headerCntr h1 { font-size: 46px; text-shadow: #000 2px 2px 2px; margin-top: 60px; margin-left:90px; position: relative; display: inline-block; float: left; }
#headerCntr a.logo { display: block; text-indent: -9999px; width: 200px; height: 112px; background: url('images/XO_haarlem_logo_roze.png') no-repeat; margin-top: 25px; float: left }
#headerCntr a.info { position: absolute; color: #FFF; text-decoration:  none; font-family: Verdana, Geneva, sans-serif; margin-top: 100px; right: 0px;  }
#headerCntr a.info:hover { text-decoration: underline; }
#headerCntr object { top: 55px; left: 210px; position: absolute; }

/* ### MENU ### */
#menu { display: block; width: 990px; position: relative; float: left; margin-top: 20px; font: helvetica; }
#mainMenu {	display: block;	list-style: none; overflow: hidden; width: 1000px; background: url('images/bg-menu.png') no-repeat left; margin-left: -5px; padding-left: 17px;}
#mainMenu li { display: inline-block; background: url("images/streepje.png") no-repeat scroll right -1px transparent; float: left; }
/* #mainMenu li:first-child, */ #mainMenu li:last-child { background: none; } 
#mainMenu a, #subMenu span { color: #FFF; display: block; height: 47px; line-height: 40px; margin-left: 1px; padding: 0 20px; text-align: center; text-decoration: none; font-family: Helvetica, Arial, Verdana; font-size: 12px; }
#mainMenu li:hover a{ color: #FFF; }
#mainMenu li.selected { background: url('images/menu-selected.png') repeat-x; }

#subMenu { list-style: none; padding: 0 0 0 10px;	z-index: 10; background: #ee1b72; margin: -3px 0 0 1px; width: 980px; font-family: Helvetica, Arial, Verdana; font-size: 12px; float: left; text-transform: uppercase; }
#subMenu span { font-size: 12px; text-transform: uppercase; }
#subMenu li { background: none; display: inline-block; float: left; text-transform: uppercase; }
#subMenu li.active { }
#subMenu li:hover  { }
#subMenu li span { cursor: pointer;	font-size: 12px; height: 30px; line-height: 30px; padding-bottom: 1px; }
.megadropdown { left: -990em; position:absolute; top: 74px; width:990px; z-index: 10; background: #b21153 url('images/bgsub.png') top repeat-x; margin-left: 1px; padding-bottom:15px; }
#subMenu li:hover .megadropdown { left: 0; float: left; }
#subMenu li:hover span { color: #000; }
#subMenu li span.selected { color: #000; }

/* Megadropdown columns */
.megadropcol { float: left; line-height: 18px; padding: 8px; position: relative; width: 160px; margin: 15px 0 0 18px; }
.megadropcol ul { margin-bottom: 8px; }
.megadropcol li { display: block; float: none; }
.megadropcol li a { display: block; width: 160px; text-decoration: none; text-transform: capitalize; color: #FFF; }
.megadropcol li a:hover { color: #000; }
.megadropcol li a.selected { color: #000; }
.megadropcol strong { font-size: 11px;	text-transform: uppercase; }
.megadropcol span.link { background-image: none; display: inline; font-size: 12px; font-weight: bold; line-height: 19px; margin: 0;	padding: 0; }

#contentCntr { display: block; background: #000 url('images/bg-content.png') repeat-x; float: left; margin-top: 28px; margin-bottom: 20px; width: 993px; font-family: Helvetica, Arial, Verana; font-size: 11px; } 
#contentCntr ul { list-style: none; margin: 25px; float: left; }
#contentCntr a { color: #FFF; font-family: helvetica; font-size: 12px; }
#contentCntr a:hover { color: #EC0961;}
#contentCntr li { list-style: none; width: 280px; line-height: 24px; }
#formulier label { display: inline-block; height: 15px; width: 115px; margin-bottom: 10px; }
#formulier label.man { width: 73px; }
#formulier { margin: 22px 0 22px 30px; display: block; float: left; font-family: Helvetica, Arial, Verana; font-size: 11px;  }
#formulier input[type="radio"] { margin-right: 10px; }
#formulier input[type="submit"] { height: 21px; width: 124px; display: block; background: url('images/verstuurbtn.png') no-repeat top; text-indent: -9999px; border: none; margin-left: 225px; margin-top: 38px; } 
#formulier input[type="submit"]:hover { background-position:bottom; }

#leftCntr { float: left; width: 257px; display: block; }
.imgBox { display: block; background: url('images/bg_images_xo.png') no-repeat; width: 257px; margin-top: 8px; height: 195px; padding: 7px; }
.imgBox:last-child { margin-top: 0px; }

.rechtsBox { display: inline-block; float: left; background: #000 url('images/bg-content.png') repeat-x; width: 664px; margin-top: 31px; padding: 20px; margin-left: 28px; font-family: Helvetica, Arial, Verdana; font-size: 11px; line-height: 17px; padding: 8px 20px 26px }
.rechtsBox h1 { margin: 15px 0; font-family: Helvetica, Arial, Verdana; color: #FFF; font-size: 18px; font-weight: normal; text-align: left; }
.rechtsBox p {   display: inline; }
.rechtsBox h2 { font-family: helvetica, arial, verdana; font-size: 12px; line-height: 17px; font-weight: bold; display: inline; }
.rechtsBox a { color: #FFF; text-decoration: none; font-weight: bold; }
.rechtsBox a:hover { text-decoration: underline; } 

	.rechts { float: left; width: 541px; margin-left: 40px; margin-top: 20px; } 
	
	
	#fotos { list-style: none; display: block; margin-left:2px;  }
	#fotos li { display: inline-block; list-style: none; padding: 7px; background: url('images/foto_frame_xo_first_242x184.png') no-repeat; float: left; width:233px; height:168px; margin-top: 25px; }

.xo_basis_tekst { z-index: 2; font-family: Helvetica, Arial, Verdana; color: #515151; font-size: 12px; line-height: 19px; text-align: left; }
a.xo_basis_tekst:link, a.xo_basis_tekst:visited { z-index: 2; font-family: Helvetica, Arial, Verdana; color: #515151; font-size: 12px; line-height: 19px; text-align: left;	text-decoration: none; }
a.xo_basis_tekst:hover { z-index: 2; font-family: Helvetica, Arial, Verdana; color: #faa123; font-size: 12px; line-height: 19px; text-align: left; text-decoration: none; }
.formulier{	font-family:Helvetica, Arial, Verdana; font-size: 12px;	color: #515151;	width: 161px; border: none;	padding-left: 4px;padding-right: 4px; }
.bg { width:100%;height:100%;position: absolute;left: 0px;top: 0px;z-index: 0; background-repeat:repeat-y; }
.xo_haarlem_12px_wit {
	font-family: Helvetica, Arial, Verdana;
	color: #FFF;
	font-size: 12px;
	text-align: left;
}
.bg_boven {
	background-image: url(images/xo_building_header.png);
	background-repeat: no-repeat;
	background-position: right;
}
.xo_haarlem_12px_wit_mail {
	font-family: Helvetica, Arial, Verdana;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}
.voer_email_in {
	font-family:Helvetica, Arial, Verdana;
	font-size: 12px;
	color: #838383;
	width: 200px;
	border: solid 1px #343434;
	padding-left: 4px;
	padding-right: 4px;
	height: 14px;
	background-color: #000;
	vertical-align: middle;
	padding-top: 4px;
}
.xo_haarlem_18px_wit {
	font-family: Helvetica, Arial, Verdana;
	color: #FFF;
	font-size: 18px;
	text-align: left;
}
.xo_haarlem_15px_wit {
	font-family: Helvetica, Arial, Verdana;
	color: #FFF;
	font-size: 15px;
	text-align: center;
}
.xo_haarlem_12px_19px {
	font-family: Helvetica, Arial, Verdana;
	color: #FFF;
	font-size: 12px;
	text-align: left;
	line-height: 19px;
}

a.xo_haarlem_12px_19px_blue:link, a.xo_haarlem_12px_19px_blue:visited {
	font-family: Helvetica, Arial, Verdana;
	color: #FFF;
	font-size: 12px;
	text-align: left;
	line-height: 19px;
	text-decoration: none;
}

a.xo_haarlem_12px_19px_blue:hover {
	font-family: Helvetica, Arial, Verdana;
	color: #0322e2;
	font-size: 12px;
	text-align: left;
	line-height: 19px;
	text-decoration: none;
}


.xo_haarlem_11px_23px {
	font-family: Helvetica, Arial, Verdana;
	color: #838383;
	font-size: 11px;
	text-align: left;
	line-height: 23px;
	padding-left: 7px;
	padding-top: 7px;
}
.xo_haarlem_16px {
	font-family: Helvetica, Arial, Verdana;
	color: #838383;
	font-size: 16px;
	text-align: left;
	padding-left: 7px;
}
.xo_haarlem_11px_zonder_pad {
	font-family: Helvetica, Arial, Verdana;
	color: #838383;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
}

a.xo_haarlem_11px_zonder_pad:link, a.xo_haarlem_11px_zonder_pad:visited {
	font-family: Helvetica, Arial, Verdana;
	color: #838383;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
	text-decoration:none
}

a.xo_haarlem_11px_zonder_pad:hover {
	font-family: Helvetica, Arial, Verdana;
	color: #EC0961;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
	text-decoration:none
}

a.xo_haarlem_11px_zonder_pad2:link, a.xo_haarlem_11px_zonder_pad2:visited {
	font-family: Helvetica, Arial, Verdana;
	color: #838383;
	font-size: 11px;
	text-align: left;
	text-decoration:none
}

a.xo_haarlem_11px_zonder_pad2:hover {
	font-family: Helvetica, Arial, Verdana;
	color: #EC0961;
	font-size: 11px;
	text-align: left;
	text-decoration:none
}
a.xo_haarlem_11px_news:link, a.xo_haarlem_11px_news:visited {
	font-family: Helvetica, Arial, Verdana;
	color: #838383;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}

a.xo_haarlem_11px_news:hover {
	font-family: Helvetica, Arial, Verdana;
	color: #ef5b04;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}

a.xo_haarlem_11px_meeting:link, a.xo_haarlem_11px_meeting:visited {
	font-family: Helvetica, Arial, Verdana;
	color: #838383;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}

a.xo_haarlem_11px_meeting:hover {
	font-family: Helvetica, Arial, Verdana;
	color: #08a4f8;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}

a.xo_haarlem_11px_club:link, a.xo_haarlem_11px_club:visited {
	font-family: Helvetica, Arial, Verdana;
	color: #838383;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}
a.xo_haarlem_11px_club:hover {
	font-family: Helvetica, Arial, Verdana;
	color: #08e7d0;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}

a.xo_haarlem_11px_pictures:link, a.xo_haarlem_11px_pictures:visited {
	font-family: Helvetica, Arial, Verdana;
	color: #838383;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}

a.xo_haarlem_11px_pictures:hover {
	font-family: Helvetica, Arial, Verdana;
	color: #2ab100;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}

a.xo_haarlem_11px_food:link, a.xo_haarlem_11px_food:visited {
	font-family: Helvetica, Arial, Verdana;
	color: #838383;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}

a.xo_haarlem_11px_food:hover {
	font-family: Helvetica, Arial, Verdana;
	color: #AC822A;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}

a.xo_haarlem_11px_job:link, a.xo_haarlem_11px_job:visited {
	font-family: Helvetica, Arial, Verdana;
	color: #838383;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}

a.xo_haarlem_11px_job:hover {
	font-family: Helvetica, Arial, Verdana;
	color: #a205e2;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}

a.xo_haarlem_11px_contact:link, a.xo_haarlem_11px_contact:visited {
	font-family: Helvetica, Arial, Verdana;
	color: #838383;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}

a.xo_haarlem_11px_contact:hover {
	font-family: Helvetica, Arial, Verdana;
	color: #EC0961;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}
.terug_om_hoog {
	width: 25px;
	height: 116px;
	position: fixed;
	top: 100%;
	z-index: 4;
	right: 0px;
	margin-top: -300px;
}
.xo_haarlem_11px_home_on {
	font-family: Helvetica, Arial, Verdana;
	color: #EC0961;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
}
.xo_haarlem_11px_food_on {
	font-family: Helvetica, Arial, Verdana;
	color: #EC0961;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
}
.bg_menukaart {
	width: 446px;
	background-image: url(images/bg_menukaart_midden.png);
	background-repeat: no-repeat;
	top: 0px;
}
.xo_haarlem_16px_wit {
	font-family: Helvetica, Arial, Verdana;
	color: #FFF;
	font-size: 16px;
	text-align: left;
	padding-left: 0px;
}
.xo_haarlem_12px_food, .text_blokken_12px_19in {
	font-family: Helvetica, Arial, Verdana;
	text-decoration:none;
	color: #EC0961;
	font-size: 12px;
	text-align: left;
	line-height: 19px;
}
.xo_haarlem_12px_food a, .text_blokken_12px_19in a{
	font-family: Helvetica, Arial, Verdana;
	color: #838383;
	font-size: 12px;
	text-decoration:none;
	text-align: left;
	line-height: 19px;
}
.xo_haarlem_12px_food a:hover, .text_blokken_12px_19in a:hover{
	color: #EC0961;
}

.xo_haarlem_12px_food_wit {
	font-family: Helvetica, Arial, Verdana;
	color: #FFF;
	font-size: 12px;
	text-align: left;
	padding-left: 7px;
	line-height: 19px;
}
.xo_haarlem_12px_food_wit_cijfers {
	font-family: Helvetica, Arial, Verdana;
	color: #FFF;
	font-size: 12px;
	text-align: right;
	padding-left: 7px;
	line-height: 19px;
}
.xo_haarlem_11px_meeting_on {
	font-family: Helvetica, Arial, Verdana;
	color: #08a4f8;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
}
.xo_haarlem_11px_club_on {
	font-family: Helvetica, Arial, Verdana;
	color: #08e7d0;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
}
.xo_haarlem_11px_news_on {
	font-family: Helvetica, Arial, Verdana;
	color: #ef5b04;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
}
.xo_haarlem_11px_pics_on {
	font-family: Helvetica, Arial, Verdana;
	color: #2ab100;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
}
.xo_haarlem_11px_contact_on {
	font-family: Helvetica, Arial, Verdana;
	color: #0322e2;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
}
.xo_haarlem_11px_job_on {
	font-family: Helvetica, Arial, Verdana;
	color: #a205e2;
	font-size: 11px;
	text-align: left;
	padding-left: 7px;
}
.vul_in_190 {
	font-family:Helvetica, Arial, Verdana;
	font-size: 12px;
	color: #FFF;
	width: 228px;
	height: 16px;
	border: solid 1px #4b4b4b;
	padding-left: 2px;
	padding-top: 1px;
	vertical-align: middle;
	padding-right: 2px;
	background-color: #000;
}
.vul_in_820 {
	font-family:Helvetica, Arial, Verdana;
	font-size: 12px;
	color: #FFF;
	width: 229px;
	height: 108px;
	border: solid 1px #4b4b4b;
	padding-left: 2px;
	padding-top: 4px;
	vertical-align: middle;
	padding-right: 2px;
	background-color: #000;
}
.xo_haarlem_48px_wit {
	font-family: Helvetica, Arial, Verdana;
	color: #FFF;
	font-size: 48px;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
}
a.xo_haarlem_11px_club2:link, a.xo_haarlem_11px_club2:visited {
	font-family: Helvetica, Arial, Verdana;
	color: #08e7d0;
	font-size: 12px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}
a.xo_haarlem_11px_club2:hover {
	font-family: Helvetica, Arial, Verdana;
	color: #838383;
	font-size: 12px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}
a.xo_haarlem_12px_home2:link, a.xo_haarlem_12px_home2:visited {
	font-family: Helvetica, Arial, Verdana;
	color: #EC0961;
	font-size: 12px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}
a.xo_haarlem_12px_home2:hover {
	font-family: Helvetica, Arial, Verdana;
	color: #838383;
	font-size: 12px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}
a.xo_haarlem_12px_food2:link, a.xo_haarlem_12px_food2:visited {
	font-family: Helvetica, Arial, Verdana;
	color: #838383;
	font-size: 12px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}
a.xo_haarlem_12px_food2:hover {
	font-family: Helvetica, Arial, Verdana;
	color: #EC0961;
	font-size: 12px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}
a.xo_haarlem_12px_meeting_party2:link, a.xo_haarlem_12px_meeting_party2:visited {
	font-family: Helvetica, Arial, Verdana;
	color: #08A4F8;
	font-size: 12px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}
a.xo_haarlem_12px_meeting_party2:hover {
	font-family: Helvetica, Arial, Verdana;
	color: #838383;
	font-size: 12px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}
a.xo_haarlem_12px_news2:link, a.xo_haarlem_12px_news2:visited {
	font-family: Helvetica, Arial, Verdana;
	color: #EF5B04;
	font-size: 12px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}
a.xo_haarlem_12px_news2:hover {
	font-family: Helvetica, Arial, Verdana;
	color: #838383;
	font-size: 12px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}
a.xo_haarlem_12px_job2:link, a.xo_haarlem_12px_job2:visited {
	font-family: Helvetica, Arial, Verdana;
	color: #A205E2;
	font-size: 12px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}
a.xo_haarlem_12px_job2:hover {
	font-family: Helvetica, Arial, Verdana;
	color: #838383;
	font-size: 12px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}
a.xo_haarlem_12px_contact2:link, a.xo_haarlem_12px_contact2:visited {
	font-family: Helvetica, Arial, Verdana;
	color: #EC0961;
	font-size: 12px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}
a.xo_haarlem_12px_contact2:hover {
	font-family: Helvetica, Arial, Verdana;
	color: #EC0961;
	font-size: 12px;
	text-align: left;
	padding-left: 7px;
	text-decoration: none;
}
.xo_haarlem_48px_wit2 {
	font-family: Helvetica, Arial, Verdana;
	color: #FFF;
	font-size: 48px;
	text-align: center;
	font-weight: bold;
	vertical-align: top;
}
.xo_haarlem_18px_wit2 {
	font-family: Helvetica, Arial, Verdana;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	vertical-align: top;
}
.listbox2 {
	height: 22px;
	width: 235px;
	outline: none;
	vertical-align: middle;
}
.kader_images {
	width: 112px;
	height: 80px;
}

a.kader_images:link, a.kader_images:visited { width: 112px; height: 80px; }
a.kader_images:hover { width: 108px; height: 76px;	border: solid 2px #2ab100; z-index: 6;}
.foto_actief { cursor:hand; }


#footerCntr { width: 100%; display: inline-block; background: url('images/bg-footer.png') repeat-x; margin-top: 19px; }
#footerCntr ul { display: block; width: 1000px; margin: 0 auto; }
#footerCntr ul li { list-style: none; display: inline-block; float: left; margin-top: 45px; margin-bottom: 45px; font-family: Helvetica, Arial, Verdana; font-size: 12px;  color: #FFF; line-height: 19px;  }
	.locatie { width: 247px; margin-right: 37px; margin-left: 11px; }
	.contact { width: 129px; margin-right: 37px;  }
	.openingstijden { width: 107px; margin-right: 37px;  }
	.openingstijden span { display: inline-block; width: 29px; }
	.pagina { width: 100px; margin-right: 37px; margin-bottom: 0px; } 
	.facebook { width: 247px; }
#footerCntr ol { margin-top: -14px; }
#footerCntr ol li  { margin: 0px; width: 100px; height: 22px; line-height: 22px; border-bottom: 1px solid #838383; }
#footerCntr ol li a { text-decoration: none; color: #FFF; }
#footerCntr ol li:last-child { border: none; }
#footerCntr ol li a:hover, #footerCntr ol li a.selected { color: #EC0961; }
#footerCntr p.head { font-family: Helvetica, Arial, Verdana; font-size: 16px; border-bottom: 1px solid #838383; color: #FFF; margin-bottom: 14px; padding-bottom: 10px; }
#footerCntr a {color: #FFF; text-decoration: none; }
#footerCntr a:hover { text-decoration: underline;color: #EC0961; }

#facebook { display: block; width: 247px; height: 188px; background: url('images/facebook-bg.png') no-repeat;  }
.fan_box a { color: #FFF; }
	.fan_box a:hover{
  text-decoration: none; color: #FFF; }
.app_content_127155904023051 * {color: #FFF; }
.fan_box .full_widget .connect_top {background: none repeat scroll 0 0 transparent;  }
.fan_box .full_widget{ background: none repeat scroll 0 0 transparent; display: block; position: absolute; top: 0px; border: none; }
.fan_box .connections{ padding:30px 0 4px 14px; border: none; }
.fan_box .connections_grid .grid_item .name { color: #FFF; }
.app_content_127155904023051 a, .app_content_127155904023051 input { color: #FFF; }
.connections { color: #FFF; } 
.connect_widget { color: #FFF; }
.connect_top a { color: #FFF; }