/* Examen Trainer HomePage CSS */

/* General styles reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul, ul li, ul li ul li {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/* SKIN CSS */
body {
	background:#ffd514;
	behavior:url(http://www.slimslagen.nl/Portals/25/Skins/examenTrainer/htc/csshover.htc);
}
.site {
	width:940px;
	padding-right:20px;
	margin-left:auto;
	margin-right:auto;
	font-family:verdana;
	background:url(images/shadowRight.jpg) repeat-y top right;
	background-color:#fff;
}

.site .header {
	width:940px;
	height:200px;
	background:url(images/header.jpg) no-repeat;
	position:relative;
}
.site .header .shadowTop {
	background:url(images/shadowTop.jpg) no-repeat top right;
	width:20px;
	height:40px;
	position:absolute;
	top:0px;
	right:-20px;
}
.site .navigation {
	float:left;
	width:255px;
	min-height:10px;
}
.site .topPane {
	height:60px;
	width:525px;
	margin-top:10px;
}
.site .topPane ul li {
	float:left;
	font-family:verdana;
}
.site ul.metaMenu {
	position:absolute;
	top:12px;
	right:165px;
	color:#777;
}
.site ul.metaMenu a {
	color:#777;
	text-decoration:none;
}
.site ul.metaMenu a:hover {
	text-decoration:underline;
}
.site .searchControl {
	float:right;
	margin-top:-62px;
	margin-right:3px;
}

.site .searchControl a {
	height:16px;
	position:relative;
	top:3px;
	right:8px;
}
.site ul.mainMenu {
	width:376px;
}
.algemeen ul.mainMenu:hover li a {
	background-position: 0px -28px !important;
}
.site ul.mainMenu li a {
	display:block;
	height:28px;
	margin-right:7px;
}
.havo ul.mainMenu li a {
	background-position:0px -28px !important;
}
.havo ul.mainMenu li.havo a {
	background-position:0px 0px !important;
}
.vwo ul.mainMenu li a {
	background-position:0px -28px !important;
}
.vwo ul.mainMenu li.vwo a {
	background-position:0px 0px !important;
}
.docenten ul.mainMenu li a {
	background-position:0px -28px !important;
}
.docenten ul.mainMenu li.docenten a {
	background-position:0px 0px !important;
}
.ouders ul.mainMenu li a {
	background-position:0px -28px !important;
}
.ouders ul.mainMenu li.ouders a {
	background-position:0px 0px !important;
}

.site ul.mainMenu li a:hover {
	text-decoration:none;
}
.site ul.mainMenu li.havo a {
	width:102px;
	background:url(images/havo.jpg) no-repeat;
}
.site ul.mainMenu li.havo a:hover {
	background-position: 0px 0px !important;
}
.site ul.mainMenu li.vwo a {
	width:102px;
	background:url(images/vwo.jpg) no-repeat;
}
.site ul.mainMenu li.vwo a:hover {
	background-position: 0px 0px !important;
}
.site ul.mainMenu li.docenten a {
	width:76px;
	background:url(images/docenten.jpg) no-repeat;
}
.site ul.mainMenu li.docenten a:hover {
	background-position: 0px 0px !important;
}
.site ul.mainMenu li.ouders a {
	width:75px;
	margin-right:0px;
	background:url(images/ouders.jpg) no-repeat;
}
.site ul.mainMenu li.ouders a:hover {
	background-position: 0px 0px !important;
}

.site ul.mainMenu li a span {
	visibility:hidden;
}
.site ul.metaMenu li {
	background:url(images/metaSep.gif) no-repeat center right;
	height:15px;
	padding-right:7px;
	margin-right:7px;
}
.site .pageContent {
	position:relative;
	float:left;
	width:685px;
}
.site .pageContent .contentPane {
	float:left;
	width:475px;
	font-family:verdana;
}
.site .pageContent .rightPane {
	width:176px;
	margin-left:34px;
	float:left;
}
.footer {
	margin-right:auto;
	margin-left:auto;
	padding-top:20px;
	width:960px;
	background:url(images/shadowBottom.jpg) no-repeat;
	background-color:#ffd514;
}
.footer ul {
	margin-left:auto;
	margin-right:auto;
}
.footer ul li {
	background:url(images/footerSep.gif) no-repeat center right;
	display:inline;
	height:15px;
	padding-right:7px;
	margin-right:7px;
}
ul li.last,
.site ul li.last {
	background:none;
	padding:0;
	margin:0;
}
.footer .content ul li a {
	color:#000;
	text-decoration:none;
}
.footer .content ul li a:hover {
	text-decoration:underline;
}

/** Side.menu skins **/
/** Side.menu skins **/
/** Side.menu skins **/

.site .navigation a {
	color:#FFF;
	font-size:11px;
	display:block;
	height:17px;
	padding-top:3px;
	padding-left:11px;
}
.site .navigation .menuFooter {
	width:215px;
	height:40px;
	margin-left:16px;
	margin-bottom:20px;
}
.site .navigation a:hover {
	text-decoration:none;
	color:#000;
}


.site .navigation ul li ul li.isSelected_noChildren a {
	font-weight:bold;
}
.site .navigation ul li ul li a:hover {
	font-weight:bold;
}
.site .navigation ul li.isSelected_hasChildren ul { /* item with subitems has been clicked */
	display:inline;
}
.site .navigation ul li ul {
	display:none;
}

.site .topMethodLogo {
background-image:url(images/NU_logo.jpg);
float:left;
height:70px;
left:152;
margin-left:0px;
margin-top:10px;
position:absolute;
text-align:left;
width:230px;
z-index:1;
}
.site .navigation ul.rootMenu li#admin ul,
.site .navigation ul.rootMenu li#host ul {
	display:inline;
}
/** Algemeen specific CSS **/
/** Algemeen specific CSS **/
/** Algemeen specific CSS **/
.algemeen .navigation a {
	color:#000;
}



