/* DVO CSS */

/* ACHTERGROND-KLEUR */

body { 
background: url(img/background.png) repeat-x;
background-color: #E9F0DB; }

/* Stijl van de headers cq koppen */

h1,h2 {
color: #216532;
}

h1 {
font-size:large;
}

h2 {
font-size:medium;
}

/*****************************************************************************************
* DE VOLGENDE DIV TAGS DEFINIEREN DE POSITIE, GROOTTE EN LAYOUT VAN DE WEBSITE
* BANNER, 2x NAVIGATIE, INHOUD, NIEUWS, FOOTER
******************************************************************************************/
#container {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
width: 1000px;
min-height: 700px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
color: #000;
}

*html #container {
margin-top: 0px;
}

*+html #container {
margin-top: 0px;
}

#header {
background: url(img/header.png) no-repeat 0 0;
width: 1000px;
height: 165px;
padding: 0px;
}

*html #header {
margin-bottom: -56px;
}

#mainbox {
height: auto;
background: url(img/contentback.png) repeat-y;
margin: 0;
padding: 5px;
background-color: #FFFFFF;
}

*html #mainbox {
height: 100%;
}

#contentbox {
float: left;
width: 718px;
min-height: 500px;
margin: 0;
padding-left: 5px;
padding-top: 5px;
height: 100%;
}

*html #contentbox {
width: 744px;
}

#rightbox {
float: right;
width: 250px;
margin: 0;
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
}

.itemheader {
width: 245px;
height: 17px;
margin: 0 auto;
color: #000000;
border: 0;
padding-left: 4px;
padding-top: 3px;
background: #C8D9BF;
}

.scorebordheader {
width: 245px;
height: 17px;
margin: 0 auto;
color: #000000;
border: 0;
padding-left: 4px;
padding-top: 3px;
background: url(img/scorebordheader.png) no-repeat 0 0;
background-color: #C8D9BF;
}

#handigelink_items {
margin: 0;
padding: 5px 0 0 15px;
list-style-type: square;
}

*html #handigelink_items {
padding: 5px 0 0 19px;
}

*+html #handigelink_items {
padding: 5px 0 0 19px;
}

#link_items {
margin: 0;
padding: 5px 0 0 14px;
}

*html #link_items {
padding: 5px 0 0 18px;
}

*+html #link_items {
padding: 5px 0 0 18px;
}

#sponsorcontainer {
width: 175px;
height: 50px;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 0;
}

#logo {
width: 900px;
height: 145px;
}

#sponsorlinks {
width: 150px;
height: 140px;
position: relative;
top: -140px;
left: 830px;
padding: 0px;
}

#contentbottom {
clear: both;
width: 1000px;
padding: 0;
margin: 0;
background-color: #FFFFFF;
}

#footer {
clear: both;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
color: #000000;
background: url(img/footer.png);
height: 20px;
padding-top: 5px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	Header Menu #####
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

ul.menu, li.menu {
list-style-type: none;
margin: 0px;
padding: 0px;
}

/* Header menu */	 
#header_menu {
position: absolute; 
margin-left: 20px;
}

#header_menu li {
line-height: normal;
}

ul#header_menu  {
z-index: 6000; 
clear: both;
}

#nav {
height: 30px;	
padding:0;
background: url(img/topmenuback.png) repeat-x 0 0;
}

#nav ul {
list-style-type: none;
margin: 0;
padding: 0;
width: auto;
position: relative;
list-style-image: none;
}

#nav a {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 8pt;
}

/* Root Level Link Formatting */
#nav ul li {float: left; color: #000; text-align: center; font-weight: bold; list-style-type: none; list-style-image: none;}
#nav ul li a {display: block; padding: 8px 14px 7px 12px; color: #000; text-decoration: none; font-weight: bold; }
/* Root Level link hover */
#nav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active, #nav a.menu-current {color: #216532;}
#nav a.menu-parent {color: #216532;}


