/* 
    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: #cec3c3;
    background-image: url('../afbeeldingen/background.jpg');
    background-repeat: repeat-x;
    background-position: top left;
    margin: 0px;
    padding: 0px;
    height:100%;
}
#buitenkant
{
    width: 780px;
    margin-left: auto;
    margin-right: auto;
    height:100%;
}
#top
{
    width: 780px;
    height: 176px;
    background-image: url('../afbeeldingen/top.jpg');
    float: left;
}
#nav-sitemap
{
    width: 780px;
    float: left;
    height: 57px;
}

/* Menu */
#nav
{
    width: 600px;
    position: relative;
    top: -3px;
    left: 25px;
}
#nav li 
{
	/* display: inline;  for IE5 and IE6 */
}
#nav ul 
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}
#nav a:link, #nav a:visited 
{
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0.1em 0.5em 0.1em 0.5em;
	/* width: 99.99%;  for IE5 */
}
#nav a:hover 
{
	text-decoration: none;
	color: #1C4479;
}

.staticMenu
{
    font: 11pt Verdana;
}
   
.dynamicMenu {
    background-color:#3B84E3;
    font-size: 11pt;
/*
    border-color: #1C4479;
    border-style: solid;
    border-width: 0.5px;
*/
}
.dynamicMenuItem
{
    background-color: #3B84E3;
    font-size: 11pt;
/*
    border-color: #1C4479;
    border-style: solid;
    border-width: 1px;
*/
}
.dynamicMenuItem a:hover 
{
    background-color: #A3CFFE;
}

/* Einde menu */

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

#content
{
    width: 780px;
    float: left;
    background-image: url('../afbeeldingen/achtergrond.jpg');
    background-repeat: repeat-y;
    height:100%;
}

#content-links
{
    width: 130px;
    float: left;
    margin: 0 auto;
    background-image: url('../afbeeldingen/divlinkslijn.jpg');
    background-repeat: repeat-y;
    background-color:#C1A7CB;
    height:100%;
}
#content-tekst
{
    width: 480px;
    float: left;
    margin: 0 auto;
    padding-left:8px;
}
#logobalk
{
    width: 135px;
    float: left;
    height:420px;
    margin: 0 auto;
    background-image: url('../afbeeldingen/logobalk.png');
    background-repeat: no-repeat;
}
#voet
{
    width: 780px;
    height: 22px;
    float: left;
    background-image: url('../afbeeldingen/voet.png');
}
h1
{
    color: #652D86;
    font: bold 16pt Verdana, "Trebuchet MS";
    text-align: left;
    padding-top: 20px;
}
h2
{
    font: large Verdana, "Trebuchet MS";
    color: #652D86;
    text-align: left;
}
h3
{
    font: bolder 11pt/6pt Verdana, "Trebuchet MS";
    color: #652D86;
    text-align: left;
}
h4
{
    font: bold 84%/6pt Verdana, "Trebuchet MS";
    color: #652D86;
    text-align: left;
}
p, ul li, span, table
{ 
    color: #404040;
    font: 10pt/14pt Verdana, "Trebuchet MS";
    text-align: justify;
}
.Tekst_Uitvullen
{
    color: #404040 !important; 
    font: 10pt/14pt Verdana, "Trebuchet MS" !important;
    text-align: justify;
}
.Tekst_Centreren
{
    color: #404040 !important; 
    font: 10pt/14pt Verdana, "Trebuchet MS" !important;
    text-align: center;
}
.Tekst_Links_Uitlijnen
{
    color: #404040 !important; 
    font: 10pt/14pt Verdana, "Trebuchet MS" !important;
    text-align: left;
}
.Tekst_Rechts_Uitvullen
{
    color: #404040 !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: #021E07; text-decoration: none; }
a:visited { color: #021E07; text-decoration: none; }
a:hover
{
    color: #021E07;
    text-decoration: underline;
}
a:visited:hover
{
    color: #021E07;
    text-decoration: underline;
}


table#sponsoren, table.TabelOpmaak
{
    font: 84% Verdana, Trebuchet MS;
    color: #404040;
    border-collapse: collapse;
    border: solid 1px #97b6d8;
}
table#sponsoren
{
    color: #404040;
}
.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: #652D86;
    background-color: #652D86;
    border: 0px;
}

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

.hdnNospam
{
    display: none;
}
.ButtonStyle 
{ 
    border: 1px solid #404040; 
    color: #404040; 
    background-color: #FFFFFF; 
}
.NewsContent 
{ 
    width: 500px;
    border: 2px dotted #652D86; 
    padding: 4px; 
    margin-top: 20px;
}