/** HAVO specific CSS **/
/** HAVO specific CSS **/
/** HAVO specific CSS **/

.havo .navigation .menuFooter {
	border-top:1px solid #92d4f1;
	background:url(images/menuBottomHavo.jpg) no-repeat;
}
.havo .navigation ul.rootMenu {
	background:url(images/menuTopHavo.jpg) no-repeat;
	padding-top:20px;
	width:215px;
	margin-top:60px;
	margin-left:16px;
}
.havo .navigation ul.rootMenu li a {
	border-top:1px solid #92d4f1;		
}
.havo .navigation ul.rootMenu li.isSelected_hasChildren a,
.havo .navigation ul.rootMenu li#admin a,
.havo .navigation ul.rootMenu li#host a {
	border-bottom:1px solid #2faee0;
}
.havo .navigation ul.rootMenu li#admin a,
.havo .navigation ul.rootMenu li#host a {
	border-top:1px solid #2faee0;
}
.havo .navigation ul.rootMenu li.isSelected_hasChildren ul li a,
.havo .navigation ul.rootMenu li#admin ul li a,
.havo .navigation ul.rootMenu li#host ul li a {
	border:none;
}
.havo .navigation ul.rootMenu li ul li {
	border:none;
	background:#92d4f1;
	height:20px;
}
.havo .navigation a {
	background:#2faee0; /* dark-blue */
}
.havo .navigation a:hover {
	background:#92d4f1;
}
.havo .navigation li.isSelected_hasChildren a,
.havo .navigation li.isSelected_noChildren a,
.havo .navigation li#admin a,
.havo .navigation li#host a {
	color:#000;
	background:#92d4f1; /* light-blue */
}

/** VWO specific CSS **/
/** VWO specific CSS **/
/** VWO specific CSS **/

