@media screen {

* {margin:0; padding:0}

body {background:#1d2027 url(../grafisch/bg.gif) repeat; padding-bottom:55px;}

body, td, th, input, textarea, select {font-family:verdana, arial, helvetica, sans-serif; font-size:11px; color:#3f3f3f}
body, td, th {line-height:17px}

td, th {vertical-align:top}

h1, h2, h3, h4, .kolomtitel {font-family:arial, verdana, helvetica, sans-serif; font-weight:bold}
h1 {font-size:20px; line-height:28px; color:#00B8C1; margin-bottom:8px}
h2 {font-size:18px; line-height:22px; margin-bottom:4px}
h3 {font-size:14px; line-height:20px}
h4 {font-size:12px; line-height:18px}

a {color:#360; text-decoration:none}
a:hover {color:#00B8C1}

hr {height:1px; border:none; border-top:1px solid #999}

div.hr {border-top:1px #999; height:0;overflow:hidden}
div.stippels {border-top-style: dotted!important}
div.solid {border-top-style: solid!important}

li {margin-left:25px}
ul li {margin-left:17px; list-style-type:square}

input.border, textarea.border {border:1px solid #999; padding:2px}

.doprint	{display:none}

#website {margin-left:auto; margin-right:auto; width:960px; background:#fff; padding:0 20px 0 20px;}

#header {width:960px; height:140px;  background:#1d2027 url(/grafisch/bg_header.jpg) no-repeat}
#header td {color:#000}
#header .foto {float:right}
#header table {margin-right:15px; float:right}
#header, #header td {font-size:9px}
#header #logo {padding:9px 0 0 25px; width:100%}
#header .label {width:60px; border-top:1px solid #360}
#header input {width:126px; height:18px; color:#B0BB43; font-size:9px; border:1px solid #360; border-right-color:#d4ff7c; border-bottom-color:#d4ff7c; padding:4px 0 0 4px}

#hoofdmenu {margin-left:20px}
#hoofdmenu td {padding:5px 9px 1px 0; border-left:1px solid #999; vertical-align:middle}
#hoofdmenu img {margin:0 9px 0 9px}
#hoofdmenu a {padding: 4px 0 5px 0; color:#00B8C1; display:block}
#hoofdmenu a:hover {color:#000}
#hoofdmenu .actief {color:#000; background-color:#b4e9ea}

.kolom3 .content p, .kolom3 .content ul {padding:0 10px 0 10px}
.kolom3 .content .hr {margin:10px 0 10px 0; height:1px; border-top:1px dotted #999}

.pulldown {position:absolute; margin-top:20px; display:none}
.pulldown li {margin:6px 0 0 0; width:180px; list-style: none none}
.pulldown a {padding:4px 2px 6px 8px!important; color:#000!important; background:#b4e9ea; border:1px solid #fff; display:block}
.pulldown a:hover {background:#00b7c0 url(/grafisch/bg_pulldown.jpg) repeat-y; color:#fff!important}

#content {padding-bottom:40px}

.kolomtitel {padding:0 0 8px 15px; height:100%; font-size:36px; line-height:38px; color:#00B8C1; border-bottom:1px solid #999}

.cmsdoc p, .cmsdoc ul {margin-bottom:15px}

#footer {margin-top:40px;border-top:1px solid #999}

a.knop {
	font-family:arial, verdana, helvetica, sans-serif;
	padding:4px 22px 5px 13px;
	height:23px;
	display:block;
	font-size:13px;
	line-height:17px;
	font-weight:bold;
	text-align:left;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

.cmsdoc a.knop {width:133px; background:#809E18 url(/grafisch/bg_button160fff_0.jpg) no-repeat}
.cmsdoc a.knop:hover {background:#809E18 url(/grafisch/bg_button160fff_1.jpg) no-repeat}


/* stijlen tbv agenda / nieuwberichten */
.maand {font-weight:bold; color:#000}
.tblAgendaitems td {padding:8px 0 8px 15px; border-bottom:1px dotted #999}
.tblAgendaitems .maand {padding-top:15px; font-weight:bold}
.tblAgendaitems .datum {color:#999}
.tblAgendaitems .titel {}
.tblAgendaitems .titel a {color:#3f3f3f}


}


@media print {

.noprint	{display:none; page-break-after:avoid}
.table		{page-break-inside:avoid}

body, td, a	{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10pt;
	color:#000000;
	background-color:#ffffff;
	margin:1cm 0cm 0cm 0cm
	}

}