form *	{ margin: 0; padding: 0; }



html, body {
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	font-family: arial;
	font-size:12px;
	text-shadow: 0 0 0 #000;
}



a:focus {
   outline: none;
}

img {
	border:0;
}

h2 {
	margin: 0;
	padding: 0;
}

a, a:visited { color:#6d7e84; text-decoration: none; }
a:hover { color:#303d42; }

#systemlink { letter-spacing: 2px; font-size: 11px; }

#outer_wrapper {
		background: #022b38 url(img/header/bg1.jpg) scroll center top no-repeat;
	/* because "min-width" is not supported by IE, these pages use a script from PVII */
	
	margin:auto;
		/* faux-column technique, this is the left one */
}

#wrapper {
	/* faux-column technique, this is the right one */
}

#header {
	/* this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2) */
	width:100%;
	/* the above declaration creates an horizontal scroll bar in IE, this is to get rid of it */
}

#header #logocontainer {
	text-align: center;
	vertical-align: bottom;
}

#header #logocontainer .logo {
	width: 200px;
}

#header #menucontainer {
	background: #fff;
	padding-top:4px
}

#header #menu #subtabs {
	background: #d3cd6a;
	vertical-align:bottom;
}

#header #sidebaroverlap {
	
}

#header #topbar_buttons {
	vertical-align:bottom;
}

#header #topbar_buttons .tb_left {
	background:#e4e093 url('img/header/barbutton_bgleft.gif') top left no-repeat;
	display: inline;
	padding: 4px 0px 4px 4px;
}

#header #topbar_buttons .tb_right {
	background: url('img/header/barbutton_bgright.gif') top right no-repeat;
	display: inline;
	text-align:center;
	padding: 4px 4px 4px 0px;
}


#container {
 	padding-right: 29px; background: url(img/header/menu/verl_tabmenu_right.png) repeat-y right;
}

#container #inner {
	background: #d3cd6a; padding: 0px 5px 10px 0;
}

#container_inner { 
	background: #d4f1fc url(img/container/bg.gif) repeat-x top; 
	padding:8px;
	margin-right: 210px; 
}

#container td {
	vertical-align: top;
}



#topcolumn #trail { padding:1px; background: #d3cd6a; margin: 8px 0 8px 0; }
#topcolumn #trail #inner { padding:5px 5px; background: #fff; margin: 7px 0 8px 0;}

#leftbar { background: #214b5e; margin: 8px 0; margin-top: 16px; padding: 8px; }

#column1 { background: #132e39; display:block; float:left; padding: 0 8px; }
#column2 { width: 316px; display:block; float:left; margin-left:8px; }

#left {
	width:200px;
	padding: 0px 8px 0px 0px;
}



#left #panel {
	background: #d3cd6a; padding: 1px; margin: 8px 0px;
}

#left #panel #inner {
	background: #132e39; margin: 8px 0px; padding: 0 0 8px 0;
}

#left #panel #fptitle {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding: 4px 8px;
}

#left #panel #fpcontent {
	padding:3px 5px;
	color: #132e39;
	margin: 8px 0 0 0;
	background: #fff;
}

#left #panel #fpcontent a {
	color: #132e39;
	font-weight: bold;
	text-decoration: none;
}

#left #panel #fpcontent a:hover {
	color: #607b87;
	font-weight: bold;
	text-decoration: none;
}

#left #panel #fpcontent ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
}

#left #panel #fpcontent #items li {
	margin: 0px;
	padding-left: 19px;
	background: url('img/left/panel/bullet.gif') 5px 3px no-repeat;
}
#left #panel #fpcontent #items ul {
	padding-bottom:0px;
}

#left #panel #fpcontent #subitems li {
	margin: 0px;
	padding-left: 19px;
	margin-left:-10px;
	background: url('img/left/panel/bullet.gif') 5px 3px no-repeat;
}

#left #panel #fpcontent #subitems li a {
	font-weight: normal;
}

#main {

}

