body {
  margin: 0; padding: 0;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  color: #003;
  background: #fff url(assets/images/strookcontent.gif) repeat-x 0 36px;
}

h1, h2, h3, h4, h5, h6, form, fieldset, input, select, textarea {
	margin: 0;
	padding: 1px;
	font-size: 1em;
	color: #003366;
}
h1 span, h2 span, h3 span {
  color: #999;
}

a:link, a:visited, a:hover, a:focus, a:active { 
  color: #f00;
  text-decoration: none;
}
a:hover, a:focus, a:active { text-decoration: underline; }
a img { border: none; }
hr { display: none; }
strong { font-weight: bold; }
a#skiplink {
  position: absolute;
  right: 0;
}
a#skiplink:link, a#skiplink:visited { color: #fff; }
a#skiplink:hover, a#skiplink:focus, a#skiplink:active { color: #9e1c34; }

/* optionele form elementen */
input, select, textarea { color: #000; }
div.textinput input, textarea { border: 1px solid #bbbbbb; }
label {
  display: block;
  font-weight: bold;
  cursor: pointer;
}
div.submitbutton input { border: 0; }
div.submitbutton label {
  display: inline;
  color: #000;
}


/**************************
* site container
***************************/
div#nescio {
	width: 730px;
	margin: 0 auto;
	background-color: lightgrey;
	position: relative;
	z-index:1;
	text-align: left;
}

/**************************
* header
***************************/
div#header {
  background: #fff url(assets/images/headbg.jpg) no-repeat 0 36px; /* #2094d6 */
  height: 180px;
}
div#header h1 {
  color: #f00;
  line-height: 3em;
  background: #fff url(assets/images/nescioloop.gif) no-repeat 3px 6px;
}
div#header h1 a {
  display: block;
  width: 298px; 
  height: 0;
  padding-top: 34px; 
  overflow: hidden;
  color: #f00; 
  line-height: 2em;
}

/**************************
* navigatie & service
***************************/

/* hoofdmenu en extralinks */
#nescio div#header ul#nav, 
#nescio div#header ul#nav li, 
ul#extralinks, ul#extralinks li {
  display: inline;
  list-style: none;
  margin: 0; 
  padding: 0;
}

#nescio div#header ul#nav, 
ul#extralinks {
  xdisplay: block; 
  width: 100%; 
  overflow: hidden;
}
#nescio div#header ul#nav {
  margin-top: 15px;
  border-left: none;
  font: 1.4em Arial, Helvetica, sans-serif;
  border-right: none;
}
#nescio div#header ul#nav li {
  position:relative; /* xx */
  float:left;/* xx */
  xborder-right:1px solid #fff; /* xx */
  font-weight: normal;
  z-index:80;
}
#nescio div#header ul#nav li a {
  float: left;
  padding: 2px 28px;
  background: transparent url(assets/images/dotvertical.gif) repeat-y 100% 0;
  color: #fff;
}
#nescio div#header ul#nav li:hover,
#nescio div#header ul#nav li.iehover {
  background-color:#000;
}

#nescio div#header ul#nav li a:hover, 
#nescio div#header ul#nav li a:focus, 
#nescio div#header ul#nav li.active {
  background-color: #000;
  text-decoration: none;
}

/*	2nd level */
#nescio div#header ul#nav li ul {
  display:none; /* hide 2nd levels */
  position:absolute;
  top:1.3em;
  left:0;
  z-index:99; /* show above all */
  margin:0;
  margin-left:0.1em;
  padding:0;
  width:15em;
  border-right:1px solid #fff;
  border-left:1px solid #fff;
  border-bottom:1px solid #ccc;
  border-top:1px solid #ccc;
  background-color: #fff;
}
#nescio div#header ul#nav li ul li {
  margin:0;
  padding:0;
  width:100%;
  float:left;
  background-color:#f00;
  border-bottom:1px solid #fff;
  border-right-style:none;
}
#nescio div#header ul#nav li ul li:hover,
#nescio div#header ul#nav li ul li.iehover {
  background-color:#000;
}
#nescio div#header ul#nav li ul li.active {
  background-color:#000;
}
#nescio div#header ul#nav li ul li.active li a {
  color:#fff;
}
#nescio div#header ul#nav li ul li.active li.active a {
  color:#fff;
}
#nescio div#header ul#nav li ul li.active li a:hover {
  background-color:#666;
  color:#fff;
}
#nescio div#header ul#nav li ul li a {
  display:block;
  margin:0;
  padding: 0.5em 10px;
  xbackground-color:#f00;
  background-image: none;
  color:#fff;
  font-weight:normal;
  font-size:0.85em;
  text-decoration:none;
  line-height:1.2em;
  _width:100%; /* IE HAck--15em */
}
#nescio div#header ul#nav li ul li.active a{
  background-color:#000;
  color:#fff;
}
#nescio div#header ul#nav li ul li.active a:hover,
#nescio div#header ul#nav li ul li.active:hover {
  background-color:#666;
  color:#fff;
}
#nescio div#header ul#nav li ul li a:hover {
  background-color:#000;
  color:#fff;
}
#nescio div#header div#vervolgnav div.floatclearing {
  clear:both;
  display:block;
  height:1px;
  width:100%;
  margin:0;
  padding:0;
  background-color:#FFFFFF;
  overflow:hidden;
}
#nescio div#header div#vervolgnav div.floatclearing HR { 
  visibility:hidden;
}
/* the magic: */
#nescio div#header ul#nav li:hover ul,
#nescio div#header ul#nav li:hover ul li:hover ul {
  display:block;
}
/* IE SUPER magical-code */
#nescio div#header ul#nav li.iehover ul {
  display:block;
}
#header HR {
  display:none;
}



