html, body {
	width:100%;
	height:100%;
}
body {
	background-image:url('images/bg_back.gif');
	background-position:50% 0px;
	background-repeat:repeat-y;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
table { 
	border-collapse:collapse;
}
td {
	padding:0px;
	vertical-align:top;
	text-align:left;
}
img {
	border:0px;
	vertical-align:top;
	padding:0px;
	margin:0px;
}
p {
	margin:2px;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a,
a:link,
a:visited,
.Normal a,
.Normal a:link,
.Normal a:visited,
a.CommandButton,
a.CommandButton:link,
a.CommandButton:visited

{
	color:#5c8ecb;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
}

a.subHead {
	font-weight:bold;
}

.Normal a:hover,
a.CommandButton:hover,
a.subHead:hover
{
	text-decoration:none;
	background-color:#103355;
	color:#ffffff;
}


.contentpaneDivHome .Normal a:hover
{
	background-color:#f60;
}

.Normal,
.Normal td
{
	font-family:verdana, sans-serif ;
	font-size:12px;
	line-height:16px;
}

div#container 
{
	width:812px;
	height:100%;
	background-image:url('images/bg_container.gif');
	background-repeat:repeat-y;
	background-position:50% 0px;
}

#streep
{
	position:absolute;
	top:48px;
	height:60px;
	width:100%;
	background:url("images/streep.jpg");
	background-position:50% 0px; 
	background-repeat:no-repeat;
}

div#top
{
	position:relative;
	top:0px;
	left:0px;
	width:812px;
}

#noordiklogo
{
	position:absolute;
	margin-left:-20px;
	float:left;
	width:200px;
}

#csghetnoordik
{
	margin-top:60px;
	margin-left:205px;
}

div#locations {
	float:right;
	width:608px;
	height:100px;
	display:block;
	margin-top:9px;
	margin-right:1px;
}

#sitenav { 
	padding:0; 
	margin:0;
	width:608px;
	height:100px;
}

#sitenav li { 
	padding:0; 
	margin:0;
	float:left;
	display:inline;
	width:152px;
	height:100px;
	list-style-type:none;
}

#sitenav li a {
	display:block;
	width:152px;
	height:100px;
	text-indent:-999em;
	text-decoration:none;
}

#noordikslaan a { background:url("images/loc_noordikslaan.jpg") 0 0 no-repeat transparent; }
#noordikslaan a:hover, #noordikslaan a.selected{ background-position:0px -100px;}

#renneslaan a { background:url("images/loc_renneslaan.jpg") 0 0 no-repeat transparent; }
#renneslaan a:hover { background-position:0px -100px;}

#vroomshoop a { background:url("images/loc_vroomshoop.jpg") 0 0 no-repeat transparent; }
#vroomshoop a:hover { background-position:0px -100px; }

#vriezenveen a { background:url("images/loc_vriezenveen.jpg") 0 0 no-repeat transparent; }
#vriezenveen a:hover { background-position:0px -100px; }

#shortcuts li { 
	padding:0; margin:0;
	float:left;
	display:inline;
	height: 19px;
	width: 55px;
	list-style-type: none;
}

#shortCutsDiv {
	position:absolute;
	top:0px;
	@top:20px;
	right:10px;
}

#shortcuts a {
	display:block;
	height: 19px;
	width: 61px;
	text-indent: -999em;
	text-decoration: none;
}

#contact_link a { background:url("images/but_contact.gif") 0 0 no-repeat transparent; }

#zoek_link a { background:url("images/but_zoeken.gif") 0 0 no-repeat transparent; }

#print_link a { background:url("images/but_printen.gif") 0 0 no-repeat transparent; }

#sitemap_link a { background:url("images/but_sitemap.gif") 0 0 no-repeat transparent; }

#inlog_link a { background:url("images/but_inlog.gif") 0 0 no-repeat transparent; }

#uitlog_link a { background:url("images/but_uitlog.gif") 0 0 no-repeat transparent; }

#shortcuts a:hover {
	background-position:0 -20px;
	text-decoration: none;
}

td#leftTD {
	width:203px;
}

div#rightContent {
	margin-left:15px;
}

div#breadCrumb {
	margin-top:10px;
	margin-bottom:20px;
	width:580px;
	color: #103355;
	padding-bottom:5px;
	border-bottom: 2px dotted #ddd;
	font-weight:bold;
}

div#breadCrumb span {
	font-size:11px;
	color: #0000000;
	font-weight:normal;
}

