/* Prowriter CMS Stylesheet */
/* Version: 1.0 | 14/02/2004 */
/* BASIC FRONTEND VERSION */
/* TEMPLATE STYLE 1 (logo - top | nav | body)*/

/* - - - - 1. MAIN SETTINGS FOR THE WEBSITE- - - - */
body {
    font-family:Arial,Tahoma,Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #AF4B2B;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #8F2B1C;
    margin-top: 0px;
/*  background-image: url(../images/bg_site.jpg); */
}

* { margin: 0px; padding: 0px; font-family:Arial,Tahoma, Arial, Helvetica, 'Sans Serif'; line-height: 170%; }

/* default font and font size */
p, h1, h2, h3, h4, h5, h6, h7, td, tr, th, li, span, div, table
{ font-family:Arial,Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 0px; text-align: left; line-height: 170%; }

/* most imporant color settings */
h1,h2,h3,h4,h5,h6 {color: #000000; }
p {color: #000000;  }
li {    color: #000000; }

a:link { color: #000000;  text-decoration: underline; }
a:visited { color: #000000; }
a:hover { color: #000000; font-weight: bold; }
a:active { color: #000000;}

/* - - - -  2. GENERAL TEXT SETTINGS - - - - */
h1, .maintitle { font-size: 140%; font-weight: bold; }
h2, .subtitle { font-size: 130%;  font-weight: bold;}
h3, .sectiontitle { font-size: 130%; font-weight: bold;  }
h4, .introduction { font-size: 8pt; font-weight: bold; text-transform: uppercase; }
h5, .description { font-size: 100%; font-weight: bold; }
h6, .summary { font-size: 90%; font-weight: bold; }
h7 { font-size: 100%; }
p { font-size: 100%; }
span { font-size: 100%;}
li { font-size: 100%;}
ul {  margin-bottom: 10px; margin-left: 15px;}

/* CONTAINER SETTINGS - Site Specific Text Settings*/
a img {border:none;}
#page {
	 width:997px;height:100%;margin:auto;border-left:1px solid white;border-right:1px solid white;border-bottom:1px solid white; background-image: url(../images/bgmain.jpg); background-position: top left; background-repeat: repeat-y;
/*  width: 1000px; */
}

/* HEADER */
#header  { background-color:#bc0069; width:997px;position:relative;}
#header h1 {display: none;}
#header h1 span {    display: none;}
#header h2 span {    display: none;}
#header p span {    display: none;}

/* NAVIGATION: SUBPAGE MENU */
.navigation { width: 600px; height:35px; position:absolute;top:247px;background-color:#813125; background-repeat: no-repeat; background-position: top;}
.navigation ul { list-style-type: none; margin: 0px; }
.navigation li { font-size: 11pt; font-weight:bold; line-height:35; float: left;  }

/* passive */
.navigation li a,
.navigation li a:link,
.navigation li a:visited
.navigation li.passive a,
.navigation li.passive a:link,
.navigation li.passive a:visited { color: white; display:block; padding-left:10px;padding-right:10px;height:35px;line-height:35px;  text-align: center; text-decoration: none; }
.navigation li.a:hover,

/* hier colore plaatsen zie beneden*/
.navigation li.passive a:hover { background-color:#5b0f00;}

/* active en parent */
.navigation li.active a,
.navigation li.parent a,
.navigation li.active a:link,
.navigation li.parent a:link,
.navigation li.active a:visited,
.navigation li.parent a:visited { background-color:#5b0f00;}
.navigation li.active a:hover { background-color:#5b0f00;}

/* child passive */
.navigation li.passive-child a,
.navigation li.passive-child a:link,
.navigation li.passive-child a:visited { }
.navigation li.passive-child a:hover { }

/* child active */
.navigation li.active-child a,
.navigation li.active-child a:link,
.navigation li.active-child a:visited { }
.navigation li.active-child a:hover { }

#activiteiten-subpagemenu li a.title:hover { text-decoration: none; color: #872A0D; }
#activiteiten-subpagemenu li a.description { text-decoration: none; font-weight: normal; }
#activiteiten-subpagemenu li a.description:hover { text-decoration: underline; font-weight: bold; }

/* MAIN BODY */
.main  {width:842px;background-color:#F05424;}
.left     {width:235px;float:left;background-color:transparent;padding-top:0px;padding-left:0px;padding-right:0px;min-height:400px;}
.left p,h1,h2,h3,h4,h5,h6 {color:#AF4B2B;}

.right {width:567px;float:right;background-color:#FFFFFF;padding-top:10px;padding-left:20px;padding-right:20px;}
.right p,h1,h2,h3,h4,h5,h6 {color:#AF4B2B;}
.breaker {    clear: both; height:0px; line-height:0px; overflow:hidden;margin:0px;padding:0px; }
.footer {    width: 781px;}
.footer p { font-size: 8pt;}


.locationbar {
    height:71px;background-color:#AF4B2B;width:842px;
}
/* FIX FOR TRANSPARANT PNG IE6 */

.dienstenoverzicht {padding:0px;margin:0px;}
.dienstenoverzicht li {padding:0px;margin:0px; background-color:white; list-style: none;border-bottom:1px solid #F05424;margin-bottom:1px;}
.dienstenoverzicht li a:link { color:#F05424;font-size:10pt;text-decoration:none;}
.dienstenoverzicht li a:hover { color:#F05424;font-size:10pt;text-decoration:none;}
.dienstenoverzicht li a:active { color:#F05424;font-size:10pt;text-decoration:none;}
.dienstenoverzicht li a:visited { color:#F05424;font-size:10pt;text-decoration:none;}

.dienstenoverzicht li:hover {  font-weight: bold; background-color:white; list-style: none;border-bottom:2px solid #872A0D;margin-bottom:1px; }
.dienstenoverzicht li:hover a:link {color:#872A0D; font-weight: bold;}
.dienstenoverzicht li:hover a:active {color:#872A0D; font-weight: bold;}
.dienstenoverzicht li:hover a:visited {color:#872A0D; font-weight: bold;}
.dienstenoverzicht li:hover a:hover {color:#872A0D; font-weight: bold;}


/*tabel opmaak index.template.html */

#tabelopmaak { background-color:transparent;width:842px;}
.tabelopmaak_left { background-color:#F05424;width:208px;vertical-align:top;margin:0px;padding:0px;}
.tabelopmaak_middle { background-color:white;vertical-align:top;margin:0px;padding-left:20px; width: 100%;}
.tabelopmaak_middle p,h1,h2,h3,h4,h5,h6 { color:#AF4B2B;}
.tabelopmaak_middle p { padding-right:20px;}
.tabelopmaak_right {background-color:white;}
.module{ margin:0px;padding:0px;}

.middle{
	width:589px;background-color:white;float:left;color:black;padding:0px;padding-top:60px;
}
.middle .text {
	margin:30px;margin-top:0px;
}
.middle .text p {
	color:black;
}
.middle h3 {
	color:#771d02;font-size:15pt;font-weight:normal;padding-bottom:0px;
}
.middle td {
	padding-top:10px;vertical-align:top;padding-bottom:10px;
}


/* subnavigatie opmaak */
.subnavigatie { width:208px;padding-left:0px;padding-top:0px;background-color:none;}
.subnavigatie ul{ margin:0px;padding:0px; list-style-type: none;}
.subnavigatie li { font-weight: bold; font-size: 10pt;}
.subnavigatie li a,
.subnavigatie li a:link,
.subnavigatie li a:visited
.subnavigatie li.passive a,
.subnavigatie li.passive a:link,
.subnavigatie li.passive a:visited {display:block; color: white; border-bottom:1px solid #F05424; width: 183px; padding-top: 0px; padding-bottom: 0px;padding-right:5px;padding-left:20px; background-color:#EB7551; text-align: left; text-decoration: none; }
.subnavigatie li.a:hover,
.subnavigatie li.passive a:hover { background-color: #EB7551; color:#64180B; }

/* active en parent */
.subnavigatie li.active a,
.subnavigatie li.parent a,
.subnavigatie li.active a:link,
.subnavigatie li.parent a:link,
.subnavigatie li.active a:visited,
.subnavigatie li.parent a:visited { background-color: #EB7551; color:#64180B; text-decoration: underline; }
.subnavigatie li.active a:hover { background-color: #EB7551; color:#64180B;text-decoration: underline; }

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 10px;
background-color: #DA4B1F;
visibility: hidden;
color:white;
font-weight: bold;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=black,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

/* homepage nieuws hovers */

.nieuwsoverzicht {padding:0px;margin:0px;}
.nieuwsoverzicht ul { margin:0px;padding:0px;}
.nieuwsoverzicht li{ list-style-type:none;padding:0px;margin:0px;}
.nieuwsoverzicht li h4 { color:white; }
.nieuwsoverzicht li:hover h4 {  color:white;font-size: 10pt; font-weight: bold; text-transform: uppercase; }

/* landingpages by Jasper */

.landingpageh2 {
	margin-right: 20px;
}

.landingpagebutton {
	margin: 12px 0;
	width: 250px;
}

.landingpagebutton a {
	background-color: #ffe79e; /*dab1a5 dd9d65*/
	text-decoration: none;
	color: #872a0d;
	text-align: center;
	padding: 12px 24px;
	display: block;
	border: 1px #872a0d solid;
}
.landingpagebutton a:hover {
	font-weight: normal;
	background-color: #ffd34e; /*da8e77 dd9d65*/
}
#landingpagelist {
	border-top: 2px white solid;
	padding: 10px 20px;
	background-color: #df898a;
	font-size: 8pt;
}

#landingpagelist p {
	color: #af4b2b;
	text-align: center;
}

#landingpagelist a {
	font-weight: normal;
	text-decoration: none;
	color: #af4b2b;
	font-size: 8pt;
}
.topbalk {
	height:86px;background-color:#711f13;
}
.sfeerimage{
	height:155px;border-bottom:3px solid white;border-top:3px solid white;background-color:gray;
}
.mediafilefirst {
	background-color:#f9f9f7;text-align:center;top:35px;float:left;margin-top:20px;width:80px;padding:15px;height:120px;border:5px solid #e5e2db;margin-bottom:15px;clear:left;
}
.mediafile {
	background-color:#f9f9f7;text-align:center;float:left;width:180px;margin-top:10px;margin-right:20px;padding:15px;height:120px;border:5px solid #d9b198;margin-bottom:15px;
}
.mediafile span {
	font-size:11pt; font-weight: bold; color:#771d02;padding-bottom:10px;display:block; text-align: center;
}
.news {
	padding: 30px;padding-top:0px;
}
.newsdetails {
	padding: 30px;padding-top:0px;
}
.news h3 {	border-bottom:3px solid #683a1b;  margin-bottom:25px;padding-bottom:0px;font-size:14pt; text-transform: uppercase;color:#683a1b;}
.news h4 {
	font-size:13pt;font-weight:normal;padding-bottom:5px;color:#711f13;
}
.news a{
	color:#771d02;
}
.news .pub {
	font-size: 8pt; text-decoration: underline;
}

.buttonback a {
	height: 18px; line-height: 18px; display: block;
}
.buttonback img {
	float: left; border: none;padding-right:10px;
}

.agenda {
	padding: 30px;padding-top:0px;
}
.agendadetails {
	padding: 30px;padding-top:0px;
}
.agenda h3 {	border-bottom:3px solid #683a1b;  margin-bottom:25px;padding-bottom:0px;font-size:14pt; text-transform: uppercase;color:#683a1b;}
.agenda h4 {
	font-size:11pt;font-weight:normal;padding-bottom:5px;color:#711f13;
}
.agenda a{
	color:#771d02;
}
.agenda .pub {
	font-size: 12pt; text-decoration: underline;
}

.edit {
	padding:30px;padding-top:0px;
}
.edit input[type=submit],.edit input[type=button],{
	cursor:pointer;
}
.edit input[type=text] {
	width:450px; height:30px; border: 1px solid #d59a77;padding-left:5px;font-size:11pt; background-color: #fbebe1;
}
.edit textarea {
	width: 450px; height:150px; overflow: auto;border: 1px solid #d59a77;padding-left:5px;font-size:11pt;background-color: #fbebe1;
}

.edit input:focus[type=text] {
	background-color:#7d2d16;color:white;font-weight:bold;
}
.edit textarea:focus {
		background-color:#7d2d16;color:white;font-weight:bold;
}
.edit .block {
	margin-bottom:20px;
}
.edit .block td {
	padding:10px;width:130px; border-left:2px solid  #ab7856;border-top:2px solid  #ab7856;border-bottom:2px solid  #ab7856;
}
#res {width:400px !important;}
#res ol {width:400px;!important;background-color:red;}