/* 
Hieronder voeg ik aparte css-bestanden in voor de verschillende onderdelen
Als je site CSS-gestuurd wordt (en zonder frames), wordt het anders snel rommelig
Als je de css-bestanden indeelt volgens de "blokken" in je site, vind je alles ook snel terug
*/
@import url("header.css");
@import url("menu.css");
@import url("content.css");
@import url("footer.css");
@import url("beheer.css");

/*
HHM groen: #6b8912
HHM blauw: #53c0d8
*/

body {
	background-color: #FFFFFF; 	 
	padding: 0px;
	margin : 0px;
	width: auto;
	height: 100%;
	background-image: url(../image/achtergrond.png);
	background-position: top left;
	background-repeat: repeat-y;
}

/* 
Het onderstaande geldt voor ALLE elementen op de site
Scheelt een hoop knip- en plakwerk (vooral voor tekst/lettertypes)
*/
* {

	font-size : 12px;
 	font-weight : normal;
 	font-variant : normal;
 	font-style : normal;
	letter-spacing : normal;
	padding: 0px;
	margin: 0px;	
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

p, ul, ol, td, div, span {
	color: #888;
	line-height: 150%; 
	font-family : "Trebuchet MS", Helvetica, Arial, Verdana, Geneva, sans-serif;
}
p.lead {
	color: #888;
	font-weight: bold;
}

ul {
	
}

table,td,tr	{
	border-collapse: collapse;
	vertical-align : top;  
}
  			
h1 	{
	font-family: "Trebuchet MS", Times, Georgia, serif;	
	font-size: 16px;
	line-height: 125%;
	color: #6b8912;
	font-weight: bold;
	margin: 15px 0px;
}
h2 {
	font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
	font-family: "Trebuchet MS", Times, Georgia, serif;
	font-size: 13px;
	margin: 20px 0px 5px;
	padding: 0px 0px 0px;
	color: #53c0d8;
	color: #666;
	line-height: 17px;
	font-weight: bold;
	border-bottom: 0px dotted #c0c0c0;
	clear: none;
}
h3, h3 a {
	font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
	font-family: "Trebuchet MS", Times, Georgia, serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
    margin-bottom: 0px;
	line-height: 19px;
}	
		
a {	
	color: #6b8912;
	color: #666;
	font-weight: bold;
    text-decoration: none;
}
	
a:hover, a:active, a:focus {	
    text-decoration: underline;
}

img {
	border: 0px;
}
.image.right {
	float: right;
}

.clear {
	clear: both;
}      

.old {
	display: none;
}


input[type=text], select {
	padding: 1px;
}