/* WELFAREQUALITY- 2008 - T0PSHARE INTERNATIONAL */

/* GENERAL  */
html{	height: 100%;}
html.home{overflow-y:scroll;overflow-x:hidden;}
td { vertical-align:top;}
ol {margin:0px; padding:0px;}
ul {margin:0px; padding:0px;}
img {border:0px;}
p {margin-top:0px;margin-bottom:12px;}
body{background-color:#f1f1f1;}
a:link {color:#b85902;text-decoration:none;}
a:hover{color:#40403f;text-decoration:underline;}

hr { 
	height:1px;
	color:#99895E;
	border-style : solid;
	border-left:0px;
	border-top: solid 0px #99895E;
	border-bottom: solid 1px #99895E;
	border-right:0px;
	margin-top:13px;
	margin-bottom:10px;
}

body#PP {text-align: left;	margin: 0px;background-image:url(../images/bgPP.png);background-position:top left; background-repeat:repeat-y;}
body#PI {text-align: left;	margin: 0px;background-image:url(../images/bgPI.png);background-position:top left; background-repeat:repeat-y;}

#container {font-family:Arial,sans_serif,Verdana;font-size:12px; height:100%; left:0; margin:0; width:1000px; position:absolute; right:0px; top:0;}
#pane{margin:8px 0px 0px 303px;padding:0px 0px 0px 0px;width:70%;}
#pane100{margin:8px 0px 0px 303px;padding:0px 0px 0px 0px;width:100%;}
ol {margin:0px;padding:0px;}
ul {margin:0px;padding:0px;}

/*TOP*/
#header{ height:115px; max-width:1024px;background-repeat:no-repeat; }
#headerhome #topNav { float:right; height:21px; line-height:21px; max-width:1024px; }
#headerhome #topNav #login {z-index:1;background-color:#fff; text-align:center;width:76px;float:left;line-height:21px;height:21px;border-left:solid 1px #ffcc00;}
#headerhome #topNav #dot {background-color:#fff; text-align:center;float:left;line-height:21px;height:21px;}
#headerhome #topNav #register {background-color:#fff; text-align:center;width:76px;float:left;line-height:21px;height:21px;border-right:solid 3px #ffcc00;}
 
#header #topNav { float:right; height:21px; line-height:21px; max-width:1024px; }
#header #topNav #login {z-index:0;position:relative;background-color:#fff; text-align:right;width:69px;float:left;line-height:21px;height:21px;}
#header #topNav #dot {z-index:0;position:relative;background-color:#fff; text-align:center;float:left;line-height:21px;height:21px;}
#header #topNav #register {z-index:0;position:relative;background-color:#fff; text-align:left;width:80px;float:left;line-height:21px;height:21px;}
#login a:link { text-decoration:none;color:#000;}
#login a:visited {text-decoration:none;color:#000;}
#login a:hover{ text-decoration:underline;color:#000;}
#login a:active {text-decoration:none;color:#000;}

#register a:link { text-decoration:none;color:#000;}
#register a:visited {text-decoration:none;color:#000;}
#register a:hover{ text-decoration:underline;color:#000;}
#register a:active {text-decoration:none;color:#000;}

#topNav #white {background-color:#fff;width:345px;float:right;height:21px;}
#header #topNav #disclaimerPP { background-color:#fff;text-align:center;width:158px;float:left;line-height:21px;height:21px;border-left:solid 1px #ffcc00;}
#disclaimerPP a:link {text-decoration:none;color:#000;}
#disclaimerPP a:hover{ text-decoration:underline;color:#000;}
#header #topNav #disclaimerPI{background-color:#fff; text-align:center;width:158px;float:left;height:21px;line-height:21px;border-left:solid 1px #ffcc00;}
#disclaimerPI a:link{text-decoration:none;color:#000;}
#disclaimerPI a:hover{ text-decoration:underline;color:#000;}

#header #topNav #subscribeEmptyPP{position:absolute;left:300px;background-color:#fff;width:364px;border-right:solid 1px #ffcc00;float:left;height:21px;}
#header #topNav #subscribeEmpty{background-color:#fff;width:360px;float:left;height:21px;}
#header #topNav #subscribe{z-index:1; background-color:#ca0303; position:absolute; left:485px;text-align:center; height:21px;line-height:21px;width:178px;vertical-align: bottom; }
#header #topNav #subscribe a{text-decoration:none;color:#fff;background-image:url(../images/subscribe.gif);background-repeat:no-repeat;padding-left:20px;}
#header #topNav #subscribe a:hover{text-decoration:underline;background-image:url(../images/subscribeHover.gif);background-repeat:no-repeat;padding-left:20px;}
 
#header #logoHome{ z-index:0;position:absolute;height:94px;width:100%;position:absolute;top:21px;background-image:url(../images/picturebar-1.jpg);background-repeat:no-repeat;}
#header #logoHome #anim{position:absolute;left:269px; }
*html #headerHome #logo #anim{ }

#header #logo{ z-index:0;position:absolute;height:94px;width:100%;position:absolute;top:21px;height:94; background-repeat:no-repeat;}
#mijn_foto{display:block;height:94px;}

#header #logo { display:block;z-index:0;position:absolute;height:94px;width:100%;position:absolute;top:21px;background-image:url(../images/picturebar-5.jpg);background-repeat:no-repeat;}


/*SEARCH + RESULTS*/
.tsSearchController {z-index:1;position:absolute;left:29px;top:104px;width:250px; }
.tsSearchController .searchInput { float:left;font-size:12px; border:solid 1px #003c74; width:160px; height:20px; padding-left:2px;}
.tsSearchController .searchButton {  float:left;font-size:11px;color:#003c74;}


/* MENU */

#menuBlockHome {}
.MyPublicTree {margin:8px 0px 0px 0px; padding:0px; position:absolute; left:20px; top:137px;width:257px;z-index:1; float: left;}
*html .MyPublicTree {margin:0px; padding:0px; position:absolute; left:35px; top:23px; z-index:1; float: left;}

.treeHome{border:solid 1px #000;}
#tree{z-index:1;}/*div waarbinnen de listnav wordt getoond*/
*html #tree{z-index:1; float: left; position:absolute;}

.MyPublicTree .tagTree {width: *; margin:0px;padding:0px;}
.MyPublicTree .tagTree ul {list-style: none; margin: 0px; padding: 0px; display:block;}
.MyPublicTree .tagTree ul li {margin: 0px; padding: 0px; display:block; width:200px;}

	ul li.link1{display:inline;line-height:26px;vertical-align: bottom; /* This fixes the IE5 Win gap! */  width: 10em;}
	ul li.link2{line-height:16px;vertical-align: bottom; /* This fixes the IE5 Win gap! */  width: 10em;}
	ul li.link3{line-height:16px;vertical-align: bottom; /* This fixes the IE5 Win gap! */  width: 10em;}
	ul li.link4{vertical-align: bottom; /* This fixes the IE5 Win gap! */  width: 10em;}
	ul li.link5{vertical-align: bottom; /* This fixes the IE5 Win gap! */  width: 10em;}
	ul li.link6{vertical-align: bottom; /* This fixes the IE5 Win gap! */  width: 10em;}

.MyPublicTree .tagTree ul li.link1{ padding:0px;  margin:0px;}
.MyPublicTree .tagTree ul li.link1 a {padding-left:10px; display:block; font-size:13px; text-decoration:none; color:#000;}
.MyPublicTree .tagTree ul li.link1 a:hover {padding-left:10px;display:block; font-size:13px; text-decoration:none; color:#ce0000;}
.MyPublicTree .tagTree ul li.link1.focus a:link{color:#ce0000;font-weight:bold;}
 
/*SUB MENU LEVEL 2*/
.MyPublicTree .tagTree ul li.link1.focus ul li.link2 a:link{ color:#000;font-weight:normal;}
.MyPublicTree .tagTree ul li.link1 ul  {margin:0px; padding:0px; list-style-type:none; }/*marges submenu padding for IE margin for FF*/
.MyPublicTree .tagTree ul li.link1 ul li.link2  {padding-left:10px; border-bottom:none;}/*Indent subItems = padding left*/
.MyPublicTree .tagTree ul li.link1 ul li.link2 a {background-image:url(../images/subMenu.gif); background-repeat:no-repeat; font-size:12px; text-decoration:none; color:#000; padding-left:10px;}
.MyPublicTree .tagTree ul li.link1 ul li.link2 a:hover {font-size:12px; text-decoration:underline; color:#000031; }
.MyPublicTree .tagTree ul li.link1 ul li.link2.focus a:link{color:#ce0000;font-weight:bold;}

/*SUB MENU LEVEL 3*/
.MyPublicTree .tagTree ul li.link1 ul li.link2.focus ul li.link3 a:link{color:#000;font-weight:normal;}
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul {margin:0px; padding:0px; list-style-type:none;}
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3 {padding-left:20px; border-bottom:none; }/*Indent subItems = padding left*/
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3 a {background-image:url(../images/subMenu_2.gif); background-repeat:no-repeat; font-size:12px; text-decoration:none; color:#000; padding-left:10px;}
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3 a:hover {font-size:12px; text-decoration:underline; color:#000031;}
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3.focus a:link{color:#ce0000;font-weight:bold;}

/*SUB MENU LEVEL 4*/
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3.focus ul li.link4 a:link{color:#000;font-weight:normal;}
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3 ul li.link4 {padding-left:8px; border-bottom:none; }/*Indent subItems = padding left*/
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3 ul li.link4 a:link{font-size:12px; text-decoration:none; color:#40403f; padding-left:10px;}
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3 ul li.link4 a:hover {font-size:12px; text-decoration:underline; color:#000031;}
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3 ul li.link4.focus a:link{color:#ce0000;font-weight:bold;}

/*SUB MENU LEVEL 5*/
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3 ul li.link4.focus ul li.link5 a:link{color:#000;font-weight:normal;}
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3 ul li.link4 ul li.link5{padding-left:8px; border-bottom:none; }/*Indent subItems = padding left*/
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3 ul li.link4 ul li.link5 a:link{font-size:12px; text-decoration:none; color:#40403f; padding-left:10px;}
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3 ul li.link4 ul li.link5 a:hover {font-size:12px; text-decoration:underline; color:#000031;}
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3 ul li.link4 ul li.link5.focus a:link{color:#ce0000;font-weight:bold;}

/*SUB MENU LEVEL 6*/
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3 ul li.link4 ul li.link5.focus ul li.link6 a:link{color:#000;font-weight:normal;}
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3 ul li.link4 ul li.link5 ul li.link6{padding-left:8px; border-bottom:none; }/*Indent subItems = padding left*/
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3 ul li.link4 ul li.link5 ul li.link6 a:link{font-size:12px; text-decoration:none; color:#40403f; padding-left:10px;}
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3 ul li.link4 ul li.link5 ul li.link6 a:hover {font-size:12px; text-decoration:underline; color:#000031;}
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3 ul li.link4 ul li.link5 ul li.link6.focus a:link{color:#ce0000;font-weight:bold;}

/*SUB MENU LEVEL 7*/
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3 ul li.link4 ul li.link5 ul li.link6.focus ul li.link7 a:link{color:#000;font-weight:normal;}
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3 ul li.link4 ul li.link5 ul li.link6 ul li.link7{padding-left:8px; border-bottom:none; }/*Indent subItems = padding left*/
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3 ul li.link4 ul li.link5 ul li.link6 ul li.link7 a:link{font-size:12px; text-decoration:none; color:#40403f; padding-left:10px;}
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3 ul li.link4 ul li.link5 ul li.link6 ul li.link7 a:hover {font-size:12px; text-decoration:underline; color:#000031;}
.MyPublicTree .tagTree ul li.link1 ul li.link2 ul li.link3 ul li.link4 ul li.link5 ul li.link6 ul li.link7.focus a:link{color:#ce0000;font-weight:bold;} 

.tsMenuVertical ul, .tsMenuVertical ul li {}

#logoMenu {background-image:url();background-repeat:no-repeat;position:absolute;padding-top:400px;left:30px;} 
 
/* CONTENT PP*/

#contentHomeHeader{ margin-left:303px; height:21px; line-height:21px; max-width:718px; background:url(../images/bg-homeNewsHeader.png); background-repeat: no-repeat;border-bottom:solid 1px #fff;  }
#contentHomeHeader #subscribe{margin-left:180px; display:block; text-align:center; height:21px;line-height:21px;width:178px;vertical-align: bottom;}
#contentHomeHeader #subscribe a { text-decoration:none;color:#fff;background-image:url(../images/subscribe.gif);background-repeat:no-repeat;padding-left:20px;}
#contentHomeHeader #subscribe a:hover {  color:#fff;text-decoration:underline;background-image:url(../images/subscribeHover.gif);background-repeat:no-repeat;padding-left:20px;}
#contentHomeHeader #fill{display:block;float:left;width:100%; height:22px; }

#contentHome #newsHome #pane {border:solid 2px #000;}  
#contentHome { position:absolute; top:138px; left:0px;  height:100%;height:auto;width:98%;}

/* News */
#newsHome {  font-size:12px;height:100%;height:auto;}
*html #newsHome { font-size:12px;height:100%;height:auto;}

ol#NewsListing {display:block;margin:0px;padding:0px;list-style:none;}
li#newsListItem { display:block; width:100%; margin:0px; padding:0px; float:left; text-align:left; border-bottom:solid 1px #99895e; clear:both;}/*clear:both*/
li#newsListItem a {color:#000;text-decoration:none;} 
li#newsListItem a:hover {color:#000;text-decoration:none;}
li#newsListItem #ShortDescription {color:#000;padding:10px 0px 10px 0px;}
li#newsListItem #ShortDescription a:link {color:#000; text-decoration:none;}
li#newsListItem #ShortDescription a:hover {color:#000; text-decoration:none;}
li#newsListItem #Thumbnail {float:left;}/*thumbnail float + padding voor textomloop*/
li#newsListItem #Thumbnail img { padding:10px 10px 10px 4px;width:100px;height:80px;}/*vaste breedte - hoogte*/
li#newsListItem #ShortDescription #newsListItemHeader #NewsDate {text-decoration:none; color:#000;padding-right:10px;font-size:12px;}
li#newsListItem #ShortDescription #newsListItemHeader #NewsTitle a:link  {font-weight:bold;font-size:12px; color:#dd0000; text-decoration:none;}
li#newsListItem #ShortDescription #newsListItemHeader #NewsTitle a:hover {font-weight:bold;font-size:12px; color:#dd0000; text-decoration:underline;}
.newsReadMore {float:right;color:#dd0000;padding-top:16px;}
.newsReadMore a.newsReadMore:link {color:#dd0000;text-decoration:none;font-size:11px;}
.newsReadMore a.newsReadMore:hover {color:#dd0000;text-decoration:underline;font-size:11px;}

li#newsListItem a:link #ShortDescription {color:#000;text-decoration:none;}
li#newsListItem a:hover #ShortDescription  {color:#000;text-decoration:none;}

/*Weergave op newspage zelf*/
a:link #NewsTitle{font-weight:bold; font-size:13px; color:#dd0000; text-decoration:none;}
a:hover #NewsTitle {font-weight:bold; font-size:13px; color:#dd0000; text-decoration:underline;}
#NewsDate { color:#000;padding-right:10px;font-size:12px;}
#NewsTitle {font-weight:bold;font-size:13px; color:#dd0000;}
#ShortDescription a:link {color:#000; text-decoration:none;}
 
#ShortDescription a:hover {color:#000; text-decoration:none;}

.readMore{float:right;color:#dd0000;padding-top:16px;}
.readMore a.newsReadMore:link{color:#dd0000;text-decoration:none;font-size:11px;}
.readMore a.newsReadMore:hover {color:#dd0000;text-decoration:underline;font-size:11px;}
.headerMoreNews {background-color:#ccc;padding:2px;font-size:13px;margin:36px 0px 0px 0px;}

/* CONTENT PI */
#content {display:inline; position:absolute; top:115px;height:100%;width:98%;}
// #content {display:inline; position:absolute; top:115px; left:300px; height:100%; max-width:68%;}
//#content #pane img{float:left;}
#content #pane a:link {color:#ca0303;text-decoration:none;}
#content #pane a:active {color:#ca0303;text-decoration:underline;}
#content #pane a:visited {color:#ca0303;text-decoration:none}
#content #pane a:hover {color:#ca0303;text-decoration:underline;}

#contentHome #pane ul{margin-left:14px;}
#contentHome #pane ol {margin-left:14px;}

#content #pane ul{margin-left:0px;}
#content #pane ol {margin-left:0px;}

.tableEventsNews {font-size:12px;}
#trail {font-size:11px;color:#ca0303;height:23px;line-height:23px;margin-left:303px;}
#trail a:link{font-size:11px; color:#ca0303;text-decoration:none;}
#trail a:hover{font-size:11px;color:#ca0303;text-decoration:underline;}

.contentSearch{ background-color:#fff;padding-left:12px;min-height:550px; margin:0px 0px 0px 303px;padding:0px 0px 0px 0px;}

/*SEARCH + RESULTS*/
#search {z-index:0;position:absolute;left:10px;top:104px;}
#search input {}
#search .searchInput {font-size:12px; border:solid 1px #003c74; width:180px; height:20px; padding-left:2px;}
#search .searchButton {font-size:12px;color:#003c74;}

#searchResultCount{ padding-top:10px; font-size:12px;width:98%;  }
#searchResultsList{ padding-top:10px; border-top:solid 1px #99895e;margin:0px;}
#searchResult{  padding:0px 0px 6px 0px;}
#searchResult #docType{ display:none;}
#searchResult #title{ width:100%;padding-bottom:4px;}
#searchResult #title a{ text-decoration:none; font-weight:bold; color:#dd0000; }
#searchResult #title a:hover{ text-decoration:underline; font-weight: bold; color:#000; }
#searchResult #author{display:none;}
#searchResult #date { font-size:11px;font-weight:bold;}
#searchResult #ranking { }
#searchResult #excerpt {display:block; border-bottom: solid 1px #99895e;margin-bottom:6px;padding-bottom:3px; }

/*Attachments*/
.attachments  {margin:26px 0px 26px 0px;}
.attachmentsListingHeader{background-color:#ccc;font-size:13px;padding:2px;}
.attachmentsListItem{margin:0px;padding:3px;text-align:left; border-bottom:solid 1px #99895e; clear:both;}
 
/*FORM*/
.Form{ font-family: Arial, Verdana, sans_serif; font-size: 12px; border: solid 1px #cccccc; }
body.Form{ font-family: Arial, Verdana, sans_serif; font-size: 12px; border: none; padding:3px; }
.FormTop{ background-color: #ffe16f; color: #ca0303; font-weight: bold; padding: 3px; font-size:13px; }
.FormLabel { vertical-align: top; padding: 3px;   font-weight: bold; border-bottom: solid 1px #ccc; }
.FormField { padding: 3px; font-weight: normal; border-bottom: solid 1px #ccc; }
.FormField input {background-color: #ffffff; border: solid 1px #ccc; font-family: Arial, Verdana, sans_serif; font-size: 12px; color: #000; }
.FormField .checkbox {background-color: #ffffff; border: solid 0px #ccc;}
.FormField textarea {background-color: #ffffff; border:solid 1px #ccc; font-family: Arial, Verdana, sans_serif; font-size: 12px; color: #000; }
.FormBottom { background-color: #ffe16f;  padding: 3px; text-align: right; }
.FormBottomLeft { background-color: #ffe16f;  padding: 3px; text-align: left; }
.FormButton { font-family: Arial, Verdana, sans_serif; font-size: 11px; }
.FormLabel2 { font-size: 12px; height: 26px; padding-top:2px;}
.FormField2 { border-bottom: solid 1px #ccc; }
.FormFieldExplain { font-size: 12px; padding: 4px; background-color:#f2ebe1;  }
.formRed { color:#b90825; }


.calender {border:solid 1px #ccc;}
.calender td{padding:3px;vertical-align:top;border-bottom:solid 1px #99895e;}
.header {background-color:#ffcc00;color:#000;font-weight:bold;font-size:13px;}

/*Addition for WAFA*/
/*tabWafa{font-family:Arial,sans_serif,Verdana;font-size:12px;}*/
