/* you talk skin.css */
/* last modded by thomas */
/* last modded on 07-sept-2007 */

html, body, .pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #ECECED;
}

.skinmaster {
	height: 100%;
	background-color: #ECECED;
}

body, table {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.skinmaster {
	height: 100%;
}

a:link {
    color: #4d545e;
}

a:hover {
    color: #b0b6ba;
    text-decoration: none;
}

a {
    color: #4d545e;
}

.toppane {
	color: #4d545e;
}

.infoPane {
	background-image: url(images/bgAnnouncementArea.gif);
	background-color: #49515B;
	background-repeat: repeat-x;
	background-position: top left;
	color: white;

}

.leftpane a.normal, .contentpane a.normal, .rightpane a.normal {
	color: #fff;
}

.rightpane {
	background-image: url(images/vertical_sperator.png);
	background-repeat:repeat-y;
	background-position:left;
}

.swfMain {
	width: 898px;
	padding-bottom: 25px;
	overflow: hidden;
}

.imgMain {
	width: 898px;
	height: 135px;
	vertical-align: top;
}

.imgMain img {
	margin: 0;
}

td.breadcrumbs {
	font-family: inherit;
	font-weight: inherit;
	font-size: 10px;
	color: #8E99A0;
	padding-bottom: 6px;
}

.breadcrumbs a:link, .breadcrumbs a:hover, .breadcrumbs a:active, .breadcrumbs a:visited {
	font-family: inherit;
	font-weight: inherit;
	font-size: 10px;
	color: #8E99A0;
	text-decoration: none;
	text-transform: lowercase;
}
.copyright {
	font-family: inherit;
	font-weight: inherit;
	font-size: 10px;
	color: #8E99A0;
	text-decoration: none;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}

.admindiv {
	float: left;
	width: auto;
}

.logodiv {
	float: right;
	width: auto;
}

/* SNAPSIS CSSNavMenu */

.SelectedTab a {
	font-weight: normal;
}

#navHContainer {
    position:absolute;
    display:block;
}

#nav ul {
    padding:0;
    margin:0;
	margin-bottom: 5px;
    list-style:none;
    float:left;
    width:auto;
}

/* Onderstaande stijl is van toepassing op alle menu-items */

#nav li {
  position: relative;
  float:left;
  list-style: none; 
}

/* Onderstaande stijl is van toepassing op alle menu-items met class 'level0' en zorgt voor de ruimte tussen de diverse menu-items */

li.level0 {
	padding-left: 11px;
	padding-right: 11px;
}

/* Onderstaande stijl is van toepassing op het allereerste menu-item */

li.First-Child {
	padding-left: 0px;
}

/* Onderstaande stijl is van toepassing op alle menu-items binnen het element met de id 'nav' */

#nav a { 
	display:block;
	font-size: 13.5px;
	font-size-adjust: 0.48; 
	letter-spacing: 0.06em;
	text-transform: lowercase;
	text-decoration: none;
	color: #8E99A0;
}

/* Onderstaande stijl is van toepassing op alle menu-items bij een onMouseOver-event binnen het element met de id 'nav' */

#nav li a:hover {
	color: #4d545e;
}

/* Onderstaande stijl is van toepassing op het menu-item wat geslecteerd is */

#nav li.SelectedTab a {
	color: #4d545e;
}

#nav li.DisabledTab {
}

/* no need to change these hover classes 
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul {
  left: -999em;
}

#nav li:hover ul, 
#nav li.iehover ul {
	top: 1.6em;
	left:0;
}

#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,  
#nav li li li.iehover ul {
	top: 0;
	left:12.8em;
}

#navContainerBorder {
    background-color:white;
    padding:2px;
    border:1px solid #333;
    height:30em;
}

#navContainer {
   border:1px solid #333;
   width:12em;
   vertical-align:top;
   padding:10px 5px 10px 5px;
}

/* login buttton style */
.loginButton a.SkinObject:link, .loginButton a.SkinObject:visited {
	color:#8E99A0;
	display:block;
	float:left;
	font-size:13.5px;
	font-size-adjust:0.48;
	font-weight:normal;
	letter-spacing:0.06em;
	text-decoration:none;
	text-transform:lowercase;
	margin-left:11px;
}

.loginButton a.SkinObject:hover, .loginButton a.SkinObject:active {
	color: #4d545e;
}


/* subnav css */
.navTitle {
    line-height:27px;
	display:block;
	font-size: 15px;
	font-weight:bold;
	font-size-adjust: 0.48; 
	letter-spacing: 0.06em;
	text-transform: lowercase;
	text-decoration: none;
	color:#FFFFFF;
	width:170px;
	height:27px;
	background-color:#98a4aa;
	text-indent:10px;
	valign:middle;
}

.navTitle a, .navTitle a:link, .navTitle a:visited {
    display:block;
	color:#FFFFFF;
}


.navTitle a:hover{
    height:27px;
    text-decoration: none;
    display:block;
	color:#49515B;
}


#subnav .level1 a {
	background: none;
	font-size: 13px;
	font-size-adjust: 0.48; 
	letter-spacing: 0.04em;
	text-transform: lowercase;
	text-decoration: none;
	text-indent:10px;
	color:#FFFFFF;
	display:block;
	line-height:30px;
	height:30px;
}

#subnav .level2 a {
	background: none;
	font-size: 11px;
	font-size-adjust: 0.48; 
	text-transform: lowercase;
	text-decoration: none;
	color:#FFFFFF;
	text-indent:20px;
	display:block;
	line-height:25px;
	height:25px;
}

#subnav ul {
	background-image:url(images/bgAnnouncementArea.gif);
	background-repeat:repeat-x;
	background-color:#49515B;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin:0pt 0pt 5px;
	padding:0pt;
	width: 170px;
	float:left;
}
 
#subnav li.level1 {
	background-image:url(images/subnav_sperator.png);
	background-repeat:no-repeat;
	list-style: none;
}

/*
* html #subnav li.level1 {
	zoom: 1.0;
	background-image: none;
	background-color: #00FF33;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/subnav_sperator.png', sizingMethod='crop');
}
*/

#subnav li.level2 {
	list-style: none;
}

#subnav li.level2 a:hover, #subnav li.level2.SelectedTab2 a {
	background-image:url(images/subnav_selectedBackgr25px.gif);
}

#subnav li.level1 a:hover, #subnav li.level1.SelectedTab1 a {
	background-image:url(images/subnav_selectedBackgr.gif); 
	color:#49515B;
} 

#subnav .DisabledTab { 
    color:#ccc; 
} 