html
{
	margin: 0px;
	min-height: 100%;
}

.ie6 html
{
  height: 100%;
}

body
{
  padding: 0px;
  margin: 0px;
  cursor: default;
  background-color: #dddddd;
  font-size: 75%;
  line-height: 1.5;
  font-family: Arial;
  color: black;
}

h1
{
  color: #bc002d;
  font-size: 170%;
  font-weight: normal;
  display:block;
}

a
{
	font-weight: bold;
	text-decoration: none;
	color: black;
}

#content a {
  font-weight: normal;
  text-decoration: underline;
}

.clear
{
  clear: both;
  font-size: 1px;
  width: 0px;
  height: 0px;
  display: block;
}

#page
{
  width: 980px;
  min-height: 600px;
  margin: 20px auto;
  background-color: #ffffff;
  border-bottom:10px solid #005976;
}

#homepage #page {border:none;}

.ie6 #page
{
  height: 560px;
}

#logo
{
  display: block;
  height: 96px;
  width: 980px;
  background: #ffffff url(/dupontpensioenfonds/images/logo.jpg) no-repeat;
  text-indent: -9999px;
}
.dnr #logo {
  background: #ffffff url(/dupontpensioenfonds/images/deelnemersraad-logo.jpg) no-repeat;
}

/* TOPBAR */

#topbar
{
  margin: 0px;
  padding: 0px;
  display: block;
  height: 25px;
  width: inherit;
padding-left:180px;
  background: #ffffff url(/dupontpensioenfonds/images/topbar.gif) repeat-x;
}

#topbar li
{
  float: left;
  display: block;
  line-height: 25px;
  height: 25px;
  list-style: none;
  margin: 0px;
  padding: 0px;
  padding-right: 30px;
}

li.search
{
  padding:2px 0px 0px 8px;
  color: #d7de72;
position:absolute;
list-style:none;
}

li.search form
{
  padding: 0px;
  margin: 0px;
}

li.search input
{
  width: 100px;
  height: 12px;
  font-size: 11px;
}

.ie6 li.search input
{
  margin-top: 2px;
}

.ie7 li.search input
{
  margin-top: -1px;
} 

li.search .button {
  display: inline-block;
  height: 100%;
  width: 30px;
  background: #005976 url(/dupontpensioenfonds/images/arrow-green.gif) no-repeat center center;
  border: none;
  text-indent: -9999px;
}

#topbar li.logoff {
  margin-left: 700px;
}

#topbar li a
{
  color: #ffffff;
  font-weight: normal;
}

/* LEFTMENU */

.leftmenu
{
  display: block;
  float: left;
  width: 205px;
  padding: 0px;
  margin: 0px;
  border-left: 1px solid white;
}

.ie6 .leftmenu
{
  margin-top: -1px;
}

.leftmenu li
{
  display: block;
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 21px;
  border-top: 1px solid #ffffff;
  width: 205px;
  background-color: #bac600;
}
.dnr .leftmenu li ul li {
  background-color: #687bba;
}
.dnr .leftmenu li {
  background-color:#1e3993;  
}
.dnr .leftmenu li a, .dnr .leftmenu li.on li a {
  color: #ffffff;
}

