body { height: 100%; }

body					{ margin: 0px; padding: 0px; font-size: 1em; background-color: #9EBEF5; color: #606060; font-family: Verdana, Arial, Helvetica, sans-serif; }

p,th,td,a,ul,li			{ font-size: 1em; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; }   

th						{ text-align: left; font-weight: normal; padding-right: 10px; }
td.knoppen				{ text-align: right; padding-top: 20px; }
input,textarea			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

/*----------------------------------------------------------------------
 stijlen voor de inhoud
----------------------------------------------------------------------*/

div#inhoud									{ width: inherit; height: 100%; padding: 0px 4px 0px 4px; }
div#inhoud div#iPadding			{ width: inherit; height: 100%; }
div#inhoud div#iPadding div	{ width: auto; }
div#inhoud th,td,p					{ font-size: 11px; }
div#inhoud h1								{ font-size: 14px; margin: 0px 0px 1em 0px; width: 100%;}
div#inhoud p								{ padding: 0px; margin: 0px; }

/*----------------------------------------------------------------------
 stijlen voor de daadwerkelijke inhoud van de pagina
----------------------------------------------------------------------*/

div#pageContent			{ width: 709px; border: solid 1px #39639C; padding: 8px 4px 4px 8px; border-top: none; background-image: url('/img/bgContentPanel.jpg'); background-repeat: repeat-x; background-color: #CCDEF8; }

/*----------------------------------------------------------------------
 stijlen voor het gedeelte boven het main-menu
----------------------------------------------------------------------*/

div#top							{ padding: 0px; width: 100%; height: 26px; filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#9CBEF7', gradientType='1'); background-color: #CCDEF8; overflow: hidden; }
div#top table				{ width: 100%; }
div#top td.links		{ }
div#top td.rechts		{ text-align: right; vertical-align: top; padding: 6px 2em 10px 0px; font-size: 10px; color: #fff; }
div#top h1					{ font-size: 14px; font-weight: bold; letter-spacing: 2px; color: #333; padding: 0px; margin: 0px 0px 4px 10px; text-decoration: none; }

/*----------------------------------------------------------------------
 stijlen voor het menu boven in
----------------------------------------------------------------------*/

div#mainmenu					{ margin: 0px; vertical-align: top; width: inherit; height: 22px; padding: 0px; background-color: #9CBEF7; border-bottom: solid 0px #E5E5E5; border-top: solid 1px #fff; }
div#mainmenu 					{ font-size: 11px; color: #000; }
div#mainmenu select		{ font-size: 12px; }
div#mainmenu .plat		{ font-size: 11px; color: #000; margin: 0px; padding: 2px 0px 2px 1em; }
div#mainmenu span			{ display: inline-block; padding: 1px 0em 2px 1em; height: 16px; border: solid 1px #A1C0F5; }
div#mainmenu a				{ margin: 1px 2px; color: #000; text-decoration: none; display: inline-block; padding: 1px 1em 2px 1em; height: 15px; border: solid 1px #A1C0F5; }	
div#mainmenu a:hover	{ background-color: #DFEBFD; color: #000; text-decoration: none; border: solid 1px #3179EF; }	
div#mainmenu img			{ }

/*----------------------------------------------------------------------
 stijlen voor het hoofdmenu boven het inhouds-gedeelte (save,publish,reload,...)
----------------------------------------------------------------------*/

div#pageMenuTop								{ margin: 4px 0px 0px 0px; padding: 0px; width: 994px; height: 26px; }
div#pageMenuTop a							{ color: #000; text-decoration: none; font-size: 11px; display: inline-block; padding: 1px 0px 2px 4px; }	
div#pageMenuTop a:hover				{ color: #900; text-decoration: underline; }	
div#pageMenuTop div						{ width: auto; display: inline; }
div#pageMenuTop div.normal		{ margin: 0px 4px; padding: 1px 4px 1px 1px; }
div#pageMenuTop div.over			{ background-color: #FFD69C; margin: 0px 4px; padding: 1px 4px 1px 1px; background-image: url(../img/bg_menu_top_over.gif); background-repeat: repeat-x;  }
div#pageMenuTop div.languages	{ height: 10px; overflow: hidden; }
div#pageMenuTop div.languages select { font-family: arial; font-size: 12px; width: 100px; }
div#pageMenuTop span					{ display: inline-block; padding: 0px 4px 3px 4px; color: #000;}
div#pageMenuTop select				{ font-size: 11px; }

/*------------------------------------------------------------------------------------------------------------------
 stijlen voor een menu-balk (blauwe balk, met recht en links afgeronde uiteinden en een shade van boven naar onder
------------------------------------------------------------------------------------------------------------------*/

div.menubalk									{ width: inherit; height: 26px; padding: 0px; margin: 4px 0px 0px 0px; border: none; background-image: url(../img/bg_submenu.gif); background-repeat: repeat-x; }
div.menubalk img							{ padding: 0px; margin: 0px;  }
div.menubalk td.right					{ width: 6px; vertical-align: top; text-align: right; }
div.menubalk td.left					{ width: 9px; vertical-align: top; text-align: left; }
div.menubalk td.inhoud				{ padding: 0px 1px; background-color: Transparent; border-bottom: none 1px black; }

/*------------------------------------------------------------------------------------------------------------------
 stijlen voor een tab-balk 
------------------------------------------------------------------------------------------------------------------*/

div.tabbalk										{ width: inherit; margin-top: 4px; }
div.tabbalk span,td,a					{ font-size: 11px; color: #000; }
div.tabbalk a									{ text-decoration: none; }
div.tabbalk a:hover						{ text-decoration: underline; color: #800; }
div.tabbalk a.active					{ text-decoration: none; color: #000; }
div.tabbalk a.active:hover		{ text-decoration: none; color: #000; }
div.tabbalk td.tabs						{ background-image: url(../img/bg_tabbalk.gif); background-repeat: repeat-x; }
div.tabbalk td.tabRight				{ background-image: url(../img/bg_tabbalk.gif); background-repeat: repeat-x; text-align: right; }
div.tabbalk td.tabItemNA			{ background-image: url(../img/bg_tabitem_na.gif); background-repeat: repeat-x; padding: 2px 1px 0px 1px; }
div.tabbalk td.tabItemA				{ background-image: url(../img/bg_tabitem_a.gif); background-repeat: repeat-x; padding: 0px 1px; font-weight: bold; }

/*----------------------------------------------------------------------
 stijlen voor het menu links
----------------------------------------------------------------------*/

div#menuleft			{ width: 270px; height: 494px; padding: 10px 0px 0px 5px; background-color: #fff; position: absolute; z-index: 200; overflow: auto; border-right: solid 1px #D8D2BD; }

/*----------------------------------------------------------------------
 stijlen voor de call-back status
----------------------------------------------------------------------*/

div#callBackStatus			{ padding: 5px; height: 23px; width: 100%; border-top: 1px solid #fff; background-image: url(../img/bg_statusbalk.gif); background-repeat: repeat-x;  border-bottom: 1px solid #3179EF; background-color: #DAE7FC; font-size: 8pt; color: Black; }

/*----------------------------------------------------------------------
 stijlen voor de inhoud van een (popup)window
----------------------------------------------------------------------*/

body.inhoudWindow					{ background-color: #E9F1FD; margin: 10px; width: auto; height: auto; }
div#inhoudWindow					{ background-image: url(../img/bg_addNewPage.png); background-repeat: no-repeat; background-position: 5px 10px; padding-left: 48px; padding-top: 14px; width: auto; height: auto; }
div#inhoudWindow th,td,p	{ font-size: 11px; }
div#inhoudWindow h1				{ font-size: 16px; margin: 0px 0px 10px 0px; }
div#inhoudWindow p				{ padding: 0px; margin: 0px; }

/* van een mededeling */

body.inhoudMessage			{ background-color: #E9F1FD; margin: 10px; }
div#inhoudMessage			{ background-image: url(../img/bg_messagePage.png); background-repeat: no-repeat; background-position: 5px 10px; padding-left: 48px; padding-top: 14px; }
div#inhoudMessage th,td,p	{ font-size: 11px; }
div#inhoudMessage h1		{ font-size: 16px; margin: 0px 0px 10px 0px; }
div#inhoudMessage p			{ padding: 0px; margin: 1em 0px; }
div#inhoudMessage div.knop	{ width: 100%; margin: 20px 0px 0px 0px; }

/*-------------------------------------------------------------------------------*/
/* Overzichten in datagrids																											 */
/*-------------------------------------------------------------------------------*/

.overzichtTable					{ margin: 1em 0px; border: solid 1px #6194EB; }
.overzichtHeader				{ height: 25px; background-color: #5388E2; background-image: url(../img/bgGridTitle.gif); background-repeat: repeat-x; }
.overzichtFooter				{ background-color: #5388E2; }
.overzichtPager					{ background-color: #5388E2; }
.overzichtItem					{ background-color: #ffffff; }
.overzichtAltItem				{ background-color: #E9F1FD; }

.overzichtHeader a				{ color: #fff; font-size: 9pt; font-weight: bold; }				
.overzichtHeader a:hover	{ text-decoration: none; }				

.overzichtPager td				{ padding-top: 2px; padding-bottom: 4px; vertical-align: top; font-size: 9pt; }
.overzichtPager span			{ padding-top: 2px; padding-bottom: 4px; vertical-align: top; font-size: 9pt; font-weight: bold; }
.overzichtPager a					{ color: #fff; font-size: 9pt; font-weight: bold; margin-bottom: 4px; display: inline-block; }
.overzichtPager	a:hover		{ text-decoration: none; }								

.overzichtTable td				{ padding: 0px 4px; font-size: 8pt; }

/*-------------------------------------------------------------------------------*/
/* toevoeg-regel voor datagrids																									 */
/*-------------------------------------------------------------------------------*/

table#addItem							{ margin-top: 1em; margin-bottom: 1em; }
table#addItem th.title		{	font-size: 11px; font-weight: bold; color: #666; }
table#addItem th					{ font-size: 10px; color: #999; }
table#addItem td.knoppen	{ padding-top: 0px; padding-bottom: 0px; }

/*----------------------------------------------------------------------------------------*/
/* Scherm waar je items van een linker tekstbox naar een rechter textbox kunt verplaatsen */
/*----------------------------------------------------------------------------------------*/

table#tblMoveItems												{ margin-bottom: 2em; }
table#tblMoveItems .paginatypeOverzicht		{ width: 200px; height: 150px; }
table#tblMoveItems td.knoppen							{ vertical-align: top; padding: 0px 10px; }

/*-------------------------------------------------------------------------------*/
/* Inlogscherm																																	 */
/*-------------------------------------------------------------------------------*/

body.login										{ background-color: #fff; }

table.wndInloggen							{ border: solid 1px #6194EB; width: 320px; filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#DFEBFD', gradientType='0'); background-color: #DFEBFD;   }
table.wndInloggen th					{ font-size: 15px; color: #fff; text-align: left; font-weight: bold; padding: 1px 5px; height: 25px; background-color: #5388E2; background-image: url(../img/bgGridTitle.gif); background-repeat: repeat-x;}
table.wndInloggen td					{ font-size: 11px; color: #4A5976; padding: 0px 10px 10px 10px; }

table.inloggen								{ padding: 0px; margin: 10px  0px 0px  0px; border: none; font-size: 11px;  }
table.inloggen td							{ padding: 1px 0px; font-size: 11px; }
table.inloggen input.invoer		{ border: solid 1px #7F9DB9; }

.foutwachtwoord a							{ color: #990000; text-decoration: underline; font-size: 10px; }
.foutwachtwoord a:hover				{ color: #000; }

.foutwachtwoord								{ font-size: 13px; color: #990000; }

a.mailwachtwoord							{ font-size: 11px; color: #999; text-decoration: underline; }
a.mailwachtwoord:hover				{ font-size: 11px; color: #000; text-decoration: underline; }

/* Treeview */
div#st_wrapper		{ width: 1000px; height: auto; }
div#stDiv					{ width: inherit; height: 100%; }