/*
 * Colors:
 *
 * gold 	: #FFD700
 * darkblue	: #00008B
 * menu blauw	: #6395EC
 * SCG rood	: #C71901;
 * datum blauw  : #0066CC;
 */

body
{
        margin-top: 10px;
	font-size: 9pt;
	color: #00008B;
	font-family: Arial;
}
table
{
	font-size: 9pt;
	color: #00008B;
	font-family: Arial;
	border: 0px;
}
div.Nieuws
{
	width: 100%;
	border: #6395cc 1px solid;
	font-size: 9pt;
	font-family: Arial;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
div.NieuwsDatum
{
	float: left; 
	text-align: center;
	width: 80px;
	background-color : #0066cc;
	color: white;
	white-space: nowrap;
	margin-right: 5px;
	z-index: 0 !important; z-index: -1;
}
div.NieuwsTitel
{
	color: #0066cc;
	background: white;
}
table.categorieen
{
        font-size: 8pt;
	margin-top: 6px;
	padding: 1px;
	padding-left: 0px;
}

div.bekers
{
        margin-top: 6px; /* Compenstatie voor inline header */
        overflow: auto;
	border-right: #6395ec 2px solid;
	border-top: #6395ec 2px solid;
	border-left: #6395ec 2px solid;
	border-bottom: #6395ec 2px solid;
	width: 100%;
	height: 60px;
}

table.tabel
{
	border-right: #6395ec 2px solid;
	border-top: #6395ec 2px solid;
	border-left: #6395ec 2px solid;
	border-bottom: #6395ec 2px solid;
	margin-bottom: 6px;
}

table.tabel_link
{
        float: left;
        margin-top: 6px; /* Compenstatie voor inline header */
	margin-right: 10px;
	border-right: #6395ec 2px solid;
	border-top: #6395ec 2px solid;
	border-left: #6395ec 2px solid;
	border-bottom: #6395ec 2px solid;
	border-spacing: 1px;
}

table.adrestabel
{
        width: 100%;
        padding: 1px;
	border-spacing: 1px;
	border-right: #6395ec 2px solid;
	border-top: #6395ec 2px solid;
	border-left: #6395ec 2px solid;
	border-bottom: #6395ec 2px solid;
	margin-bottom: 6px;
}

table.adrestabel_naH1
{
        margin-top: 6px; /* Compenstatie voor inline header */
        width: 100%;
        padding: 1px;
	border-spacing: 1px;
	border-right: #6395ec 2px solid;
	border-top: #6395ec 2px solid;
	border-left: #6395ec 2px solid;
	border-bottom: #6395ec 2px solid;
	margin-bottom: 6px;
}

table.list
{
	width: 100%;
}

H1.titeltekst
{
        display: inline; /* Anders breedte over hele pagina */
        font-size: 11pt;
	padding: 1px;
	padding-right: 25px;
	background-color: #FFD700;
	background-position: right;
	background-image: url(../Design/Driehoek.gif);
	background-repeat: no-repeat;
}

H3
{
	margin-top : 0px;
	margin-bottom : 0px;
}

ol
{
	margin-top: 0cm;
	margin-bottom: 0cm;
	margin-left: 0.7cm;
}

marquee
{
	font-weight: bold;
	font-size: 11pt;
	cursor: pointer;
	background-color: #FFD700;
}

tr.titel
{
	font-weight: bold;
	color: white;
	background-color: #0066CC;
}

td.titel
{
	font-weight: bold;
	color: white;
	background-color: #0066CC;
}

td.PR
{
        font-size: small;
        color: white;
        background-color: #0066CC;
}

td.DQ
{
        font-size: small;
        color: white;
        background-color: RED;
}

td.CR
{
        font-size: small;
        color: black;
        background-color: YELLOW;
}

td.VAL
{
        font-size: small;
        color: white;
        background-color: RED;
}

a.pdf
{
        padding-right: 14pt;
	background-position: right;
	background-image: url(../Graphics/Acrobat.jpg);
	background-repeat: no-repeat;
}

a.xls
{
        padding-right: 14pt;
	background-position: right;
	background-image: url(../Graphics/Excel.gif);
	background-repeat: no-repeat;
}

a.doc
{
        padding-right: 14pt;
	background-position: right;
	background-image: url(../Graphics/Word.gif);
	background-repeat: no-repeat;
}

a.zip
{
        padding-right: 14pt;
	background-position: right;
	background-image: url(../Graphics/Zip.gif);
	background-repeat: no-repeat;
}

a.mail
{
        padding-right: 14pt;
	background-position: right;
	background-image: url(../Design/Mail.gif);
	background-repeat: no-repeat;
}

/* CSS Stylesheet voor menu */

/*
 * Menu is het blauwe menu met submenu's
 * ExtraMenu is het rode menu. Dit heeft vooralsnog geen subitems
 */
div.MenuTop, div.ExtraMenuTop, div.MenuTopStars
{
	height: 6px; 
	margin: 0px;            
	width: 170px; 
	background-color: #6395EC; 
	background-position: top left; 
	background-image: url(../Design/MenuBoven.gif); 
	background-repeat: no-repeat;
}
div.ExtraMenuTop
{
        background-color: #C71901; /* rood */
        background-image: url(../Design/MenuRonding_bovenExtra.gif);
}
div.MenuTopStars
{
	background-image: url(../Design/MenuBovenEnTitel.gif); 
}
div.MenuBottom, div.ExtraMenuBottom
{
	height: 6px; 
	margin: 0px;            
	width: 170px; 
	background-color: #6395EC; 
	background-position: bottom left;
	background-image: url(../Design/MenuOnder.gif);
	background-repeat: no-repeat;
}
div.ExtraMenuBottom
{
        background-color: #C71901; /* rood */
        background-image: url(../Design/MenuRonding_bovenExtra.gif); 
}
ul.Menu, ul.ExtraMenu
{
	width: 170px;              
	margin: 0px;            
	padding-left: 0px;
	cursor: pointer;
	color: white;
	background-color: #6395EC;
}
ul.ExtraMenu
{
        background-color: #C71901; /* rood */
}
ul.Menu ul, ul.ExtraMenu ul
{
	padding-left: 0px;
	padding-right: 0px;
	margin: 1px;
	font-size: 8pt;
	cursor: pointer;
	border: #99ccff 1px solid;
	background-color: #99ccff;
	white-space: nowrap;
	z-index: 10;
}
ul.ExtraMenu ul
{
        background-color: #C71901; /* rood */
}
ul.Menu li, ul.ExtraMenu li 
{
	padding: 1px;		     /* A padding of 1px to replace the border for hover */
	padding-left: 4px;
	list-style-type: none;       /* removes the bullet points */
	margin: 0px;                 /* Opera 7 puts large spacings between li elements */
	position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
					the lack of offset makes these appear normal, but it will make a difference
					to the absolutely positioned child blocks */
	color: white;                 
}
ul.Menu li > ul 
{          			     /* using the > selector prevents many lesser browsers (and IE - see index.html) hiding child ULs */
	display: none;               /* hides child menu blocks - one of the most important declarations */
	position: absolute;          /* make child blocks hover without leaving space for them */
	top: 0px;
	left: 150px;                 /* this must not be more than the width of the parent block, or the mouse will
					have to move off the element to move between blocks, and the menu will close */
}
ul.Menu li:hover, ul.Menu li.CSStoHighlight, ul.ExtraMenu li:hover, ul.ExtraMenu li.CSStoHighlight 
{
	background-color: #FFD700;      
	padding: 0px;		     /* Remove the padding and add the border */
	padding-left: 3px;
	border: white 1px solid;
	color: black;                
}
ul.Menu ul.CSStoShow 
{     				     /* must not be combined with the next rule or IE gets confused */
	display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.Menu li:hover > ul 
{    				     /* one of the most important declarations - the browser must detect hovering over arbitrary elements
					the > targets only the child ul, not any child uls of that child ul */
	display: block;              /* makes the child block visible - one of the most important declarations */
}
ul.Menu li a, ul.ExtraMenu li a
{ 
	color: white; 
	display: block; 
	width: 100%; 
	text-decoration: none; 
}
ul.Menu li ul a 
{
	color: #00008B; 
}
ul.Menu li a:hover, ul.Menu li a.CSStoHighLink 
{ 
	color: black; 
}
ul.Menu li:hover > a, ul.ExtraMenu li:hover > a 
{ 
  	color: black; 
} 
ul.ExtraMenu li a:hover /* Anders snapt internet exploder er weer niks van */
{ 
  	color: black; 
} 
DIV.MenuMail
{
	text-align: center;
	width: 170px;              
	margin: 0px;
	height: 32px; 
	cursor: pointer;
	color: white;
	background-color: #6395ec;
	white-space: nowrap;
	background-position: right;
	background-image: url(../Design/MenuRonding_mail.gif);  
	background-repeat: no-repeat;
}
DIV.MenuMail ul
{
	margin: 0px;
	list-style-type: none; 
	padding-top:7px;
	padding-left:0px;
}
DIV.MenuMail a
{
	text-decoration: none;
       	color: white;
}
DIV.MenuMail a:hover, DIV.MenuMail a:visited, DIV.MenuMail a:active
{
       	color: #FFD700;
}
ul.MenuSponsoren
{
	margin: 0px;
	width: 170px;              
	list-style-type: none; 
	padding-left:0px;
	background-color: #6395ec;
}
img.MenuSponsor
{
	margin: 2px; /* To ensure there is a margin between the images (as well in Opera) */
}
li.SponsorTekst
{
	color: white;
}
ul.MenuSponsoren li
{
	padding-left:5px;
}
/* Divs om onderlinge ruimte tussen diverse menu's in te stellen */
div.HoogteMenu
{
	height: 300px;
}
div.HoogteMenuExtra
{
	height: 80px;
}
div.HoogteMenuMail
{
	height: 40px;
}
div.HoogteMenuSponsoren
{
}

/* CSS Stylesheet voor titelbalk */

a.titel
{
       padding: 23px;
       padding-left: 32px;
}
a.titel:link, a.titel:visited
{
       color: white;
}
a.titel:hover, a.titel:active
{
       color: #6395ec;
}
div.Home
{
	position: absolute; 
	padding-left: 0;
}
div.Streepjes
{
	position: absolute; 
	margin-left: 174px; 
	width: 726px; 
	height: 112px; 
	z-index: 0; 
	background-color: #6395EC; 
	padding-right: 1px; 
	border-right: #6395EC 1px solid;
	border-top: #6395EC 1px solid;
	background-image: url(../Design/TitleBack.jpg); 
	background-repeat: repeat;
}
div.tr
{
	position: absolute;
	z-index: 2;
	width: 10px;
	height: 10px;
	top: -1px;
        left: 718px;	
	background-image: url(../Design/tr.gif);
	background-repeat: no-repeat;
}
div.Winterplaatje
{
	height: 112px; 
	z-index: 1; 
	background-image: url(../Design/Title.jpg); 
	background-repeat: no-repeat;
}
div.RSS
{
	z-index: 5;
	text-align: right;
	padding-right: 7px;
	padding-top: 7px;
}
div.Poster{
	position: absolute;
	padding-left: 676px;
	padding-top: 0px;
}
div.KnoppenBalk
{
	position: absolute; 
	margin-left: 174px; 
	margin-top: 112px; 
	width: 726px; 
	height: 17px; 
	background-color: #C71901; 
	padding-right: 1px; 
	font-weight: bold;
	border-right: #6395EC 1px solid;
}
div.Knop
{
	position: relative; 
	float: left; 
	margin-left: 6px; 
	margin-right: 6px; 
	margin-top: 2px;
}
a.Knop, a.KnopSelected
{
	text-decoration: none;
}
a.Knop:link, a.Knop:visited, a.Knop:active
{
	color: white;
}
a.Knop:hover
{
	color: #6395EC;
}
a.KnopSelected:link, a.KnopSelected:visited, a.KnopSelected:hover, a.KnopSelected:active
{
        color: #FFD700;
}

/* CSS Stylesheet voor topschaatsers lijst */

div.schaatser
{
        position: relative;
        width: 688px;
}
div.foto
{
        position: absolute;
        top: 0px;
        right: 0px;
}
img.foto
{
        margin: 0px;
        padding: 0px;
}
h2.topschaatsers
{
        font-size: medium;
        font-family: Arial;
}
h3.topschaatsers
{
        font-size: small;
        font-family: Arial;
        margin-bottom: 0px;
        padding-bottom: 0px;
}
ul.topschaatsers
{
        font-size: small;
        list-style:none;
        font-family: Arial;
}

/*
 * Als filmpje aangepast, kijk dan ook even in de tekstsparser. Daar staan de dimensies ook !
 */

OBJECT.filmpje {
  width : 400px;
  height : 350px;
}

IMG.filmpje {
  width : 400px;
  height : 350px;
}

/*
 * Voor agenda skeeleren
 */
TD.mnsc {
	background-color : #00b0f0;
}

TD.anders {
	background-color : #ff0000;
}

TD.skeelerles {
	background-color : #ffff00;
}

TD.landelijk {
	background-color : #7030a0;
}

TD.schoolvakantie {
	background-color : #9acc00;
}

TD.training {
	background-color : #f89745;
}

TD.info {
	background-color : #4f82be;
}

TD.clubkampioenschappen {
	background-color : #00b050;
}