a {
	color: #DD7700;
	text-decoration: underline;
}

a:visited {
	color: #DD7700;
}

a:hover {
	/*background-color: #DD7700;
	text-decoration: none;*/
}

a.skip {
	background-color: #00FFFF;
	height: 0;
	margin-left: 0.5em;
	margin-top: 60px;
	overflow: hidden;
	position: absolute;
	width: 0;
}

a.skip:active, a.skip:focus {
	height: auto;
	overflow: visible;
	position: absolute;
	width: auto;
}

body {
	background-color: #236AA1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin: 0;
	padding: 0;
}

caption{
	color: #236AA1;
	font-family: "Times New Roman", Times, serif;
	font-size: 140%;
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
	color: #236AA1;
	font-family: "Times New Roman", Times, serif;
	margin-bottom: 0.4em;
	margin-top: 0;
}

h1 {
	font-size: 200%;
}

h2{
	font-size: 180%;
}

h3{
	font-size: 140%;
}

h4{
	font-size: 120%;
	font-weight: bold;
}

p{
	font-size: 1em;
	margin-top: 0;
}

#agenda table{
	border: 1px solid #349DED;
  	width: 90%;
	margin-bottom: 1em;
}

#agenda th{
	text-align: left;
	color: #236AA1;
	font-family: "Times New Roman", Times, serif;
	font-size: 140%;
	background-color: #EDEDED;
}

#agenda td{
	background-color: #E4F0FA;
   border: 1px dotted  #349DED;
}

#agenda td.datum{
	background-color: #EDEDED;
	text-align: right;
	width: 2em;
	border: none;
	font-size: 110%;
	font-weight: bold;
	color: #236AA1;	
}

#agenda td.dag{
	font-size: 80%;
	width: 6em;
	background-color: #EDEDED;
        border: none;
	color: #236AA1;	
}

#agenda td.ext{
	background-color: #F4FAFA;
        border: 1px solid darkblue;
}


#team table, #comp table, .nieuws table{
	border: 1px solid #349DED;
	border-right: none;
	margin-bottom: 1em;
 	width: 90%;
}

#team td, #comp td, .nieuws td{
	border-right: 1px solid #349DED;
	padding-left: 0.2em;
	padding-right: 0.2em;
	text-align: right;
}

#team td.center, #comp td.center, .nieuws td.center{
	text-align: center;
}

#team td.left, #comp td.left, .nieuws td.left{
	text-align: left;
}

#team th, #comp th, #artikel th, .nieuws th{
	background-color: #349DED;
	color: #1E5179;
	padding: 0.2em;
}

#team tr, #comp tr, #artikel tr, .nieuws tr{
	background-color: #CFE5F6;
}

#team tr.odd, #comp tr.odd{
	background-color: #E4F0FA;
}

#artikel table.artikelfloat{
	float: left;
	height: auto;
	margin-right: 2em;
	width: auto;
}


.buttons{
	height: 2em;
	padding: 4px 4px;
}

.buttons ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.buttons ul li{
	display: inline;
	white-space: nowrap;
}

.buttons ul li a{
	background-color: #236AA1;
	border-bottom: 1px solid #000080;
	border-left: 1px solid #00FFFF;
	border-right: 1px solid #000080;
	border-top: 1px solid #00FFFF;
	color: #EDC234;
	padding: .2em 1em;
	text-decoration: none;
}

.buttons ul li a:link, .buttons ul li a:visited {
	color: #EDC234;
	text-decoration: none;
}

.buttons ul li a:hover {
	background-color: #EDC234;
	color: #236AA1;
}

.clear{
	clear: both;
}

.clearright{
	clear: right;
}

.formulier fieldset{
	padding: 0.5em;
}

.formulier label
{
	display: block;
	margin-bottom: 1em;
	font-weight: normal;
}

.formulier input
{
	display: block;
	width: 30em;
}

.formulier legend
{
	font-weight: bold;
}

.formulier textarea
{
	display: block;
	width: 31em;
}

.formulier input.submit
{
	display: block;
	width: auto;
}

