@charset "utf-8";

/*------------------------------------------------------------------------
  CSS Document 
  created by: Alternet Internet BV
  creation date: 9 apr 2009
  last modified on: 9 apr 2009
  fuction: this css file sets the basic structure of the CNV website
------------------------------------------------------------------------*/
/*========================
  Used colors:
  Dark gray =	#58585a
  Purple = 		#990099
  Light orange =	#fcedcf
  Orange =		#efa30f
========================*/


/*------------- Basics -------------*/
html {}
body {}
#overallContainer {position:relative; display:block; width:100%; height:100%; text-align:center;}
#siteContainer {position:relative; display:block; width:840px; text-align:left; margin:0 auto; padding:0 0 50px 0;}


/*------------- Header elements -------------*/
#headerContainer {position:relative; width:840px; height:380px; background:url(/fileadmin/templates/img/cnv-header-ikgawerken.gif) no-repeat 0px 0px; z-index:75;}
#headerContainer #topHeader {position:relative; width:840px; height:260px;}


/*================ Content elements ================*/
#contentContainerSMS {clear:both; float:none; position:relative; display:block; width:840px; overflow:hidden; padding:0 0 50px 0; background:url(/fileadmin/templates/img/content-background.gif) repeat-y 0px 0px;}
#contentContainerSMS #contentLeft {position:relative; float:left; width:195px; border-bottom:1px solid white;} /*The border is set so that firefox 3 doesn't ignore the width */
#contentContainerSMS #contentMiddle {position:relative; float:left; width:370px; height:100%; margin:0 20px; padding:0 20px;}
#contentContainerSMS #contentRight {position:relative; float:right; width:195px;}

#contentContainerLS {clear:both; float:none; position:relative; width:840px; overflow:hidden; padding:0 0 50px 0;}
#contentContainerLS #contentLeft {position:relative; float:left; width:605px; border-right:1px solid #990099; padding:0 20px 0 0;}
#contentContainerLS #contentRight {position:relative; float:right; width:195px;}

#contentContainerSL {clear:both; float:none; position:relative; width:840px; overflow:hidden; padding:0 0 50px 0;}
#contentContainerSL #contentLeft {position:relative; float:left; width:195px;}
#contentContainerSL #contentRight {position:relative; float:right; width:605px; border-left:1px solid #990099; padding:0 0 0 20px;}

#contentContainerXL {clear:both; float:none; position:relative; width:840px; /*overflow:hidden;*/ overflow:visible; padding:0 0 50px 0;}