/*
===================================================================================
				OPMERKINGEN
===================================================================================
DIT Zijn de indelingen voor weergave op een SCHERM (SCREEN)

groentint	009900

003300
00CC00
00FF00

bruingroen tint
99FF33
669900

bruintinten
FFCC33
CC9900

grijstinten
666666
999999
CCCCCC

zwart	000000
wit 		FFFFFF

===================================================================================
				ALGEMENE TAGS
===================================================================================
*/

html, body, div, h1, h2, h3, p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

body {
	background-color : #009900;
	color : #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height : 16px;
}

img {
	border : 0px;
}

h1 {
	font-size: 24px;
	text-align : center;
	letter-spacing: 2px;
	padding : 8px 0px 3px 10px;
}
h2 {
	font-size: 18px;
	font-weight: bolder;
	letter-spacing: 1px;
	padding : 6px 0px 10px 10px;
}
h3 {
	font-size: 14px;
	margin-bottom: 0px;
	padding : 8px 0px 13px 10px;
}

/*
===================================================================================
				 HOOFDLAGEN
===================================================================================
*/

#maincontainer, #header, #navbar, #footer {
	width: 750px;
}

#maincontainer {
	display : block;
	position : absolute;
	left: 50%;
	top : 0px;
	height: auto;
	margin-left: -375px;
	margin-top: 0px;
	clip : auto;
	background-color: #EEEEEE;
	background : url(../images/background/bg_background.png);
}

#header {
	height: 70px;
	background : url(../images/background/bg_header00.png);	
}

#navbar {
	display: block;
	height: 30px;
	background : url(../images/background/bg_navbar00.png);	
}

#menucontainer {
	width : 140px;
	height : auto;
	min-height: 450px;
	margin-right: 600px;
}
/*
#content {
	width: 597px;
	height: auto;
	float: right;
	min-height: 450px;
}
*/

/*
	vanaf hier een klein experiment
*/
#content {
	width: 597px;
	float: right;
	min-height: 450px;
	height: 450px;	
}

div[id] #content {
	height: auto;
}


/*
	einde experiment
*/

#container > #content {
	width: 600px;
}

#footer {
	height: 40px;
	background-color: #9999CC;
	background : url(../images/background/bg_footer00.png);
	background-repeat : no-repeat;
	background-position : bottom;
	clear: both;
}

/*
===================================================================================
				 HEADER
===================================================================================
*/
a#leeglogo {
	display: block;
	position: relative;
	left: 10px;
	top: 10px;
	width: 730px;
	height: 50px;
}
img#leegheader {
	width: 730px;
	height: 50px;
}

/*
===================================================================================
				 NAVBAR
===================================================================================
*/

#navbarinhoud {
	display: block;
	position: relative;
	top: 5px;
	left: 10px;
}
#navbar ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#navbar li{
	display: inline;
	list-style: none;
	margin: 5px;
	padding: 0 0 0 0;
}

#navbar a  {
	width: 70px;
	text-decoration: none;
	color : #006600;
	font-weight: bold;
	background-image : url(../images/background/bg_knop_navbar00.gif);
	padding : 2px 3px 2px 3px;
}

#navbar a:link {
	color : #006600;
}

#navbar a:visited {
	color : #006600;
}

#navbar a:active {
	color : #006600;
	background-color : #CCFFCC;
	font-weight: bold;
}

#navbar a:focus {
	color : #006600;
	background-color : #CCFFCC;
	font-weight: bold;
}

#navbar a:hover {
	color : #FFFFCC;
	background-color : #009900;
	font-weight : bold;
}


/*
===================================================================================
				 MENU
===================================================================================
*/

div#menu {
	display: block;
	position: relative;
	top: 5px;
	left:12px;
	width: 130px;
	height: auto;
	border : 1px solid #006600;
}

div#menu a {
	display: block;
	width:120px;
	height : auto;
	text-decoration : none;
	line-height : 18px;
	padding-left: 10px;
	color : #006600;
}
div#menu a:visited {
	color : #006600;
}

div#menu a:active {
	color : #006600;
	background-color : #CCFFCC;
	font-weight: bold;
}

div#menu a:focus {
	color : #006600;
	background-color : #CCFFCC;
	font-weight: bold;
}

div#menu a:hover {
	color : #FFFFCC;
	background-color : #009900;
	font-weight : bold;
}