/* extralinks onder te plaatsen? */
ul#extralinks {
  background-color: #fff;
}
ul#extralinks li {
  float: right;
  padding: 0 5px 0 18px;
  margin-left: 20px;
  background: url(assets/images/arrowright.gif) no-repeat 0 4px;
}
ul#extralinks li a {
  font-weight: bold; 
  color: #999999;
}

#nescio div#header div.servicenav {
	position:absolute;
	right:0;
	top:1.7em;
	background-color:#FFFFFF;
}
#nescio div#header div.servicenav a {
	margin-left:2em;
	padding-left:10px;
	color:#999;
	text-decoration:none;
	font-size:0.9em;
	font-weight:bold;
	background-image:url(assets/images/bullet_rechts.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#nescio div#header div.servicenav a:hover {
	text-decoration:underline;
}
/**************************
*vervolgpagina's
***************************/
div#vervolgnav { 
  position: absolute;
  width: 730px; 
  top: 55px;
  margin-top: 0;
  padding-left: 0;
  border: 1px solid #fff;
  border-left: none;
  border-right: none;
  background: #f00 url(assets/images/dotvertical.gif) repeat-y 0 0;
  display:block; /* xx */
}

/**************************
* content
***************************/
div#content {
  width: 100%;
  overflow: hidden;
  background: url(assets/images/nepkolom.gif) repeat-y;
}
div#photocontent {
  width: 100%;
  overflow: hidden;
  background: url(assets/images/geenkolom.gif) repeat-y;
}
div#main {
  width: 650px;
  float: left;
  padding: 0 57px 1em 22px;
  background-color: #f0f2f6; /* #f0f2f6 */
  overflow-x: hidden;
}
div#vervolg {
  width: 428px;
  float: left;
  margin: 1.7em 0 0 0;
  padding: 0 57px 1em 22px;
  background-color: #f0f2f6; /* #f0f2f6 */
  overflow-x: hidden;
}
div#main2 {
  width: 652px;
  float: left;
  padding: 0 57px 1em 22px;
  background-color: #f0f2f6; /* #f0f2f6 */
  overflow-x: hidden;
}
div#photocontent div#main {
  width: 730px;
  float: left;
  padding: 0 0 1em 20px;
  background-color: #f0f2f6; /* #f0f2f6 */
  overflow-x: hidden;
}
div#main h2 {
  width: 100%;
  margin: 0 0 0.5em -22px;
  padding: 0 57px 0 22px;
  font-size: 1.2em;
  line-height: 1.4em;
  color: #000;
  background-color: #fff;
}
div#main h3 { 
  color: #003366; 
  margin: 1em 0 0 0;
}
div#main p.lead { font-weight: bold; }
div#main p { margin: 0 0 1em 0; }
div#main samp { font: 1em "Courier New", Courier, mono; }
div#main ul, div#main ol, div#main dd { 
  margin: 0 0 1em 1.4em; 
  padding: 0; 
}
div#main div.paginaitem {
  clear: both;
  margin: 2em 0;
  border-top: 2px solid #cccccc;
}
div#main a.backtotop { 
  float: right; 
  margin-top: -2em; 
}
div#photocontent div#main div.paginaitem {
  clear: both;
  width: 650px; /* 428px */
  margin: 2em 0;
  border-top: 2px solid #cccccc;
}
div#main address { font-style: italic; }
div#main dt { font-weight: bold; }
div#content dfn { 
  font-weight: bold; 
  font-style: normal; 
}
div#onder {
  border-top: 1.68em solid #ffffff;
  width: 209px; 
  float: right;
  padding: 0 7px 100px 7px;
  background-color: #dedede;
}
div#onder h3 { 
  color: #003366; 
  margin: 2em 0 0 0;
}
div#onder ul.speciallinks, div#onder ul.speciallinks li {
  list-style: none; 
  margin: 0; 
  padding: 0;
  font-weight: bold;
}
div#onder p, div#onder ul.speciallinks {
  margin: 0.5em 0 1em 0;
}
div#onder ul.speciallinks {
  margin-bottom: 4em;
}
div#onder ul.speciallinks li {
  background: url(assets/images/redarrowright.gif) no-repeat 0 0.4em;
  padding-left: 15px;
}
div#onder div.testimonials { 
  color: #666; 
}
div#onder blockquote {
  margin: 1em 2px; padding: 0;
  font-style: italic;
}
div#onder cite { 
  font-weight: bold; 
  font-style: normal; 
}


