/*
THEME NAME: ThemeTerwijn
THEME URI: 
DESCRIPTION:Theme met een header, menu, content eronder, daaronder een footer, 960px breed
VERSION: 1
AUTHOR: Floor
AUTHOR URI:www.itenf.nl
TAGS: basis
*/

@font-face {
  font-family: 'SemiSq';
  src: url('font/semi-square.eot'); /* IE9 Compat Modes */
  src: url('font/semi-square.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/semi-square.woff') format('woff'), /* Modern Browsers */
       url('font/semi-square.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/semi-square.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Neogrey';
  src: url('font/NeogreyMedium.eot'); /* IE9 Compat Modes */
  src: url('font/NeogreyMedium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/NeogreyMedium.woff') format('woff'), /* Modern Browsers */
       url('font/NeogreyMedium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/NeogreyMedium.svg#svgFontName') format('svg'); /* Legacy iOS */
}



@font-face {
	font-family: MyriadPro;  
	src: url('font/MyriadPro-Regular.otf');
}

@font-face {
	font-family: Pirulen;  
	src: url('font/pirulen.otf');
}


html{
	background-color:white;	
	height:100%;
	margin: 0px 0px 0px 0px;
}

body{
	background-color:white;	
	height:100%;
	margin: 0px 0px 0px 0px;
	
}

h3{
	font-family:NeoGrey;
	font-size:22px;
}

/*Belangrijk!!!!!:om zwarte lijn rond link-images te voorkomen in oudere versies IE*/
a img {
    border: 0;
}

div#container{
	position:relative;
	width:960px;
	margin-left: auto ;
  margin-right: auto ;
  margin-top:0px;
  margin-bottom:0px;
  height:100%;
  background-color:white;	
}

div#containerGrijs{
	position:relative;
	width:960px;
	margin-left: auto ;
  margin-right: auto ;
  margin-top:0px;
  margin-bottom:0px;
  height:100%;
  background-color:#c6c6bc;	
}

div#header{
	
	height:200px;
	background-color:white;	
	margin: 20px 0px 0px 0px;
	z-index:1;
}

div#logoLink{
	position:absolute;
	top:10px;
	left:0px;
	/*width:400px;
	height:146px;
	background: url('images/LOGO_wit_400x146px.png') no-repeat ;	*/
}



div#keurmerk{
	position:absolute;
	top:0px;
	left:820px;
	/*right:20px;*/
	width:120px;
	height:100px;
	background: url('images/keurmerk110x95px.png') no-repeat ;	
}

/*keurmerk voor pagina's van Organisatie Ontwikkeling*/
div#keurmerkOrgO{
	position:absolute;
	top:0px;
	left:820px;
	/*right:20px;*/
	width:120px;
	height:130px;
	background: url('images/plaatjeOrganOntTel115x125.png') no-repeat ;	
}


div#keurmerkPersO{
	position:absolute;
	top:0px;
	left:820px;
	/*right:20px;*/
	width:120px;
	height:130px;
	background: url('images/plaatjePersoonsOntwTel.png') no-repeat ;	
}

div#menuLi{
	position:absolute;
	top:200px;
	left:0px;
	height:30px;
	width: 960px;
	background-color:white;
	padding:0px 0px 12px 0px;/*witruimte onder menu-balk*/
	z-index:1;	
}

div#menuLi ul{
	list-style-type: none; 
	margin:0px 10px 10px -40px;	
} 


div#menuLi li{		
	display:inline; 
	margin:0px 10px 0px 0px;	
}

div#menuLi li a{ 
	text-decoration:none;
	font-size:20px;
	font-family:  Neogrey, SemiSq, MyriadPro; 
	word-spacing: 0px;
	color:#58585a;
	padding:0px 15px 0px 10px;
}

#menuLi li a:hover{
	color:#f78f1e;
}


div#menuLi li.current_page_item a{
	color:#f78f1e;
}

div#content{
	/*position:absolute;
	top:250px;
	left:0px;
	width: 960px;*/
	background-color:#c6c6bc;
	color:#58585a;	
	padding: 70px 70px 30px 70px;
	
}

div#tekst{
	font-family: MyriadPro,Pirulen, Verdana, SemiSq;  
	padding: 25px 60px 30px 40px;
	font-size:20px;
	min-height: 200px;
	line-height: 35px; 
}

a{
	/*text-decoration:none;*/
	color:#58585a;	
}

a:hover{
	color:#f78f1e;
}

div#footer{
	margin: 0px 0px 0px 0px;
	width: 960px;
	background-color:#c6c6bc;	
	height:175px;
	background: url('images/OnderkantSite960x173px_2.png') no-repeat ;	
}

div#cITenF{
	float:right;
	margin: 155px 50px 0px 0px;
}


div#footerVast{
	margin: 20px 0px 0px 0px;
	position:absolute;
	bottom:0px;
	width: 960px;
	height:175px;
	background-color:#c6c6bc;	
	background: url('images/OnderkantSite960x173px_2.png') no-repeat ;		
}