#maincontainer {
	/* the width from #left (150px) + the negative margin from #container (200px) */
	background: #d3cd6a;
	padding: 1px;
	margin: 8px 0;
}

#maincontainer #inner {
	/* the width from #left (150px) + the negative margin from #container (200px) */
	background: #132e39;
	color: #fff;
	padding: 10px;
	margin: 8px 0px;
}

#main #news {
	background: #132e39;
}

#main #news a, #main #news a:visited {
	font-size: 12px;
	font-weight: bold;
	color: #6dcff6;
	text-decoration: none;
}

#main #news a:hover {
	color: #cfeffc;
}

#main #news .tr {background: #204555 url(img/headlines/rowbg_tr.gif) 100% 0 no-repeat; }
#main #news .br {background: url(img/headlines/rowbg_br.gif) 100% 100% no-repeat; }
#main #news .tl {background: #204555 url(img/headlines/rowbg_title_tl.gif) 0 0 no-repeat; margin-right:10px; }
#main #news .bl {background: url(img/headlines/rowbg_title_bl.gif) 0 100% no-repeat; margin: 0 0 2px 0; }

#main #news .content { padding: 10px; }

#main #news .content img { margin: 5px; }
#main #news .content object { margin: 5px; }

#main #news .breakline { line-height: 2px; height:2px; }



#main #headlines {

}

#main #headlines a {
	font-size: 12px;
	font-weight: bold;
	color: #6dcff6;
	text-decoration: none;
}

#main #headlines a:hover {
	color: #cfeffc;
}

#main #headlines .day {
	padding:5px 0px 0px 5px;
	padding-top: 5px;
	border-bottom: #d3cd6a 1px solid;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 3px;
}

#main #headlines .tr {background: #6dcff6 url(img/headlines/rowbg_time_tr.gif) 100% 0 no-repeat; }
#main #headlines .br {background: url(img/headlines/rowbg_time_br.gif) 100% 100% no-repeat; }
#main #headlines .tl {background: #204555 url(img/headlines/rowbg_title_tl.gif) 0 0 no-repeat; margin-right:10px; }
#main #headlines .bl {background: url(img/headlines/rowbg_title_bl.gif) 0 100% no-repeat; margin: 0 0 2px 0; }

#main #headlines .breakline { line-height: 2px; }

#main #headlines .title {
	padding: 2px 5px 2px 10px;
	color:#6dcff6;
}

#main #headlines .date {
	padding: 2px 0px 2px 5px;
	background: #6dcff6;
	color:#204555;
	width:90px;
	vertical-align: top;
	text-align: right;
}

#main #headlines .time {
	padding: 2px 0px 2px 5px;
	background: #6dcff6;
	color:#204555;
	width:1px;
	vertical-align: top;
}

#main #headlines .views {
	padding: 2px 0px 2px 5px;
	background: #6dcff6;
	color:#204555;
	width:100px;
	text-align: right;
	vertical-align: top;
}

#main #headlines #poster {
	text-align:center;
}

#sidebar {
	display:block;
	float:right;
	width: 200px;
	margin-right: 34px;
}

#sidebar .section_b {background: url(img/sidebar/sectionbg_b.gif) bottom repeat-x; }
#sidebar .section_bl {background: url(img/sidebar/sectionbg_bl.gif) 0 100% no-repeat; }
#sidebar .section_br {background: url(img/sidebar/sectionbg_br.gif) 100% 100% no-repeat; padding: 0px 0px 7px 0px; }

#sidebar #panelcontainer {

	
	padding: 0px 10px;
}

#sidebar h3 {
	margin:0;
}

#sidebar #panel {
	margin-bottom: 20px;
}

#sidebar #panel .paneltitle {
	padding: 4px;
	background: #e9e6b5;
	color: #363526;
}

#sidebar #panel .panelcontent {
	color: #363526;
}

#sidebar #stats {
	color: #363526;
	text-align: center;
	padding-bottom: 20px;
}

