/* 
Blauw: #910301 
Roodbruin: #910301 (Felis) of #910301 (Zwerfdier)
*/


html, body {margin:0; padding:0}

html {height: 100%;}
body {
	font-family: sans-serif; 
	height: 100%; 
	background: #FFF}

/* Div-boxes voor rounded corners: */
div#main1 {
	height: auto; min-height: 98%; /* Dit werkt beter in FF. height: 100% in conditional comments*/
	background: #FFF; padding: 0; margin: 0;
	background: url('images/tl.png') no-repeat 0 0;
	border-top: 10px solid #910301;
	border-left: 10px solid #910301;
	border-right: 10px solid #910301;}
div#main2 {
	margin:0; background: url('images/tr.png') no-repeat 100% 0; 
	border-top: 1px solid #910301 } /* border om oneffenheidje weg te werken */

div#content {padding: 20px}

h1 {font-size: 1.5em; color: #08284c}
h2 {margin-bottom: -.5em; font-size: 1.1em;  color: #08284c}
h3 {margin-bottom: -.5em; font-size: .9em;  color: #08284c}
.rechts {float: right; margin-left: 10px; clear: both; margin-bottom: 10px}
.links {float: left; margin-right: 10px;}

.center {text-align: center}
img {border: none}
b {color: #08284c; font-size: .9em}
.rood {color: red}
table {border-collapse: collapse; width: 100%}
td { padding-left: 2px}
sup {font-size: 80%;}	/* ivm storende line spacing */

p.geeninfo {text-align: center; color: #08284c; font-weight: bold}
p.dubbelfoto {text-align: center}
p.dubbelfoto img {margin-left: 20px; margin-right: 20px;}

div.foto {float:right; width:300px; 
	text-align: center; 
	margin-left:10px; margin-bottom:10px; 
	font-style: italic; 
	font-size: .8em;
	color: gray;
	padding-bottom: .3em}

a { color: #08284c;}
a:hover { color: #8c0404;}

a.terug {float: right} /* terug naar top van pagina */

div#kop { background: url('images/shadow.gif') bottom repeat-x; padding-bottom: 20px}
div#mainmenu {text-align: center;  margin-top: 2px; clear: both;}

/* UL als CLASS; wordt ook voor submenu gebruikt */	
ul.menu {list-style-type:none; margin:0; padding:0}
ul.menu li {display: inline}
ul.menu a {color: #2F3F8A; border: 1px solid #CCC; padding-left: 5px; padding-right: 5px; 
text-decoration: none; font-size: 1.1em;}
ul.menu a:visited {color: #2F3F8A;}
ul.menu a:hover {color: #8c0404; background: #CCC}

/* Menuoptie van actieve pagina: */
ul.menu a.actief_menu, ul.menu a.actief_menu:visited, ul.menu a.actief_menu:hover {color: #2F3F8A; background: #CCC}

/* zelfde opzet maar dan als submenu */
div#submenu {border: 1px solid #CCC; padding: 5px; text-align: center; width: 260px;}
div#submenu a { display: block; margin-top: 5px; font-size: 1em}
div#submenu h2 {margin:0; padding: 0; margin-bottom: 1em}