body {
	font-family: Trebuchet MS, arial, helvetica;
	font-size: 80%; /* font sizing in ems, baby. if you want to change anything, just change this.*/
/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #000;
}
HR {color: black; height: 1px; }

TH {padding:5px; font-weight: bold; font-size: 1em; text-align: left;}

.normaal { font-size: 1em; color: black; font-family: Trebuchet MS, arial, helvetica;}
.kop1 {
	font-family: Trebuchet MS, arial, helvetica;
	font-size: 1.0em;
	color: Black;
	font-weight: bold;
}
.kop2 { font-family: Trebuchet MS, arial, helvetica; font-size: 1.2em; color:black;}
.klein { font-family: Trebuchet MS, arial, helvetica; font-size: 0.9em; color:black;}

/*typography*/
a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	}
a:link {
	text-decoration: underline;
	color: #666666;
}
a:visited {
	text-decoration: underline;
	color: #666666;
}
a:hover {
	text-decoration: underline;
	color: #FF5786;
}
a:active {
	text-decoration: underline;
	color: #666666;
}

h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0px none;
	}

ol, ul, li {
	font-size: 1.0em;
	line-height: 1.4em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
p {
	font-size: 1.0em;
	line-height: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
.normaal { font-size: 1em; }
.kop1 { font-size: 1.2em; font-weight:bold;}
.kop2 { font-size: 1.1em; font-weight:bold; }
.klein { font-size: 0.9em; }
.titel {
	font-size: 1.2em;
	color: Black;
}
.breadcrumb {
	font-size: 0.9em;
	text-decoration: none;
	color: White;
}

#copyright {
	color:#000;
}

 #header {
	float: left;
	width: 100%;
	background: White none repeat-x bottom;
	font-size: 110%;
	line-height: normal;
	display: inline;
	color: #FF5786;
	font-weight: bold;
}
    #header ul {
	margin: 0;
	padding: 0px 2px 0px 0px;
	list-style: none;
	display: inline;
	float: left;
	color: White;
}
    #header li {
	float: left;
	margin: 0;
	background: none no-repeat left top;
	border-bottom: 1px none;
	padding-left: 9px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
    #header a {
	float: left;
	display: block;
	background: none no-repeat right top;
	text-decoration: none;
	font-weight: bold;
	color: Black;
	padding-left: 0px;
	padding-right: 9px;
	padding-top: 5px;
	padding-bottom: 3px;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
    #header a:hover {
	color: #666666;
}
    #header #current {
	background-image: none;
	border-width: 0;
}
    #header #current a {
	background: none repeat-x top right;
	color: #FF5786;
	padding-bottom: 4px;
	font-style: normal;
	font-size: larger;
	font-weight: bold;
}


.zwart:link {
	color: #FF5786;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	background: none;
}
.zwart:visited {
	color: #FF5786;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	background: none;
}
.zwart:hover {
	color: White;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: underline;
	background: none;
}
.zwart:active { color: #fff; font-size: 1.1em; font-weight: bold; text-decoration: none; background: none; }

.bgprimairnav {
	background: Black none repeat-x bottom;
	color: White;
	font-weight: bolder;
	font-size: large;
}

.copyright { FONT-SIZE: 0.9em; color: black;}
.breadcrumb {font-size : 0.9em; text-decoration:none; color : black;}
.tabel { border-collapse:collapse; border:1px solid #000000;}
.rij { background-color:#F9F0E9; padding:5px; border-bottom:1px solid #000000;}
.tabel_rand { border-collapse:collapse; border: 1px solid #000000; margin:5px 0px 5px 0px; }
.tekstveld { border-style: solid; border-width: 1px; }
.knop { border-style: solid; border-width: 1px; }

.btn     { border: 1px none; margin: 0px; padding: 3px; cursor:pointer}
.btnOver { border: 1px inset; padding: 2px; cursor:pointer }
.btnNA   { border: 1px none; margin: 0px; padding: 3px;}

#top1 {
	background: none no-repeat left top;
}
#top2 {
	background: none no-repeat left top;
}

#secondnav ul {
  	padding: 0;
  	margin: 0;
  	list-style: none;
}
#secondnav li {
	float: left;
 	position: relative;
  	margin-left:4px;
  	margin-right:4px;
}
#secondnav li a {
	color: black; 
	font-size: 1em; 
	font-weight: bold; 
	text-decoration: none; 
	padding-left:3px;
	padding-right:3px;
}
#secondnav li ul {
  	display: none;
 }


#test ul {
  	padding: 0;
  	margin: 0;
  	list-style: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
}
#test li
	{
	float: left;
 	position: relative;
}

#test li a {
	display: block;
	width: 100%;
	padding: 5px 0px 5px 0px;
	color: White;
	text-decoration: none;
	text-align: left;
	background: #666666;
	border-bottom: 1px solid White;
	font-weight: bold;
}

