/*------------- GLOBAL SELECTORS --------------*/
* 					{margin:0; padding:0; line-height: 100%; font-size: 100%}

body 				{ color: #585657; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #fff; }

h1 					{ padding: 0 0 20px 0; margin: 0; color:#4e4e4e; font-size:1.4em;} 
h2 					{ padding: 0 0 10px 0; margin: 0; color:#4e4e4e; font-size:1.2em;} 
h2 a				{ font-size: 1.0em; color:#585657;}
h2 span				{ font-size: 0.7em; color:#585657;}

a 					{ text-decoration: underline; color: #585657; font-weight: normal; }
a:hover 			{ text-decoration: none; color: #585657; font-weight:normal }
a:active, a:focus 	{ outline: 0} /*remove link border in firefox*/
img.nowrap 			{ display: block; padding: 0; margin: 0; }
img 				{ border:0;}
img a				{ border:0;}
p					{ line-height: 18px; margin: 20px 0;}
ul					{ margin: 0 0 25px 25px; }
li					{ margin: 5px 0; }

/* page layout */
#pagecontainer 		{ float:left;margin: 0 auto; padding: 0; width: 100%; background: url(../images/bg.jpg) top center no-repeat; }
#boxcontainer		{ width: 978px; margin: 30px auto; padding: 0;}

/* header */
#header				{ width: 978px; height: 90px;}
h1.logo				{ height: 88px; background: url(../images2016/logo.png) no-repeat; text-indent:-9999px;}

/* navigation */
#menu						{ width: 978px;}
#menu ul					{ float: left; margin:0; padding: 0; width:978px; height:55px; list-style: none;}
#menu LI 					{ float: left; width: 163px; height: 55px; background: url(../images/tab.gif) 0px 0 no-repeat; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
#menu li.on 				{ filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;}
#menu li:hover 				{ filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
#menu li#nav-home a 		{ display:block; background: url(../images/menu_home.gif) no-repeat; 			text-indent: -9999px; width: 163px; height: 55px; margin: 0; }
#menu li#nav-voorzieningen a{ display:block; background: url(../images/menu_voorzieningen.gif) no-repeat; 	text-indent: -9999px; width: 163px; height: 55px; margin: 0; }
#menu li#nav-fotos a 		{ display:block; background: url(../images/menu_fotos.gif) no-repeat; 			text-indent: -9999px; width: 163px; height: 55px; margin: 0; }
#menu li#nav-prijzen a 		{ display:block; background: url(../images/menu_prijzen.gif) no-repeat; 		text-indent: -9999px; width: 163px; height: 55px; margin: 0; }
#menu li#nav-ligging a 		{ display:block; background: url(../images/menu_ligging.gif) no-repeat; 		text-indent: -9999px; width: 163px; height: 55px; margin: 0; }
#menu li#nav-contact a 		{ display:block; background: url(../images/menu_contact.gif) no-repeat; 		text-indent: -9999px; width: 163px; height: 55px; margin: 0; }
#topline-home				{ float: left; margin:0; padding: 0; width:978px; height:5px; background:url(../images/topline_home.jpg) 0 0 no-repeat; }

/* main */
#main				{ float: left; background: #fff; padding: 25px 15px 0 25px; margin: 0; width: 938px; }
h1.welcome			{ margin: 0 0 25px 0; padding: 0; height: 23px; background: url(../images/title_welcome.png) no-repeat; text-indent:-9999px;}
.greyline			{ float: left; margin: 0; padding: 0; background: #b8bdc0; height: 4px; width: 928px; }
#maintop			{ float: left; margin: 25px 0 0 0; padding: 0; }
#mainpic			{ float: left; margin: 0; padding: 0; height: 349px; width: 728px; }
.pic-home			{ background: url(../images/pic-home.png) 0 0 no-repeat; }
.pic-prijzen		{ background: url(../images/pic-prijzen.png) 0 0 no-repeat; }
.pic-ligging		{ background: url(../images/pic-ligging.png) 0 0 no-repeat; }
.pic-contact		{ background: url(../images/pic-contact.png) 0 0 no-repeat; }

/* rightmenu */
#troeven			{ float: left; margin:10px 0 0 20px; padding: 0; width: 180px; }
h1.troeven			{ margin: 0 0 10px 0; padding: 0; height: 23px; background: url(../images/title_troeven.png) no-repeat; text-indent:-9999px;}
ul.arrowlist		{ float: left; list-style: url(../images/arrow.gif); margin: 0 0 0 25px;}
ul.arrowlist li		{ padding: 10px 0; }
ul.arrowlist li a	{ color: #b4b4b4; font-size: 1.2em; line-height: 18px; margin: 20px 0;}

/* content */
#contentcontainer	{ float: left; width: 100%; margin: 40px 0 20px 0; padding:0;}
#content			{ float: left; margin: 0; padding: 0; width: 728px;}
h1.over-armane		{ margin: 0 0 20px 0; padding: 0; height: 23px; background: url(../images/title_over_armane.png) no-repeat; text-indent:-9999px;}
h1.voorzieningen	{ margin: 0 0 20px 0; padding: 0; height: 23px; background: url(../images/title_voorzieningen.png) no-repeat; text-indent:-9999px;}
h1.prijzen			{ margin: 0 0 20px 0; padding: 0; height: 23px; background: url(../images/title_prijzen.png) no-repeat; text-indent:-9999px;}
h1.ligging			{ margin: 0 0 20px 0; padding: 0; height: 23px; background: url(../images/title_ligging.png) no-repeat; text-indent:-9999px;}
h1.contact			{ margin: 0 0 20px 0; padding: 0; height: 23px; background: url(../images/title_contact.png) no-repeat; text-indent:-9999px;}
h1.fotos			{ margin: 0 0 20px 0; padding: 0; height: 23px; background: url(../images/title_fotos.png) no-repeat; text-indent:-9999px;}

/* accessibility data */
#gegevens			{ float: left; margin: 0 0 0 20px; padding: 0; background:url(../images/gegevens_bg.png) 0 0 no-repeat; width: 175px; height: 226px;}
h1.gegevens			{ margin: 10px 0 10px 15px; padding: 0; height: 23px; background: url(../images/title_gegevens.png) no-repeat; text-indent:-9999px;}
#gegevens p			{ color: #fff;margin:0;  padding: 0 0 0 15px; }
#gegevens a			{ color: #fff; }
#gegevens p.ligging	{ text-align:right; margin: 10px 10px 0 0}

/* map */
#contentligging		{ float: left; margin: 0; padding: 0; width: 520px;}
#map				{ float: left;margin: 0; padding: 0; width: 400px; border:4px solid #b8bdc0}

/* footer */
#footer				{ float: left; width: 953px; height: 40px; text-align: right; margin: 0; padding: 0 25px 20px 0; color: #839cb0; background:#fff;}
#footer ul			{ float: left; height: 20px; float: left; margin: 12px 0 0 50px; padding: 0; list-style-image: url(../images/arrow_up.png); }
#footer ul li a		{ float: left; margin: 5px 0 0 0; color: #839cb0;}
#footer span			{margin: 5px 0 0 0}
#footer p			{}
#bottom				{ float: left; margin:0 0 20px 0; padding:0; width: 978px; height: 4px; background:url(../images/bottombg.png) no-repeat;}

/*photos */

#contentvoorzieningen			{ float: left; width: 100%; margin: 0px 0 20px 0; padding:0;}

#contentnotitlecontainer			{ float: left; width: 100%; margin: 0px 0 20px 0; padding:0;}
#contentnotitlecontainer ul			{ float: left; width: 938px; margin:0 0 30px 0; padding: 0; list-style: none;}
#contentnotitlecontainer LI 		{ float: left; width: 115px; height: 75px; text-align:center}
#contentnotitlecontainer a img 		{ border: 1px solid #BBB; padding: 2px; margin: 10px 10px 10px 0; vertical-align: top; height:75px}
#contentnotitlecontainer a img:hover { margin: 8px 20px 10px -2px; }
#contentnotitlecontainer h2 		{ padding: 10px 0 0px 0; margin:0}