/* Start of CMSMS style sheet 'Basis' */
@media all
{

/* Set all borders to zero */ 
* {
	margin:0; 
	padding: 0;
	font-family: Georgia, Helvetica, Arial, Sans-serif;
	font-size: 11px;
	color: #666666; /* grey text */
} 

/* Snippets from http://www.websemantics.co.uk/tutorials/useful_css_snippets/ */
/* Vertical scrollbar in firefox */
html { height: 100% } 

body { 
		min-height: 101%;	
		/* FIX: positioned Elements stay where they are on browser window resize */ 
		position: relative; 
		
		/*  default colors */     
		color: #666666; /* grey text */
		background: transparent url(uploads/images/bck.gif) 0 0 repeat;
		text-align: left; 
} 

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

#wrapper {
	text-align: left;
	margin: 0px auto; /* horizontal centering */
	width: 759px;
}

.wrappermargin {
	height: 35px;
}

#topheader {
        height:52px;
        position:relative; /* for absolute positioning of image */
}

#topheader_image_link {
	display: block;	
	height: 26px;
        position:absolute;
        width:240px;
        height:52px;
        left:65px;
        top:0px;
}
#topheader_image_link:hover {
background-position: 0px -52px;
}



.header{
	margin-bottom: 7px; /* waarschijnlijk kleiner door schaduw! */
	height: 281px;
    position:relative;
}

#flyer { /* only used on nl lb home page: personnel wanted */
position:absolute;
width:170px;
height:275px;
left:550px;
top:0px;
}

#menuholder{
	margin-bottom: 7px; /* waarschijnlijk kleiner door schaduw! */
	height: 44px;
}

#footer{
	margin-top: 26px;
        height: 26px;
}

/* floating of footer in separate stylesheet */

#footer a {
	display: block;	
	height: 26px;
}

#footer .activelink { background-position: 0px -26px; }

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

#column1 p, #column1 h2, #column1 h3, #columnL p, #columnL h2, #columnL h3 {
	margin-left:40px;
	margin-right:25px;		
}

#column3 p, #column3 h2, #column3 h3, #column3_offset p, #column3_offset h2, #column3_offset h3, #columnR p, #columnR h2, #columnR h3  {
	/* inverse van column1 */
	margin-left:25px;
	margin-right:40px;		
}

#content {
	background: transparent url(uploads/images/contentbck.gif) 0 0 repeat-y;
	margin: 0px;
}

#content p {
	margin-top:0px;
	margin-bottom:15px;
}

#content h2,h3 {
	margin-bottom:0px;
}

#content h3 {
	margin-top:0px;
}

#content h2 { 
	margin-top:70px;
	text-transform: uppercase;
}

#content ul
{
	list-style: disc outside;
	margin-left: 40px;
	padding-left:0px;
}

#lowershadow
{
	height:2px;
	margin:0px;
	padding:0px;
	border:0px;
	background: url(uploads/images/content-footer.gif) no-repeat left top;
}

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

/* the 3 default columns in the content layer */

#column1 {
	width: 327px;
}
#column2 {
	width: 107px;
	margin-top:70px; /* necessary for images  */
}
#column3, #column3_offset {
	width: 320px;	
}

#column3_offset {
	margin-top:70px; /* this is necessary for textblocks without a h2 heading */
}

/* the 2 columns in the default LR layout, in the content layer */

#columnL, #columnR  {
	width: 377px;
}

/* contentcolumn settings */

.contentcolumn {
	float: left;
	text-decoration:none;
	text-align: left;
	line-height:17px;
	color: #666666; /* standard grey text */
}

.contentcolumn a {
	font-weight: bold;
}

#contentbottomspacer {
	height: 55px; /* 70 - 15 */
	background: transparent url(uploads/images/contentbck.gif) 0 0 repeat-y;	
}

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

/* for rollover behaviour/colors consult javascript files */

#homecontent1 div, #homecontent2 div, #homecontent3 div {
	border-bottom: 4px solid white; 
}

.homecontent {
	float: left;
	width: 252px;
	height: 140px;
	border-bottom: 4px solid white;
	text-decoration:none;
	text-align: justify;
	line-height:17px;
	color: #666666; /* standard grey */
}

#homecontent1 p, #homecontent2 p, #homecontent3 p {
	margin-top:25px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
}

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

#mainmenu-nl, #mainmenu-en, #mainmenu-de {
	width: 758px;
	height: 43px;
	margin: 0px auto;
	padding: 0;
	margin-left: 1px;
	position: relative;
}

#mainmenu-nl li, #mainmenu-en li, #mainmenu-de li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	height: 43px;
	display: block;	
}


#mainmenu-nl a, #mainmenu-en a, #mainmenu-de a {
	height: 43px; display: block;	
}

#nl-menu-item1, #en-menu-item1, #de-menu-item1 { left: 0; width: 253px; }
#nl-menu-item2, #en-menu-item2, #de-menu-item2 { left: 254px; width: 250px; }
#nl-menu-item3, #en-menu-item3, #de-menu-item3 { left: 505px; width: 254px; }

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

/* image rollovers */
div.thumbnail a {
	display: block;	
	width: 107px;
	height: 66px;
	margin-bottom: 18px;
}

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

input, textarea {
    width: 220px;
	border: 1px #777777 solid;
	padding: 3px;
	color: #000;
	margin-bottom: 10px;
	/* margin-left:40px; set the margins in the individual stylesheets */
}

fieldset {
	float: left;
}

label,input {
	display: block;
	/* margin-left:40px; set the margins in the individual stylesheets */
}

.hidden {
	display:none;
}

#submit {
	color: #fff; /* white text */
	font-weight: bold;
	display: normal;
	width: auto;
	border:0px;
	padding: 0px;
}

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

 /* 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 */
/*--------------------------------------------------------*/

/* fix IE6 cursor bug */

.header { cursor: pointer; cursor: hand; }
#topheader_image { cursor: pointer; cursor: hand; }
.homecontent { cursor: pointer; cursor: hand; }
#flyer { cursor: pointer; cursor: hand; }
#actie_header { cursor: default; } /* homepage doesn't need pointer */


} /* END */
/* End of 'Basis' */