.vwo .navigation .menuFooter {
	border-top:1px solid #d3d500;
	background:url(images/menuBottomVwo.jpg) no-repeat;
}
.vwo .navigation ul.rootMenu {
	background:url(images/menuTopVwo.jpg) no-repeat;
	padding-top:20px;
	width:215px;
	margin-top:60px;
	margin-left:16px;
}
.vwo .navigation ul.rootMenu li a {
	border-top:1px solid #d3d500;		
}
.vwo .navigation ul.rootMenu li.isSelected_hasChildren a,
.vwo .navigation ul.rootMenu li#admin a,
.vwo .navigation ul.rootMenu li#host a {
	border-bottom:1px solid #aac100;
}
.vwo .navigation ul.rootMenu li#admin a,
.vwo .navigation ul.rootMenu li#host a {
	border-top:1px solid #aac100;
}
.vwo .navigation ul.rootMenu li.isSelected_hasChildren ul li a,
.vwo .navigation ul.rootMenu li#admin ul li a,
.vwo .navigation ul.rootMenu li#host ul li a {
	border:none;
}
.vwo .navigation ul.rootMenu li ul li {
	border:none;
	background:#d3d500;
	height:20px;
}
.vwo .navigation a {
	background:#aac100; /* dark-green */
}
.vwo .navigation a:hover {
	background:#d3d500;
}
.vwo .navigation li.isSelected_hasChildren a,
.vwo .navigation li.isSelected_noChildren a,
.vwo .navigation li#admin a,
.vwo .navigation li#host a {
	color:#000;
	background:#d3d500; /* light-green */
}

/** docenten specific CSS **/
/** docenten specific CSS **/
/** docenten specific CSS **/

.docenten .navigation .menuFooter {
	border-top:1px solid #ee93b9;
	background:url(images/menuBottomDocenten.jpg) no-repeat;
}
.docenten .navigation ul.rootMenu {
	background:url(images/menuTopDocenten.jpg) no-repeat;
	padding-top:20px;
	width:215px;
	margin-top:60px;
	margin-left:16px;
}
.docenten .navigation ul.rootMenu li a {
	border-top:1px solid #ee93b9;		
}
.docenten .navigation ul.rootMenu li.isSelected_hasChildren a,
.docenten .navigation ul.rootMenu li#admin a,
.docenten .navigation ul.rootMenu li#host a {
	border-bottom:1px solid #dc5193;
}
.docenten .navigation ul.rootMenu li#admin a,
.docenten .navigation ul.rootMenu li#host a {
	border-top:1px solid #dc5193;
}
.docenten .navigation ul.rootMenu li.isSelected_hasChildren ul li a,
.docenten .navigation ul.rootMenu li#admin ul li a,
.docenten .navigation ul.rootMenu li#host ul li a {
	border:none;
}

.docenten .navigation ul.rootMenu li ul li {
	border:none;
	background:#ee93b9;
	height:20px;
}
.docenten .navigation a {
	background:#dc5193; /* dark-fuchsia */
}
.docenten .navigation a:hover {
	background:#ee93b9;
}
.docenten .navigation li.isSelected_hasChildren a,
.docenten .navigation li.isSelected_noChildren a,
.docenten .navigation li#admin a,
.docenten .navigation li#host a {
	color:#000;
	background:#ee93b9; /* light-fuchsia */
}

/** ouders specific CSS **/
/** ouders specific CSS **/
/** ouders specific CSS **/

