/* redefinition of HTML styles */

BODY		{background-position: left top; padding-left: 0px; margin-top: 0px; margin-left: 0px; margin-right: 0px; font-family: Tahoma; font-size: 70%; line-height: 200%; background-color:#FEFDFA; letter-spacing:1; background-image:url('body.gif'); background-repeat:no-repeat} 
TABLE		{font-size: 100%; padding: 0px; border-spacing: 0px; border-collapse: collapse; margin: 0px; border: 0px; width: 100%; letter-spacing:1;}
TD			{vertical-align: top; padding: 0px; margin: 0px;  font-family: Tahoma;}
TR			{padding: 0px; margin: 0px}
hr 			{color: #1C2776; height: 1px; width: 80%;}
textarea	{font-family: verdana; font-size: 100%}
input		{font-family: verdana; font-size: 100%; }
a			{color: #1C2776;text-decoration: underline;}
A:link		{color: #1C2776;}
A:active	{color: #1C2776;}
A:visited	{color: #1C2776;}
A:hover		{color: #1C2776; text-decoration: underline}
fieldset	{color: #1C2776; border: solid 1px #1C2776; padding: 10px}
legend		{color: #1C2776; font-size: 125%; font-family: Tahoma; font-weight: bold }
H1			{color: #1C2776; font-size: 125%;}
H2			{color: #1C2776; font-size: 125%;}
H3			{color: #1C2776; font-size: 100%;}
H4			{color: #1C2776; font-size: 100%;}
H5			{color: #1C2776; font-size: 100%;}
H6			{color: #1C2776; font-size: 100%;}


/* Element styles */
div.enewseditioncontainer {}
div.enewseditiontitle {}
span.enewseditiontitle {}
div.enewseditiondate {}
span.enewseditiondate { }
div.enewsgreeting {}
div.enewsintroductioncontainer {}
div.enewsintroductiontitle {}
div.enewsintroductioncontent {}
div.enewsintroductionfooter {}

/* Page styles */
div.pagecontainer {}
div.pageheader {width: 100% }
div.pagebranding {padding-top: 0px}
td.pagebranding { margin-top: 0px; height: 120px}
div.pagefooter {width: 600px; padding-top: 20px; padding-bottom: 20px; display: none;}
table.pagetable {}


div.contentmain {}
td.contentmain {margin-right:20px;}


/* Page item styles */
div.pageheaderitemtitle {}
div.pageheaderitemcontent {}
div.pageheaderitemfooter {}
div.pagebrandingitemtitle {}
div.pagebrandingitemcontent {}
div.pagebrandingitemfooter {}
div.pagefooteritemtitle {}
div.pagefooteritemcontent {}
div.pagefooteritemfooter {}

/* Navigation styles */
div.navigationheader {width: 185px}
div.navigation {width: 185px; }
DIV.navigation a {text-decoration: none;}
div.navigationfooter {width: 185px}
td.navigationheader {width: 185px}
td.navigation { vertical-align: top; text-align: left; padding-right: 0px; padding-top: 0px; }
td.navigationfooter {width: 185px;  display: none;}

/* Navigation item styles */
div.navigationitemcontainer {width: 200px; }
div.navigationitemtitle {height: 23px; background-color: #E57740; color: #FFFFFF; font-weight: bold; text-align: left; overflow: hidden; padding-left:3px; padding-top:3px; padding-bottom:3px; font-size: 110%; letter-spacing:1; visibility: hidden}
div.navigationitemcontent {font-weight: normal; text-align: RIGHT; margin-left: 00px; padding: 2px; background-color: #FEFDFA; font-weight: bold; border: 0px solid #999999; letter-spacing:1; line-height:170%; padding-bottom: 20px }
div.navigationitemcontent a {font-weight: normal; background-color: #FEFDFA; border: 1px solid #FFFFFF; padding: 2px; width: 100%; height: 20px; padding-left: 10px; color: #1C2776}
div.navigationitemcontent a:link {background-color: #FEFDFA; border: 1px solid #FFFFFF; padding: 2px; padding-left: 15px}
div.navigationitemcontent a:active {background-color: #FEFDFA; border: 1px solid #FFFFFF; padding: 2px; padding-left: 15px }
div.navigationitemcontent a:visited {background-color: #FEFDFA; border: 1px solid #FFFFFF; padding: 2px; padding-left: 15px}
@div.navigationitemcontent a:hover {background-color: #CCCCCC; border: 1px solid #999999; color: #000000; padding: 2px; text-decoration: none; padding-left: 15px}
div.navigationitemcontent a:hover { 	background-color: #CCD1F2; border: 1px solid #1C2776; color: #000000; text-decoration: none; padding-left: 15px; padding-right:2px; padding-top:2px; padding-bottom:2px}
div.navigationitemfooter {height: 0px}


/* PersonalNavigation item styles */
div.personalnavigationitemcontainer {width: 200px}
div.personalnavigationitemtitle {background-position: right top; height: 25px; background-color: #F5991C; color: #FFFFFF; font-weight: bold; text-align: right; padding-right: 20px; overflow: hidden; background-image:url('navigationtitle.gif'); background-repeat:no-repeat; padding-left:3px; padding-top:3px; padding-bottom:3px }
div.personalnavigationitemcontent {background-position: left top; color:#F5991C; font-weight:bold; background-color: #FFD2AA; text-align: right; padding-right:3px; padding-top:3px;	padding-bottom:3px; 	padding-left: 40px;	background-image:url('passwd.gif'); background-repeat:no-repeat}
div.personalnavigationitemcontent a {color: #F5991C; background-color: #ffd2aa; padding-left: 0px; padding-bottom: 0px; background-image: url('navigationindicator.gif'); background-repeat: no-repeat; border-bottom: 1px solid #F5991C; width: 100%; padding-right:3px; padding-top:3px;}
div.personalnavigationitemcontent a:link {font-weight: bold;  text-decoration: none}
div.personalnavigationitemcontent a:active {font-weight: bold; text-decoration: none }
div.personalnavigationitemcontent a:visited {font-weight: bold; text-decoration: none}
div.personalnavigationitemcontent a:hover {background-color: #FCB370; font-weight: bold; color: #FFFFFF; }
div.personalnavigationitemfooter {height: 0px}

/* Content styles */
div.contentheader {}
div.content {padding-left: 30px; padding-right: 50px}
div.contentfooter {}
td.contentheader {width: 100%}
td.content {vertical-align: top; width: 100%}
td.contentfooter {display: none;}

/* Content item styles */
div.contentitemcontainer{}
div.contentitemtitle {font-weight: bold; font-size: 145%; letter-spacing:1; color: #1C2776; height: 20px;padding-bottom:10px;}
div.contentitemtitle a {color: #1C2776;}
div.contentitemtitle a:hover {text-decoration: underline}
div.contentitemcontent {border: 0px solid #16960C; padding-right: 50px; padding-bottom: 10px; padding-top: 0px; font-size: 100%; letter-spacing:1; line-height:170%}
div.contentitemcontent table {}
div.contentitemcontent td {valign: top; text-align: left}
div.contentitemcontent tr {}

div.contentitemcontent img { 	clear: both; 	float: left; 	margin-right: 15px; }

div.contentitemfooter {/*height: 25px;*/ overflow: hidden; color: #16960C; font-weight: bold; padding-left: 0px; padding-top: 5px; float: left; width: 187px; text-align: left;padding-right: 50px;padding-bottom:20px;width:100%}
div.contentitemfooter a {height: 16px; padding-left: 20px; text-decoration: none; color: #1C2776; }
div.contentitemfooter a:hover {text-decoration: underline }

/* Options styles */
div.optionsheader {}
div.options {}
div.optionsfooter {}
td.optionsheader {}
td.options { }
td.optionsfooter { display: none;}

/* Options item styles */
div.optionsitemcontainer {display: none}
div.optionsitemtitle {height: 20px; overflow: hidden; background-position: left top; color: #1C2776; font-weight: bold; background-image:url('optionsitemtitle.gif'); background-repeat:no-repeat; padding-right: 10px; padding-top: 4px; text-align: right}
div.optionsitemcontent {text-align: center; border: 0px solid #16960C; padding: 10px; width: 263px; overflow: hidden; background-image: url('optionsitemcontent.gif'); background-repeat: y-repeat; background-position: left top;  }
div.optionsitemcontent input {}
div.optionsitemcontent IMG {border: 1px solid #FFFFFF; }
div.optionsitemfooter {height: 20px; width: 263px; overflow: hidden; background-position: left bottom; color: #FFFFFF; font-weight: normal; background-image:url('optionsitemfooter.gif'); background-repeat:no-repeat; padding-top: 0px; text-align: center}
div.optionsitemfooter a {background-image: url('optionsitemfooter.gif'); background-repeat: no-repeat; background-position: left top; height: 16px; padding-left: 20px; text-decoration: none; color: #16960C}
div.optionsitemfooter a:hover {text-decoration: underline }

/* special pageheaderstyles */
div.themetitle { font-weight: bold; color: white; margin-left:150px;}
div.themesubtitle { 	font-weight: bold; 	color: white; 	margin-left:205px; 	margin-top:0px; }
div.themesubtitle a{background-image:url('none');color:white}
div.themesubtitle a:link{color:white}
div.themesubtitle a:hover{color: #F5991C; text-decoration: underline}
div.themesubtitle a:visited{color:white}
div.themeselector {color: #0049A3; font-weight: bold; padding-top: 0px; margin-top: 0px}
div.themeselector select {color: #0E6FCF; background-color: #FFFFFF; width: 160px; font-weight: normal; }
div.themefeatures {color: #16960C; font-weight: bold; padding-bottom: 0px}
div.smartsearchfield {padding-right: 0px;  border:0px solid #000000;}
div.smartsearchfield input.searchInput {
	background-image:url('zoekbg.gif');
	border:0px solid #000000;
	padding-top:3px;
	padding-left:10px;
	height:23px;
	width:133px;
	vertical-align: middle;
}
div.smartsearchfield input.goButton {
	vertical-align: middle;
	border:0px solid #000000;
}
div.smartsearchfield img.goButton {
	margin-left:10px;
	vertical-align: middle;
	border:0px solid #000000;
}

/* special designstyles */
div.headergradient01 {height: 61px; width: 100%;  overflow: hidden; }
div.headergradient02 {height: 61px; width: 100%; text-align: right; color: #FFFFFF;  font-weight: bold; padding-top: 5px; padding-right: 15px; overflow: hidden; overflow: hidden; }
div.headergradient02 a{}
div.headergradient02 a:link{color:white}
div.headergradient02 a:hover{color:white;text-decoration:underline;}
div.headergradient02 a:visited{color:white}
div.headergradient03 {overflow: hidden; padding-left: 150px; padding-top: 0px; height: 37px; width: 100%;  }
div.logo {background-color: transparent; position: absolute; z-index:4}
tr.breadcrumb {border: none}
div.breadcrumb {height: 22px; font-weight: bold; padding-left: 230px; padding-top: 4px; color: #1C2776; letter-spacing:1; }
div.breadcrumb a {color: #1C2776}
div.breadcrumb a:hover {color: #000000}

/*Stijlen voor opsomlijstjes*/
.list{padding:5px;}
.listheader{padding:5px}
.listitem{padding-left:5px;padding-right:5px;vertical-align:top}
.altlistitem{padding-left:5px;padding-right:5px;vertical-align:top}
div.contentitemdetail{padding:20px;border: 1px solid #16960C;width:100%;height:100%}
iframe.outlookframe {	height : 450;	width : 100%;}
td.plazacellheader {font-weight: bold; }
div.kolom1 {width: 100%; height: 20px; line-height: 140%; overflow: hidden}
div.kolom2 {width: 50px}
div.kolom3 {width: 150px}

table.listtable {position: absolute; width: 75%;}

td.contentwa {padding-left: 0px}

/* VORMGEVING VAN FUNCITONALITEITEN */

/* Navigatiemenu*/
div.subdiv a {height: 20px; padding-top: 8px;}
div.subdiv img{margin-left:5px}
DIV.subdiv1 {	display: none; 	left: 190px; width: 185px; position: absolute; z-index:4;  padding: 2px; 	background-color: #FFFFFF; 	font-weight: normal;  	border: 1px solid #1C2776;  	}
.subdiv1 img {}	
div.subdiv1 a:link {background-color: #F1F1F1; border: 1px solid #F1F1F1; padding: 2px; padding-left: 15px}
div.subdiv1 a:active {background-color: #F1F1F1; border: 1px solid #F1F1F1; padding: 2px; padding-left: 15px}
div.subdiv1 a:visited {background-color: #F1F1F1; border: 1px solid #F1F1F1; padding: 2px; padding-left: 15px}
div.subdiv1 a:hover {background-color: #CCCCCC; border: 1px solid #999999; color: #000000; padding: 2px; padding-left: 15px}
DIV.subdiv2 { 	position: absolute; 	display: none; 	left: 175px; 	width: 185px; 	z-index:5; 	padding: 2px; 	background-color: #FFFFFF; 	font-weight: normal;  	border: 1px solid #1C2776; 	FOLTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#999999,strength=3);}
div.subdiv2 a:link {}
div.subdiv2 a:active {}
div.subdiv2 a:visited {}
div.subdiv2 a:hover {}

/*Voor firefox*/

table.subdiv {line-height:25px;text-align:right; width: 185px;}
table.subdivactive {line-height:25px;text-align:right}
table.subdivactive a:link {display:block; padding: 2px; }
table.subdivactive a:active {display:block; padding: 2px;}
table.subdivactive a:visited  {display:block;padding: 2px;}
table.subdivactive a:hover {display:block; padding: 2px;}
table.subdiv a:link {display:block; padding: 2px; }
table.subdiv a:active {display:block; padding: 2px;}
table.subdiv a:visited  {display:block;padding: 2px;}
table.subdiv a:hover {display:block; padding: 2px;}

table.subdiv1 {	display: none; }
table.subdiv1active { width: 185px; background-color: #FFFFFF; font-weight: normal; margin-top: 2px;border-bottom: 1px solid #1C2776;border-top: 1px solid #1C2776; }
table.subdiv1active a:link {background-color: #F1F1F1; border: 1px solid #F1F1F1; text-align:right; }
table.subdiv1active a:active {background-color: #F1F1F1; border: 1px solid #F1F1F1; text-align:right; }
table.subdiv1active a:visited {background-color: #F1F1F1; border: 1px solid #F1F1F1; text-align:right; }
table.subdiv1active a:hover {background-color: #F1F1F1; border: 1px solid #F1F1F1; text-align:right; }

table.subdiv2 {	display: none; }
table.subdiv2active { display: block; z-index:5;	padding: 2px;background-color: #4D737A 	font-weight: normal;  	border: 1px solid #C8DCE8; text-align:right;}
table.subdiv2active a:link {display:block;padding:2px;width:150px;line-height:25px;}
table.subdiv2active a:active {display:block;padding:2px;width:150px;line-height:25px;}
table.subdiv2active a:visited {display:block;padding:2px;width:150px;line-height:25px;}
table.subdiv2active a:hover {display:block;padding:2px;width:150px;line-height:25px;}

table.subdiv3 {	 display: none; }
table.subdiv3active { display: block;z-index:5;	padding: 2px;background-color: #4D737A 	font-weight: normal;  	border: 1px solid #C8DCE8; text-align:right;}
table.subdiv3active a:link {display:block;padding:2px;width:150px;line-height:25px;}
table.subdiv3active a:active {display:block;padding:2px;width:150px;line-height:25px;}
table.subdiv3active a:visited {display:block;padding:2px;width:150px;line-height:25px;}
table.subdiv3active a:hover {display:block;padding:2px;width:150px;line-height:25px;}

/* Calendercontrol */
.CalendarClass{width: 100%; }
.TodayDayClass{background-color: #FFFFFF}
.SelectorClass{}
.DayClass{font-family:tahoma,sans-serif; font-size: 100% }
.NextPrevClass{}
.DayHeaderClass{background-color: #FFFFFF; padding: 5px; font-weight: bold; color: #1C2776}
.SelectedDayClass{font-family:tahoma,sans-serif; }
.TitleClass{background-color: #B2D4DD; font-weight: bold; color: #1C2776; height: 20px}
.WeekendDayClass{font-family:tahoma,sans-serif;  }
.OtherMonthDayClass{font-family:tahoma,sans-serif;  }

.tabcontrol{border:solid 1px grey;width:500px;height:500px}
.tabcontrol table{width:auto}
.tabstrip{width:300px;height:30px;}

tr.resultHeader {
	background-color: #FEFDFA;
	margin : 2px 2px 2px 2px;
}
tr.resultItem {
	background-color: #FEFDFA;
}
tr.resultAlternatingItem {
	background-color: #FEFDFA;
}
input.formField {
	width: 260px;
}
select.formField {
	font-family:verdana;
	width: 260px;
	font-size:100%;
	letter-spacing: 1px;
}
textarea.formText {
	overflow: auto;
	height: 150px;
	width: 200px;
}