/**
* Copyright:	Graphic Form & Function Automation
* Project:		Domein
* Module:		Stijlblad
* Versie:		1.3.0
* Datum:		201109
*
*/

@media all {
	body {
		font-family: Arial, Helvetica, sans-serif;
	}
	
	h1 {
		font-size: 14pt;
	}
	
	h2 {
		font-size: 12pt;
	}
	
	dt {
		font-weight: bold;
	}

	dd {
		margin-left: 12pt;
		margin-bottom: 6pt;
	}
	
	dl p {
		margin: 0pt;
		padding: 0pt;
	}

	th, td, ul, ol, dl, address, p {
		font-size: 10pt;
	}

    th {
        font-weight: normal;
        text-align: left;
    }

	p.ddindent {
		margin-left: 0pt;
		text-align: right;
		font-style: italic;
		font-weight: bold;
	}
	
	address {
		margin: 12pt 0pt 0pt 0pt;
		text-align: right;
		font-style: italic;
	}
	
	dfn.strong {
	    font-style: normal;
	    font-weight: bold;
	}
	
	.centreer {
		text-align: center;
	}
	
	.cursief {
		font-style: italic;
	}
}

@media screen {
	body {
		background-image: url('../icons/ag_kolom.jpg');
		background-repeat: repeat-y;
		background-color: #F9FFF9;
		color: #006;
	}
	
    h2.ihkop01 {
	    position: relative;
	    width: 150px;
	    height: 25px;
	    margin: 0pt;
	    padding: 0pt 0pt 0pt 2pt;
	    font-size: 10pt;
	    line-height: 18pt;
	    font-weight: normal;
	    border-bottom-width: 4px;
	    border-bottom-color: #669;
	    border-bottom-style: groove;
	    cursor: pointer;
    }

    .geldig {
        color: #000;
        font-weight: normal;
        text-decoration: none;
        cursor: default;
    }

    .ongeldig {
        color: #F00;
        font-weight: bold;
        text-decoration: underline;
        cursor: pointer;
    }

	a:link, a:active, a:visited, a:hover {
		color: #006;
		text-decoration: none;
	}

    h2.ihkop01 a:link, h2.ihkop01 a:active, h2.ihkop01 a:visited {
        color: #0CC;
    }

	p.ddindent a:link, p.ddindent a:active, p.ddindent a:visited {
	    color: #006;
	}

	div#vertnavkol {
		position: absolute;
		left: 10px;
		top: 10px;
		width: 175px;
	}

	div#hoofdscherm {
		position: absolute;
		left: 220px;
		top: 10px;
		width: 600px;
		padding: 0px 0px 50px 0px;
	}

	textarea.tekstvak {
		width: 350px;
		border-style: solid;
		border-width: 1pt;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
	}
	
	input.tekstvak {
		width: 350px;
		border-style: solid;
		border-width: 1pt;
	}
	
	input.knop {
		width: 150pt;
		background-color: #339;
		border-color: #CCF;
		border-style: outset;
		border-width: 2px;
		color: #FFF;
		font-weight: bold;
	}
}

@media print {
	body {
		background-color: #FFF;
		color: #000;
		font-family: Times New Roman, serif;
	}
	
	h1 {
	    font-size: 18pt;
	}

	p, dd {
		color: #000;
		font-size: 12pt;
		line-height: 14pt;
	}
	
	.afb {
		display: none;
	}
	
	a:link, a:active, a:visited, a:hover {
		text-decoration: none;
	}

	div#vertnavkol {
		display: none;
	}

	div#hoofdscherm {
		position: absolute;
		left: 10mm;
		top: 10mm;
		width: 150mm;
		height: 250mm;
	}
}