﻿/* Style CSS Document */

/* Standaard Elements */
body {
	font-family: georgia, verdana, arial, sans-serif;
	color: #7C7B7B;
	font-size: 12px;
	font-weight: normal;
	background: url(Images/achtergrond.jpg);
	margin: 0; 
	padding: 0;
	margin-top: 0;
	margin-left: 0;
}
a:link {
	color: #0271B7;
	text-decoration: none;
}
a:visited {
	color: #0271B7;
	text-decoration: none;
}
a:active	{
	color: #0271B7;
	text-decoration: underline;
}
a:hover {
	color: #659C01;
	text-decoration: underline;
}
a.Geen:hover {
    color: #0271B7;
	text-decoration: none;
}
table {
	font-family: georgia, verdana, arial, sans-serif;
	color: #7C7B7B;
	font-size: 12px;
	font-weight: normal;
}
table.hoover {
    background-color: #E6E8E9; /* #F4F4F4 */
    border: 1px solid #D8DADB; /* dashed, solid */
}
img.hoover {
    position: absolute;
    border: 1px solid #D4D4D4;
    padding: 2px 2px 2px 2px; /* top right bottom left */
    background: url(Images/LinkPartners/<%# Eval("Plaatje") %>);
    background-color: #ffffff;
    width: 300px;
    height: 174px;
}

/* Zelfgedefinieerde Classes */
/* SCHADUWKANTEN PAGINA */
.tdLinks {
    background: url(Images/schaduw_links.jpg) repeat-y; /* repeat-y */
}
.tdRechts {
    background: url(Images/schaduw_rechts.jpg) repeat-y; /* repeat-y */
}
/* BANNER */
.tdKop {
    background: url(Images/kop.jpg) no-repeat;
}
.tdBanner {
    background: url(Images/banner.jpg) no-repeat;
}
.tdMenu {
    background: url(Images/menu.jpg) no-repeat;
}
.tdFooter {
    background: url(Images/footer.jpg) no-repeat;
}

/* BOX.1 */
.tdBox1Boven {
    background: url(Images/box1_boven.jpg) no-repeat;
}
.tdBox1Midden {
    background: url(Images/box1_midden.jpg) repeat-y; /* repeat-y */
}
.tdBox1Onder {
    background: url(Images/box1_onder.jpg) no-repeat;
}
/* BOX.2 */
.tdBox2Boven {
    background: url(Images/box2_boven.jpg) no-repeat;
}
.tdBox2Midden {
    background: url(Images/box2_midden.jpg) repeat-y; /* repeat-y */
}
.tdBox2Onder {
    background: url(Images/box2_onder.jpg) no-repeat;
}
/* REACTIES BOX */
.tdReactieBoxBoven {
    background: url(Images/reactiebox_boven.jpg) no-repeat;
}
.tdReactieBoxMidden {
    background: url(Images/reactiebox_midden.jpg) repeat-y; /* repeat-y */
}
.tdReactieBoxOnder {
    background: url(Images/reactiebox_onder.jpg) no-repeat;
}
/* FORMULIER BOX */
.tdFormBoxBoven {
    background: url(Images/formbox_boven.jpg) no-repeat;
}
.tdFormBoxMidden {
    background: url(Images/formbox_midden.jpg) repeat-y; /* repeat-y */
}
.tdFormBoxOnder {
    background: url(Images/formbox_onder.jpg) no-repeat;
}
/* GROENEBOX HOOFDPAGINA */
.FileTable {
    background: url(Images/Groene_Boxen.jpg) no-repeat;
}

.hr {
    border: 0;
    color: #EDEDEC;
    background-color: #EDEDEC;
    width: 95%;
    height: 1px;
}
.Copyright {
    font-family: georgia, verdana, arial, sans-serif;
    color: #585F84;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
}
.CopyrightTekst {
    font-family: georgia, verdana, arial, sans-serif;
    color: #585F84;
    font-weight: normal;
    font-size: 10px;
    text-align: center;
}
.Images {
    border: 1px solid #999999;
    background-color: #ffffff;
    padding: 1px;
    float: left;
    margin: 0.4em;
}
.Fotos {
    border: 1px solid #999999;
    background-color: #ffffff;
    padding: 1px;
    margin: 5px;
}
.PagerNormal {
    font: 9pt Verdana;
    color: #0066CF;
    border: solid 1px #778899;
    padding: 1px 4px;
    background-color: #DDDDDD;
    text-decoration:none;
}
.PagerCurrent {
    font: 9pt Verdana;
    border: solid 1px #778899;
    padding: 1px 4px;
    background-color: #ffffff;
}
.Titel {
    font-family: georgia, verdana, arial, sans-serif;
    color: #999999;
    font-weight: normal;
    font-size: 18px;
}
.TitelBox1 {
    font-family: georgia, verdana, arial, sans-serif;
    color: #C1AD07; /* Huidide kleur #C1AD07 */
    font-weight: normal;
    font-size: 18px;
}
.TitelBox2 {
    font-family: georgia, verdana, arial, sans-serif;
    color: #A6D110; /* SpeciaalGroen #A6D110 */
    font-weight: normal;
    font-size: 18px;
}
.TitelLinks {
    font-family: georgia, verdana, arial, sans-serif;
    color: #0271B7; /* SpeciaalGroen #A6D110 */
    font-weight: normal;
    font-size: 18px;
}
.TitelReactieBox {
    font-family: georgia, verdana, arial, sans-serif;
    color: #999999;
    font-weight: normal;
    font-size: 15px;
}
.Tekst11 {
    font-family: georgia, verdana, arial, sans-serif;
    color: #7C7B7B;
    font-weight: normal;
    font-size: 11px;
}
.TekstJustify {
    font-family: georgia, verdana, arial, sans-serif;
    font-weight: normal;
    font-size: 12px;
    text-align: justify;
}
.TagCloud {
    font-family: georgia, verdana, arial, sans-serif;
    color: #A6D110;
    font-weight: normal;
    font-size: 14px;
}
.TwitterLink a {
    display: block;
    width: 92px; /* (92) */
    height: 76px; /* (76) */
    margin-right: 99px; /* (99) */
    margin-top: -23px; /* (-23) */
    margin-bottom: 0px; /* (0) */
}
.TwitterLink a:hover {
    background: transparent url(Images/twittervogel.jpg) no-repeat;
}
.RSS a {
    display: block;
    width: 80px; /* (80) */
    height: 80px; /* (80) */
    margin-left: 23px; /* (21) */
    margin-top: -4px; /* (-5) */
    margin-bottom: 0px; /* (-5) */
}
.RSS a:hover {
    background: transparent url(Images/rss.jpg) no-repeat;
}
.NaarBoven a {
    display: block;
    width: 54px; /* (54) */
    height: 75px; /* (75) */
    margin-left: 21px; /* (21) */
    margin-top: -5px; /* (-5) */
    margin-bottom: -5px; /* (-5) */
}
.NaarBoven a:hover {
    background: transparent url(Images/mannetje_pijl.jpg) no-repeat;
}
.Quote {
    border: 1px dashed #999999; /* dashed */
    padding: 5px;
}
.GBReactie {
    border: 1px dashed #999999; /* dashed, solid */
    padding: 5px;
    font-family: georgia, verdana, arial, sans-serif;
    color: #7C7B7B;
    font-weight: normal;
    font-size: 11px;
    width: 95%;
}
.twitter-share-button {margin-bottom: -5px;}
  
/* =============== */
/*    HoofdMenu    */
/* =============== */
#Menu {
    margin: 0;
    padding: 0;
    height: 2.3em;
    background: url(images/menu_uit.gif) center center repeat-x;
    width: 900px; /* breedte van het menu*/
    border: 1px solid #767676;
    border-width: 1px 0;
}
#Menu li {
    list-style: none;
    float: left;
}
#Menu li a {
    display: block;
    border-right: 1px solid #767676;
    background: url(images/menu_uit.gif) center center repeat-x;
    color: #266A95; /* #266A95 */
    text-decoration: none;
    font-size: 14px;
    padding: 5px 9px; 
}
#Menu li a:hover {
    padding: 5px 9px;
    color: #659C01 !important; /* tekstkleur van het geselecteerde en aktieve item*/
    background: url(images/menu_in.gif) center center repeat-x;
    padding-top: 6px;
    padding-bottom: 4px;
}
#Menu li ul {
    display: none; 
    width: 11em; /* Width to help Opera out */
}
#Menu li:hover ul {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
}
#Menu li:hover li {
   float: none;
}
#Menu li:hover li a {
    border-bottom: 1px solid #767676;
    border-left: 0px;
    border-right: 0px;
}
#Menu li li a:hover {
    background: url(images/menu_in.gif) center center repeat-x; 
}
#Menu li font {
    float: left;
    font-family: georgia, verdana, arial, sans-serif;
    color: #999999;
    font-weight: normal;
    font-size: 14px;
    padding: 5px 9px;
    border-right: 1px solid #767676;
}