div#breadCrumb a.breadCrumbLink,
div#breadCrumb a.breadCrumbLink:link,
div#breadCrumb a.breadCrumbLink:visited
{
	font-size:11px;
	color: #5c8ecb;
	font-weight:normal;
	font-style:italic;
	text-decoration:underline;
}

div#breadCrumb a:hover,
div#breadCrumb a.breadCrumbLink:hover
{
	color: #fff;
	background-color:#f60;
	text-decoration: none;
}

td#contentLeftTd {
	width:410px;
}

td#contentRightTd {
	width:160px;
}

#nieuws {
	float:right;
	width: 158px;
	line-height: 13px;
	background:url("images/nieuws.gif") 0 0 no-repeat transparent;
}

#nieuws dl {
	font-family:verdana, sans-serif;
	width:118px;
	margin:24px 0px 0px 24px;
	padding:0 0 0 10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#nieuws dt {
	font-family:verdana, sans-serif;
	margin:0;
	padding: 13px 0 0 0;
	font-size: 11px;
	font-weight: bold;
}

/*#nieuws dd { 
	text-align:left;
	padding:0; 
	margin:0;
	font-style: italic;
}
*/
#nieuws .Normal {
	font-family:verdana, sans-serif;
	float:left;
	font-style: italic;
	margin:0px;
	padding:0px;
}

#nieuws a {
	width:	115px;
	font-size:11px;
	color: #333;
	text-decoration: underline;
	font-weight:bold;
	background-color:#fff;
}

#nieuws a:hover {
	background-color:#f60;
	color:#fff;
}

div#ContentPane {
	font-size:12px;
}

h1,
div#ContentPane h1,
.Head
{
	font-family:verdana, sans-serif;
	font-weight:bold;
	font-size:15px;
	color:#0f3152;
}

.Normal h2,
.Normal h3,
.Normal h4{
	font-family:verdana, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#5c8ecb;
}

#subMenu img {
	display:none;
}

#subMenu {
	margin-top:15px;
	margin-left:8px;
}

#subMenu a,
#subMenu a:link,
#subMenu a:visited
{
	color:#333333;
	font-family:arial, sans-serif;
	display:block;
	width:172px;
	@width:180px;
	font-size:12px;
	line-height:21px;
	height:21px;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	font-weight:bold;
	padding-left:12px;
}

#subMenu a:hover,
#subMenu .selected,
#subMenu .selected:link,
#subMenu .selected:visited
{
	color: #000;
	background: url("images/navback.gif");
	background-position:0px -1px;
	background-position:0px -2px;
	background-repeat:no-repeat;
	border-bottom: 1px solid #2f5a9b;
}


#subMenu .level1 a,
#subMenu .level1 a:link,
#subMenu .level1 a:visited
{
	background-position:4px -1px;
	font-size:11px;
	width:152px;
	@width:165px;
	margin-left:15px;
	background-color:#ebf0f8;
	padding-left:17px;
	font-weight:normal;
	border-bottom: 1px solid #ebf0f8;
}

#subMenu .level1 a:hover,
#subMenu .level1 .selected,
#subMenu .level1 .selected:link,
#subMenu .level1 .selected:visited,
#subMenu .level1 a.expanded,
#subMenu .level1 a.expanded:link,
#subMenu .level1 a.expanded:visited
{
	color: #000;
	font-weight:bold;
	background: url("images/navback.gif");
	background-position:4px -1px;
	background-repeat:no-repeat;
	border-bottom: 1px solid #2f5a9b;
	background-color:#ebf0f8;
}


#subMenu .level2,
#subMenu .level2 .slide
#subMenu .level2 a,
#subMenu .level2 a:link,
#subMenu .level2 a:visited
{
	display:none !important;
	height:0px;
}


.loginlink a {
	margin-top:15px;
	margin-left:45px;
	display:block;
	height:29px;
	width:114px;
	text-indent:-999em;
	text-decoration:none;
	outline:none;
}

.loginlink a#personeel { background:url("images/inlog_personeel.gif") 0 0 no-repeat transparent; }
.loginlink a#ouders { background:url("images//inlog_ouders.gif") 0 0 no-repeat transparent; }      
.loginlink a#opendagen { background:url("images/opendagen.gif") 0 0 no-repeat transparent; }      
.loginlink a#slagzin { background:url("images/slagzin.gif") 0 0 no-repeat transparent; }

.loginlink a:hover#personeel,
.loginlink a:hover#ouders,   
.loginlink a:hover#opendagen,
.loginlink a:hover#slagzin { 

  border:none;
  background-position:0 -29px;

}

.contentpaneDiv {
	width:580px;
}


.contentpaneDivHome {
	width:390px;
}