.ie6 .leftmenu li {width: 200px;}
.leftmenu li a {display: block;width: 100%;height: 100%;color: #005976;padding-left: 5px;}
.leftmenu li ul
{
  position: absolute;
  margin: 0px;
  padding: 0px;
  margin-left: 206px;
  margin-top: -22px;
  background-image: url(/dupontpensioenfonds/images/sub-menu-bg.gif);
  background-position: right top;
  background-repeat: repeat-y;
  width: 205px;
}


.leftmenu li ul li {display: none;background-color: #d7de72;width: 197px;}
.ie6 .leftmenu li ul li{width: 192px;}


.leftmenu li.on {background-color: #bc002d;}
.leftmenu li.on a {color: white;}
.leftmenu li.on li a {color: #005976;height:100%;}
.leftmenu li.on li.on a {color: white;height:100%;}
.leftmenu li ul li.last {background: #d7de72 url(/dupontpensioenfonds/images/sub-menu-bottom.gif) repeat-x bottom right;height:30px;margin-bottom:-8px; padding-bottom: 10px;}
.leftmenu li.on ul li.on {background: #bc002d url(/dupontpensioenfonds/images/sub-menu-bottom.gif) repeat-x bottom right;margin-bottom: -8px; padding-bottom: 10px;}

.dnr .leftmenu li ul li.last {background: #687BBA url(/dupontpensioenfonds/images/sub-menu-bottom.gif) repeat-x bottom right;height:30px;margin-bottom:-8px;}
.dnr .leftmenu li.on ul li.on {background: #bc002d url(/dupontpensioenfonds/images/sub-menu-bottom.gif) repeat-x bottom right;height:30px;margin-bottom:-8px;}
/* CONTAINER */

#container
{
  margin-left:206px;
  width: 740px;
  min-height: 430px;
  background-image: url(/dupontpensioenfonds/images/bg-splash.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-left: 34px; 
}

.ie6 #container
{
  height: 430px;
}

.site-title
{
  font-size: 80%;
  color: #959595;
  height: 40px;
  line-height: 40px;
}

.site-title a {
  color: #959595;
  text-decoration: underline;
}

.site-title ul {list-style:none;margin:0px;margin-left:-40px;}
.site-title ul li {float:left;}
.site-title ul li.last a {text-decoration:none;font-weight:normal;}

#content
{
  min-height: 390px;
  width: 590px;
}
.editor #content, .ie6 #content
{
  height: 390px;
}

#content li {
  list-style-type: circle;

}

#bottombar
{
  background-color: #005976;
  height: 10px;
  font-size: 1px;
}

/* INTRO, LOGIN */

.home #logo
{
  background: #ffffff url(/dupontpensioenfonds/images/logo-home.jpg) no-repeat;
}

#intro-splash, #login-splash
{
  position: relative;
  height: 237px;
  width: 570px;
  background: #ffffff url(/dupontpensioenfonds/images/intro-splash.jpg) no-repeat;
  padding-top: 12px;
  padding-left: 410px;   
}

#login-splash
{
  margin-top: 100px;
  background: #ffffff url(/dupontpensioenfonds/images/login-splash.jpg) no-repeat;
  color: white;
margin-left:-240px;
}

#login-splash h1
{
  font-size: 250%;
  line-height: 25px;
  color: white;
}

#login-splash input
{
  width: 218px;
  margin-bottom: 15px;
}

#login-submit
{
  width: 61px;
  height: 28px;
  background: none;
  background-image: url(/dupontpensioenfonds/images/login.png);
  background-repeat: no-repeat;
  border: 0px;
  margin-top: 6px;
  margin-left: 178px;
}

#intro-splash #content
{
  width: 370px;
  height: 210px;
  min-height: 210px;
  color: #ffffff;
}

#intro-splash *
{
  color: #ffffff;
}

#intro-splash h1
{
  font-size: 210%;
   margin-bottom: 0;
}

#route-menu
{
  /*height: 140px;*/
  padding: 0px;
  margin: 0px; 
  margin-left: 395px;
  width: 385px;   
}

#route-menu li
{
  display: block;
  list-style: none;
  padding: 0px 0px 0px 10px;
  margin: 0px;
  line-height: 35px;
  /*height: 35px;*/
  width: 385px;
  border-top: 1px solid #ffffff;
  background-color: #bac600;
}

#route-menu li a
{
  display: block;
  width: 100%;
  height: 100%;
  color: #005976;
  font-size: 140%;
  font-weight: normal;
  background-image: url(/dupontpensioenfonds/images/arrow.gif);
  background-repeat: no-repeat;
  background-position: 358px 9px;
}

#route-menu li.noArrow a {background-image:none;}

#route-menu li ul {position:relative;margin-left:0px!important;padding-left:0px!important;-webkit-padding-start: 0px;left:-10px;}
#route-menu li ul li {padding-left:30px;-webkit-padding-start: 0px;background:#DCE280;width:395px;}
#route-menu li ul li a, #route-menu li.noArrow ul li a {padding-left:40px;background-position: 368px 9px;background-image: url(/dupontpensioenfonds/images/arrow_sub.gif);}
li.notauthorized
{
  display: none !important;
}

/* EXPLORER */
.quickmenu 
{
  width: 705px;
  padding-top: 10px;
  min-height: 245px;
}

.ie6 .quickmenu
{
  height: 245px;
  width: 685px;
}

.quickmenu #menuholder
{
}

.quickmenu .quickmenupane
{
  width: 705px !important;
  height: 235px;
	background-color: #ffffff;
	background-image: url(/dupontpensioenfonds/images/bg-splash.jpg);
	background-repeat: no-repeat;
	background-position: 316px 20px;
  padding: 0px;
  margin: 0px;
  overflow: auto;
  position: absolute;
  z-index: 20;
	margin-top: 35px;
}

.ie6 .quickmenu .quickmenupane
{
  width: 685px !important;
}

.quickmenu .quickmenupane li
{
	margin: 0px;
	padding: 0px;
	display: block;
	list-style: none;
	float: left;
}

.quickmenu .quickmenupane li a
{
  color: #000000;
  text-decoration: none;
}

.quickmenu .quickmenuitem .item
{
  width: 290px;
	cursor: pointer;
	padding-left: 5px;
	background-image: url(/dupontpensioenfonds/images/icon/file.gif);
	background-position: 10px 0px;
	height: 50px;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 60px;
}

.quickmenu .empty .item
{
  background-image: none;
}

.quickmenu .pdf .item
{
  background-image: url(/dupontpensioenfonds/images/icon/pdf.gif);
}

.quickmenu .xls .item, .quickmenu .xlsx .item
{
  background-image: url(/dupontpensioenfonds/images/icon/xls.gif);
}

.quickmenu .doc .item, .quickmenu .docx .item
{
  background-image: url(/dupontpensioenfonds/images/icon/doc.gif);
}

.quickmenu .jpg .item
{
  background-image: url(/dupontpensioenfonds/images/icon/jpg.gif);
  background-position: 20px 0px;
}

.quickmenu .txt .item
{
  background-image: url(/dupontpensioenfonds/images/icon/txt.gif);
  background-position: 20px 0px;
}

.quickmenu .quickmenuitem
{
  font-weight: normal;
  line-height: 20px;
}

.quickmenu .quickmenuitem .item:hover
{
  text-decoration: none;
}

.quickmenu .quickmenuitem-haschildren .item
{
  font-weight: bold;
  background-image: url(/dupontpensioenfonds/images/icon/folder.gif);
}

.quickmenu .parentLink
{
  height: 24px;
  margin-bottom: 7px;
  background-image: url(/dupontpensioenfonds/images/back.gif);
  background-color: white;
  background-repeat: no-repeat;
  background-position: top left;
  margin-top: 0px;
  line-height: 20px;
  float: left;
  cursor: pointer;
  width: 600px;
  padding-left: 40px;
  color: #bc002d;
  font-weight: normal;
  font-size: 160%;
}

.quickmenu .parentLinkStart
{
  position: absolute;
  padding-left: 0px;
  background-image: none;
  float: none;
  z-index: 10 !important;
}

.quickmenu .path {font-size: 11px;color: #999999;}

form a {text-decoration: none !important;}
#svSearchResults .moreResults ul {list-style:none;clear:both;display:block;height:10px;padding:0px;}
#svSearchResults .moreResults ul li {float:left;list-style:none;}
#svSearchResults .moreResults ul li.navPrev {padding-right:10px;}
#svSearchResults .moreResults ul li.navNext {padding-left:10px;}


#homepage #page {position:relative;}
.footerHome {position: relative;background: white;float: left;margin-top:30px;}
.footerHome #topbar {background:none;}
.footerHome #topbar li {padding-right:65px;}
.footerHome #topbar li a, .footerHome li.search {color:#999;}
.footerHome li.search .button {background:none;}