/* 
 * CSS Example file for GX WebManager
 */

BODY {
  height:100%;
  margin: 0 auto;
  padding:0px;
  background-color: #8A3899;
  background-position: 0 0;
  background-repeat: repeat-x;
  background-image: url(gfx/body-bg.png);
}

.error {
  color: #ff0000;
  margin-bottom: 5px;
  text-align:center;
}

/*Taalswitch*/
#taal {
	
	color: #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
	background-color: #f4ebda;
	padding: 0px;
	font-size: 70%;
	font-family: verdana;
	text-align: right;
}

#taal img {
	margin: 0 0 0 10px;
	border: none;
}

#wrap {
	font-family: verdana;
	font-size: 70%;
	border: none;
	padding: 0;
	margin: 0;
	width: 130px;
}

#wrap h1 {
	font-size: 130%;
}

#footer {
	padding: 20px;
}

.mcontent {
	/*TRBL*/
	padding: 10px 10px 20px 10px;
}

/*Inzetten*/
/*'Ik wil lid worden'-links*/
div.ingelogd div.paragraaf p.normal a.normal {
	text-decoration:none;
	color:#000000;
}				
				
.inzet {
	padding: 10px 10px 20px 10px;
}
td.skyscraper {
	padding:0 px;
	text-align:center;
	background-color:#8A3899;
	
}
td.skyscraper img, td#skyscraper div {
	border: none;
	padding: 0;
	margin: 0;
}

td.skyscraper a, td#skyscraper p {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#banner img {
	margin-bottom: 10px;
}

#sponsor {
	/*border-bottom: 1px dashed #333333;*/
}

#partner {
	margin-top: 10px;
}

/*Downloads*/
h2 a {
	font-size: 45%;
}

/*Zoekveld*/
input.zoekveld {
	border: 1px solid #000000;
}

/************************
 * Hoofdmenu
 ************************/
ul.vertical {
	list-style-type: none;
	/*TRBL*/
	padding: 0;
	margin: 10px 10px 0 10px;
}
ul.vertical li {
	padding-bottom: 2px;
}
ul.vertical li a {
	font-weight: bold;
	color: #4D4D4D;
	text-decoration: none;
}
ul.vertical li a:hover {
	text-decoration: underline;
}

ul.vertical li ul {
	list-style-type: none;
	padding: 2px 0 2px 3px;
	margin: 2px 0 2px 3px;
}
ul.vertical li ul a {
	font-weight: normal;
}


/************************************************************************
 * 3 Column CSS layout.
 * Based on this template : http://www.redmelon.net/tstme/3colfixed/
 ************************************************************************/

DIV#boxheader 		{ width: 100%;  clear: both; height:69px;}    
DIV#boxheaderpath 	{ width: 100%;  clear: both; height:27px; }    
DIV#boxwrap   		{ width: 750px; margin-left: auto; margin-right: auto;}

DIV.boxbody   		{ width: 609px; float: left; }
DIV.boxcenter 		{ width: 487px; float: right; }

/*-----------------------------------------------------------------------
 | min-height hack : http://wellstyled.com/css-minheight-hack.html
 -----------------------------------------------------------------------*/
DIV.boxleft, DIV.boxleftreal { width: 119px; float: left; }
DIV.boxleftreal { min-height:500px; height:500px; }
DIV[class] .boxleftreal {
	height:auto;
}

DIV.boxright  		{ width: 130px; float: right; margin-right:5px; }
DIV#boxfooter 		{ width: 100%;  clear: both; height:87px; }
DIV.boxclear  		{ clear: both; }

DIV#contentcontainer { margin-left:10px; margin-right:10px; }

/*-----------------------------------------------------------------------
 | ie hack, for centering content in IE5.0 Windows.
 -----------------------------------------------------------------------*/
.iehackwrap { text-align: center;  }

.boxwrap    { text-align: justify; }   

DIV#divMenu    	{ position:relative; left:1px;}
DIV.column	{ float:left; }

