/******************* Stylesheet drentsvolkslied.nl *****************/

body {
    background-color: White;
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin-top: 5px;
    font-size: 10pt;
    scrollbar-shadow-color: Red;
    scrollbar-face-color: #FFE4C4;
    scrollbar-arrow-color: Red;
    scrollbar-base-color: White;
    scrollbar-darkshadow-color: White;
    scrollbar-track-color: White;
    scrollbar-3dlight-color: White;
    scrollbar-highlight-color: Red;
} 

/************************* Inhoud ***********************/

#box{
    background-color: transparent;
    padding: 0px;
    width: 800px;
} 

/********************* Kop webpagina ********************/

#header{
    background-color: transparent;
}

.topmenu{
    height: 20px;
    border-top: 1px solid Red;
    border-bottom: 1px solid Red;
    text-align: right;
}

.koptekst{
    height: 30px;
    padding: 0px 0px 0px 0px;
    font-size: 36pt;
    text-align: center;
    font-weight: bold;
}

.plaatje{
    height: 31px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    border-bottom: 1px solid Red;
    background-image: url(../img/drentsevlag.gif);
    background-repeat: x-repeat;
}
 
/********************* kolommen gedeelte webpagina ********************/
#kolommen{
    width: 800px;
    padding: 0px;
    height: auto;
}

#kolomA{
    width: 180px;
    float: left;
    padding: 10px 0px 10px 0px;
}

.kolomlinks{
    width: 179px;
    text-align: left;
}

.webdesign{
    width: 170px;
    text-align: center;
    border: 1px solid Red;
}

#kolomB{
    width: 600px;
    float: right;
    padding: 10px 0px 10px 10px;
    border-left: 1px solid Red;
}

.kolomnieuws{
    width: 330px;
    float: left;
    text-align: left;
    height: 160px;
}

.kolomsponsor{
    width: 250px;
    height: 160px;
    float: right;
}

.kolomwerkblad{
    width: 600px;
     height: 350px
    padding: 5px;
    text-align: left;
    font-size: 12px;
}
/************************ Voetnoot **********************/

#voetnoot {
    width: 800px;
} 

.voettekst{
    width: 800px;
    font-family: Tahoma;
    font-weight: bold;
    font-size: 10pt;
    border-top: 1px solid Red;
    border-bottom: 1px solid Red;
}
/*************************** Form styles *************************/ 

input.login {
    background-color: #B0C4DE;
    border: 1px solid Black;
    width: 70;
}

input.knopinlog2 {
    background-color: #B0C4DE;
    border: 1px solid Blue;
    cursor: hand;
    color: Purple;
    height: 18px;
    font-size: 10pt;
}

.knopinlog {
    background: #B0C4DE url(../img/knopinlog.gif) no-repeat left center;
    border: 1px solid Blue;
    color: #FFF;
    padding-left: 1em;
    font-weight: bold;
}

.knopinlog:hover {
    background: #FFF url(../img/knopinlog.gif) no-repeat center left;
    color: #003;
    padding-left: 1em;
    font-weight: bold;
    cursor: hand;
}

select.kleur {
    background-color: #00BFFF;
    border: 1px solid Black;
}

/*************************** Hoofdmenubalk*************************/

a.hfdmenubalk {
    font-size: 10pt;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    width: 179px;
    height: 25px;
    padding: 5px 0px 2px 5px;
    background-image: url(../img/menu/menuitem.gif);
    background-repeat: no-repeat;
}

a.hfdmenubalk:hover {
    color: #FF0000;
    width: 179px;
    height: 25px;
    background-image: url(../img/menu/menuitem_over.gif);
    background-repeat: no-repeat;
}

/*************************** Submenubalk *************************/ 
a.menusubbalk  {
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
    font-family: Tahoma;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}

a.menusubbalk:hover  {
    color: #FF0000;
    background-color: #Red;
}
/*************************** Nieuws style *************************/

a.nieuwsitem  {
    font-size: 10pt;
    color: Red;
    text-decoration: none;
    font-family: Tahoma;
}

a.nieuwsitem:hover  {
    color: #000000;
}

h1.nieuwskop {
    font-size: 10pt;
    margin-bottom: 0px;
}

/*************************** werkblad style *************************/ 

h1.werkbladkop {
    font-size: 10pt;
    width: 100%;
    border-bottom: 1px solid Black;
    margin-bottom: 0px;
}

h1.artiestkop {
	font-size: 16pt;
	font-family: "Script MT Bold";
	color: Navy;
	width: 100%;
	border-bottom: 1px solid Black;
	margin-bottom: 2px;
}

.tekst{
    font-size: 10pt;
}

.tekstperskop {
    font-size: 10pt;
    vertical-align: middle;
    text-align: center;
    padding: 2px 2px 2px 2px;
    background-color: #FFF291;
}

.tekstpersdatum{
    font-size: 8pt;
    vertical-align: middle;
    text-align: center;
    padding: 2px 2px 12px 2px;
}


.TKNieuws {
    font-size: 10pt;
    vertical-align: middle;
    text-align: center;
    padding: 2px 2px 2px 2px;
    background-color: #FFD700;
    font-weight: bold;
}

.TONieuws {
    font-size: 10pt;
    vertical-align: middle;
    text-align: center;
    padding: 2px 2px 2px 2px;
    background-color: #FFF291;
}

.TDNieuws{
    font-size: 8pt;
    vertical-align: middle;
    text-align: center;
    padding: 2px 2px 12px 2px;
}

a.perskop {
    text-decoration: none;
    font-weight: bold;
    color: Black;
}

a.perskop:hover {
    text-decoration: none;
    font-weight: bold;
    color: Red;
    height: 12px;
    width: 161px;
}

.tabelrand{
	border: 1px solid Red;
}

.tabelpers{
    border: 1px solid Red;
}
a.werkblad  {
  font-size: 12px;
  color: Red;
  font-weight: normal;
  text-decoration: none;
  font-family: Tahoma;
}

a.werkblad:hover  {
  color: Navy;
}

a.persmenu  {
  font-size: 12px;
  color: Black;
  font-weight: bold;
  text-decoration: none;
  font-family: Tahoma;
}

a.persmenu:hover  {
    color: Red;
}
.randsponsors td{
	border: 1px solid Navy;
	border-bottom: 1px solid Navy;
	border-left: 1px solid Navy;
	border-right: 1px solid Navy;
	border-top: 1px solid Navy;
	text-align: center;
	vertical-align: middle;
}

.randsubmenu{
	border-bottom: 1px solid Red;
	border-top: 1px solid Red;
}

.muziekrand{
	border: 1px solid Red;
	font-size: 10px;
	font-weight: bold;
}

a.muziek  {
	font-size: 10px;
	color: Black;
	font-weight: bold;
	text-decoration: none;
	font-family: Tahoma;
}

a.muziek:hover  {
	color: Red;
}
/******************* voor sitemap *****************/
.dtree {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
    white-space: nowrap;
}
.dtree img {
    border: 0px;
    vertical-align: middle;
}
.dtree a {
    color: #333;
    text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
    white-space: nowrap;
    padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
    color: #333;
    text-decoration: underline;
}
.dtree a.nodeSel {
    background-color: #c0d2ec;
}
.dtree .clip {
    overflow: hidden;
}
/*************************** Einde *************************/