/*	Cascading Stylesheet by Harold Bakker, harold@haroldbakker.com */
/*	http://www.haroldbakker.com/ */
/*	modify to taste */

/* linkstyles */
a:link {
	color: #000;
	font-family: Geneva, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
}
a:visited {
	color: #666;
	font-family: Geneva, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
}
a:hover {
	color: #464646;
	font-family: Geneva, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
}
a:active
{
	color: #5C8463;
	font-family: Geneva, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
}
a.omschrijving:link {
	font-family: Geneva, Arial, sans-serif;
	font-size: 95%;
	color: #666;
}
a.omschrijving:visited {
	font-family: Geneva, Arial, sans-serif;
	font-size: 95%;
	color: #666;
}
a.omschrijving:hover {
	font-family: Geneva, Arial, sans-serif;
	font-size: 95%;
	color: #666;
}
a.omschrijving:active {
	font-family: Geneva, Arial, sans-serif;
	font-size: 95%;
	color: #666;
}

/* redefining common HTML tags */
body, p, ul, div, td, th {
	font-family: Geneva, Arial, sans-serif;
	font-size: 100%;
	line-height: 120%;
	color: #000;
}

body {
	background-color: #999;
	margin: 0px;
	padding: 0px;
	border-color: #000;
	border-width: 1px;
	border-style: solid;
}

h1, h2, h3, h4, h5, h6 { font-family: Geneva, Arial, sans-serif; }

h1 {
	font-size: 150%;
	color: #CCC;
	text-shadow: #300 2px 2px 1px;
}

h1 span.glow {
	font-size: 80%;
	position: relative;
	top: 10px;
	color: #ADADAD;
	text-shadow: #000 0px 0px 2px;
}


h2 {
	font-size: 130%;
	color: #C00;
	text-indent: 20px;
	line-height: 130%;
	text-shadow: #670101 2px 2px 2px;
}

h3 {
	font-size: 120%;
	text-indent: 12px;
	color: #C30;
}

h4 {
	font-size: 110%;
	white-space: nowrap;
	text-shadow: #999 2px 2px 4px;
}

h5 { font-size: 110%; }

h6 { font-size: 105%; }

b, strong { font-weight: bold; }

abbr, acronym {
	border-bottom: #000;
	cursor: help;
	border-width: 0px 0px 1px 0px;
	border-style: none none dotted none;
}

textarea { white-space: pre; }

q, cite, blockquote, em { font-style: italic; }

.lyrics {
	font-style: normal;
}

pre, code, kbd, samp, tt, var {
	font-family: Courier, "Courier New", monospace;
	font-size: 100%;
	color: #666;
}

ol {
	list-style-position: outside;
	list-style-type: decimal;
}

ul { list-style-position: outside; }

ul li { list-style: disc; }

ul li li { list-style: circle; }

/* custom classes */
.small {
	font-family: Geneva, Arial, sans-serif;
	font-size: 80%;
	font-style: italic;
	color: #000;
}

.maintext {
	font-family: Geneva, Arial, sans-serif;
	font-size: 100%;
	color: #000;
	line-height: 110%;
	padding: 4px;
}

.head2 {
	font-family: Geneva, Arial, sans-serif;
	font-size: 100%;
	color: #666;
	font-weight: bold;
}

.head2 h6 { 
	margin-top: 3px;
	margin-bottom: 1px;
	text-shadow: #999 2px 2px 4px;
}
.head2 h4 {
	margin-top: 6px;
	margin-bottom: 4px;
	text-shadow: #999 2px 2px 4px;
}

.head2 p { margin-top: -2px; }
.head2 ol {
	margin: 0px 0px 5px -25px;
	list-style-type: none;
}

.head2 ol li {
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}

.omschrijving {
	font-family: Geneva, Arial, sans-serif;
	font-size: 95%;
	color: #666666;
}

.zoekterm {
	font-family: Geneva, Arial, sans-serif;
	font-size: 100%;
	color: #CC0000;
	font-weight: bold;
}

.hide {display: none; }

/*	classes for news expiry	*/
.notyet {
	font-family: Helvetica, Geneva, sans-serif;
	font-size: 90%;
	color: #00F;
	font-weight: bold;
	text-transform: uppercase;
}

.waiting {
	font-family: Helvetica, Geneva, sans-serif;
	font-size: 90%;
	color: #CCC;
	font-weight: bold;
	text-transform: uppercase;
}

.never {
	font-family: Helvetica, Geneva, sans-serif;
	font-size: 90%;
	color: #090;
	font-weight: bold;
	text-transform: uppercase;
}

.today {
	font-family: Helvetica, Geneva, sans-serif;
	font-size: 90%;
	color: #C06;
	font-weight: bold;
	text-transform: uppercase;
}