/************************************************************************
 * Different Layout Parts Style.
 * We got
 * - Header		( Logo and sitewidepages )
 * - Leftframe		( Website menu )
 * - ContentFrame	( Content )
 * - Rightframe		( Blocks )
 * - Footer		( Copyright notice and static address )
 ************************************************************************/

/************************
 * Header Style
 ************************/

DIV#boxheader {
  font-size:70%;
  font-family: verdana;

}

DIV#boxheader UL LI A{
  color:#ffffff;
  text-decoration:none;
}

/************************
 * ContentFrame Style
 ************************/

DIV.boxcenter {
  font-size:70%;
  font-family: verdana;
  text-align:justify;
}

DIV.boxcenter H1 {
  font-size:140%;
  text-transform:uppercase;
  font-family: Arial Black;
  color : #52555A;
}

DIV.boxcenter H2, LEGEND {
  font-size:110%;
  color: #216dbb;
  font-weight:bold;
  margin-top:0px;
}

DIV.boxcenter H3, DIV.boxcenter DT, DIV.boxcenter CAPTION {
	font-weight: bold;
	font-size: 100%;
	color: #216dbb;
}

DIV.boxcenter A {
  color: #df8800;
  font-weight:bold;
}

DIV.boxcenter A:hover {
  color: #df8800;
}

DIV.boxcenter A:visited{
  font-weight:bold;
  color: #df8800;  
}

DIV.boxcenter IMG {
  margin-left 	: 5px;
  margin-right 	: 5px;
}

/************************
 * RightFrame style
 ************************/

DIV.boxright {
  font-size:70%;
  font-family: verdana;
  text-align: left;
}

DIV.boxright H1{
  font-size:120%;
  color : #216dbb;
}

DIV.boxright H2{
  font-size:110%;
  color : #0E59A6;
}

DIV.boxright A{
  color : #5091D3;
  font-weight:bold;
}

DIV.boxright A:visited{
  font-weight:normal;
}

/************************
 * Footer style
 ************************/

DIV#boxfooter { 
  text-align:left;
  font-family: verdana;
  font-size:90%;
  background-position: bottom center;
}

DIV#infobar { 
  height:20px;
  /*vertical-align:middle;*/
  background-color: #A9C4DD;
  text-align: center;
}

DIV#infobar .gxinfo {
  padding-left:20px;
  color : #ffffff;
  font-size : 70%;
}

DIV#infobar .contactinfo, DIV#infobar a {
  font-size: 70%;
  margin-left:15px;
  color: #a1b1bf;
  font-weight:bold;
  text-decoration: none;
}

/************************
 * Copyright Style
 ************************/

DIV.copyright {
  margin-top:30px;
  text-align:center;
  font-size: 70%;
}

/********************
* Fieldset style
* http://www.pixy.cz/blogg/clanky/css-fieldsetandlabels.html
*********************/
FIELDSET {
  margin: 0;
  border: 1px solid #aaaaaa;
}

LABEL, FIELDSET.searchfield LABEL {
  float: left;
  margin-right: 0.5em;
  text-align: right;
  color: #216dbb;
  font-weight: bold;
  line-height: 22px;
  margin-top: 0px;
}

LABEL {
  width:40%;
}

FIELDSET.searchfield LABEL {
  width:30%;
}

FIELDSET DIV.formcontent {
	line-height: 22px;
	float:left;
	margin-top: 0px;
}

/************************************************************************
 * PageParts
 ************************************************************************/

/************************
 * Sitewidepages
 * Fat Erik's Breadcrumbs
 * http://css.maxdesign.com.au/listamatic/horizontal33.htm
 ************************/


UL#sitewidepages li {
  width:69px;
  float:left;
  display:block;
}

UL#sitewidepages li a {
 	color: #999999;
}

UL#sitewidepages {
  margin:0px;
  padding-left:350px;
}

/************************
 * Example Block 
 ************************/

DIV.boxright DIV.exampleblock {
  border:1px dotted #000000;
  padding:3px;
  margin:3px;
}

/************************
 * Calendar 
 ************************/
 
