/*
THEME NAME: Theme GAC-coaching
DATE:9dec15
DESCRIPTION:Basis HTML5/CSS3 layout built on a responsive framework
VERSION: 1.0
AUTHOR: Floor Plaisier
AUTHOR URL:www.itenf.nl
*/

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


html{
    width:100%;
	margin:0 auto;
	background-color: white;
}


body{	
	margin:0 auto;
	font-size: 87.5%; /*base font size is 14px */
	font-family: Cambria, Verdana;
	line-height: 1.5;
	width: 100%;
	background-color:white;	
	color:#707173;/*is grijs*/
}

h1,h2,h3,h4,h5{
	color: #e95d0e;	/*is oranje*/
}

a{
	text-decoration: none;
	color: #e95d0e;	/*is oranje*/
	border: 0px;
}

a:link, a:visited {
	color:#e95d0e;/*is oranje*/
	text-decoration: none;
		border: 0px;
}

a:hover, a:active{
	background-color:white;
	color: #e95d0e;/*is oranje*/
	text-decoration: underline;
		border: 0px;
}

#logo img{
	width: 40%;
	margin: 2% 5% 1% 8%;
	float:left;
}

#iconenNaastLogo{
	width: 200px;
	float:right;
	margin-top: 7%;
	margin-right: 10%;
}

#iconenNaastLogo a{
	background-color: white;
}

#plaatjeOnderLogo{
	float:left;
	width: 100%;
	background-color:#dbdcda;	
}


#menuLi {
	}

#menuLi ul{
	text-indent: 0;
	float: left;
	background-color:#e95d0f;/*oranje*/	
	text-align: center; 
	width: 100%;
	margin: 0% 0% 2% 0%;
}
	
/*hieronder de opmaak van menu als geheel(dus niet de tekst)  */
#menuLi  li{
	display:inline-block;
	float:none;
	margin-right:1px;
	padding: 2% 2% 2% 2%;
}

/*hieronder opmaak van afzonderlijke menuknoppen, incl tekst */
#menuLi  ul li a{
	display:inline;/*niet display:block; van maken want dan werken sub-links op touch devices niet meer */
	font-family: Calibri, Verdana;
	text-decoration:none;
	line-height:1.3em;
	color: white;
	font-size: 165%;
	
}

#menuLi  a:link, .mainHeader nav a:visited{
	text-decoration: none;
}

#menuLi  li.current_page_item a{
	color:#c0c2c6;/*is lichter-grijs*/
	text-decoration: none;
}

#menuLi a:hover {
	color:#c0c2c6;/*is lichter-grijs*/
	text-shadow: none;
	text-decoration: none;
}

/*styling voor het submenu:*/

/*The clearfix style rule will clear the floats used on the subsequent list items without the use of overflow:hidden, which would hide the sub menus and prevent them from appearing.*/
#menuLi  ul:after{
	content: "."; 
	clear: both; 
	display: inline;
}

#menuLi ul li ul{
	display: none; /* hide all sub menus from view */
	position: absolute;
	margin: 0% 0% 0% 0%;
}

#menuLi ul li:hover >ul{  /*zorgt dat submenu wordt aangesproken*/
	display:block;
	left:auto;/*zorgt dat menu netjes eronder komt!! Belangrijk*/
	background-color:#e95d0f;/*oranje*/	
	width:320px;*/
	
}

#menuLi  ul li ul li {	
	float:left;
	margin-left: -10px;
	margin-right: 10px;
}

#menuLi  ul li ul li a:link, a:visited {
	/*width: 100%;*/
	color:white;
	background-color:#e95d0f;/*oranje*/	
}	
			
#menuLi  ul li ul li  a:hover{
	color:#c0c2c6;/*is lichter-grijs*/
}
/*einde styling voor submenu*/


.mainContent {
	color:#707173;/*is grijs*/
	background-color:white;
	width:100%;
	line-height: 1,5em;
	font-family: Calibri, Verdana;
	font-size: 140%;
	margin-top: 0px;
	overflow:auto;/*nodig zodat maincontent als geneste div blijft omvatten!!! anders krimpt hij kleiner dan de geneste 
	div's door float eigenschap*/
}

.mainContent  a {
	color:#e95d0e;/*is oranje*/
	background-color:white;
}

.mainContent a:visited{
color:#e95d0e;/*is oranje*/
	background-color:white;
}

.mainContent h3{
	font-size: 150%;
}

.mainContent h2{
	color: red;
	line-height: 1,0em;
	font-size: 100%;
}

