/* text-align: center; in de body zorgt ervoor dat de boel (de div kaderwrap) gecentreerd wordt in ie */

body {
	margin: 5px;
	padding: 0 0 0 0;
	text-align: center;
	font-family: Arial Unicode MS, Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: black;
	height: 100%;
	background-color: Silver;
}

a:active {
	color: #ED1B24;
	text-decoration: none;
	font-size: smaller;
	font-weight: bold;
}
a:visited {
	color: #ED1B24;
	text-decoration: none;
	font-size: smaller;
	font-weight : bold;
}
a:link {
	color: #ED1B24;
	text-decoration: none;
	font-size: smaller;
	font-weight : bold;
}
a:hover {
	color: #8C8D91;
	text-decoration: none;
	font-size: smaller;
	font-weight: bold;
}
.menu{
	color: #8B4513;
	text-decoration: none;
	font-size: smaller;
	font-weight: bold;
}
.menu a:active {
	color: #8B45130;
	text-decoration: none;
	font-size: smaller;
	font-weight: bold;
}
.menu a:visited {
	color: #8B4513;
	text-decoration: none;
	font-size: smaller;
	font-weight : bold;
}
.menu a:link {
	color: #8B4513;
	text-decoration: none;
	font-size: smaller;
	font-weight : bold;
}
.menu a:hover {
	color: #8B4513;
	text-decoration: none;
	font-size: smaller;
	font-weight: bold;
}

/* hieronder hack: overschakelen naar traditionele boxmodel ipv w3c boxmodel om width en height overal hetzelfde te krijgen, 
werkt alleen bij geen doctype in html, wel doctype gebruiken? dan boxmodel declareren met tantek hack http://www.thenoodleincident.com/tutorials/box_lesson/index.html */

div {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Hieronder de kaderwrap div, omspant alle andere divs, zorgt voor vaste breedte van 752px */

#kaderwrap {
	background-color: white;
	width: 752px;
	padding: 0px;
	border: yes;
	border-bottom: double;
	border-left: double;
	border-right: double;
	border-top: double;
	border-color: #ED1B24;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	height: auto;
	position: relative;
	top: 5px;
}


#logo {
	background-image: url(images/secrlogo.gif);
	background-position: center;
	background-repeat: no-repeat;
	top: auto;
	position: relative;
	height: 110px;
	left: 0px;
	width: 100%;
	z-index: 1;
}

#logo img {
	margin: 10px 0px 0px 6px;
}

#navi {
	background-color: White;
	border: yes;
	border-top: none;
	border-bottom: double;
	border-color: #ED1B24;
	text-align: center;
	width: auto;
	height: 60px;
	z-index: 2;
}

#navilinks {
	position: absolute;
	margin: 20px 0px 0px 20px;
	background-color: transparent;
	text-align: left;
	width: 100px;
	height: auto;
}
.secr
{
color: #8C8D91;
} 
.apestaart
{
color: #ED1B24;
} 

/*
#margelinks {
	position: absolute;
	top: 165px;
	left: 0px;
	width: 165px;
	height: auto;
	margin: 0px 10px 0px 10px;
	font-size: 0.80em;
	text-align: center;
}
*/
#content {
	position: relative;
	top: auto;
	left: 150px; 
	width: 570px;
	height: auto;
	padding: 0px 0px 30px 0px;
	font-size: 0.80em;	
	font-family: Verdana, Arial Unicode MS, Arial, Geneva, Helvetica, sans-serif;
}

#content p.lead {
	color: Black;
	font-weight: bold;
}

#content h1, #content h3 
{	
    font-family: Verdana, Arial Unicode MS, Arial, Geneva, Helvetica, sans-serif;
    text-align: center;
	color: #8C8D91; /*#ED1B24 rode kleur*/
	background-color: transparent;
}

#content h1 {
	font-size: 1.2em;
	letter-spacing:0.5em;
	color: #ED1B24; /*rode kleur*/
}	

#content h2 {
    font-family: Verdana, Arial Unicode MS, Arial, Geneva, Helvetica, sans-serif;
    text-align: left;
  	color: #8C8D91; /*#ED1B24 rode kleur*/
	font-size: 1em;
}		

#content h3 {
		font-size: 1em;

}

#content a {
	text-decoration : none;
	font-weight: bold;
	font-size: 90%;
}

#content a:link {
	color : #ED1B24;
}

#content a:active {
	color: #8C8D91;
	text-decoration: underline;
}

#content a:visited {
	color: #8C8D91;
}

#content a:hover {
	color: #ED1B24;
	text-decoration: underline;
}



.right {
	text-align: right;
}




/* hieronder de div die de footer en tekstnav omspant */
/* oranje kleur gekozen */

#bottom {
	position: relative;
	background-position: bottom;
	background-repeat: no-repeat;
	text-align: center;
	width: 100%;
	height: 50px;
	border: none;
}

#onder {
	position: relative;
	background-color: transparent;
	text-align: center;
	width: 100%;
	height: 10%;
	border: none;
	color: #8B45130;
	text-decoration: none;
	font-size: smaller;
	font-weight: bold;
}
.menu{
	color: #8B45130;
	text-decoration: none;
	font-size: smaller;
	font-weight: bold;
}
.menu a:active {
	color: #8B45130;
	text-decoration: none;
	font-size: smaller;
	font-weight: bold;
}
.menu a:visited {
	color: #8B45130;
	text-decoration: none;
	font-size: smaller;
	font-weight : bold;
}
.menu a:link {
	color: #8B45130;
	text-decoration: none;
	font-size: smaller;
	font-weight : bold;
}
.menu a:hover {
	color: #8B45130;
	text-decoration: none;
	font-size: smaller;
	font-weight: bold;
}
/* hieronder de span voor het adresonderaan de pagina */	
	
.textnav {	
	font-size: 55%;
	text-align: center;
}

.textnav a{ 
	color: #000033;  
}

.textnav a:hover {
	color: #000033;
	text-decoration: none;
	background-color: transparent;
}	

table{
	font-family: Arial Inicode MS, Verdana, Arial, Geneva, Helvetica, sans-serif;
	}