.expired {
	font-family: Helvetica, Geneva, sans-serif;
	font-size: 90%;
	color: #F00;
	font-weight: bold;
	text-transform: uppercase;
}
.newsadminrows {
	border-bottom: #000;
	padding: 6px 0 4px 0;
	border-width: 0 0 1px 0;
	border-style: none none dashed none;
}
.newsadminrow2. { font-size: 90%; }
/*.listsortlink { }*/

.terzijde {
	border: 1px solid;
	padding: 4px;
}
table .terzijde { margin-right: 4px; }

.apod { float: right; }
.floatleft { float: left; }
.makeroom { line-height: 140%; }

.sideright {
	background-color: #CCC;
	padding: 2px;
	border-width: 1px 0 1px 1px;
	border-style: solid none solid solid;
	border-color: #000 transparent #000 #000;
}
.sideleft {
	background-color: #CCC;
	padding: 2px;
	border-width: 1px 1px 1px 0;
	border-style: solid solid solid none;
	border-color: #000 #000 #000 transparent;
}
.middle {
	background-color: #FFF;
	padding: 4px;
	border-width: 1px 0 1px 0;
	border-style: solid none solid none;
	border-color: #000 transparent #000 transparent;
}
.spaceme { padding: 2px; }
table.spaceme { background: url(http://www.haroldbakker.com/images/kochsnowflake.gif) repeat-x bottom; }

/*	classes for news	*/
.mainnews {
	display: block;
/* 	float: left; */
}

.newsitem {
	width: 99%;
	background-color: #FFF;
	border: 1px solid #000;
	padding: 0px;
	/* margin: 1px; */
	-webkit-box-shadow: rgba(0, 0, 0, 0.498039) 5px 5px 5px;
/*
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
*/
}

.newstitle {
	background-color: #CCC;
	float: left;
	text-align: left;
	font-weight: bold;
	width: 100%;
	border-bottom: 1px solid #000;
	text-indent: 15px;
	text-shadow: #999 2px 2px 4px;
}

.newsbody {
	clear: left;
	background-color: #FFF;
	padding: 4px;
}

.newsfooter {
	background-color: #CCC;
	width: 100%;
	border-top: 1px solid #000;
	font-size: 90%;
	line-height: 140%;
	text-indent: 15px;
}
.newsfooter a {
	color: #808080;
	text-decoration: underline;
}

.newstopic {
	float: right;
	padding-right: 2px;
	text-align: right;
	font-weight: bold;
	font-style: italic;
}
.newstopic a {
	border-bottom: #C00;
	border-width: 0px 0px 1px 0px;
	border-style: none none solid none;
	text-decoration: none;
}

.navlink
{
	padding: 2px 5px 2px 5px;
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	text-decoration: none;
	line-height: 140%;
}
a.navlink:hover
{
	background-color: #000;
	color: #FFF;
}
.navlinkactive
{
	padding: 2px 5px 2px 5px;
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	background-color: #000;
	color: #CCC;
	font-weight: bold;
}

.newscommentpreview {
	border-color: #900;
	border-width: 1px;
	border-style: dashed;
	padding: 2px 5px 5px 5px;
	margin-bottom: 10px;
}
h4#preview {
	margin-top: -14px;
	background-color: #DADADA;
	text-align: center;
	border-color: #900;
	border-width: 1px;
	border-style: dashed;
	width: 100px;
}

.newssidebar {
	display: block;
/* 	float: right; */
}
.sidebaritem {
/* 	width: auto; */
	font-size: 80%;
	background-color: #FFF;
	border: 1px solid #000;
	padding: 2px;
	margin: 0px 0px 5px 0px;
}

/*	classes for clickviewer	*/
td.tab {
    border-top: 1px solid #999;
    border-right: 1px solid #666;
    border-left: 1px solid #999;
    border-bottom: none;
    border-radius: 2px;
    moz-border-radius: 2px;
}

table.tabs {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #666;
}

/* AppleScript formatting classes */
.as_new_text, .as_references {				
	font-size: small;
	color: purple;
}
.as_operators, .as_values {				
	font-size: small;
	color: black;
}
.as_language, .as_application {				
	font-size: small;
	color: blue;
}
.as_comments {				
	font-size: small;
	color: gray;
	font-style: italic;
}
.as_variables {				
	font-size: small;
	color: green;
}

/* styles for calendar */
.calendar .normal
{
	text-align: center;
}

.calendar .today
{
	color: #FFF;
	background-color: #96A3CA;
	text-align: center;
}

.calendar .weekend
{
	color: #96A3CA;
	text-align: center;
}

.calendar .selected
{
	color: #FFF;
	background-color: #C00000;
	text-align: center;
}

.calendar .event
{
	background-color: #C6D1DC;
	text-align: center;
}

.calendar .monthname { text-align: center; }

/*a.hasevent { color: #0648ED; }*/
/*a.hasevent:hover { color: #283783; }*/