/* plaatjes in de hoofdkolom */
#main img.thumb {	
  float: right;
  margin-left: 12px;
  margin-bottom: 6px;
  margin-top: .5em;
  border-color: #ccc;
  border-width: 1px;
  border-style: solid;
  padding: 5px;
}
#main img.alt {
  float: left;
  margin: .5em 12px 6px 0;
}
#main img.plain {
  border: none !important;
}
#main a img.thumb:hover {
  border-color: #999;
}
#main .figure {
  float: right;
  margin: .5em 0 6px 20px;
  font-size: 92%;
  color: #999;
  text-align: center;
}
#main .figure dt img {
  margin: 0 0 1em 0;
  padding: 5px;
  border: 1px solid #ddd;
}
#main .figure img.fig {	
  border-color: #ddd;
  border-width: 1px;
  border-style: solid;
  padding: 5px;
}
#main img.alone, #main .block {
  float: none;
}
img#photo {
  margin: 0 0 1em 0;
  padding: 10px;
  border: 1px solid #ccc;
}

/**************************
* footer
***************************/
div#footer {
  clear: both;
  position: relative;
  height: 2em;
  width : 730px;
  margin: 0 auto;
  background-color: #000;
}

p#sponsors {
  position: relative;
  top: 4px; 
  text-align: center;
  margin-right: 4px;
  font-size: 90%;
}

/**************************
* sponsor logos
***************************/
div#sponsors {
  xfont-size: 0; 
  text-align: right;
  position: relative; 
  top: -75px;
}
div#footer > div#sponsors { 
  width: 220px; 
  margin-left: 508px;
}
div#sponsors img {
  margin-right: 16px;
}

body.homepage {
  background-image: url(assets/images/strookhome.gif);
  background-position: 0 107px;
}

/**************************
* homepage header
***************************/
body.homepage div#header {
  height: 107px;
  background: url(assets/images/homebg0.jpg) no-repeat 0 35px;
}

/**************************
* homepage navigation
***************************/
body.homepage ul#nav {
  margin: 0;
}

/**************************
* homepage content
***************************/
body.homepage div#content { 
  background: none; 
  overflow: visible; 
}
body.homepage div#main {
  height: 116px;
  width: auto;
  float: none;
  padding: 8px 40px 8px 176px;
  overflow-y: auto;
  background: #59b8e9 url(assets/images/homebg2.jpg) no-repeat;
  color: #ffffff;
}
body.homepage div#main h2 {
  margin: 0; 
  padding: 0;
  font: 1.5em/1.2em Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #fff;
  background-color: transparent;
}
body.homepage div#main p {
  margin: 0;
}

body.homepage div#main a {
  font-weight: bolder;
  color: #fff;
  text-decoration: underline;
}
body.homepage div#main a:hover {
  font-weight: bolder;
  color: #fff;
  text-decoration: none;
}

div#homenav {
  position: absolute;
  width: 554px; 
  top: 239px;
  margin-top: 0;
  padding-left: 177px;
  border: 1px solid #fff;
  border-left: none;
  border-right: none;
  background: #f00 url(assets/images/dotvertical.gif) repeat-y 24.1% 0;
}
body.homepage div#onder {
  width: auto; 
  float: none;
  padding: 141px 0 0 42px;
  background-image: url(assets/images/homebg3.jpg);
  background-repeat: no-repeat;
  border: none;
  background-color: #000;
}
body.homepage div#inschrijven {
  width: 235px;
/*  height: 145px;
  min-height: 145px; 
  padding: 20px 22px 0 22px; */
  padding: 10px 20px 0 20px;
  background: #bad9ea url(assets/images/homeactie.gif) no-repeat;
}
body.homepage div#inschrijven h2 {
  font: 1.3em Arial, Helvetica, sans-serif;
  font-weight: bold;
}
body.homepage div#inschrijven p {
	margin: 0 0 1em 0;
	color: #000;
	text-align: center;
}

body.homepage div#inschrijven p.meer a {
	padding: 0 15px 0 0;
	background: url(assets/images/verder.gif) no-repeat 100% 50%;
 }

/**************************
* homepage footer
***************************/
body.homepage div#footer {
  margin: 0;
  background-color: transparent;
}

/**************************
* homepage sponsors
***************************/
body.homepage p#sponsors {
  position: relative;
  float: right;
  top: 0px;
  width: 320px;
  margin: 0;
  padding: 0;
}
/**************************
* photogallery
***************************/
#photoNav {
	margin: 1em 0 0 0;
	}
#photoNav a {	
	float: left;
	margin: 0 1px .5em 1px;
	padding: 1px 4px 0 4px;
	color: #ccc;
	text-decoration: none;
	border: none;
	}
#photoNav a:hover, #photoNav a.active {
	color: #000;
	background: #ccc;
	}
#flash_block {
	padding-left:8px;
	display:block;
}

img#parcours {
	position:absolute;
	top:420px;
	left:20px;
}
.sponsor {
	color: #000;
	text-align: left;
}
.nadruk {
	font-weight: bold;
	color: #600;
}