html
{
	/*overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	*/
}

body
{
	padding: 0;
	margin: 0;
	text-align: center;
	/*_width: 992px;*/
	min-width: 992px;
	
	background-image: url('gui/backgrounds/bodyback.gif');
	background-repeat: repeat-y;
	background-position: center top;
}

*
{
	text-align:left;
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #1C3352;
}

i
{
	white-space: nowrap;
}

p 
{
	height:1%;
	margin: 0;
	padding: 0;
	padding-bottom:4px;
}

hr
{
	/*the border*/
	margin: 0;
	margin-top:8px;
	height: 1px;
	width:100%;
	padding-bottom:4px;
	/*whatever the total width of the border-top and border-bottom equal*/
	border-color: #FA8200;
	border-width: 1px 0 0 0;
	border-style: dotted none none none;
	clear: both;
	/* klote IE gebruikt 'dashed' i.p.v. 'dotted' 
	background-image: url(gui/dot.gif);
	background-repeat: repeat-x;*/
}

.lead
{
	margin-bottom:12px;
}

.orange
{
	color: #FA8200;
}

.red { color: #E72D12; }

img
{
	border-width: 0;
	border-style: none;
}

#follow-us-twitter
{
	top: 0px;
	left: 4px;
	position: absolute;
	z-index: 4;
	background-image: url('gui/twitter.over.gif');
	background-repeat: no-repeat;
	background-position: left top;
}

#outer_container
{
	margin: auto;
	
	margin-right: 208px;
	background-color: #FFF;
	
	background-image: url('gui/backgrounds/containerback.gif');
	background-repeat: repeat-y;
	background-position: center top;
}

#topbg
{
	height: 156px;
	margin: auto;
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	z-index:0;
	background-color: #FFF;
}

#topleft
{
	height: 108px;
	background-image: url('gui/backgrounds/topdun.gif');
	background-repeat: repeat-x;
	background-position: left top;
}

#topright
{
	height: 108px;
	background-color: #7E97B5;
}

#topmain
{
	position:relative;
	display:block;
	margin: 0px auto;
	width: 992px;
	height: 156px;
	background-image: url('gui/backgrounds/header.gif');
	background-repeat: no-repeat;
	background-position: left top;
	z-index:1;
}

#topmain #pagecontrols
{
	position:absolute;
	display:block;
	top:0px;
	right:206px;
	float:right;
	width:214px;
}

#search,
#searchholder
{
	padding:0;
	margin:0;
	display:inline-block;
	/* margin-top:62px; */
}

#search input
{
	margin: 0;
}

#search input.text
{
	height: 12px;
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	width: 152px;
	padding:2px;
	padding-top:1px;
	border-width: 2px 0 0 2px;
	border-color: #1C3352;
	border-style: solid;
	margin-bottom:4px;
}

div#mailafriend
{
	padding: 0;
	margin: 0;
	height: 18px;
	margin-top: 50px;
}

div#mailafriend a
{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	background-image: url('gui/icons/emailicon.gif');
	background-repeat: no-repeat;
	padding-left:22px;
}

div#mailafriend a:hover
{
	text-decoration: underline;
}

.highlight
{
	background-color: #FAFF3D;
	text-transform: inherit;
	text-decoration: inherit;
}

#outer_wrapper {
	margin: auto;
}

#wrapper {
	width:781px;
	margin: auto;
}

#container
{
	width: 100%;
	float: left;
	margin-right: -208px;
	
	/*border-width: 0px 1px 0px 0px;
	border-color: #e74229;
	border-style: solid;*/
	
}

#outercontent {
	margin-right: 208px;
	
}


#outermain {
	margin-left: 162px;
	
	
}
strong
{
	height:1%;
	margin:auto;
}

#main {
	padding:20px;
	height:1%;
	padding-left:16px;
	padding-top:0px;
	line-height: 14px;
	margin-top:-2px;
	
	background-color: #FFF;
}

#main div.downloads,
#main div.downloads p
{
	display: inline;
}