#test li a:hover {
	background: #666666;
	color: #FF5786;
	font-weight: bold;
}
	
#test li ul {
	display: none;
	position: absolute;
	left: 3em;
	background-color: #666666;
	color: White;
}

#test li > ul {
	top: auto;
	left: auto;
}


#test ul li {
	float: left;
 	position: relative;
}
#test li li {
	position:relative;
	
}
	
#test li li a {
	display: block;
	position: relative;
	float: right;
	background: #666666;
	color: White;
	font-weight: bold;
	border: 1px solid;
	border-color: #fff #99f #99f #99f;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	
}
#test li li a:hover {
	background: transparent;
	color: White;
	font-weight: bold;
}
#test li:hover ul, #test li.over ul {
	display: block;
}
#thirdnav {
      float:left;
}
    #thirdnav ul {
      margin:0;
      list-style:none;
      }
    #thirdnav li {
      float:left;
      margin:1em;
}
    #thirdnav a {
      float:left;
      display:block;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #thirdnav a {float:none;}
    /* End IE5-Mac hack */


   


#button {	

	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 18px;
	background-color: #90bade;
	color: #333;
	}

#button ul {
	margin: 0;
	list-style: none;
	width:140px;
}

#button li { /* all list items */
	border-bottom: 1px solid #90bade;
	margin: 0;
}
#button li a {
	display: block;
	padding: 3px 3px 3px 0.5em;
	border-left: 10px solid #1958b7;
	border-right: 10px solid #508fc4;
	background-color: #660066;
	color: #fff;
	text-decoration: none;
	width: 100%;
	font-size: 10px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
}

#button li ul {
	display: block;
	position: relative;
	top: 1px;
	background-color: transparent;
}
html>body #button li a {
	width: auto;
}

#button li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
	
}
#button li ul a{
	border-left: 10px solid #F7941D;
	border-right: 10px solid #5ba3e0;
	background-color: #D7D7D7;
	color: #4B4B4B;
}
#button li ul a:hover {
	border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
}
#button li a:hover {
	border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
}

#button li.keuze a {
	border-left: 10px solid #F7941D;
	border-right: 10px solid #5ba3e0;
	background-color: #D7D7D7;
	color: #4B4B4B;
	font-weight: bold;
	font-size:11px;
}
.hoekboven {
	background: url('hoekboven.gif') repeat-x bottom;
}

.randboven {
	background: url('bg.gif') repeat-x bottom;
}
/* STYLESHEET VOOR MODULE
   INLOGMODULE */
#inlog {
    margin-left:130px;
    color:black;
    background:#CCC;
    width:400px;
}
#inlog TD {
    color:black;
}
#inlog TABLE H3 {
    font-weight:800;
    color:black;
}
/* STYLESHEET VOOR MODULE
   ACTIVITEITENKALENDER */
#activiteit {
    padding:1px;
}
#activiteit #month {
    margin:10px 0;
    list-style:none;
    padding:0;
}
#activiteit #month LI {
    float:left;
    width:8%;
    text-align:center;
}
#activiteit #act_item {
    float:none;
    margin:20px 0;
}
#activiteit #act_item  #item {
    padding:4px;
}
#activiteit #year {
    margin:10px 0;
    list-style:none;
    padding:0;
}
#activiteit #year LI {
    float:left;
    width:33%;
    text-align:center;
}
#activiteit PRE {
    white-space: -moz-pre-wrap;  /* Mozilla, supported since 1999 */
    white-space: -pre-wrap;      /* Opera 4 - 6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* IE 5.5+ */
}
#activiteit HR {
	 width: 100%;
    float:left;
}
#activiteit IMG {
    padding: 0 3px 3px 0;
}
/* STYLESHEET VOOR MODULE
   BESTANDSUITWISSELING */
#bestand TD {
    padding:2px;
    font-size:0.8em;
}
#bestand TH {
    padding:4px 2px;
    margin-bottom:2px;
}
/* STYLESHEET VOOR MODULE
   GASTENBOEK */
#gastenboek {
    width:750px;
    padding:4px;
}
#gastenboek_edit {
    padding:3px;
    margin-left:5px;
}
#gastenboek TH {
    border:0;
}
/* STYLESHEET VOOR MODULE
   LINKPAGINA */
#linkpag {
    width:750;
}
#linkpag .omschrijving {
    width:500px;
    white-space: -moz-pre-wrap;  /* Mozilla, supported since 1999 */
    white-space: -pre-wrap;      /* Opera 4 - 6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* IE 5.5+ */
    float:left;
}
/* STYLESHEET VOOR MODULE
   LINKPAGINA */
#opsomtekst {
    font-size:1em;
}
/* STYLESHEET VOOR MODULE
   SMOELENBOEK */
#smoelenboek #smoel_overzicht TH {
    background-color:#CCC;
}