/*	-------------------------------------------------------------
		Hollandswerk
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
		Description:	Base stylesheet
		Filename:			base.css
		Version:			1.0
		Date:					Jul 7 2008
		-------------------------------------------------------------	*/


/*	-------------------------------------------------------------
		Base HTML Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
   
    html {
      height: 100%;
      width: 100%; }
     
    body { 
      height: 100%;
      width: 100%;
      padding: 0;
      margin: 0; 
			font-family: Verdana;
      font-size: 11px; }
		
		#body {
			background: #f5e5cb url(../img/body-bg.jpg) center top no-repeat; }
			
		* html body {
			text-align: center; }
			
    a {
      outline: none; }

    img {
      display: block;
      border: none; }

    h1, h2 {
      font-size: 15px; }
      
    a#home-button {
    	height: 140px;
    	width: 270px;
    	display: block;
    	position: absolute;
    	top: 30px;
    	left: 40px;
    	z-index: 100000;
    	text-indent: -999em;
    }


/*	-------------------------------------------------------------
		Container
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
    
    #container {
      width: 1024px;
      min-height: 600px;
      margin: 0 auto;
			padding: 0;
      position: relative; 
      text-align: left; }
      
    * html #container {
      height: 500px; }



/*	-------------------------------------------------------------
		Left
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
   
   #left {
     width: 218px;
		 float: left; } 
     
/*	Left content
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		#left-content {
      padding: 0 0 0 59px;
			background: url(../img/left-bg.gif) top right repeat-y; }

		#left-bottom {
			height: 11px;
			width: 100%;
			background: url(../img/left-bottom.png) bottom right no-repeat; }

    #left-content ul {
      width: 148px;
      min-height: 50px;
      line-height: 25px;
      margin: 0;
      padding: 0;
      background: #fff;
      list-style: none; }

    #left-content a {
      color: #000;
      text-decoration: none;
      font-weight: 700; 
      font-size: 13px;
      font-family: Century Gothic;      
      margin: 0 0 0 13px; }

    #left-content a:hover {
      color: #ec7841; }
      
    #left-content ul ul {
 			/*display: none;*/
      min-height: 25px;
      width: 138px;
      line-height: 18px;
      margin: 0 0 0 10px; }
    
    #left-content ul ul a {
      font-family: Verdana;
      font-size: 11px;      
      text-transform: none;
      font-weight: 100; }
    
		#left-content ul ul ul {
 			/*display: none;*/
			min-height: 18px;
			width: 128px;
			padding: 0;
      line-height: 18px; }
		
    #left-content ul li:hover ul ul {
      display: none; }
      
    #left-content ul li:hover ul, #left-content ul ul li:hover ul, .qm-startopen {
    	display: block; }
      
    #left-content ul ul ul a {
    	font-size: 11px;
			color: #999; }
				
    #zoeken-form {
      height: 35px; 
      width: 100%; } 
     
    #zoeken-form {
      height: 35px;
      width: 135px;
      margin: 11px 0 0 0; 
      border: none;
      background: url(../img/zoeken.jpg) top left no-repeat;
      padding: 8px 0 0 13px;
      display: block; }
      
    #zoeken-form input {
      width: 115px;
      padding-right: 15px;
      background: url(../img/zoek.gif) center right no-repeat;
      font-weight: 700;
      font-size: 13px;
      font-family: Century Gothic;
      border: none; }
      
      
      
/*	-------------------------------------------------------------
		Content
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#content-holder {
			width: 806px;
			min-height: 400px; 
			float: left; }
		
		#content-header {
			width: 806px;
			height: 229px;
			position: relative; }
			
		#content-header ul {
			width: 100%;
			position: absolute;
      font-size: 14px;
      font-family: Century Gothic; 
			bottom: 21px;
      font-weight: 100;
			left: 30px;
			margin: 0;
			padding: 0;
			list-style: none; }
		
    #content-header a.qm-startopen {
      color: #fff; }
      
		#content-header li {
			margin: 0 20px 0 0;
			float: left; }
			
		#content-header li a {
			text-decoration: none; }
			
		#content-header li ul {
			position: static; }

		#content-header li ul li {	
			float: none; }
		
		#content-header li a {
			height: 34px;
			width: 79px;
			text-align: center;
			line-height: 34px;
			display: block;
			color: #000; 
			font-weight: 700; }
		
		#content-header li a.qm-startopen {
			background: url(../img/menu-top-active.png) top left no-repeat; }
			
		#content {
		  width: 100%;
			padding: 0 0 0 22px;
			background: url(../img/content-bg2.png) top left repeat-y;}

		#content-text {
			width: 488px;
			padding: 0 20px;
			min-height: 220px;
			float: left;
      line-height: 17px;
			background: #fff; }

		#content-text a:visited, #content-text a {
		  color: #ec7841; }
      
		#content-bottom {
			height: 159px;
			width: 806px;
      position: relative;
			background: url(../img/content-bottom.png) top left no-repeat; }
		
		#content-bottom a#inschrijven {
		  width: 136px;
      height: 37px;
      line-height: 37px;
		  display: block;
      position: absolute; 
      font-weight: 700;
      text-transform: uppercase;
      padding: 0 0 0 13px;
      bottom: 58px;
      right: 67px; }
      
		#content-bottom a#inschrijven:hover {
      color: #ec7841; }

    #content-bottom a {
      color: #000;
      text-decoration: none; }
    
		#content-news {
			width: 213px;
			min-height: 200px;
			color: #fff;
			padding: 0 45px 0 0;
			float: right; }
		
		#content-news ul {
			width: 168px;
			margin: 0;
			padding: 0;
			list-style: none; }
		
    #content-news li {
      margin-bottom: 10px; }
      
		#content-news a {
			color: #fff;
			text-decoration: none; }

	a#news-header {
		font-size: 14px;
		font-weight: 700;
		font-family: Century Gothic;
	}
			
    #footer {
      width: 730px;
      height: 20px;
      position: absolute;
      bottom: 0px;
      left: 20px; 
      text-align: center; }