#main,
/*#main div.downloads,*/
#main div.downloads p.download,
#main div.downloads p.download div.media
{
	
	/*display:none;*/
	display: inline-block;
}








#sidebarcontainer 
{
	width: 208px;
	float: right;
	
}

#rgt
{
	padding:15px;
	padding-top:0px;
	position:relative;
}

#footer 
{
	
}

h1, h2, h3 a
{
	padding:0;
	/* 	height:1%; */
	margin:0;
}

h2, h3, h3 a
{
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 20px;
	text-transform: inherit;
	padding-bottom: 8px;
	text-decoration: none;
}

h3, h3 a
{
	font-size: 15px;
	margin-bottom:8px;
}

.desc
{
	padding:0;
	margin:0;
	float:right;
	padding-bottom:20px;
}

.desc span
{
	font-size: 8px;
}

.pressdate { color: #E14129; }

.last 
{
	margin-bottom: 0;
}

p.more
{
	margin-top:10px;
	clear:right;
	float:right;
}

p.more a
{
	color: #F28900;
	text-decoration: none;
}

.divider
{
	height: 2px;
	clear: right;
	background-image: url('gui/backgrounds/divider.gif');
	background-repeat: repeat-x;
	margin:0;
	background-position: left center;
}

/* not on IE */
html>body .divider
{
	margin: 16px 0 8px 0;
}

.nospace
{
	margin: 0px;
	padding: 0px;
	height: 1%;
	clear: right;
	min-height: 28px;
}

.images
{
	/*display:none;*/
}

.clearing 
{
	height:1%;
	line-height: 1px;
	font-size: 1px;
	clear: right;
}

.clear
{
	height:0%;
	line-height:1px;
	font-size:1px;
}

#main div.images
{
	float: left;
	margin: 4px 10px 0px 0px;
}

#main div.images div.panel
{
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: center center;
}
#main div.images div.panel img
{
	display: block;
}

ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: default;
}

li
{
	padding-top:2px;
}

table.special td
{
	border-width: 0 0 1px 0;
	border-color: #FFF;
	border-style: solid;
	font-weight: normal;
}

table.special .right
{
	text-align: right;
	padding: 2px;
	padding-right: 8px;
}

table.special .lastcell
{
	background-color: #f58b1e;
}

table.special td b,
table.special td b a
{
	color: #f58b1e;
	font-weight: bold;
}

table.special .lastcell,
table.special .lastcell b
{
	color: #FFF;
}


/******************************************************************************
* PANELS
******************************************************************************/

#sidebarcontainer #rgt #lastcommentscontainer
{
	position: absolute;
	width: 143px;
	padding: 0 0 0 15px;
	left: 208px;
	top: 0px;
	/*background-color: #FFF;*/
}

#sidebarcontainer #rgt #lastcommentscontainer h2
{
	padding-top:0px;
	padding-bottom:6px;
	
}

#sidebarcontainer #rgt #lastcommentscontainer #lastcomments li
{
	clear:left;
}


#sidebar
{

}


