/* Start of CMSMS style sheet 'Basis' */
* { 
padding: 0; margin: 0; border:0; 
font-family: Arial, Helvetica, Sans-serif;
font-size: 11px;
letter-spacing: 1px;
color: #ffffff; /* white text */
}

body {
	text-align:center; /* IE fix for horizontal centering */
	background: #ffffff; /* white */
	position: relative; /* FIX: positioned Elements stay where they are on browser window resize */ 
}

fieldset, img { border:0; } /* reset borders */

#wrapper { 
	margin: 0 auto; /* auto for horizontal centering */
	text-align:left; /* reset IE fix, see body tag */
}

/* - DIMENSIONS -------------------------------------------- */

#wrapper, #headmargin, #header, #content, #footer, #footmargin { width: 800px; }
#headmargin, #footmargin { height: 30px; }
#header { height: 179px; }
#menuholder { height: 149px; width: 450px; }
/* #logo { width: 293px; } */
/* #content { height: auto;} set in separate stylesheets (dynamic or static)*/
#openingstijden { height: 127px;}

#content { width:800px;}

/* - POSITIONING ------------------------------------------- */

#header { position: relative; }
/* #logo { position: absolute; top: 0px; left: 0px;} */
#menuholder { position: absolute; top: 30px; left: 310px; }

/* - DIVCOLORS and BACKGROUNDS ----------------------------- */

#headmargin, #footmargin { background: #ffffff; } 
#wrapper { background: #000000; } 
#header { background: url(site_template/headback.gif) no-repeat top}
#openingstijden { background: url(site_template/footerback.gif) no-repeat top}
#content { background: #b2b200; }

/*
#menuholder { background: brown; }
#header { background: green; }
#logo { background: blue; }
#menuholder { background: brown; }
#content { background: pink; }
#openingstijden { background: green; }
*/

/* - FONTS ------------------------------------------------- */

#openingstijden { text-align: right; }
#openingstijden p { padding-top: 70px; padding-right: 37px;}

#left p,h1,h2 { margin-left: 40px; margin-right: 20px; margin-bottom: 11px; }
#left h1 {font-size: 12px; font-weight: bold}
#left h2 {font-size: 11px; font-weight: bold}


table
{
margin-left:38px;
margin-bottom: 11px; 
width:550px;
}

td {vertical-align: bottom;}
.column1 { width: 505px; }
.column2 { width: 45px; }


/* - MENU  ------------------------------------------------- */

#menuholder 
{
	text-align: right;
}

#menuholder li a, #menuholder li
{
	line-height: 2em;
	text-decoration: none;
	color: #fff;
}

#menuholder ul
{
	float:right;
	width:90px;	
	list-style-type: none; /* no bullets */
}


#menuholder li ul
{
	display: none;
}

#menuholder li:hover ul, #menuholder li.activemenu ul, #menuholder li.over ul
{
	display: block; /* doesn't work in IE! Hover only works for links. Use JS to fix this */
}


/*
ul li
{ 
	display: inline; horizontal
	position: relative;
}


li ul
{	
	position: absolute;
	display: block; vertical
	right:4px;
	top: 2em;
}


ul
{
	list-style-type: none; no bullets
}

ul li a
{
	text-decoration: none;
	margin-left: 40px;
	color: #fff;
	margin-top: 2em;
}
*/


/************************************************************************/

 /* Clearfix-Method. Use this for each wrapping container */

.clearfix:after {

   content: ".";

   display: block;

   height: 0;

   clear: both;

   visibility: hidden;

}



/* this is required for Safari */

.clearfix { display: block; }



/*---------------------------------------------------------*/

/* Workaround: Clearfix for all IE*/

/*

** IE5.x/Mac - x

** IE7 - x

*/

.clearfix { display: inline-block; }



/*

** IE5.x/Win - x

** IE6 - x

*/



/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */

/*--------------------------------------------------------*/


/* END */

/* End of 'Basis' */