#sidebar #panel #poll ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar #poll li {
	list-style: none;
	margin: 0;
	padding: 0;
}
/* Sidebar agenda kleuren */
#sidebar .row {
	background: #d4f1fc;
	padding: 4px;
	
}

#sidebar #agenda .row td {
	padding: 4px;
	
}

#sidespacer {
	border-top: #fdfcd2 1px solid;
	width: 10px;
}

#footer {
	/* see #outer_wrapper  */
	width:100%;
	/* this is to clear #container */
	clear:both;
	background:#d3cd6a;
	text-align: center;
	padding: 10px 0px;
}


/* this is the class that is applied to 2 structural hacks in the markup. The first "meaningless" element is used to clear #left in NN6 and the last one is used to clear #container in NN4 */
.clearing {
	height:0;
	line-height: 0px;
	clear:both
}

#frontpageblock {
	background: url(img/header/frontpageblock/bg.gif) repeat-x top;
	border-top:0;
}

#trail {
	background:#fff;
	color:#a5a493;
}

#trail .text { color:#6e6d5b; }



#panel { color:#545454; }

/* Columns Default */

#panel #maintitle { font-size: 15px; display: block; background: url(img/main/header_normal_bg.gif) repeat-x bottom; color:#378da8; font-weight: lighter; }
#panel #maintitle div.tl { background: url(img/main/header_normal_bg_left.gif) bottom left no-repeat; }
#panel #maintitle div.tr { 
	background: url(img/main/header_normal_bg_right.gif) bottom right no-repeat; 
	padding: 5px 5px 5px 0px; 
	height: 40px; 
	margin-bottom:-20px;
}
#panel #subtitle { padding: 5px; color:#fff; display:block; font-size: 14px; margin: 8px 0px; }

#panel #subtitle td.var { text-align:left;  font-size: 12px; }
#panel #subtitle td.value { text-align:right;font-size:11px; vertical-align:bottom; }

/* Optionbar */
#optionbar #panel #panelcontent { }
#optionbar #panel #maintitle { font-size: 16px; line-height: 25px; background: url(img/main/rightcolumn/header_normal_bg.gif) repeat-x bottom; color:#757575; }
#optionbar #panel #maintitle div.tl { background: url(img/main/rightcolumn/header_normal_bg_left.gif) bottom left no-repeat; }
#optionbar #panel #maintitle div.tr { background: url(img/main/rightcolumn/header_normal_bg_right.gif) bottom right no-repeat; }
#optionbar #panel #subtitle { padding: 1px 5px; font-size: 12px; background:none; color: #989898; }

/* Column2 (the right column) */
#column2 #panel #panelcontent { }
#column2 #panel #maintitle { font-size: 19px; background: url(img/main/rightcolumn/header_normal_bg.gif) repeat-x bottom; color:#757575; }
#column2 #panel #maintitle div.tl { background: url(img/main/rightcolumn/header_normal_bg_left.gif) bottom left no-repeat; }
#column2 #panel #maintitle div.tr { background: url(img/main/rightcolumn/header_normal_bg_right.gif) bottom right no-repeat; }
#column2 #panel #subtitle { padding: 3px 5px; font-size: 14px; background:none; }


#panel.news #list_bydate { color:#a5a493; display: block; }
#panel.news #list_bydate .date { display: block; float:left; width:49px; height: 49px; background: url(img/news/date_bg.gif) top no-repeat; margin-right:4px; }

#panel.news #list_bydate span.day { color:white; text-align:center; font-size: 26px; display: block; }
#panel.news #list_bydate span.month { color:white; text-align:center; font-size: 16px; display: block; line-height: 12px; }

#panel.news #list_bydate { margin:0; width:100%; font-size: 12px; }
#panel.news #list_bydate a { font-weight: bold; }

#panel.news #list_bydate .row { background: #204555; margin:8px 0; }
#panel.news #list_bydate .row .title { padding: 3px 8px; display:block; }
#panel.news #list_bydate .row .time { padding: 3px 8px; background: #6ed0f6; float:right; display:block; }