html, body
{
	color: #474747;
	font-family: verdana;
}


/* ALGEMENE OPMAAK */

h1
{
	font-family: verdana;
	font-size: 38px;
	color: #474747;
	padding-bottom: 0.5em;
}

h2  /* grootste titel */
{
	font-family: verdana;
	font-size: 36px;
	color: #474747;
	padding-bottom: 0.5em;
}

/*.sIFR-alternate {
    visibility: hidden;
    display: none;
}*/

.inl /* inleiding */
{
	font-family: verdana;
	font-size: 20px;
	color: #474747;
	padding-bottom: 1.0em;
}

h3  /* ondertitel */
{
	font-family: verdana;
	font-size: 20px;
	color: #474747;
	padding-bottom: 0.4em;
	padding-top: 0.9em;
}

h4  /* titels in de rechter kolom */
{
	font-family: verdana;
	font-size: 26px;
	color: #474747;
	padding-bottom: 0.4em;
	padding-top: 0.0em;
}

h1.smallred /*homepage titel */
{
	font-family: verdana;
	font-size: 26px;
	color: #e51837;
	padding-bottom: 0.4em;
	padding-top: 0.7em;
}

h4.red  /* titels in de rechter kolom */
{
	font-family: verdana;
	font-size: 26px;
	color: #e51837;
	padding-bottom: 0.4em;
	padding-top: 0.7em;
}

h5, h5 a  /* titels verdana in het rood */
{
	font-family: verdana;
	font-size: 12px;
	color: #e51837;
	padding-top: 0.7em;
}

p, li, a /* standaard paragraaf */
{
	font-family: verdana;
	font-size: 12px;
	color: #7f7f7f;
	line-height: 1.5em;
	padding-bottom: 1em;
}

#content a /* standaard link */
{
	color: #e51837;
}

#content a:hover /* standaard mouse-over */
{
	text-decoration: underline;
}

#content ul, #content ol, #content li
{
	padding-bottom: 0px;
}

.extrasmall /* datum bij blogposts */
{
	font-size: 10px;
}

div.hr  /* opmaak van een horizontal ruler */
{
	clear: both;
	height: 1px;
	background: url(/content/images/hr.gif) repeat-x center;
}

div.hr hr  /* default opmaak van een horizontal ruler afzetten */
{
	display: none;
}


.button /* opmaak van een horizontal ruler */
{
	cursor: hand;
	cursor: pointer;
	border: 0px;
}


.projecten-thumbs td /* aligneren van de thumbnails in de rechter kolom */
{
	padding: 0 10px 10px 0;
}

.projecten-thumbs td img, .referentie-thumbs td img /*border rond de thumbs in de rechter kolom */
{
	border: 1px solid #dad7d7;
	padding: 1px;
}

.referentie-thumbs td  /* aligneren van de thumbnails in de rechter kolom */
{
	padding: 0 10px 13px 0;
}

img.noborder
{
    border: 0px;
}

#content img /* padding + grijze border rond images */
{
	border: 1px solid #dad7d7;
	padding: 1px;
}

#content img.noborder /* images ZONDER border */
{
	border: 0px solid #dad7d7;
	padding: 1px;
}

img.mime  /* geen border zetten rond ppt, doc,... icoontjes */
{
	border: 0px solid #dad7d7;
	padding: 0px;
}

#content table
{
	margin-bottom: 20px;
}


/* SPECIFIEKE OPMAAK */

/* opmaak van de taalkeuze bovenaan de pagina */
#languages a
{
	color: #474747;
	font-weight: bold;
	font-size: 11px;
	padding: 5px;
}

#languages a:hover, #languages a.activelanguage
{
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	background:url(/content/images/language.gif) no-repeat center;
	padding: 5px;
}

#languages a.nomouseover
{
	color: #474747;
	font-weight: bold;
	font-size: 11px;
	padding: 5px;
	background:none;
}


/* opmaak van de hoofdnavigatie bovenaan de pagina */
#mainnavigation a
{
	color: #474747;
	font-family: verdana;
	font-size: 16px;
	margin-left: 12px;
}

#mainnavigation a:hover
{
	color: #e51837;
}


/* opmaak van de subnavigatie in de witte balk - levels komen naast elkaar */
#subnavigation
{
	font-family: verdana;
	font-size: 12px;
}

#subnavigation ul
{
	margin:0;
	padding:0;
	list-style:none;
}


#subnavigation li
{
	width: 260px;
	padding-bottom: 2px;
}

#subnavigation li a
{
	color: #474747;
	display: block;
	padding: 3px 25px 3px 5px;
}

#subnavigation li a:hover
{
	background: url(/content/images/subnav-bg.gif) no-repeat right center;
}

#subnavigation li a.activelink
{
	background: url(/content/images/subnav-bg.gif) no-repeat right center;
	color: #e51837;
}

#projectlist a
{
	color: #A0A0A0;
}

#projectlist a:hover
{
	color: #E51837;
}

/* opmaak van de footer met sitemap en adresgegevens erin */
#center-footer
{
	padding-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 880px;
	margin: 0 auto; /* centreert in Firefox */
	text-align: left; /* zet text links ipv centreren - overruled body */
}
#reference-footer
{
	padding-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 880px;
	margin: 0 auto; /* centreert in Firefox */
	text-align: left; /* zet text links ipv centreren - overruled body */
}

#footer ul
{
	margin:0;
	padding:0;
	list-style:none;
	float: left;
	width: 400px;
	padding-right: 20px;
	padding-bottom: 30px;
}

#footer ul li
{
	margin:0;
	padding:0;
	margin-bottom: 0px;
}

#footer ul li a
{
	font-size: 10px;
	color: #FFF;
	text-decoration: underline;
}

#footer ul li a:hover
{
	text-decoration: none;
}

#adres
{
	clear: left; /* zorgt ervoor dat deze onder al de rest komt te staan */
	background: url(/content/images/hr.gif) repeat-x top;
	background-color: #333333;
}

#adres p, #adres a
{
	font-size: 10px;
	line-height: 38px;
	color: #FFF;
}

#adres a:hover
{
	text-decoration: underline;
}