#sidebar div.panel
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background-color: #8aabb3;
}
#sidebar div.panel img
{
	display: block;
}
#sidebar div.panel h2
{
	padding: 1px 8px 5px 8px;
}
#sidebar div.panel h2 a
{
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#sidebar div.panel p
{
	padding: 0px 8px 3px 8px;
	color: #003f6e;
}

#sidebar div.panel p a
{
	color: #eee;
	/* color: #003f6e; donkerblauw */
	text-decoration: none;
}

/******************************************************************************
* SIDEBAR
******************************************************************************/



#sidebar .sidebaritem
{
	clear:left;
	z-index:1;
}

#sidebar a
{
	text-decoration: none;
}

#sidebar li.tweet a
{
	color: #F28900;
	text-decoration: none;
}


#sidebar h3,
#sidebar h3 a
{
	
	margin:0;
	padding:0;
	font-size: 11px;	
	line-height:14px;
	font-weight: bold;
}

#sidebar .divider,
#sidebar .more
{
	margin:0;
	padding:0;
}

#sidebar .divider
{

	padding-bottom:8px;
}

#sidebar div.panel
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background-color: #8aabb3;
}
#sidebar div.panel img
{
	display: block;
}
#sidebar div.panel h2
{
	padding: 1px 8px 5px 8px;
}
#sidebar div.panel h2 a
{
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#sidebar div.panel p
{
	padding: 0px 8px 3px 8px;
	color: #003f6e;
}

#sidebar div.panel p a
{
	color: #eee;
	/* color: #003f6e; donkerblauw */
	text-decoration: none;
}


/* toevoeging voor twitter comments restyle START */

#sidebar #lastcommentscontainer #lasttweetscontainer
{
	width: 143px;
	margin: -4px 0 7px -7px;
	padding:0px 7px 0px 7px;
	background-color: #dff3f9;
}

#sidebar #lastcommentscontainer #lasttweetscontainer h2
{
	margin-top:4px;
	color:#5ec1dd;
	background-color: #dff3f9;
}

#sidebar #lastcommentscontainer #lasttweetscontainer ul
{
	
	padding:0px 0 3px 0;
}

#sidebar #lastcommentscontainer #lasttweetscontainer ul li .divider
{
	background-image: url('gui/backgrounds/divider.tweet.gif');
}

#sidebar #lastcommentscontainer #lasttweetscontainer ul li .divider.last
{
	
}

#sidebar #lastcommentscontainer #lasttweetscontainer a.followus
{
	display: inline-block;
	font-weight: bold;
	margin-top: -4px;
	margin-bottom: 6px;
	text-align: right;
}

/* toevoeging voor twitter comments restyle END */


/******************************************************************************
* NAV LINKS
******************************************************************************/

/* nav menu links */
#navigation
{
	width: 147px;
	float: left;
	margin:0;
	padding:7px;
	padding-top: 2px;
	height:1%;
}

#navigation h3
{
	padding:0 0 0 10px;
	margin:0 0 8px 0;
	line-height:19px;
}

#navigation h3
{
	padding: 0;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

/* hoofdmenu */
#navigation ul li
{
	padding: 0px 0px 6px 12px;
	margin:0;
	background-image: url(gui/menu/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
}

#navigation ul li.hi,
#navigation ul li.hihaskids
{
	
	background-image: url(gui/menu/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
}

#navigation ul.oranje li
{
	background-image: url(gui/menu/arrow_closed_oranje.gif);
}

#navigation ul.oranje li.hi,
#navigation ul.oranje li.hihaskids
{
	background-image: url(gui/menu/arrow_open_oranje.gif);
}

#navigation ul li a
{

	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #1C3352;
}
#navigation ul li a.hi
{

}

#navigation ul li a.hihaskids
{

}

/* submenu 1 */
#navigation ul li ul
{
	
	padding-top:2px;
	padding-bottom:2px;
}

#navigation ul li ul li
{
	padding-top:2px;
	padding-bottom:2px;
		
	background-image: url(gui/menu/arrow_dot.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	
}

#navigation ul li ul li.hi
{
	background-image: url(gui/menu/arrow_dot_hi.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#navigation ul li ul li.hi a
{
	color: #E74229;
}


#navigation ul li ul li.haskids
{
	background-image: url(gui/menu/arrow_closed.gif);
}

#navigation ul li ul li.hihaskids
{
	background-image: url(gui/menu/arrow_open.gif);
}

#navigation ul li ul li a
{
	font-size: 10px;
	font-weight: normal;
}

#navigation ul li ul li a:hover
{

}

#navigation ul li ul li a.hi
{

}

#navigation ul li ul li a.hihaskids
{

}

/* submenu 2 */

#navigation ul li ul li ul li a
{
	
}

#navigation li.oranje,
#navigation a.oranje,
#navigation ul.oranje li,
#navigation ul.oranje a
{
	color: #FA8200;
}

#navigation ul.oranje li.hi,
#navigation ul.oranje a.hi { color: #E72D12; }