/* 
    Be sure to UPDATE the atletics-editor.css file (in this same folder) when making changes.
    That css is used by the WYSIWYG editor. That way, you'll have the same linkcolors, fonts, etc
    when editing a page in the editor.
*/

body 
{
    background-color: White;
    margin: 0px;
    padding: 0px;
}
#buitenkant
{
    width: 780px;
    margin-left: auto;
    margin-right: auto;
}
#top
{
    width: 780px;
    height: 176px;
    background-image: url('../afbeeldingen/top.jpg');
    float: left;
}
#nav-sitemap
{
    width: 780px;
    float: left;
    height: 57px;
    background-image: url('../afbeeldingen/menu.jpg');
}

/* Menu */
#navlist, #navlist ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#navlist a {
	display: block;
	width: 102px; 
	
	font: 11pt Verdana;
}
#navlist li:hover, #navlist li.sfhover
{
    background: #A3CFFE;
    position: static;
   
}
/* #navlist a.daddy
{
    background-image: url(../afbeeldingen/arrow.gif); center right no-repeat
}
*/
#navlist li { /* all list items */
	float: left;
	width: 102px;  /* width needed or else Opera goes nuts */
	background: #3B84E3;
}
/* "home" */
#navlist li.item1
{
    width: 60px;   
}
#navlist li.item1 a
{
    width: 60px;   
}
/* "nieuws" */
#navlist li.item2
{
    width: 60px;   
}
#navlist li.item2 a
{
    width: 60px;   
}
/* "vereniging" */
#navlist li.item3
{
    width: 85px;   
}
#navlist li.item3 a
{
    width: 85px;   
}
/* "training" */
#navlist li.item5
{
    width: 70px;   
}
#navlist li.item5 a
{
    width: 70px;   
}
/* "activiteiten" */
#navlist li.item6
{
    width: 90px;   
}
#navlist li.item6 a
{
    width: 90px;   
}
/* "contact" */
#navlist li.item7 {
    width: 70px;   
}
#navlist li.item7 a
{
    width: 70px;   
}

#navlist li ul{ /* second-level lists */
	position: absolute;
	 width: 160px; 
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#navlist li li, #navlist li li li
{
    background: #3B84E3;
    width: 166px;   
}
#navlist li ul a
{
    width: 160px;
}
#navlist li ul.small li
{
    width: 102px;
}
#navlist li ul.small a
{
    width: 102px;   
}
#navlist li ul.medium li
{
    width: 114px; 
}
#navlist li ul.medium a
{
    width: 114px; 
}#navlist li ul.large li
{
    width: 180px; 
}
#navlist li ul.large a
{
    width: 180px; 
}
#navlist li ul ul{ /* third-and-above-level lists */
	margin: -22px 0 0 166px; 
}

#navlist li:hover ul ul, #navlist li:hover ul ul ul, #navlist li.sfhover ul ul, #navlist li.sfhover ul ul ul {
	left: -999em;
}

#navlist li:hover ul, #navlist li li:hover ul, #navlist li li li:hover ul, #navlist li.sfhover ul, #navlist li li.sfhover ul, #navlist li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


#nav
{
    position: relative;
    left: 25px;
}

#navlist a:link, #navlist a:visited
{
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px 3px;
}
#navlist a:hover
{
	text-decoration: none;
	color: #1C4479;
}

/* Einde menu */

#breadcrumbs 
{
    height:20px;
    float: left;
    clear: both;
    margin: 10px 0 0 30px;
    font: 11pt verdana, arial;
}

#content
{
    width: 780px;
    float: left;
    background-image: url('../afbeeldingen/achtergrond.jpg');
    background-repeat: repeat-y;
}
#content-tekst
{
    width: 720px;
    margin: 0 auto;
}
#voet
{
    width: 780px;
    height: 112px;
    float: left;
    background-image: url('../afbeeldingen/voet.jpg');
}
h1
{
    color: #103D76;
    font: bold 16pt Verdana, "Trebuchet MS";
    text-align: center;
    margin-top: -5px;
}
h2
{
    font: large Verdana, "Trebuchet MS";
    color: #103D76;
    text-align: left;
}
h3
{
    font: bolder 11pt/6pt Verdana, "Trebuchet MS";
    color: #103D76;
    text-align: left;
}
h4
{
    font: bold 84%/6pt Verdana, "Trebuchet MS";
    color: #3366CC;
    text-align: left;
}
p, ul li, span, table
{ 
    color: #3366CC; 
    font: 10pt/14pt Verdana, "Trebuchet MS";
    text-align: justify;
}
.Tekst_Uitvullen
{
    color: #3366CC !important; 
    font: 10pt/14pt Verdana, "Trebuchet MS" !important;
    text-align: justify;
}
.Tekst_Centreren
{
    color: #3366CC !important; 
    font: 10pt/14pt Verdana, "Trebuchet MS" !important;
    text-align: center;
}
.Tekst_Links_Uitlijnen
{
    color: #3366CC !important; 
    font: 10pt/14pt Verdana, "Trebuchet MS" !important;
    text-align: left;
}
.Tekst_Rechts_Uitvullen
{
    color: #3366CC !important; 
    font: 10pt/14pt Verdana, "Trebuchet MS" !important;
    text-align: right;
}
.Afb_Links
{
    float: left;
    margin: 0 5px 3px 0;
}
.Afb_Rechts
{
    float: right;
    margin: 0 0 3px 5px;
}
.Afb_Midden
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
ul li .indent 
{
    margin: 0 25px 0 10px;
}
a img { border: none; }

a:link { color: #DA7612; text-decoration: none; }
a:visited { color: #DA7612; text-decoration: none; }
a:hover
{
    color: #DA7612;
    text-decoration: underline;
}
a:visited:hover
{
    color: #DA7612;
    text-decoration: underline;
}
table#sponsoren, table.TabelOpmaak
{
    font: 84% Verdana, Trebuchet MS;
    color: #3366CC;
    border-collapse: collapse;
    border: solid 1px #97b6d8;
}
table#sponsoren
{
    color: #103D76;
}
.Tabel_RijOfCel_Achtergrond
{
    background-color: #D7EAFD;
}
table.TabelOpmaak td, table.TabelOpmaak th
{
    border: solid 1px #97b6d8;
}
.TabelCelRand
{
    border: solid 1px #97b6d8;
}
hr
{
    width: 80%;
    height: 2px;
    color: #FF850A;
    background-color: #FF850A;
    border: 0px;
}

div.GBForm span
{
    border: none;
    height: 30px;
    color: #3366CC; 
    font: 10pt Verdana, "Trebuchet MS";
    float: left;
}

.hdnNospam
{
    display: none;
}
.ButtonStyle 
{ 
    border: 1px solid #103D76; 
    color: #3366CC; 
    background-color: #FFFFFF; 
}
.NewsContent 
{ 
    float: left; 
    border: 1px solid #3366CC; 
    padding: 4px; 
    margin-top: 20px; 
    overflow: hidden; 
    position: relative;
}