/*omvat alleen grote linker stuk tekst*/
.contentLinks{
	width:55%;
	float:left;
	letter-spacing:0%;
	padding: 0% 7% 7% 10%;
	background-color:white;
}

/*Omvat alle tekst van contentLinks*/
.topcontent{
	padding: 0% 0%;
	background-color:white;
}

.topcontent header{
	/*opmaak titel van tekst links, is ook de page naam */
		color:#707173;/*is grijs*/
}

/*styling van t_blog.php */
.nieuwsbriefDatum{
	color: #4f4c4c; /*grijs donker */

}
/*einde styling van t_blog.php */

#top-sidebar{
	width: 25%;
	float: left;
	overflow:hidden;
	background-color: white;
	margin: 2% 1% 2% 1%;
	padding: 0% 0%;
}

#middle-sidebar{
	width:25%;
	float: left;
	overflow:hidden;
	background-color: white;
	margin: 0% 0% 2% 1%;
	padding: 0% 0%;
}
/*opmaak lijst certificaten in sidebar */
#certifLijst li{
	padding: 0px 0px 0px 0px;
}

#bottom-sidebar{
	width:25%;
	float: left;
	overflow:hidden;
	background-color: white;
	margin: 0% 0% 4% 1%;
	padding: 0% 0%;
}

.mainFooter{
	width: 100%;
	background-color:#98167e;
	margin: 0% 0%;
	font-family: calibri;
}

/*Voor ITenF copyright tekst, wordt als balk onder website geplakt*/
.copyRight{
	float:left;
	width:100%;
	height: 50px;
	background-color:#e95d0e;
	color:white;
}

.copyRight span{
	float: right;
	margin: 12px 20px;
	background-color:#e95d0e;
}

/*hieronder hoe de link eruit zonder hover en als er nog niet opgeclicked is:*/
.copyRight a:link, a:visited {
	background-color:#e95d0e;
	color:#bfb7a9;
}

/*hieronder hoe de link eruit bij hover en als er een keer opgeclicked is:*/
.copyRight a:hover, a:active{
	background-color:white;
	color: #e95d0e;
}


/*styling voor het contact form 7*/
.wpcf7-textarea {
 	width: 85%; 
	display:none;
}

 .wpcf7-textarea #textareaContactPage {
	display:block;
}

.wpcf7-textarea.contactPage{
display:block;
}

/*Hieronder de code voor kleinere schermen als tablets en phones*/


@media only screen and (max-width: 1500px) {
/*code voor als scherm kleiner is dan 1500px*/
	.body{
			background-color:white;
			font-size: 90%;
		}
		
	
	 /*voor submenu */
	#menuLi ul li:hover  ul{  /*>zorgt dat submenu wordt aangesproken*/
		position: relative; /*dit is nodig ander klapt menu op tablet automatisch in*/
		margin-top: 7%;
		}
	
	
	
	.contentLinks{
		width: 80%;	
		margin: 0% 0% 0% 0%;
	}
		
	#top-sidebar, #middle-sidebar,  #bottom-sidebar{
			width: 85%;
			margin-left: 10%;
			}

    #top-sidebar, #middle-sidebar,  #bottom-sidebar p{
		text-align:center;	
}

@media only screen and (max-width: 1000px) {
	#menuLi{
		display:none;
	}
}

@media only screen and (max-width: 850px) {
/*code voor als scherm kleiner is dan 850px*/
	.body{
			background-color:white;
		}
		
	#logo img{
	width: 80%;
	margin: 10% 10% 1% 10%;
	}	
	
	#iconenNaastLogo{
	width: 200px;
	float:left;
	margin-left: 35%;
	margin-top: 3%;
}

	#menuLi {
		display:none;
	}
	
	/*tabel op contact formulier aanpassen */
	#tabelnaamContact td {
	width: 600px;

	}
	
	.onderelkaar{ 
	display:block;
	}
	
	.onderelkaar p{
		}
	
	#adresgegevens {
	margin: 0px 0px 0px -120px;

	}
	/*einde tabel opmaak */
}

@media only screen and (max-width: 600px) {
/*code voor als scherm kleiner is dan 600px*/
	.body{
			background-color:white;
		}
		
	#logo img{
	width: 90%;
	margin: 22% 5% 1% 5%;
	}

	#top-sidebar, #middle-sidebar,  #bottom-sidebar{
			width: 100%;
			margin-left: 0%;
			margin-right:0%;
			}
	
	/*tabel op contact formulier aanpassen */
	#tabelnaamContact td {
	width: 300px;

	}
	
}