﻿body
{
    font-family: Tahoma, Verdana, Arial, Helvetica;
    background: #369 url(../Images/bg.gif) repeat-x top;
    margin: 0 auto 0 auto;
    padding: 0;
    color: #000000;
    text-align: center;
}

.IE8Fix 
{ 
    z-index: 1000; 
}


.inhoud
{
    position: relative;
    background: #ffffff;
    width: 957px;
    left: 0px;
    margin: 0px auto;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

.tussenlijn
{
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-size: 5px;
    color: #ffffff;
}

/* layer tonen of weglaten ("foto wordt opgeladen")
----------------------------------------------- */
.hiddenDiv {
display: none;
}
.visibleDiv{
display: block;
}





/* layout
----------------------------------------------- */
#container
{
    position: relative;
    background: #ffffff;
    padding: 0px;
    width: 957px;
    border: 3px solid #ffffff;
    left: 0px;
    margin: 10px auto;
    top: 0px;
}


/*A:link {text-decoration: none; color: #184a98 }
A:visited {text-decoration: none; color: #184a98}
A:hover {text-decoration: underline; color: #184a98}
A:active {text-decoration: none; color: #184a98}*/

.menu2
{
    text-decoration: none;
    color: #000000;
    font-size: 7pt;
}



/*a.menu1:link
{
    text-decoration: none;
    color: #ffffff;
    font-size: 7px;
}
a.menu1:visited
{
    text-decoration: none;
    color: #ffffff;
    font-size: 7px;
}
a.menu1:hover {text-decoration: underline; color: #ffffff;    font-size: 7px;}
a.menu1:active {text-decoration: none; color: #ffffff;     font-size: 7px;}*/

.marges1
{
    margin-left: 8px;
    margin-top: 10px;
    margin-right: 0px;
 }
 
 .marges2
{
    margin-left: 8px;
    margin-top: 10px;
    margin-right: 0px;

 }  
 .marges3
{
    margin-left: 8px;
    margin-top: 10px;
    margin-right: 08px;

 }  
 
 /* cphCyclinkonlineMain
----------------------------------------------- */
 
 .datum
{
    font-size: 7pt;
    text-align: left;
    line-height: 11pt;
    margin: 0px;
    color: #000000;
}

 .categorie
{
    font-size: 7pt;
    text-align: right;
    line-height: 11pt;
    margin: 0px;
    color: #000000;
}

.titel
{
    font-size: 15pt;
    text-align: left;
    color: #000000;
    margin: 0px 0px 3px;
    font-weight: bold;
}

.titel2
{
    FONT-WEIGHT: bold; 
    FONT-SIZE: 13pt; 
    COLOR: white; 
    BACKGROUND-COLOR: #336699;
}

 .hoofdtitel
{
    text-align: left;
    color: #990000;
    font-weight: bold;
    vertical-align: top;
    margin-top: 0px;
    letter-spacing: 3pt;
    font-variant: small-caps;
    border-bottom: #cc0000 1px solid;
}
 
 .text
{
    font-size: 9pt;
    text-align: left;
    text-decoration: none;
    padding-bottom: 15px;
    line-height: 15pt;
}

.text-kl
{
    font-size: 8pt;
    text-decoration: none;
    padding-bottom: 2px;
    background-color: #c5defb;
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 2px;
}
.text-kl-input
{
    font-size: 9pt;
    text-decoration: none;
    padding-bottom: 2px;
    background-color: #dcebfb;
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 2px;
}
 
 .nieuws-text-kl-input
{
    font-size: 9pt;
    text-decoration: none;
    padding-bottom: 2px;
    background-color: #ffffff;
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 2px;
}
   
 .NieuwsFoto
{
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 5px;
    text-align: right;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
}
.NieuwsFoto2
{
	margin-right: 10px;
	border-right: purple 7px double;
	border-top: purple 7px double;
	border-left: purple 7px double;
	border-bottom: purple 7px double;
	margin-bottom: 3px;
	text-align: right;
	background-color: green;
}
 
 #hyperlink a:link
{
    color: #003366;
    text-decoration: underline;
}
 
 #hyperlink a:visited
 {
    color: #003366;
    text-decoration: underline;
}
 
 #hyperlink a:active
 {
    color: #003366;
    text-decoration: underline;
}
 
 #hyperlink a:hover
 {
    color: #003366;
    text-decoration: none;
}
 
 .margesAdrotator
{
    margin-left: 5px;
    margin-top: 15px;
    margin-right: 5px;
 }
 
.nieuwspanel
{
	display: inline;
	float: left;
	overflow: visible;
	border-top-width: thin;
	border-left-width: thin;
	border-left-color: black;
	border-bottom-width: thin;
	margin-bottom: 10px;
	border-bottom-color: black;
	border-top-color: black;
	border-right-width: thin;
	border-right-color: black;
	padding-bottom: 99px;
}

.tah
{
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #000000;
	text-align: left;
}
.cph1master-text
{
    font-size: 8pt;
    text-align: left;
    line-height: 11pt;
    margin: 0px;
    padding-bottom: 5px;
}


.Nieuwsvandedag, .legestreep
{
    font-size: 12pt;
    text-align: left;
    color: #184a98;
    font-weight: bold;
    vertical-align: top;
    font-variant: small-caps;
    border-bottom: #184a98 1px solid;
}



.NieuwsKorteInhoud
{
    font-size: 9pt;
    text-align: left;
    text-decoration: none;
    vertical-align: top;
    line-height: 12pt;
    padding-top: 12px;
}


/************************************************************************
.NieuwsKorteInhoud
{
    font-size: 9pt;
    text-align: left;
    text-decoration: none;
    vertical-align: top;
    line-height: 12pt;
}
************************************************************************/

.meernieuws
{
	font-size: 9pt;
	text-align: left;
	text-decoration: none;
	position: relative;
	top: -5px;
}



.inzet
{
	margin-left: 15px;
    margin-top: 10px;
    margin-right: 15px;
	clear: left;
	display: inline;
	float: right;
	visibility: visible;
	overflow:auto;
}

.ReadMore
{
	font-size: 8pt;
	color: #284E98;
	font-family: 'Arial Narrow';
}

/************************************************************************
* 
* - NIEUWSITEM --> detail van artikel
*
************************************************************************/
.NieuwsDetailTitel
{
    font-size: 14pt;
    text-align: left;
    color: #184a98;
    font-weight: bold;
    vertical-align: top;
   
}
.NieuwsDetailKorteInhoud
{
    font-size: 9pt;
    text-align: left;
    padding-bottom: 2px;
    text-decoration: none;
    font-weight: bold;
}
.NieuwsDetailInhoud
{
    font-size: 9pt;
    text-align: left;
    padding-bottom: 0px;
    text-decoration: none;
    line-height: 11pt;
}
.NieuwsDetailFoto
{
	margin-left: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
	margin-top: 0px;
}

.tussenlijn
{
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-size: 10px;
    color: #ffffff;
}
.tussenlijnArtikels
{
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: .20em;
	color: black;
	text-align: center;
	text-decoration: none;
}
.tussenlijn2
{
	font-family: Tahoma, Verdana, Arial, Helvetica;
	color: #000000;
	font-size: 10em;
}
.NieuwsTitelLink
{
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 9pt;
	color: #000000;
	text-decoration:none;
	}
.NieuwsTitelLink:Hover
{
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 9pt;
    	color: #000000;
   text-decoration: underline;
}
.NieuwsTitelLink:Active
{
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 9pt;
    	color: #000000;
   text-decoration: underline;
}
.NieuwsTitelLink:Visited
{
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 9pt;
    	color: #000000;
   text-decoration: underline;
}

.NieuwsDatumCreatieLink
{
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 9pt;
    color: #000000;
	text-decoration:none;
}

.FormViewButton
{
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #000000;
	border-right: black solid;
	padding-right: 5px;
	border-top: black solid;
	padding-left: 5px;
	font-weight: bold;
	padding-bottom: 2px;
	border-left: black solid;
	padding-top: 2px;
	border-bottom: black solid;
	background-color: silver;
}
.AdminText
{
	font-size: 8pt;
	color: #000000;
	vertical-align: top;
	font-family: Verdana, Arial;
	text-align: center;
}
.kot
{
	border-right: silver 2px solid;
	border-top: silver 2px solid;
	border-left: silver 2px solid;
	border-bottom: silver 2px solid;
}
#MenuIkonen
{
	border-right: silver 2px solid;
	border-top: silver 2px solid;
	border-left: silver 2px solid;
	border-bottom: silver 2px solid;
}

/************************************************************************
* 
* - ADMINISTRATION
*
************************************************************************/

.AdminTabelHeader
{
    font-size: 9pt;
    color: #000000;
    vertical-align: middle;
    font-family: Tahoma, Verdana, Arial, Helvetica;
    text-align: left;
    font-weight: bold;
}
.AdminTabelText
{
	font-size: 8pt;
	color: #000000;
	vertical-align: middle;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	text-align: left;
}

.AdminTabelAlternateRow
{
    font-size: 8pt;
    color: #000000;
    vertical-align: middle;
    font-family: Tahoma, Verdana, Arial, Helvetica;
    text-align: left;
    background-color: #d0e0ff;
}

/************************************************************************
* 
* - BESTUUR
*
************************************************************************/
.BestuurFunctieTitel
{
    font-size: 9pt;
    color: #184a98;
    vertical-align: middle;
    font-family: Tahoma, Verdana, Arial, Helvetica;
    text-align: left;
    font-weight: bold;
    border-bottom: #184a98 1px solid;
}

.BestuurText
{
	font-size: 8pt;
	color: #000000;
	vertical-align: middle;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	text-align: left;
}

.BestuurTabelAlternateRow
{
    font-size: 8pt;
    color: #000000;
    vertical-align: middle;
    font-family: Tahoma, Verdana, Arial, Helvetica;
    text-align: left;
}

/************************************************************************
* 
* - FORMULIEREN
*
************************************************************************/
.BestuurFunctieTitel
{
    font-size: 9pt;
    color: #184a98;
    vertical-align: middle;
    font-family: Tahoma, Verdana, Arial, Helvetica;
    text-align: left;
    font-weight: bold;
    border-bottom: #184a98 1px solid;
}

.FormulierText
{
    font-size: 9pt;
    text-align: left;
    padding-bottom: 0px;
    text-decoration: none;
    line-height: 11pt;
}

.BestuurTabelAlternateRow
{
    font-size: 8pt;
    color: #000000;
    vertical-align: middle;
    font-family: Tahoma, Verdana, Arial, Helvetica;
    text-align: left;
}

.FormulierTitel
{
    font-size: 13pt;
    text-align: left;
    color: #184a98;
    font-weight: bold;
    vertical-align: top;
    line-height: 14pt;
}

.centered
{
    text-align: center;
}

/* AJAX CONTROLS
----------------------------------------------- */

.CollapsePanel
{
    width: 100%;
    height:0px;
    background-color:white;
    overflow: hidden;
    font-size: 9pt;
    text-align: left;
    text-decoration: none;
}

.CollapsePanelHeader
{
    width: 100%;
    height: 17px;
    color: black;
    font-weight: bold;
    cursor: pointer;
    font-size: 10pt;
    padding-left: 5px;
    background-image: url(Images/back-klap.gif);
    vertical-align: middle;
}


/* LID_MEDEWERKER/NIEUWSBERICHT_SCHRIJVEN.ASPX
----------------------------------------------- */

.column1 { width: 20%; vertical-align:top; }
.column2 { width: 80%; vertical-align:top; border-width: 0 0 0 0px; border-style:solid; }
.lefttop{ background-color:#cfcfcf; padding:6px; }
.leftbottom{ background-color:#0099cc; padding:6px; color:#ffffff; }
.inhoud1{ background-color:#ffffff; padding:6px; }
.witruimte{ background-color:#ffffff; padding:6px;  }
.rightbottom{ background-color:#3333ff; padding:6px; color:#ffffff; }
.footer{ padding-top:4%; text-align:center; }

 
 /* BERICHTEN OP DEFAULT-PAGE
----------------------------------------------- */
 .artikeldatum
{
    font-size: 8pt;
    text-align: left;
    text-decoration: none;
    color: #9c0000;
}
.artikelcategorie
{
    font-size: 9pt;
    text-align: right;
    text-decoration: none;
    padding-bottom: 5px;
    line-height: 10pt;
    color: black;
}

.artikeltitel
{
    font-size: 11pt;
    text-align: left;
    color: black;
    margin: 0px 0px 0px;
    font-weight: bold;
    float: left;
}

.artikeltext
{
    font-size: 9pt;
    text-align: justify;
    text-decoration: none;
    line-height: 12pt;
    vertical-align: top;
    clip: rect(0px auto auto auto);
}

/* BERICHTEN OP DEFAULT-PAGE
----------------------------------------------- */
 .artikeldetailsdatum
{
    font-size: 8pt;
    text-align: right;
    text-decoration: none;
    color: #9c0000;
}
.artikeldetailscategorie
{
    font-size: 9pt;
    text-align: right;
    text-decoration: none;
    padding-bottom: 5px;
    line-height: 10pt;
    color: black;
}

.artikeldetailstitel
{
    font-size: 12pt;
    text-align: left;
    color: black;
    margin: 0px 0px 0px;
    font-weight: bold;
    float: left;
}

.artikeldetailstext
{
    font-size: 9pt;
    text-align: justify;
    text-decoration: none;
    line-height: 13pt;
    vertical-align: top;
    clip: rect(0px auto auto auto);
}

.artikeldetailstextbold
{
    font-size: 9pt;
    text-align: justify;
    text-decoration: none;
    line-height: 12pt;
    vertical-align: top;
    clip: rect(0px auto auto auto);
    font-weight: bold;
}

.fotoS
{
    margin: 7px;
    float: left;
}
.fotoM
{
    margin: 7px;
    float: left;
}
.fotoL
{
    float: none;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* MENU CENTREREN
----------------------------------------------- */
.menu
{
    text-align: left;
 
}

/* DIV-LAY-OUT VOOR DE MP3-pages
----------------------------------------------- */

#total {
background-color: #ffffff;
width: 944px;
margin-right: auto;
margin-left: auto;
text-align: left;
}

#centerContent {
float: left;
width: 482px;
padding: 0px;
background-color: #ffffff;
}
#rightContent
{
    float: left;
    width: 445px;
    background-color: #ffffff;
    padding: 3px;
}


/* Spelersgegevens
----------------------------------------------- */


.spelersgegevenstext
{
    font-size: 8pt;
    line-height: 9pt;

}

.artikeldetailstextbold
{
    font-size: 9pt;
    text-align: justify;
    text-decoration: none;
    line-height: 12pt;
    vertical-align: top;
    clip: rect(0px auto auto auto);
    font-weight: bold;
}

 /* BERICHTEN AGENDA
----------------------------------------------- */


.agendatitel
{
    font-size: 9pt;
    text-align: justify;
    text-decoration: none;
    line-height: 12pt;
    vertical-align: top;
    font-weight: bold;
    margin-left: 10px;
}

.agendatext
{
    font-size: 9pt;
    text-align: justify;
    text-decoration: none;
    line-height: 12pt;
    vertical-align: top;
    clip: rect(0px auto auto auto);
}

.tussentitel
{
    font-size: 13pt;
    text-align: left;
    text-decoration: none;
    line-height: 12pt;
    vertical-align: top;
    clip: rect(0px auto auto auto);
    text-transform: uppercase;
    font-weight: bold;
}

.tussentitel2
{
    font-weight: bold;
    font-size: 8pt;
    width: 133px;
    color: white;
    height: 14px;
    background-color: #336699;
    text-align: center;
}

.sponsors
{
    z-index: 999;
    position: absolute;
    display: block;
    clear: none;
    top: 30px;
    left: 630px;
    background-image: url(sponsors/sponsors.gif);
    width: 300px;
    height: 60px;
}
.sponsorsdank
{
    z-index: 999;
    position: absolute;
    display: block;
    clear: none;
    top: 161px;
    left: 472px;
}
