/*
==============
 ALGEMEEN
==============
*/
BODY { background-color   : #009fe1;
       background-position: left top;
       background-repeat  : repeat-x;
       text-align         : center;
       margin: 0px 0px;
       padding: 5px 0px 0px 0px;
     }

/*
==============
 HYPERLINKS
==============
*/
A               { font-family: Verdana; font-size:10px; font-weight:normal; color:#000000; text-decoration:underline; }
A:active        { color:#000000; }
A:hover         { color:#000000; background-color:##FFE697; }
A:visited       { color:#000000; }
A:visited:hover { color:#000000; background-color:##FFE697; }

A.Small                    { font-family:Verdana; font-size:10px; font-weight:normal; color:#000000; text-decoration:underline; }
a:active.Small             { color:#000000; }
a:hover.Small              { color:#000000; background-color:#D5F1FF; }
a:visited.Small            { color:#000000; }
a:visited:hover.Small      { color:#000000; background-color:#D5F1FF; }

A.Header                   { font-family:Verdana; font-size:10px; font-weight:normal; color:#ffffff; text-decoration:none; margin: 0 0 0 0; padding: 0 0 0 0; }
a:active.Header            { color:#ffffff; }
a:hover.Header             { color:#ffffff; background-color:#D5F1FF; }
a:visited.Header           { color:#ffffff; }
a:visited:hover.Header     { color:#ffffff; background-color:#D5F1FF; }

A.SmallUnder               { font-family:Verdana; font-size:10px; font-weight:normal; color:#000000; text-decoration:underline; }
a:active.SmallUnder        { color:#000000; }
a:hover.SmallUnder         { color:#000000; }
a:visited.SmallUnder       { color:#000000; }
a:visited:hover.SmallUnder { color:#000000; }

A.SmallBold                { font-family:Verdana; font-size:10px; font-weight:bold; color:#000000; text-decoration:none; }
a:active.SmallBold         { color:#000000; }
a:hover.SmallBold          { color:#000000; background-color:#D5F1FF; }
a:visited.SmallBold        { color:#000000; }
a:visited:hover.SmallBold  { color:#000000; background-color:#D5F1FF; }

A.TopMenu                  { color:#FFFFFF; font-family:Verdana; font-size:10px; font-weight:normal; text-decoration:none; }
a:active.TopMenu           { color:#FFFFFF;}
a:hover.TopMenu            { color:#FFFFFF; background-color:#555555;}
a:visited.TopMenu          { color:#FFFFFF;}
a:visited:hover.TopMenu    { color:#FFFFFF; background-color:#555555;}

A.Copyright                { font-family:Verdana; font-size:10px; font-weight:normal; color:#000000; text-decoration:none; }
a:active.Copyright         { color:#000000; background-color: transparent;}
a:hover.Copyright          { color:#000000; background-color: transparent;}
a:visited.Copyright        { color:#000000; background-color: transparent;}
a:visited:hover.Copyright  { color:#000000; background-color: transparent;}

/*
==============
 TEKST
==============
*/
.ContentBigRed   		{ color:#FF0000; font-family: Verdana; font-size: 16px; font-weight: normal  }
.ContentBigBlue  		{ color:#000080; font-family: Verdana; font-size: 16px; font-weight: normal  }

.ContentNormal      { color:#000000; font-family: Verdana; font-size: 12px; font-weight: normal; }
.ContentNormalBold  { color:#000000; font-family: Verdana; font-size: 12px; font-weight: bold;   }
.ContentNormalGreen { color:#008000; font-family: Verdana; font-size: 12px; font-weight: normal  }
.ContentNormalRed   { color:#FF0000; font-family: Verdana; font-size: 12px; font-weight: normal  }
.ContentNormalBlue  { color:#000080; font-family: Verdana; font-size: 12px; font-weight: normal  }
.ContentNormalGrey  { color:#808080; font-family: Verdana; font-size: 12px; font-weight: normal  }
.ContentNormalSource { color:#000000; font-family: Courier New; font-size: 12px; font-weight: normal }

.ContentSmall       { color:#000000; font-family: Verdana; font-size: 10px; font-weight: normal; }
.ContentSmallBold   { color:#000000; font-family: Verdana; font-size: 10px; font-weight: bold;   }
.ContentSmallRed    { color:#FF0000; font-family: Verdana; font-size: 10px; font-weight: normal  }
.ContentSmallGreen  { color:#008000; font-family: Verdana; font-size: 10px; font-weight: normal  }
.ContentSmallGrey   { color:#808080; font-family: Verdana; font-size: 10px; font-weight: normal  }
.ContentSmallBlue   { color:#000080; font-family: Verdana; font-size: 10px; font-weight: normal  }
.ContentSmallPurple { color:#800080; font-family: Verdana; font-size: 10px; font-weight: normal  }
.ContentSmallSource { color:#000000; font-family: Courier New; font-size: 10px; font-weight: normal }

.PageHeader  { color:#FF0000; font-family: Verdana; font-size: 18px; font-weight:bold;   }
.TableHeader { color:#FFE57F; font-family: Verdana; font-size: 12px; font-weight:bold;   }
.MenuHeader  { color:#CC0000; font-family: Verdana; font-size: 16px; font-weight:bold;   }
.TopMenu     { color:#FFFFFF; font-family: Verdana; font-size: 10px; font-weight:normal; }
.ContentHeader { color:#850001; font-family: Verdana; font-size: 11px; font-weight:bold; }

DIV.googlemap { border: 3px solid gray; margin: 0 auto 0 10px; padding: 0 0 0 0; width: 575px;  }

/*
================================================================================================
 LEFT MENU
================================================================================================
*/
DIV#tmpl_leftmenu         { float: left;	width: 155px;	padding-right: 5px; vertical-align: top; }

DIV#menuWrapper           { width: 155px; }
DIV#menuWrapper A.navPage {
	display: block;
	color: #77828B;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	height: 22px;
	padding-left: 10px;
	padding-top: 3px;
	text-decoration: none;
	margin: 0 0 0 2px;
	color:black;
	border:solid 1px transparent;
}

DIV#menuWrapper A.navPage:hover {
	color: #CF006A;
	padding-left: 10px;
	background-color:white; 
	color:black;
	margin: 0 0 0 2px;
	border:solid 1px gray;	
}

DIV#menuWrapper A.navCat {
	display: block;
	color: #000000;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	height: 22px;
	padding-left: 5px;
	padding-top: 3px;
	text-decoration: none;
	background-color:white; 
	border:solid 1px gray;
	margin: 0 0 0 2px;
}


/*
==============
 FORMULIER
==============
*/
.FormBig    { color:#000000; font-family: Verdana; font-size: 16px; font-weight: normal; font-style: normal;  background-color: white; border: solid 1px gray }
.FormNormal { color:#000000; font-family: Verdana; font-size: 12px; font-weight: normal; font-style: normal;  background-color: white; border: solid 1px gray }
.FormSmall  { color:#000000; font-family: Verdana; font-size: 10px; font-weight: normal; font-style: normal;  background-color: white; border: solid 1px gray }

/*
==============
 NAVIGATIE
==============
*/
TD.TopNav      { height:25px; color:#EEAD69; background-color:#850001; border-top:1px solid #B42926; border-bottom:1px solid #590D00; text-align:right; padding-right:15px }
A.TopNav       { color:#EEAD69; text-decoration:none }
a:hover.TopNav { text-decoration:underline }

TD.BottomNav      { text-align:center; height:38px; color:#616161; background-color:#FFFFFF; padding-left:15px }
A.BottomNav       { color:#616161; text-decoration:none; font-weight:bold }
a:hover.BottomNav { text-decoration: underline }

/*
==============
 TABELLEN
==============
*/
td.Header           { height: 102px; width: 100%; padding: 0px 0px; }
td.Title            { text-align: right; font-size: 8pt; font-weight: normal; color: #ffffff; background-color: #000000; padding-right: 10pt; width: 50%; height: 18px }
td.TitleLeft        { text-align: left; font-size: 8pt; font-weight: normal; color: #ffffff; background-color: #000000; padding-left: 10pt; width: 50%; height: 18px }
td.ContentMain      { background-color: #d0ecf8; padding: 0px 0px; vertical-align: top; width: 100% height: 100%; }
td.ContentMainLeft  { background-color: #d0ecf8; padding: 0px 0px; text-align: left; vertical-align: top; width:10%; height: 100% }
td.ContentMainRight { background: #d0ecf8 url("../ed_template/images/diver_back2.png") no-repeat; background-position: bottom right; padding: 0px 0px; vertical-align: top; width:90%; height: 100%; font-family: Verdana; font-size: 12px; font-weight: normal; }
td.Footer           { font-size:7pt; color:#2F2F2D; background-color:#D9D9D9; padding:3px }
td.Copyright        { font-family: Verdana; font-size: 10px; font-weight: normal; text-align: right; color: #000000; background-color: transparent; }

TABLE.Border        { border-collapse: collapse; border: 0px; background-color: #000000; height: 97%; width: 755px; border-spacing: 1px; margin-left: auto; margin-right: auto; }
TD.Border           { text-align: center; vertical-align: top; }

TABLE.Full          { border-collapse: collapse; border: 0px; height: 100%; width: 100%; margin: 0 auto 0 auto; padding: 0 0 0 0; }
TR.Full             { margin: 0 0 0 0; padding: 0 0 0 0; height: 10px; }
TABLE.Copyright     { border-collapse: collapse; border: 0px; width: 755px; margin-left: auto; margin-right: auto; background-color: transparent; }

/*
==============
 OVERIG
==============
*/

.red 	 { color:#FF0000; }
.green { color:#008000; }


.c1_rootmenu               { font-family:Verdana; font-size:x-small; font-weight: bold; background-color:#DAE7FC; padding:3px; left:5; z-index:100; }
.c1_rootmenu_item          { font-family:Verdana; font-size:x-small; font-weight: bold; background-color:#DAE7FC; padding:3px; border:solid 1px DAE7FC; }
.c1_rootmenu_selected_item { font-family:Verdana; font-size:x-small; font-weight: bold; padding:3px; background-color:white; border:solid 1px gray; }

.c1_heading_item { font-family:Verdana; font-size:x-small; background-color:white; font-weight:bold; padding:3px; left:5; z-index:100; border:solid 1px gray; }
.c1_oldrootmenu {	font-family:Verdana; font-size:x-small; background-color:#F1F1F1; padding:3px; border:solid 1px F1F1F1; }
.c1_rootmenu_caption1_item { background-color:white; border:solid 1px gray; }
.c1_rootmenu_caption2_item { font-weight:bold; font-size:smaller; }
.c1_submenu { border:solid 1px gray; font-family:Verdana; font-size:x-small; background-color:#F1F1F1; padding:3px; filter:"progid:DXImageTransform.Microsoft.Shadow(color='gray', Direction=135, Strength=4)"; z-index:100; }
.c1_submenu_item { border:solid 1px #F1F1F1; font-family:Verdana; font-size:x-small; font-weight:bold; background-color:#F1F1F1; padding:3px; }
.c1_submenu_selected_item { border:solid 1px gray; background-color:white; padding:3px; }


/*
===============
 FOTOALBUM 2.0
===============
*/
.photoAlbum       { margin-left: auto; margin-right: auto; text-align: center; }
.photoAlbum table { border: 0px; background-color: transparent; width: 98%; border-spacing: 0px; margin-left: auto; margin-right: auto; border-collapse: collapse; }
.photoAlbum td    { vertical-align: top; margin-left: auto; margin-right: auto; text-align: center; }

.photoAlbum a               { border: solid 1px transparent; color:#000000; font-family:Verdana; font-size:10px; font-weight:normal; text-align:center; text-decoration:none; margin: 0 0 0 0; padding: 0 0 0 0; }
.photoAlbum a:active        { border: solid 1px transparent; }
.photoAlbum a:hover         { border: solid 1px gray; background-color:#EEEEEE; }
.photoAlbum a:visited       { border: solid 1px transparent; }
.photoAlbum a:visited:hover { border: solid 1px gray; background-color:#EEEEEE; }

.photoAlbum .photoShadow a               { border: solid 0px white; margin: 0 0 0 0; padding: 0 0 0 0; }
.photoAlbum .photoShadow a:active        { border: solid 0px white; margin: 0 0 0 0; padding: 0 0 0 0; }
.photoAlbum .photoShadow a:hover         { border: solid 0px white; margin: 0 0 0 0; padding: 0 0 0 0; }
.photoAlbum .photoShadow a:visited       { border: solid 0px white; margin: 0 0 0 0; padding: 0 0 0 0; }
.photoAlbum .photoShadow a:visited:hover { border: solid 0px white; margin: 0 0 0 0; padding: 0 0 0 0; }

.photoTitle      { color:#FF0000; font-family: Verdana; font-size: 12px; font-weight: bold;  text-align:center; vertical-align: top;}
.photoText       { color:#000000; font-family: Verdana; font-size: 8px; font-weight: normal; text-align:center; clear:left }
.photoSelect     { color:#000000; font-family: Verdana; font-size: 10px; font-weight: bold;  text-align:center; text-decoration: none; }

.photoShadowWrap { margin: auto; padding: auto; text-align:center; width:10px }
.photoShadow     { float:left; background: url(http://www.submarinestars.nl/images/shadow.png) no-repeat bottom right;  margin: 10px 0 0 10px; }
.photoShadow img { display: block; position: relative; background-color: #FFF; border: 1px solid #000000; margin: -6px 6px 6px -6px; padding: 4px; }