@import url("../structure.css");

/*
    
    --------------------------------------------------------
    Algemeen
    --------------------------------------------------------
    
        Document:
            Achtergrondkleur: #201e1b;
            Tekstkleur: #000000;
            Linkkleur: #000000;
        
        Header:
            Grote header achtergrondkleur: #084D88;
            Grote header tekstkleur: #ffffff;
        
    --------------------------------------------------------
    Blokjes
    --------------------------------------------------------
    
        Systeemblokje (Hoe werkt deze pagina, origineel lila):
            Header achtergrond: #B36F00;
            Header tekst: #ffffff;
            Tekstachtergrond: #FFE8C3;
            Tekstkleur: #000000;
            Linkkleur: #000000;
            Sub kopje kleur: #B36F00;
            Omschrijving link: #B36F00;
        
        Algemeen (Nieuws, origineel oranje):
            Header achtergrond: #F5FAFF;
            Header tekst: #ffffff;
            Tekstachtergrond: #FFE8C3;
            Tekstkleur: #000000;
            Linkkleur: #000000;
            Sub kopje kleur: #B36F00;
            Omschrijving link: #B36F00;
    
        Blokje1 (Content, origineel donkerpaars):
            Header achtergrond: #084D88;
            Header tekst: #ffffff;
            Tekstachtergrond: #FFE8C3;
            Tekstkleur: #000000;
            Linkkleur: #000000;
            Sub kopje kleur: #B36F00;
            Omschrijving link: #B36F00;
    
        Blokje1 (Content, origineel oranje):
            Header achtergrond: #F5FAFF;
            Header tekst: #ffffff;


            Tekstachtergrond: #FFE8C3;
            Tekstkleur: #000000;
            Linkkleur: #000000;
            Sub kopje kleur: #B36F00;
            Omschrijving link: #B36F00;

*/
body,
th,
td,
ul li,
li,
input,
textarea { 
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif, sans-serif; font-size:12px; 
	color: #000000; background-color: #F5FAFF; line-height:18px; }

a img,
img { 
	border: 0px; }

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 { display: inline; }

h1 { 
	font-size: 18px; font-weight: bolder; }
h2 { 
	font-size: 22px; font-weight: bolder; }
h3 { 
	font-size: 12px; font-weight: bolder; }
h4 { 
	font-size: 10px; font-weight: bolder; }

/* Opbouw */
div.pageContainer { 
	margin-top: 20px; }

/* Banners */
div.bannerHeader { }

div.pageHeader { 
	margin: 10px 0px 10px 0px; 
	border: 1px solid #78addb; }

div.titleHeader { 
	background-color: #084D88; color: #ffffff; }

div.textHeader { 
	background-color: #FFE8C3; color: #084D88; }

/* Kolommen */
    div.kolom1 { }

div.kolom2 { }

div.kolom3 { }

div.kolom4 { 
	margin-right: 0px; }

/* BlockType algemeen */
div.blockDef { 
	width: 240px; /* Alleen overrulen als er een border aangezet is! */ border: 1px solid #F5FAFF; }

div.blockHeader { 
	font-weight: bolder; }

div.blockSub { 
	font-weight: bolder; }

div.emphasis { 
	font-weight: bolder; }

div.blockContent a,
div.blockContent a:visited { 
	color: #000000; }
div.blockContent a:hover { 
	color: #000000; }

div.record { 
	color: #000000; }


div.blockText {
    color: #000000;
    }

/* BlockType 1 */
div.blockType1 { }
div.blockType1 div.blockHeader { 
	background-color: #B36F00; color: #ffffff; }
div.blockType1 div.blockContent { 
	background-color: #FFE8C3; }
div.blockType1 div.blockContent div.record { 
	color: #0F83FF; }
div.blockType1 div.blockContent div.blockSub { 
	color: #B36F00; }

/* BlockType 2 */
div.blockType2 { }
div.blockType2 div.blockHeader { 
	background-color: #084D88; color: #ffffff; }
div.blockType2 div.blockContent { 
	background-color: #b0c5d7; }
div.blockType2 div.blockContent div.record { 
	color: #FFF; }
div.blockType2 div.blockContent div.blockSub { 
	color: #B36F00; }

/* BlockType 3 */
div.blockType3 { }
div.blockType3 div.blockHeader { 
	background-color: #084D88; color: #ffffff; }
div.blockType3 div.blockContent { 
	background-color: #FFE8C3; }
div.blockType3 div.blockContent div.record { 
	color: #B36F00; }
div.blockType3 div.blockContent div.blockSub { 
	color: #B36F00; }

/* BlockType 4 */
div.blockType4 { }
div.blockType4 div.blockHeader { 
	background-color: #0f83ff; color: #ffffff; }
div.blockType4 div.blockContent { 
	background-color: #FFE8C3; }
div.blockType4 div.blockContent div.record { 
	color: #B36F00; }
div.blockType4 div.blockContent div.blockSub { 
	color: #B36F00; }

/* Contentpagina */
div.content{
    border: 1px solid #78addb;
    color: #000000;
    background-color: #ffe8c3;
}

span.editableContent ul,
span.editableContent ol,
span.editableContent li,
span.editableContent table,
span.editableContent td {
    background-color: #ffe8c3;
}

    span.editableContent a {
        color: #0f83ff;
        text-decoration: underline;
    }
    span.editableContent a:hover {
        color: #ffffff;
        text-decoration: underline;
    }

    span.editableContent h1 {
        color: #084d88;
        font-size: 20px;
        font-weight: bold;
    }

    span.editableContent h2 {
        color: #0f83ff;
        font-size: 20px;
        font-weight: bold;
    }

    span.editableContent h3 {
        color: #084d88;
        font-size: 14px;
        font-weight: bold;
    }

    span.editableContent h4 {
        color: #0f83ff;
        font-size: 14px;
        font-weight: bold;
    }

    span.editableContent h5 {
        color: #084d88;
        font-size: 12px;
        font-weight: bold;
    }

    span.editableContent h6 {
        color: #0f83ff;
        font-size: 12px;
        font-weight: bold;
    }
    
    span.editableContent p {
    }
	
/* formpage
============================================================================== */
div.formpage h2 {
	color: #084D88;
}
hr {
	border-top:1px solid #738da4;
	border-bottom: 1px solid #F5FAFF;
}