/*
Kleurenschema:
Blauw #38g6f8   rgb(56,150,248)
Paars #ff4eff   rgb(255,78,255)
Geel #fefe08
achtergrond lichtblauw #E9F5F8
*/


body {
     width : 760px;
     margin: 0 auto ;
	 text-align: center;
	background-color: #5a9cc6;
	scrollbar-base-color: #E9F5F8;
	scrollbar-arraow-color: #3c68cc;
	color: #000000;
	font-family: Tahoma, Arial; font-size: 10pt; font-style: normal; font-weight: normal;
}
div#mainContainer {width: 760px; position: relative; left: 0; top: 0; text-align: left; }
div#topmenu {margin: 0px; text-align: middle; background-image: url(../images/bg-topbar.gif); background-repeat: no-repeat; height: 85px; width: 760px;}
div#menu { padding:0 4px 0 6px; width: 155px; height: 1000px; position: absolute; top: 90px; background-image: url(../images/bg.gif)}
div#content {width: 595px; position: absolute; top: 90px; left: 168px; background-color: #E9F5F8; }

div#topmenu div { float: left; margin: 10px 50px 0 25px;}
div.textcolumn { width: 410px; position: absolute;  }
div.imagecolumn { width: 178px; position: absolute; left: 414px;  }
div.imagecolumn img {margin: 0; }

div.textblock.topt { height: 15px; background-image: url(../images/blocktop.gif); overflow: hidden;  }
div.textblock.contentt { text-align: left; padding: 1px 8px; background-color: #E9F5F8; margin: 0;}
div.textblock.bottomt { height: 15px; background-image: url(../images/blockbottom.gif); overflow: hidden;}
div.textblock.betweent { height: 30px; background-image: url(../images/blockbetween.gif); overflow: hidden;}


div.imageblock.topi { height: 11px; background-image: url(../images/imageblocktop.gif); overflow: hidden; margin-top: 0px; }
div.imageblock.contenti { padding: 0; background-color: #E9F5F8; text-align: center;  padding-top: 2px;}
div.imageblock.bottomi { height: 11px; background-image: url(../images/imageblockbottom.gif); overflow: hidden; margin-bottom: 25px;}
/*
div.column.text { width: 410px; float: left; padding: 5px; } C1DDEA border-bottom: 1px dotted #5A9CC6; #E9F5F8
div.column.images { width: 90px; float: left;  }
border: 1px solid red; 
*/


a:link    {text-decoration:underline; color: #3c68cc}
a:visited {text-decoration:underline; color: #3c68cc}
a:hover   { }


img { border: 0}

.navbig  {  font-family: Tahoma, Arial; font-size: 10pt; font-style: normal; font-weight: bold; color: #ffffff}
.navbig2 {  font-family: Tahoma, Arial; font-size: 10pt; font-style: normal; font-weight: bold; color: #ffffff}
.navbig3 {  font-family: Tahoma, Arial; font-size: 14pt; font-style: normal; font-weight: bold; color: #ffffff}
p, .norm, li, strong, h1, h2, h3 { margin: 0; }
h3      {  font-family: Tahoma, Arial; font-size: 10pt; font-style: italic; font-weight: bold; color: #000000}

h2     {  font-family: Tahoma, Arial; font-size: 10pt; font-style: normal; font-weight: bold; color: #000000}
h1     {  font-family: Tahoma, Arial; font-size: 11pt; font-style: normal; font-weight: bold; color: #000000; margin: 0 0 1em 0;}
strong { display: inline; margin: 0; font-weight: bold; }
p { margin: 0 0 1em 0; }
p.beforelist, p.beforeend, ul li.beforelist { margin: 0 0 0 0; }

li, ul {margin: 0; padding: 0;}
ul { margin: 0 0 0.8em 0.8em; *margin: 0 0 0.8em 1.1em;}

#topmenu	   		{  font-family: Tahoma, Arial; font-size: 10pt; font-style: normal; color: #000000;}
#topmenu a:link,
#topmenu a:visited  {  font-family: Tahoma, Arial; font-size: 10pt; font-style: normal; color: #3c68cc; text-decoration:none;}
#topmenu a:hover   	{  font-family: Tahoma, Arial; font-size: 10pt; font-style: normal; color: #3c68cc; text-decoration:underline; }

.sublist { display: inline; }

#menu a:link 	{ font-weight: bold; text-decoration:none; color: #fff}
#menu a:visited { font-weight: bold; text-decoration:none; color: #fff}
#menu a:hover 	{ font-weight: bold; text-decoration:underline; color: #fff}

#menu li li a:link 		{ font-weight: bold; text-decoration:none; color: #eee}
#menu li li a:visited 	{ font-weight: bold; text-decoration:none; color: #eee}
#menu li li a:hover 	{ font-weight: bold; text-decoration:underline; color: #eee}
#menu p { font-weight: bold; color: #fff}
#menu ul li { list-style-type: none; margin: 0 0 0.8em 0; }
#menu ul ul li { margin: 0; }
#menu ul { margin: 0 0 0.8em 0;}
#menu ul ul { margin: 0 0 0.8em 0.6em;}
#menu ul li.beforelist { margin: 0 0 0 0; }

#menu ul li.noLink {
	color: #fff;
	font-weight: bold;
}
.onderwater {  display: none;}

.codelink   {  font-size: 7pt;  font-weight: bold; color: #ff4eff;}

.newssummary,
.trainingsummary {
	background: url(/pics/pijlblauwr.gif) no-repeat left top;
	padding: 0 5px 0 32px;
}

/* style for list of trainings */
ul.traininglist  {
	margin: 0 0 1em 0;
	padding: 0 0 0 3em;
	*padding-left: 2.3em;
}
.traininglist li {
	margin: 0;
	*margin-top: 4px;
	padding: 0;
	list-style: url(/pics/pijlblauwr.gif) disc;
}
#headerImage { margin-top: 66px; }