div#menu a span {
	display: none;
}
div#menu a:hover span {
	display: block;
	position: absolute;
	top: auto;
	left: 100px;
	width: 130px;
	min-height: 50px;
	color : #003300;
	background-color: #FFFFCC;
	padding: 5px;
	font-size : 11px;
	font-weight: 600;
	line-height: 13px;
	border : 1px solid #006600;
	z-index: 99;
	/* onderstaande 2 regels regelen 'doorzichtigheid' filter voor IE en -moz-opacity voor mozilla, NIET standaard  */
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}

div#menu p.leeg{
	display: block;
	top: auto;
	width:124px;
	height : 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}

div#menu a.fotoshower {
	display: inline;
	width:auto;
	height : auto;
	text-decoration : underline;
	line-height : 18px;
	font-weight: bold;
	margin-left: 2px;
	padding-left: 2px;
	padding-right: 2px;
	color : #006600;
}
div#menu a.fotoshower:hover {
	color : #FFFFCC;
	background-color : #009900;
}

/*
===================================================================================
				 CONTENT
===================================================================================
*/

div.artikel {
	display: block;
	position: relative;
	top: 5px;
	left: 2px;
	width: 580px;
	height: auto;
	border : 1px solid #006600;
	margin-bottom: 8px;
	margin-right: 5px;
}

div#content p {
	width: 560px;
	padding-right: 10px;
	padding-left: 15px;
	margin-top: 4px;
	margin-bottom: 8px;
}
div#content a {
	text-decoration: none;
	color: #0000CC;
}
div#content a:visited {
	color: #90000CC;
}
div#content a:hover {
	color: #CC0000;
	text-decoration: underline;
}

/* hier een pseudo-element  */
div#content p:first-letter {
	font-size: 120%;
	font-weight: bold;
	padding-right : 2px;
}

div.w3cvalid {
	display: inline;
	margin-left: 20px;
	margin-top: 18px;
	padding-top: 18px;
	left: 2px;
	width: 88px;
	height: 31px;
}

div.w3cvalid  a {
	width: 88px;
	height: 31px;
}


/*
===================================================================================
				 CONTENT	FOTO'S
===================================================================================
*/

div#beschrijving {
	display : block;
	top : auto;
	left: 0px;
	width: 580px;
	height: 21px;
	z-index: 9;
}

div#fotolaag {
	display : block;
	top : 0px;
	left: 0px;
	width: 580px;
	height: auto;
	clip: auto;
}

/*
===================================================================================
				 CONTENT	UPDATES en LINKS
===================================================================================
*/
div#updates {
	
}

div#updates a {
	color: #006600;
	padding: 4px;
	text-decoration: none;
}

div#updates a:link {
	color: #006600;
}

div#updates a:visited {
	color : #006600;
}

div#updates a:hover {
	color : #FFFFCC;
	background-color : #009900;
	font-weight : bold;
}

table.updates, table.updates2 {
	border: 0px;
	width : 530px;
	padding-left: 10px;
	font-size : 12px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style : normal;
	vertical-align : top;
}

table.updates2 {
	border-collapse: collapse;
	margin-left: 10px;
	margin-top: 10px;
}

tr.updates {
	vertical-align : top;
}
td.updatesdatum, td.updatesdatum2 {
	width : 140px;
	font-style: normal;
}
td.updatesdatum {
	font-weight : bold;
}

td.updatessoort, td.updatessoort2 {
	width :390px;
	font-style: normal;
	font-weight : normal;
}

td.updatesdatum2, td.updatessoort2 {
	border-top : 1px solid #009900;
	border-bottom : 1px solid #009900;
	padding : 6px 6px 10px 6px;
}

td.updatesdatum2 {
	border-left : 1px solid #009900;
}

td.updatessoort2 {
		border-right : 1px solid #009900;
}

/*
===================================================================================
				 FOOTER
===================================================================================
*/
div#footerinhoud {
	display: block;
	position: relative;
	top: 2px;
	left: 10px;
	width: 700px;
	height: 35px;
	text-align: center;
}

/*
===================================================================================
				 ALGEMENE TEKSTOPMAAK
===================================================================================
*/

.normaal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
}

.klein {
	font-size : 9px;
	letter-spacing : 1px;
}

.breed {
	letter-spacing: 1px;
}
.centreer {
	text-align : center;
}
.vet {
	font-weight : bold;
}
.cursief {
	font-style : italic;
}

.rood {
	color : #FF0000;
}

.onderstrepen {
	text-decoration: underline;
}

.doorhalen {
	text-decoration: line-through;
}