/* TRANSPROMO STYLESHEET /*


/* - - - - 1. MAIN SETTINGS FOR THE WEBSITE- - - - */
body {
font-family:  Arial, Verdana,Helvetica, sans-serif; font-size: 9pt; color: black;margin: 0px; padding: 0px;background-color: #F2F2F2;margin-top: 0px;
}
* { margin: 0px;font-size: 9pt; padding: 0px; font-family:  Arial,Verdana, Helvetica, 'Sans Serif'; line-height: 140%; }

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

/* most imporant color settings */
p {color: #000000;  }
li {    color: #000000; }

/* staat aan het einde, anders werkt ie niet */
a:link { color:#630807; text-decoration: none; line-height: 140%; }
a:visited { color:#630807; text-decoration: none; line-height: 140%; }
a:hover { color:#630807; text-decoration: underline;line-height: 140%; }
a:active { color:#630807; text-decoration: none;line-height: 140%; }

/* - - - -  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: 11pt; font-weight: bold;}
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%; list-style-type: none;}
ul {  margin-bottom: 10px; margin-left: 15px;}

/* CONTAINER SETTINGS - Site Specific Text Settings*/

#page { margin:auto; width: 999px;    }

/* HEADER */
#header  { width: 999px;padding-bottom:21px;padding-top:21px; }
#header h1 { background-image: url(../images/header.jpg);width:999px;height:174px; }
#header h1 span {  display: none;}
#header h2 span {    display: none;}
#header p span {    display: none;}


/* NAVIGATION: SUBPAGE MENU */
 .navigation { width: 100%; border-top: Solid 0px white;padding-bottom:10px; }
 .navigation ul { list-style-type: none; margin: 0px; }
 .navigation li {  font-weight:bold;line-height:1.4; float: left;list-style-type: none;  border-right: Solid 0px white; }

/* 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; width: 104px; height:19px;padding-left:20px; padding-top: 5px; padding-bottom: 5px;  text-align: left; text-decoration: none; }
 .navigation li.a:hover,

/* hier colord plaatsen zie beneden*/
 .navigation li.passive a:hover { color:#F2DADA;}

/* 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 {color:#F2DADA;}
 .navigation li.active a:hover { color:#F2DADA;}

/* 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 { }

 .navigation li.passive a:hover div{ color:#CE8080;}

/* MAIN BODY */
.breaker {    clear: both; height:0px;padding:0px; line-height:0px; overflow:hidden; }

/* tabelopmaak */
.tabelopmaak { width:999px;float:left;text-align: center; border-top:1px solid white; }
.tabelopmaak .left {width:168px;vertical-align: top;}
.tabelopmaak .left h4 { display:block;padding-left:20px;height:31px;line-height:31px;text-align:left;margin:0px; }

.tabelopmaak .middle { width:623px;vertical-align:top;padding:20px;}
.tabelopmaak .middle .h4_kop { display:block;padding-left:10px;height:31px;line-height:31px;text-align:left;margin:0px;}

.tabelopmaak .right {width:168px;vertical-align: top; }
.tabelopmaak .right h4 { display:block;padding-left:20px;height:31px;line-height:31px;text-align:left;margin:0px; }
.tabelopmaak ul,li { list-style-type: disc;}

.left p, right p {    color: white}
.left a:link , .right a:link { color:#FFFFFF; text-decoration: none; line-height: 140%; }
.left a:visited, .right a:visited { color:#FFFFFF; text-decoration: none; line-height: 140%; }
.left a:hover, .right a:hover { color:#CE8080; text-decoration: underline; line-height: 140%; }
.left a:active, .right a:active { color:#CE8080; text-decoration: none; line-height: 140%; }
.middle a:link   { color:#630807; text-decoration: none; line-height: 140%; }
.middle a:visited { color:#630807; text-decoration: none; line-height: 140%; }
.middle a:hover  { color:#000000; text-decoration: underline; line-height: 140%; }
.middle a:active  { color:#000000; text-decoration: none; line-height: 140%;  }


/*block element */
.block { padding:20px;vertical-align:top;border-top:0px solid white;padding-top:15px;padding-bottom:15px;}

/* de kleuren van de website /*


/* TRANSPROMO SITE COLORS /*
/*header background color, en h4 background*/
.colora {background-color:#630807;}
.colora_border {border:1px #630807 solid;}
.colora_border_right {border-right:1px #630807 solid;}
.colora_color { color:#630807 }
#colora_color { color:#630807 }
/* sidebars left & right  */
.colorb {background-color:#A50100;}
.colorb_border{border:1px solid #A50100;}
.colorb_color {color:#A50100;}

/*map background color */
.colorc  {background-color:#CE8080;}
.colorc_border {border:1px solid #CE8080;}
.colorc_color {color:#CE8080;}


/* background intro oa.*/
.colord {background-color: #F2DADA;}
.colord_border { border:1px solid #F2DADA;}
.colord_color {color:#F2DADA;}
.background-color {background-color:#F2DADA;}

/* middle bar and left and right font and link color settings */
.colore { background-color:#FFFFFF;}
.colore_border { border:1px solid #FFFFFF;}
.colore_color { color:#FFFFFF;}

/*tekstkleur*/
.colorf { color: #FFFFFF;}
.white_border { border:1px solid #FFFFFF;}
/* end */

/* color G de kleur bij de childern dit is een speciale kleur het is een ietswat donkerdere tint van colord (standaard zullen*/
.colorg {background-color:#E6B0B0;}
.colorg_border{border:1px solid #E6B0B0;}
.colorg_color {color:#E6B0B0;}

/*zwarte border */
.black_border { border:1px solid #000000;}
#colorblack_color {
    color:#000000;
}
/* end */

#subparent { opacity:0.8;filter:alpha(opacity=80);position:absolute;left:0px;top:29px;}

/*footer */
.footer {text-align:center;width: 999px;float:left;border-top:1px solid white;height:25px;padding-top:5px;color:white;}
.footer p { font-size: 8pt; text-align:center;color:white;}

/* FIX FOR TRANSPARANT PNG IE6 */

.module {    margin: 0px;padding:0px;}

/*Arrangementen */
.arran_table td {padding-left:10px;padding-bottom:5px;padding-top:5px;padding-right:10px;font-weight:bold;}
.arranchild_table td {padding-left:10px;padding-bottom:0px;padding-top:0px;padding-right:10px;font-weight:bold;border-top:none;}
.adrestabel {    margin: 0px;padding:0px; vertical-align:top; }

/* iconen houder */
.iconholder {    margin-top:10px;}

/*img {   behavior: url("themes/transpromo/css/pngbehavior.htc");}*/

.choose_ecard_image {
    padding: 0px;
    margin: 0px;
    border: 0px solid black;
    opacity:1;
    filter:alpha(opacity=100);
}

.ecard {
    width: 560px;
    height: 150px;
    padding: 20px;
    border: 0px black solid;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 14pt;
}

.beauty {background-color:#C6E4E6; color:black; }
.dag {background-color:#60871d; color:white; }
.fiets {background-color:#664AA1; color:white; }
.golf {background-color:#C9EBED; color:black; }
.herfst {background-color:#F38435; color:black; }
.kerst {background-color:#DC180A; color:white; }
.oudennieuw {background-color:#2A3E57; color:white; }
.pasen {background-color:#8BD1AF; color:black; }
.pinksteren {background-color:#C45156; color:white; }
.trouwen {background-color:#F96B6A; color:black; }
.vergader {background-color:#75CADF; color:black; }
.voorjaar {background-color:#75CADF; color:black; }
.wandel {background-color:#CBE5E4; color:black; }
.winter {background-color:#ACE8FF; color:black; }
.zomer {background-color:#FBE613; color:black; }
.groeps {background-color:#31bac6; color:white; }

.copyright {display: none}

/*hier colord plaatsen */
#dhtmltooltip{
position: absolute;
left: -300px;
width: 900px;
border: 1px solid black;
padding: 10px;
background-color: #F2DADA;
visibility: hidden;
color:black;
font-weight: normal;
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;
}