UL.calendaroverview {
  margin: 10px;
  padding:0px;
  list-style:none;
}

/********************
* Poll style
*********************/

FIELDSET.poll {
	padding: 0em;
	border:0px ;
	margin-left:0px;
	color: #216dbb;
	font-weight: bold;
}

FIELDSET.poll DIV.formcontent {
	line-height: 22px;
	float:left;
	margin-top: 0px;
	font-weight: normal;
	font-size: 100%;
	color: #000000;
}

TABLE.pollresult {
	border: 0px;
	cellspacing: 1; 
	cellpadding: 0;
}

TABLE.pollresult TH {
	font-weight: normal;
}
	
/********************
* Query style
*********************/

TABLE.querytable caption {
	color: #216dbb;
	font-weight: bold;
	font-size: 120%;
	text-align: left;
	margin-bottom: 5px;
	margin-top: 5px;
}

TABLE.querytable TD {
	border: 1px solid;
}

/*****************
* Who is who style
******************/

UL#sitemapalfa LI {
	display:inline;	
}	

TABLE.whoiswhosearchresult {
	border: 0px;
	width: 100%;
}

TABLE.whoiswhodetails TH.label {
	vertical-align:top;
	text-align: right;
}

IMG.whoiswhoportrait {
	width:140px;
	float:left;	
}

/********************
* Search and Search results
*********************/

DIV.searchresults DT {
  margin-bottom:5px;
}  

DIV.searchresults .path {
  font-size:90%;
  margin-bottom:5px;
}  

DIV.searchresults P {
  margin: 0px 0px 10px 0px;
} 

/************************
 * Path
 * Fat Erik's Breadcrumbs
 * http://css.maxdesign.com.au/listamatic/horizontal33.htm
 ************************/
UL#path
{
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
  display:block;
  border-bottom: 1px solid #000000;
  font-size: 80%;
}

#path LI
{
  display: inline;
  padding: 0;
  margin: 0;
}

#path LI A {
  text-decoration:none;
  color : #52555A;
}
#path LI A:hover {
  text-decoration:underline;
}

/*IE workaround*/
/*All IE browsers*/
#path LI
{
  background-image: url("images/gt.gif");
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0 0.5em 0 1.5em;
  margin: 0 1em 0 -1em;
}

/*Win IE browsers - hide from Mac IE\*/
html #path { height: 1%; }

/*End hide*/
/*Mac IE 5*/
html #path li:first-child { background-image: none; }


/************************************************************************
 * Elementen
 ************************************************************************/

/************************
 * Table
 * http://veerle.duoh.com/index.php?id=P315
 * http://www.456bereastreet.com/archive/200410/bring_on_the_tables/
 ************************/

DIV.boxcenter TABLE { 
  margin : 5px;
}

DIV.boxcenter TABLE TD { 
  padding : 5px;
  background-color:#eeeeee;
}	

/************************
 * Image and ImageMap
 ************************/

DIV.image IMG, DIV.imagemap IMG, IMG.imagemap, IMG.image { 
  margin:5px;
}	

DIV.image IMG, DIV.imagemap IMG { 
  margin:5px;
  display:block;
}

div img {
	margin-left:10px;
	margin-right:10px;
	
}

/************************
 * Text
 ************************/
.paragraaf h2 {
	color: #8A3899;
	font-size: 120%;
	margin: 0;
}

div.kernvisie {
	background-color: #E6E6E6;
	border: 1px solid #D1D1D1;
	margin:0 0 20px 0;
}
div.kernvisie p.normal {
	padding:10px;
	margin:0;
}
	

/************************
 * MediaCollection element
 ************************/

/*DL.mediacollection DD IMG {
  margin:5px;
  float:left;
}*/

	/*Thema 1 top*/
