/*	-------------------------------------------------------------
		Hollandswerk
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
		Description:	Base stylesheet
		Filename:		base.css
		Version:		1.0
		Date:			Jan 25 2010
		-------------------------------------------------------------	*/


/*	-------------------------------------------------------------
		Base HTML Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
   
    html {
		height: 100%;
		width: 100%; }
     
    body {
		height: 100%;
		width: 100%;
		padding: 0;
		margin: 0;
		font-family: Arial;
		font-size: 13px; }
		
	#body {
		background: #fff url(../img/body-bg.jpg) top left repeat-x; }
			
	* html body {
		text-align: center; }
			
    a {
      color: #7a3384;
      outline: none; }

    img {
      border: none; }



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


	#shadow-container {
		width: 1000px;
		margin: 0 0 0 -6px;
		padding: 0 6px 0 6px;
		background: url(../img/container-bg.jpg) top left repeat-y;
	}

/*	-------------------------------------------------------------
		Masthead
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
   
	#masthead {
		width: 1000px;
		height: 58px;
		overflow: hidden;
		position: relative;
		background: url(../img/masthead-bg.jpg) top left no-repeat; }

/*	Site information
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
      
	ul#site-information {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		bottom: 10px;
		right: 10px; }
    
	* html #site-information {
		width: 180px;
		clear: left;
		right: 10px; }

	#site-information li {
		float: left;
		margin: 0 10px 0 0; }

	#site-information a {
		font-size: 11px;
		color: #55365a;
		text-decoration: none; }

	#site-information a:hover {
		text-decoration: underline; }
           


/*	-------------------------------------------------------------
	Main Menu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
  

	ul#main-menu, #main-menu ul {
		width: 1000px;
		min-height: 38px;
		margin: 0;
		padding: 0;
		list-style: none;
		background: url(../img/main-menu-bg.jpg) top left no-repeat;
	}
	
	#main-menu li {
		width: auto;
		float: left;
		position: relative;
		z-index: 900;
	}
	
	#main-menu li li.parent:hover {
		background: #7a3384 url(../img/menu-arrow-hover.jpg) center right no-repeat;
	}
	
	#main-menu li li.parent {
		background: #55365a url(../img/menu-arrow.jpg) center right no-repeat;		
	}
	#main-menu li a {
		height: auto;
		line-height: 38px;
		padding: 0 10px;
		float: left;
		color: #fff;
		text-decoration: none;
		font-size: 14px;
	}
	
	#main-menu li ul {
		background: none;
		position: absolute;
		top: 38px;
		left: -999em;
		z-index: 999;
	}

	#main-menu li li {
		background: #55365a; 
		width: 200px;
		float: none;
	}
	
	#main-menu li li a {
		display: block;
		font-size: 12px;
		float: none; 
	}
	
	#main-menu li a:hover, #main-menu li a.selected {
		background: #7a3384;
	}
	
	#main-menu a.qmparent:hover {
		background: none;
	}
	
	#main-menu li:hover ul {
		left: 0;
	}
	
	#main-menu li:hover li ul, #main-menu li:hover li li ul {
		left: -999em;
	}
	
	#main-menu li li:hover ul, #main-menu li li li:hover ul {
		top: 0px;
		left: 200px;
	}

/*	-------------------------------------------------------------
	Search Form
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#search-form {
		position: absolute;
		top: 65px;
		right: 20px;
	}
	
	#search-form #zoek {
		height: 17px;
		width: 19px;
		text-indent: -999em;
		float: right;
		margin: 3px 5px 0 4px;
		border: none;
		display: block;
		background: url(../img/zoek-bg.jpg) top left no-repeat;
	}
	


/*	-------------------------------------------------------------
	Image
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#image {
		width: 1000px;
		height: 176px;
		background: #fff;
		position: relative;
		
		border-bottom: 7px solid #e4d6e7;
	}

	#image #img {
		height: 176px;
		width: 655px;
	}
	
	#image #twerkt {
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1;
	}
	
	
	
/*	-------------------------------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
      
	#content {
		width: 1000px;
		background: #fff;
		min-height: 400px;
		position: relative;
		padding-top: 4px;
   }
    
    * html #content {
      height: 300px; }
      
    #content h1, #content h2, #content h3, #content h3, #content h4, #content h5 {
      font-size: 15px;
      margin: 0 0 16px 0; }

/*	breadcrumbs
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#crumbs {
		font-size: 9px;
		font-weight: 700;
		color: #2c2c2c;
		margin: 0 0 0 20px;
	}
	
	#crumbs a {
		color: #2c2c2c;
		font-size: 9px;
		text-decoration: none;
	}
	

/*	Content text
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
    
	#content-text {
		width: 616px;
		padding: 15px 25px 0 15px;
		line-height: 18px;
		float: left; 
		color: #55365a;
		margin-left: 7px;
		background: url(../img/content-text-bg.jpg) top left no-repeat;		
	}

	#content h1, #content h2, #content h3, #content-text h3, #content-text h4, #content-text h5 {
		margin: 15px 0 5px 20px;
		font-size: 17px;
		color: #6c117d; 
	}

	* html #content-text {
		height: 322px;
		/*overflow: hidden;*/
	 }

       
	 #content h3 {
	 	margin: 10px 0;
		font-size: 14px;
	 }
	 
	 
/*	Content right
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
    
    #content-right {
      width: 320px;
      min-height: 300px;
	  margin: -25px 7px 0 0;
      float: right; }

    * html #sub-content-right {
      /*overflow: hidden;*/
      height: 300px; }
    
    * html #sub-content-left ul.sitenews {
      padding: 10px 0 0 0; }
      
    #sub-content-left ul.sitenews {
      padding: 7px 0 0 0; }
      
    .sitenews li {
	  padding-left: 1em;
	  text-indent: -1em;

      margin: 0 0 10px 0; }
      


/*	-------------------------------------------------------------
	Tabs
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#tab-holder {
		width: 325px;
		min-height: 270px;
	}
	
	#tab-holder ul {
		margin: 0;
		padding: 0;
		list-style: none;		
	}
	
	#tab-headers li {
		width: 105px;
		height: 24px;
		float: left;
		margin: 0 2px 0 0;
	}
	
	#tab-headers li a {
		height: 24px;
		width: 105px;
		display: block;
		text-align: center;
		line-height: 24px;
		color: #fff;
		text-decoration: none;
		font-weight: 700;
		background: url(../img/tab-header-bg.jpg) top left repeat-x;		
	}
	
	#tab-headers li.tab-selected a, #tab-headers li a:hover {
		background: #e4dfe5; 
		color: #505050;
	}
		
	div.tab-body {
		width: 310px;
		min-height: 270px;
		margin: 2px 0 0 0;
		padding: 10px 5px 0;
		display: none;
		background: url(../img/tab-holder-bg.jpg) top left no-repeat;
	}
	
	div.tab-open {
		display: block;
	}
	
	.date, div.tab-body a {
		color: #7a3384;
	}
	
	li.tab-body strong {
		color: #505050;
	}
	
	.tab-body button {
		width: 310px;
		margin: 20px 0 0 0;
		padding: 2px 0;
	}
	
	
/*	-------------------------------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#footer {
		height: 20px;
		width:1000px;
		text-align: center;
		font-size: 12px;
		line-height: 21px;
		color: #fff;
		background: #691875 url(../img/footer-bg.jpg) top left repeat-x;
	}