/* start CSS [Handheld] Jop Berkhout | design_stuff */


/* CSS Reset
---------------------------------------------------- */	

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,a { 
  margin:0;
  padding:0;
  text-align:left;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

fieldset,img { 
  border:0;
}

address,caption,cite,code,dfn,th,var {
  font-style:normal;
  font-weight:normal;
}

ol,ul {
  list-style:none;
}

caption,th {
  text-align:left;
}

h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}

q:before,q:after {
  content:'';
}

abbr,acronym {
  border:0;
}

/* Verklein plaatjes tot max grootte; sommige phones kunnen niet horizontaal scrollen */
img	{
	max-width: 100%;
}

body	{
	font-family: sans-serif;
	height: 100%;
}

#container {
  margin: 3px auto;
  padding: 1em;
}



/* Headings
---------------------------------------------------- */	

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #0078be;
	margin: 1.2em 0em 0.69em 0em;
}

	h1.topspace {
		margin-top: 30px;
	}
	
	h1.gray {
	  font-size: 0.83em;
    color: #646464;
	}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.83em;
	font-weight: bold;
	color: #646464;
	margin-bottom: 8px;
}

  h2.intro {
  	font-family: Georgia, Times, serif;
    font-size: 0.83em;
  	font-weight: normal;
  	font-style: italic;
  	margin: 0px 0px 12px 0px;
  	padding: 0px;
  	line-height: 20px;
  	background: none;	
  }
  
    h2.intro strong {
    	font-weight: normal;
    	font-style: italic;
    	margin: 0px 0px 12px 0px;
    	padding: 0px;
    	line-height: 20px;
    	background: none;
    }

  h2.arrow {
  	margin: 0px 0px 8px 0px;
  	padding: 0px 0px 0px 18px;
  	background: transparent url(../images/layout/elem-h2.gif) 0px 2px no-repeat;	
  }

	h2.dotted {
		background: transparent url(../images/layout/elem-h2.gif) 0px 3px no-repeat;
		border-bottom: 1px dotted #646464;
		padding: 0px 0px 10px 18px;	
		clear: both;
	}
	
	h2.talk {
		background: transparent url(../images/layout/icon-talk.gif) center left no-repeat;
		padding: 0px 0px 0px 27px;	
    font-family: "Trebuchet MS", Arial, sans-serif;
  	font-size: 0.83em;
  	font-style: italic;
  	line-height: 20px;
  }

    h2.talk span {
    	font-size: 0.83em;
    	font-weight: normal;
    }
  
  h2.clean {
  	background: none;	
  }
  
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.69em;
	font-weight: normal;
	color: #888888;
	margin: 0px 0px 15px 0px;
}

	h3.dotted {
		background: transparent url(../images/layout/elem-hr.gif) top left repeat-x;
		padding: 10px 0px 0px 0px;
		clear: both;
	}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.83em;
	font-weight: normal;
	color: #989898;
}



/* Paragraph
---------------------------------------------------- */	

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.69em;
	color: #646464;
	line-height: 16px;
	margin: 0px 0px 10px 0px; 
}

	p strong {
	 font-weight: normal;
	}

blockquote {
	margin: 0px 0px 10px 0px;
	padding-left: 0.90em;

}
    
  blockquote p {
    font-family: "Trebuchet MS", Arial, sans-serif;
  	font-size: 0.90em;
  	font-style: italic;
  	line-height: 20px;
  	margin: 0px 0px 10px 0px;
  } 



/* Links
---------------------------------------------------- */	

a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0078bf; 
	text-decoration: none;
}

	/* Link rollovers */
	a:active, a:hover, a.active {
		color: #3caef1;
	}



/* Uitgeschakeld element
---------------------------------------------------- */	

#header {
  display: none;
}



/* Ingeschakeld element
---------------------------------------------------- */	

#menu:before {
  content: url(../images/layout/logoweb.jpg);
  text-align: left;
  display: block;
  margin-bottom: 0.69em;
}



/* Main menu container
---------------------------------------------------- */	

#menu {
  font-size: 0.90em;
  text-align: right;
}



/* Search form
---------------------------------------------------- */	

#search label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.69em;
	color: #646464;
	margin: 0px 4px 0px 0px;
}
	
	#ajaxsearch_input{
		background: #ffffff;
		border: 1px solid #ccd0d2;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.83em;
		color: #646464;
		padding: 2px; 
	}
	
	#ajaxSearch_submit{
		margin-left: 3px;				
	}
	
	.ajaxSearch_resultLink {
		font-size: 0.83em;
	}
	
	.ajaxSearch_highlight{
		background-color:#ffdf31;
	}
	
	.ajaxSearch_resultsIntroFailure {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.83em;
		color: #646464;
		line-height: 16px;
		margin: 0px 0px 10px 0px; 
	}



/* Main menu - Hierin valt alleen het hoofdmenu
---------------------------------------------------- */	

#menu #nav {
	margin: 5px 0px 0px 0px;
	font-size: 0.83em;
}

	#menu #nav li {
		list-style: none;
		margin: 0em 0em 0em 0.69em;
	}



/* Ingeschakeld element
---------------------------------------------------- */	

#nav:before {
  content: "Hoofdmenu";
  color: #646464;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

	#main ul {
		margin: 0px 0px 10px 5px;
		list-style: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.75em;
		color: #646464;
		line-height: 16px;
	}



/* Submenu
---------------------------------------------------- */	

#main #submenu ul {
    margin: 0em 0em 0em 0.83em;
    background: none;
  }
  
    #main #submenu ul li {
      background: none;
    }
    
      #main #submenu ul li a {
        display: block;
        background: none;
        font-size: 1em;
      }



/* Column middle
---------------------------------------------------- */	

#col-center-big .introtext {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 0.90em;
	font-style: italic;
	font-weight: normal;
	line-height: 20px;
	margin: 15px 0px 15px 0px;
	color: #888888;
}

#col-center-big .date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.83em;
	font-weight: bold;
	color: #646464;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 18px;
	background: transparent url(../images/layout/elem-h2.gif) 0px 2px no-repeat;	
}



/* Footer
---------------------------------------------------- */	

#footer {
	padding: 10px 0px;
}

	/* Footer unordered list */
	#footer ul {
		margin: 12px 0px 9px 0px;
		list-style: none;
	}

		/* Footer list items */
		#footer ul li {
			color: #989898;
			font-size: 0.69em;
			padding: 0px 15px;
			background: url(../images/layout/divider.gif) center left no-repeat;
		}
		
			/* Footer list items link */
			#footer ul li a {
				font-weight: normal;
			}
						
			/* Footer images */
			#footer ul li img  {
				vertical-align: -3px;
			}


/* end CSS [Handheld] Jop Berkhout | design_stuff */