table.mediacoll1_top {
  background-color: #6C7B90;
  padding:0;
  margin:0;
}
table.mediacoll1_top a.navigation {
	color: #FFFFFF;
	text-decoration: none;
 	font-weight: bold;
}
table.mediacoll1_top a.navigation:hover {
	color: #F6F4F4;
	text-decoration: underline;
}
table.mediacoll1_top span.normal {
	color: #FFFFFF;
}
table.mediacoll1_top img.mediaCollectionImage {
	margin:10px 10px 0 0;
}
table.mediacoll1_top p.normal {
	color: #FFFFFF;
	margin-top:10px;
}

	/*Thema 1*/
table.mediacollection1 {
  /*float:left;*/
  background-color: #6C7B90;
  padding:0;
  margin: 1px 0 20px 0;
  width:100%;
}

table.mediacollection1 td.header {
	border-bottom:1px solid #fff;
}

table.mediacollection1 td.header a.navigation {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}

table.mediacollection1 td.header a.navigation:hover {
  color: #F6F4F4;
  text-decoration: underline;
}

table.mediacollection1 span.normal {
  color: #FFFFFF;
}

	/*Thema 2 top*/
table.mediacoll2_top {
  background-color: #D9E4F5;
  padding: 0;
  margin: 0;
}
table.mediacoll2_top a.navigation {
	color: #000000;
	text-decoration: none;
 	font-weight: bold;
}
table.mediacoll2_top a.navigation:hover {
	color: #404040;
	text-decoration: underline;
}
table.mediacoll2_top span.normal {
	color: #000000;
}
table.mediacoll2_top img.mediaCollectionImage {
	margin:10px 10px 0 0;
}
table.mediacoll2_top p.normal {
	color: #000;
	margin-top:10px;
}

	/*Thema 2*/
table.mediacollection2 {
  /*float:left;*/
  background-color: #D9E4F5;
  padding:0;
  margin: 1px 0 20px 0;
  width:100%;
}

table.mediacollection2 td.header {
	border-bottom:1px solid #fff;
}

table.mediacollection2 td.header a.navigation {
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}

table.mediacollection2 td.header a.navigation:hover {
  color: #404040;
  text-decoration: underline;
}

table.mediacollection2 span.normal {
  color: #000000;
}

h2.header {
	color:#8A3899;
	font-size:120%;
	margin:0 0 10px 0;
	padding:0;
}

/************************
 * Anchor element
 ************************/


DIV.anchorelement {
  width:100%;
  overflow:auto;
  display:block;
  clear:both;
}

DIV.anchorelement UL {
  list-style: none;
  float:left;
  margin:0px;
}  

/************************
 * Directory element
 ************************/

DIV.directory UL {
  list-style: none;
  margin-left: 0; padding-left: 1em;
}  

DIV.directory UL LI {
  margin:2px;
}  

DIV.directory UL LI A{
  text-decoration: none;
}  

DIV.directory UL LI IMG{
  vertical-align: middle;
}  

/************************
 * Form elementen en formparts
 ************************/
 
DIV.ecardimage {
	text-align: center;
	margin: 0 5px 10px 5px;
}

DIV.ecardthumbnail {
	text-align: center;	
	float: left;
	margin: 0 5px 10px 5px;
}

DIV.submitbutton {
	text-align: right;
}

TR.formpart TD {
	vertical-align: middle;
}

/************************
 * Forum
 ************************/

TABLE.forumtable {
	border: 0;
	cellspacing: 1px;
	cellpadding: 2px;
	width: 97%;
}

TABLE.forumtable TR TH {
	text-align: center;
}

FIELDSET.forum LABEL {
	width: 60px;
}

FIELDSET.forum DIV.formcontent {
	float: none;
}

FIELDSET.forum DIV.formcontent INPUT {
	margin-bottom: 2px;	
}

* HTML FIELDSET.forum DIV.formcontent INPUT {
	margin-bottom: 0;
}

FIELDSET.forum DIV.formcontent TEXTAREA {
	margin-top: 0;
	width: 80%;
}

DIV.forummessage {
	 border-top: 1px dashed #555555; 
	 margin-top: 5px;
}

DIV.forummessage H3, DIV.forummessage P {
	margin: 10px 0 10px 0;
}

/************************************************************************
 * Misc
 ************************************************************************/

A.backtotop { 
	text-decoration: none;
}