/*Current page Customisations*/
#nav a.menu-current		{font-weight: bold;} 
#nav .menu .home a {display: block; width:1px; height:30px; margin:0; padding:0;}

/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 118px; margin: -1px 0 0 -1px; padding-right: 0; display: none; text-transform: none; border-bottom: 1px solid #216532; font-size: 100%; background: #216532 no-repeat right 0px;}
#nav .menu li ul li {width: 11em; text-align: left; font-weight: bold; margin: 0; padding: 0; line-height: 1.2em;}
#nav .menu li ul li a {width: 10.5em; padding: .3em .1em .3em .4em; color: #fff; border-top: 1px solid #216532; font-weight: bold;  background: none;}


/* 2nd Child link hover */
#nav .menu li ul a:hover,  #nav .menu li ul a.menu-current { background: #d0dec6; color:#216532; font-weight: bold;}
#nav .menu li ul a.menu-parent {background: #c8d9bf right 0px; color:#216532;}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover>ul, #nav .menu li li:hover>ul, #nav .menu li.subMenu>ul, #nav .menu li li.subMenu>ul {display: block;  z-index: 6000;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul	{ margin: 10px 0 0 -40%; z-index: 6000;  background: #c8d9bf no-repeat right 0px;}
#nav .menu li ul li ul li	{width: 11em;}
#nav .menu li ul li ul li a 	{ width: 10.5em; color: #216532;}

/* 4rd Child Menu Appreances */
#nav .menu li ul li ul li ul	{  width: 9em; background: #216532 no-repeat right 0px;}
#nav .menu li ul li ul li ul li	{  width: 9em; }
#nav .menu li ul li ul li ul li a 	{ width: 8.5em; color: #FFFFFF;}

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}

#nav li:hover {
	z-index: 6000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

/*****************************************************************************************
* Inhoud
*****************************************************************************************/

#nieuws {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
width: 175px;
margin: 0;
padding: 0;
}

#searchdiv {
background: url(img/searchbox.png) no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0 0px 0px 0;
width: 170px;
float: right;
}

*html #searchdiv {
margin-bottom: -5px;
padding: 0 5px 0px 0;
width: 170px;
}

*+html #searchdiv {
margin-bottom: -5px;
padding: 0 5px 15px 0;
width: 170px;
}

#searchbox {
width: 118px;
height: 16px;
padding: 2px;
border: 1px #FFFFFF;
margin-top: 0;
}

*html #searchbox {
margin-left: 0;
padding: 1px;
}

*+html #searchbox {
margin-left: 0;
padding: 2px;
}

#searchbutton {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
width: 40px;
height: 25px;
border: 0px #000000;
background: url(img/searchbutton.png) no-repeat;
}

*html #searchbutton {
margin-top: -1px;
}

.newsitemsleft {
width: 12px;
}

.newsitemsright {
width: 160px;
}

.table {
border: 1px solid #74A962;
}

.tablegreen {
border: 0px;
background: #D5ECC4;
}

#inhoud {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
width: 700px;
margin: 0;
padding: 0;
background-color: #FFFFFF;
}

.blog_item_ul {
margin-left: 12px;
margin-top: 8px;
padding-left: 2px;
}

*html .blog_item_ul {
margin-left: 15px;
margin-top: 8px;
padding-left: 2px;
}

*+html .blog_item_ul {
margin-left: 15px;
margin-top: 8px;
padding-left: 3px;
}

#twitter {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
margin: 0;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
width: 245px;
}

/*****************************************************************************************
*****************************************************************************************/

a:link 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;	
text-decoration: none;
}
a:active
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}
a:visited
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}
a:hover
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: underline;
}


/*****************************************************************************************
* DE VOLGENDE CSS STIJLEN DEFINIEREN DE LAYOUT VAN DE NIEUWSMODULE
******************************************************************************************/

.placedby {
font-size: 8pt;
color: #000000; }

/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*  \*/
* html #clearfix {
	height: 1%;
}
/*  */

.post-top { vertical-align: top; }