@charset "utf-8";
/* CSS Document */

/* CSS Document voor Jerphaas website door Jasper Jobse*/

/* GENERAL */
/* ---------------------------------------------------------------------------------------------------*/

body{
	height: 100%;
	margin:0;
	padding:0;
	line-height: 1.3em;
background-image: url(http://www.jerphaas.nl/header.png);}

body,td,th {
font-family: "Century Gothic", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; /*kleur wordt alleen gebruikt als tekstopmaak niet gedefinieerd is, moet zelfde zijn als <p>*/
} 
/*font van alle lettertypen (behalve menu) op de site, wordt aangepast door javascript*/

/* ACHTERGROND */
/* ---------------------------------------------------------------------------------------------------*/

#background {
    background-color: #5D8A99;
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -100;
}

/*aanpassen achtergrond afbeelding aan browservenster*/
.stretch { 			
    width:100%;
    height:100%;
}

/* HEADER EN MENUPOSITIE*/
/* ---------------------------------------------------------------------------------------------------*/

#topsection{
width: 960px; 				
margin: 0 auto; 			/*centreren op pagina*/
height: 199px; 				/*hoogte van logo en menu stuk*/
background-image: url(http://www.jerphaas.nl/header.png);
background-repeat: no-repeat;
z-index: 20; /* om zeker te zijn dat hij OVER de achtergrond staat */
}

.menu{
padding-top: 30px; 
margin-left: 27px; 
}

.glaspositioner
{
padding-top: 120px; 
margin-left: 33px; 
}

/* MENUFUNCTIONALITEIT CSS, INTACT LATEN*/
/* ---------------------------------------------------------------------------------------------------*/

#pcm{display:none;}
ul.cssMenu {
	position: relative;
}

ul.cssMenu a {  <!-- menu standaard weergave voor hover -->
	vertical-align:middle;
	font-size: 13px;
	letter-spacing: 1px;
	text-decoration: none;
	cursor:default;
	padding: 4px;
}

ul.cssMenu, ul.cssMenu ul {
	margin:0;
	list-style:none;
	padding: 0;
}

ul.cssMenu li {
	position: relative;
	float: left;
	margin:0;
	padding: 0 0 0 4px;
}

ul.cssMenu li a{
	display: inline-block;
	color: #ffffff;
}

ul.cssMenu li ul{
	position: absolute;
	left: -10000px;
	margin:0;
}

ul.cssMenu li:hover ul{
	position: absolute;
	left: 0;
	top: 0.95em;
	padding: 8px 0 0 0;
	background: url(background-menu.png) repeat;
}

ul.cssMenu li:hover ul li{
	clear: both;
	padding: 0;
	white-space: nowrap; 
	margin:0;
	padding: 0 0 0 4px;
}

ul.cssMenu li:hover ul li a{
	padding: 4px 0 0 4px;
}

.cssMenui a:hover{
	color: #FF7F00;
}


/* MAIN CONTENT */
/* ---------------------------------------------------------------------------------------------------*/

#maincontainer{
position:relative;
width: 960px; 			/*breedte van main container*/
margin: 0 auto; 		/*centreren van main container op pagina*/
z-index: 20; /* om zeker te zijn dat hij OVER de achtergrond staat */
}

#contentwrapper{
background-image: url(http://www.jerphaas.nl/kader-achter-tekst.png);
padding:0px;
margin: 0 0 0 0; 
float: left;
width: 100%;
}

#contentcolumn{
padding-top:12px;
padding-bottom:12px;
margin: 0 0 0 0; 		

}

.innertube{
margin-left: 32px; 
margin-right: 33px; 
margin-top: 0px; 		
margin-bottom: 1px; 		
}

/* FOOTER */
/* ---------------------------------------------------------------------------------------------------*/

#footer{
background-image: url(http://www.jerphaas.nl/footer.png);
background-repeat: no-repeat;
clear: left;
width: 100%; 
height: 410px;
padding: 0px;
padding-top: 10px; 	
}

/* LINKS (menu links staan hoger)*/
/* ---------------------------------------------------------------------------------------------------*/

a:link, a:visited {
	text-decoration: none;
	color: #FFFFFF; 
}
	
a:hover, a:active, a:focus {
	outline: 0;	
	text-decoration: none;
	color: #FF7F00; /*oranje*/
}

a.grijs:link, a.grijs:visited { 		
	text-decoration: none;
	color:  #027E66; 	/*donker groenig*/
}

a.grijs:hover, a.grijs:active,  a.grijs:focus {
	outline: 0;		
	text-decoration: none;
	color:   #FF7F00; /*oranje*/ 
}

a.reactie:link, a.reactie:visited, a.reactie:hover, a.reactie:active, a.reactie:focus { /* onzichtbare link bij reacties */
outline: 0;	 color: #666666; font-size: 11px; font-weight: italic;
}

a.sitemap:link, a.sitemap:visited { 		
	text-decoration: none;
	color: #fff;  
}

a.sitemap:hover, a.sitemap:active,  a.sitemap:focus {
	outline: 0;		
	text-decoration: none;
	color:  #FF7F00; /*oranje*/  
}


/* FORMULIER 
/* ---------------------------------------------------------------------------------------------------*/
   
.formfield{
width: 370px; }

/* LETTERS */
/* ---------------------------------------------------------------------------------------------------*/

p {
color: #333333;
font-weight:normal;   
}

h1 {
font-size: 14px;
color:#FF7F00; 
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

h2 {
font-size: 13px;
color:#FF7F00;
font-weight:normal;  
}

.style1 {font-size: 12px; letter-spacing: 1px;} /*menu onderkant site - sitemap*/
.style3 {color: #FF7F00; font-weight: bold; font-size: 13px; } /*koppen op nieuwspagina*/
.style4 {color: #FF7F00;  } /*oranje op pagina coaching en ikstartsmart*/
.style5 {color: #FFFFFF; font-size: 9px; } /*wit foto-onderschrift Marlike */
.style7 {color: #666666; font-size: 11px; font-weight: italic;} 		/*data op nieuwspagina en namen op reactiepagina*/
.style8 {color: #009F81; font-weight: bold; font-size: 12px;} 		/*groene tekst naast aanmeldknop*/