.kaart{
   float: left;
	border: 1px solid #349DED;
	position: relative;
	margin: 4px;
	width: 19em;
	padding: 2px;
}

.kaart img{
	float: left;
}

.kaart p{
	margin-left: 120px;
}

.linklist{
	border: 1px solid #349DED;
	height: auto;
	margin: 0.2em;
	padding: .5em;
	width: auto;
}

.linklist h2{
	margin: 0px;
}

.linklist ul{
	margin-left: 0;
	padding-left: 0;
}

.linklist ul li{
	list-style-type: none;
}

.nieuws{
	border: 1px solid #349DED;
	margin-bottom: 1em;
	padding: .5em;
}

.nieuws img{
	border: 1px solid #349DED;
	margin: 0px 10px 2px 10px;
	padding: 2px;
}

.ndag{
   position: relative;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #5F9BD7;
}

.nmaand{
   position: relative;
   top: -.3em;
	font-weight: normal;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	color: #5F9BD7;

}

#artikel img{
	border: 1px solid #349DED;
	margin: 0 10px 2px 0;
	padding: 2px;
}

#artikel table{
	border: 1px solid #349DED;
	margin-bottom: 1em;
	width: 90%;
}

#artikel td{
	border: none;
	text-align: left;
	background-color: #E4F0FA;
}

#comp h3, #comp h4{
	margin-top: 1em;
}

#compmenu form{
	display: inline;
}

#compmenu form div{
  display: inline;
}

#compmenu form label{
	margin-left: 0.5em;
	margin-right: 0.5em;
}

#compmenu input.blue{
	background-color: #236AA1;
	color: #EDC234;
	padding: .1em .5em;
}

#compmenu ul{
	display: inline;
}

#content {
	background-color: #EDEDED;
	border-bottom: 1px solid #00FFFF;
	border-left: 1px solid #0002DD;
	border-right: 1px solid #00FFFF;
	border-top: 1px solid #0002DD;
	color: #121212;
	margin-left: 10em;
	margin-right: 5px;
	margin-top: 1em;
	min-height: 500px; 
	/* min-height IE hack, kut-browser */
	height: expression( this.scrollHeight < 500? "500px" : "100%" ); 
	/* einde IE hack */
	padding: 1em;
}

#footer{
	clear: left;
	height: 2em;
	padding: 0.2em 1em 0 1em;
	text-align: right;
}

#header {
	background-color: #343CED;
	background-image: url(../images/headerback.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	border-bottom: 1px solid #000000;
	height: 100px;
	position: relative;
}

#header h1{
	margin-left: -999px;
	width: 990px;
}

#navigation{
	float: left;
	margin-left: 0.5em;
	margin-top: 0.8em;
	width: 10em;
}

#navigation a {
	background-color: #236AA1;
	border-bottom: 1px solid #000080;
	border-left: 1px solid #00FFFF;
	border-right: 1px solid #000080;
	border-top: 1px solid #00FFFF;
	color: #F8CC41;
	display: block;
	font-weight: normal;
	padding: 0.2em 0.2em;
	text-decoration: none;
	width: 8em;
}

#navigation a:hover {
	background-color: #EDC234;
	color: #236AA1;
	text-decoration: none;
}

#navigation li {
	margin: 0 0  0.4em 0;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 9em;
}

#navigation ul ul a {
	background-color: #4181BB;
	color: #F8CC41;
	display: block;
	font-weight: normal;
	padding: 0.2em 0.2em 0.2em 0.6em;
	text-decoration: none;
	width: 7.6em;
}

#navigation ul ul li {
	margin: 0 0 0 0;
}

#navigation ul ul ul a {
	background-color: #5F9BD7;
	color: #F8CC41;
	display: block;
	font-weight: normal;
	padding: 0.2em 0.2em 0.2em 1em;
	text-decoration: none;
	width: 7.2em;
}

#navigation ul ul ul li{
	margin: 0 0 0 0;
}

#wrapper {
	background-color: #349DED;
	border: 1px solid #000000;
	height: auto;
	height: 100%;
	margin: 10px;
	position: relative; /* hack voor peek-a-bo bug in ie */
	width: auto;
}