IMG.backtoptop { 
	border:0px;
	vertical-align: middle;
}	

/************************************************************************
 * Ris 
 ************************************************************************/
 
 
DIV.boxcenter TABLE.agenda { 
  margin : 0px;
}

DIV.boxcenter TABLE.agenda TD { 
  padding : 0px;
  background-color: transparent;
  vertical-align: top;
}

DIV.boxcenter OL.agendaitem LI {
	line-height:20px;
}

DIV.boxcenter OL.agendaitem LI .downloadicons {
	float:right;
}

DIV.boxcenter OL.agendaitem LI .downloadicons IMG {
	margin:0px;
	padding:0px;
	width:16px;
	height:16px;
	border:0px;
}

DIV.boxcenter OL.agendaitem LI UL {
	list-style: none;
}

/************************************************************************
 * Coolmenus
 ************************************************************************/

/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
	
/*Style for the background-bar*/
.clBar{position:absolute; width:10px; height:10px; background-color:Navy; visibility:hidden}
.clParentTitleDummy1{position:absolute; width:10px; height:50px; background-color:#95A3B5; visibility:hidden; font-family: verdana,arial,tahoma, sans-serif;font-size: 8pt; color:#15305F; font-weight: normal; padding:2px; padding-top: 5px}
.clItemdummy{position:absolute; width:10px; height:50px; background-color:#E7EBEF; visibility:hidden; font-family: verdana,arial,tahoma, sans-serif;font-size: 8pt;font-weight: normal;padding-top: 2px}
.clLaatsteregel { position:absolute; left: 0px; top: 0px; padding:2px; font-family: verdana,arial,tahoma, sans-serif;font-size: 8pt;font-weight: normal;padding-top: 2px;color: #000000; padding-top:5px;}
.clLaatsteregel { background-color: #000000; color: #000000;}

/* Styles for level 0 */
.clLevel0 { position:absolute; left: 0px; top: 0px; padding:2px; font-family: verdana,arial,tahoma, sans-serif;font-size: 8pt;font-weight: normal;padding-top:5px;color: #216dbb; padding-top:5px;}
.clLevel0 { background-color: #E7EBEF; color: #216dbb;}
.clLevel0over { position:absolute; padding:2px; font-family: verdana,arial,tahoma, sans-serif;font-size: 8pt;font-weight: normal;padding-top:5px;color: #DF8800; padding-top:5px;}
.clLevel0over { cursor:pointer; background-color: #FFFFFF; }
.clLevel0border { position:absolute; visibility:hidden; background-color: #A1B1BF; }

/* Styles for level 1 */
.clLevel1 { position:absolute; left: 0px; top: 0px; padding:2px; font-family: verdana,arial,tahoma, sans-serif;font-size: 8pt;font-weight: normal;padding-top: 2px;color: #15305F; padding-top:5px;}
.clLevel1 { background-color: #B8C4Cf; color: #15305F;}
.clLevel1over { position:absolute; padding:2px; font-family: verdana,arial,tahoma, sans-serif;font-size: 8pt;font-weight: normal;padding-top:2px;color: #DF8800; padding-top:5px;}
.clLevel1over { cursor:pointer; background-color: #E7EBEF; }
.clLevel1border { position:absolute; visibility:hidden; background-color: #000000; }


/************************************************************************
 * Clocks
 ************************************************************************/

.header-wrapper {
	position: relative;
	width: 1091px;
	height: 121px;
}

.header-wrapper img {
  margin: 0;
}

.clocks {
  right: 8px;
  top: 44px;
  position: absolute;
  z-index: 1;
}

table.clock {
  float: left;
  width: 56px;
  padding: 0 0 0 9px;
  text-align: center;
}

table.clock td.location {
	padding-top: 3px;
	height: 17px;
}

/************************************************************************
 * Images onder
 ************************************************************************/

.images-down img {
  margin:0;
}


/*
 * IE6 png32 fixes
 */
.header-bg img,
.pngfix {
	_behavior: url("/static/project/js/iepngfix.htc");
}