.ouders .navigation .menuFooter {
	border-top:1px solid #c391bc;
	background:url(images/menuBottomOuders.jpg) no-repeat;
}
.ouders .navigation ul.rootMenu {
	background:url(images/menuTopOuders.jpg) no-repeat;
	padding-top:20px;
	width:215px;
	margin-top:60px;
	margin-left:16px;
}
.ouders .navigation ul.rootMenu li a {
	border-top:1px solid #c391bc;		
}
.ouders .navigation ul.rootMenu li.isSelected_hasChildren a,
.ouders .navigation ul.rootMenu li#admin a,
.ouders .navigation ul.rootMenu li#host a {
	border-bottom:1px solid #914c93;
}
.ouders .navigation ul.rootMenu li#admin a,
.ouders .navigation ul.rootMenu li#host a {
	border-top:1px solid #914c93;
}
.ouders .navigation ul.rootMenu li.isSelected_hasChildren ul li a,
.ouders .navigation ul.rootMenu li#admin ul li a,
.ouders .navigation ul.rootMenu li#host ul li a {
	border:none;
}
.ouders .navigation ul.rootMenu li ul li {
	border:none;
	background:#c391bc;
	height:20px;
}
.ouders .navigation a {
	background:#914c93;
}
.ouders .navigation a:hover {
	background:#c391bc;
}
.ouders .navigation li.isSelected_hasChildren a,
.ouders .navigation li.isSelected_noChildren a,
.ouders .navigation li#admin a,
.ouders .navigation li#host a {
	color:#000;
	background:#c391bc; /* light-purple */
}
/*** mennu fix IE 6 + 7 ***/
.site .navigation ul.rootMenu li {
	display:inline;
}
/*** END ***/

/** Content modules CSS **/
/** Content modules CSS **/
/** Content modules CSS **/
.site .contentPane h1 {
	font-weight:bold;
	font-size:17px;
	margin-bottom:1em;
}
.algemeen .contentPane h1 {
	color:#f18f00;
}
.havo .contentPane h1 {
	color:#2faee0;
}
.vwo .contentPane h1 {
	color:#aac100;
}
.docenten .contentPane h1 {
	color:#dc5193;
}
.ouders .contentPane h1 {
	color:#914c93;
}
.site .contentPane h2 {
	color:#000;
	font-weight:bold;
	font-size:11px;
	font-family:verdana;
}
.site .contentPane h3 {
	color:#000;
	font-size:17px;
	font-family:verdana;
	margin-bottom:1em;
}
.site .contentPane p {
	margin-bottom:1em;
	font-size:11px;
	font-family:verdana;
}
.site .contentPane a {
	color:#747a82;
	text-decoration:underline;
}
.site .contentPane a.voorbeeldLnk {
	color:#dc5193;
	text-decoration:none;
	display:block;
	height:16px;
	width:105px;
	background:url(images/vbBtn.gif) no-repeat center right;
}
.site .contentPane ol {
	font-size:11px;
	font-family:verdana;
	margin-left:25px;
	margin-bottom:1em;
}
.site .contentPane ul {
	font-size:11px;
	font-family:verdana;
	margin-left:17px;
	margin-bottom:1em;
}
.site .contentPane ul li {
	list-style-type:square;
}
.site .contentPane td.leftCol {
	width:120px;
	padding-right:20px;
}
.site .contentPane td.leftCol img {
	margin-bottom:15px;
}
.logout
{
    color:Black;
	font-size:11px;
	font-family:verdana;
	margin-left:16px;
	margin-top:22px;
}
/*polish the DNN search results*/
.searchResults table tr td
{
    padding-left:10px;
    color:White;
}
.searchOutput
{
    color:Black;
	font-size:11px;
	font-family:verdana;
}

.searchResults .NormalBold
{
    margin-top:20px;
    padding-top:20px;
    height:50px;
}

.searchResults .NormalBold td
{
    color:Black;
    padding-right:150px;
}
.EditButtonsFooter
{
    height:0px;
}


/*********************************
ACCOUNTBAR CSS START
*********************************/
 
#accountBarDiv
{
position: absolute; 
z-index: 1000; 
margin-top: 12px;
margin-right: 1px;
background-color: transparent; 
font-size:11px;
font-family:verdana;
color:black; 
text-decoration:none;
}

#accountBarDiv a
{
	color:#90969E;
	text-decoration:none;
}

#accountBarDiv a:hover
{
	color:#90969E;
	text-decoration:underline;
}
 
/*********************************
ACCOUNTBAR CSS END
*********************************/
