/* CSS Document by PMSoft | www.pmsoft.nl */

* {margin: 0; padding: 0;}

body
{
background-color:#eef1f6;
font-family:Arial;
font-size:10px;
color:#ffcccc;

}

a {color:#434343;}
a:visited {color:#434343;}
a:active {color:#434343;}
a:hover {text-decoration:none;}

/* ------------------------------------ */
/* container is gebruikte scherm 576      */
#container 
{
width: 1024px;
margin: 10px auto; 
height:100%;            
background-color:#fefefe;
background-image:url(/layout/hjvd4.jpg);
background-repeat:no-repeat;
background-position:top right;
/*
background-image:url(/layout/hjvd.png);
 background-repeat:no-repeat;
 background-position:bottom right;  
*/
}
/* 
bla bla
 */


/* ------------------------------------ */
/* header is de top banner lokatie      */
#header
{
 height: 76px;
 background: #0099CC;
 background-image:url(/layout/pmsoft_logo_nl.png);
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#003399;

 
}

#header p { color:#ffffff;}
#header a {text-decoration:none; color:#ffffff; cursor:pointer;}
#header a:hover{text-decoration:underline; color:#ffffff; cursor:pointer;}

/* ------------------------------------ */
/* leftColumn is de linker kolom def.    */
#leftColumb
{
 width: 404px;
 height:100%;

 /* float: left; */
}


/* ------------------------------------ */
/* superrightColumn de rechter smalle kolom def.   */
#superrightColumn
{
 width: 200px;
 height:100%;
 float: right;

}
/* ------------------------------------ */
/* rightColumn is de rechterkolom def.  */
#rightColumn 
{
 width: 420px;
 height: 100%;
 float: right;

}

/* ------------------------------------ */
/* textbox2 is de contact kolom def.   */
#textbox2
{
 
 width: 150px;
 height:100%;
 margin:20px 0px 0px 30px;
 padding:10px 10px 10px 10px;
 font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#003399;
/*  background:#0099cc;/textbos2-bg.png */
 background-image:url(/layout/contact-bg.png);
 background-repeat:no-repeat;
 background-position:top left; 

}
#textbox2 p
{
padding:10px 10px 10px 10px;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#003399;
}
#textbox2 h1
{
padding:0px 0px 10px 0px;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#003399;
}

#textbox2 a {text-decoration:none; color:#003399; cursor:pointer;}
#textbox2 a:hover{text-decoration:underline; color:#002288; cursor:pointer;}
/* ------------------------------------ */
/* textbox is de middelste kolom met tekst */
#textbox
{
 width:400px;
 height:auto;
 padding:10px 10px 10px 0px;
 font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#003399;
 display: block;
 
}

#textbox p
{
padding:10px 10px 10px 0px;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#003399;
}
#textbox h1
{
padding:10px 10px 10px 0px;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#003399;
}
#textbox h2, h3, h4
{
padding:10px 10px 10px 0px;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#003399;
}
#textbox a {text-decoration:underline; color:#003399; cursor:pointer;}
#textbox a:hover{text-decoration:none; color:#002288; cursor:pointer;}

#textbox ul
{
padding:10px 10px 10px 20px;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#003399;
}
/* ------------------------------------ */
/* ------------------------------------ */
/* textbox_cont is de rechterkolom met tekst */
#textbox_cont
{
 width:400px;
 height:auto;
 padding:10px 10px 10px 0px;
 font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#003399;
 display: none;
 
}

#textbox_cont p
{
padding:10px 10px 10px 0px;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#003399;
}
#textbox_cont h1
{
padding:10px 10px 10px 0px;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#003399;
}
#textbox_cont h2, h3, h4
{
padding:10px 10px 10px 0px;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#003399;
}
#textbox_cont a {text-decoration:underline; color:#003399; cursor:pointer;}
#textbox_cont a:hover{text-decoration:none; color:#002288; cursor:pointer;}

#textbox_cont ul
{
padding:10px 10px 10px 20px;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#003399;
}
/* ------------------------------------ */


/* footer is de afsluittekst onderaan #eef1f6  */
#footer 
{
clear:both;
padding:0px 0px 0px 20px;
height:18px;
 background-image:url(/layout/footer-background.png);
 background-repeat:no-repeat;
 background-position:bottom right; 
 font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
 color:#00bbcc;

}

#footer p
{

color:#656363; 
padding-top:0px;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff; 
}
#footer a
{
color:#00bbcc; 
}

/* ------------------------------------ */
/* logotext is de logo in linkerkolom   */
#someobox 
{
width:396px;
height:119px;
margin-top:50px;
margin-left:5px;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#4040e4;

}
#someobox p
{

font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#003399;

}
#someobox h2
{

font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#003399;
}
#someobox h3
{
margin-left:70px;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#003399;
}

/* ------------------------------------ */
/* menucontainer bevat menu hexagon     */
#menucontainer 
{
width:400px;
height:330px;
margin-top:40px;
margin-left:0px;
background-image:url(/layout/400x400.png);
background-repeat:no-repeat;
background-position:top right; 

}

/* ------------------------------------ */
/* somewhere_else is de zoeker      */

#somewhere_else
{
 width: 440px;
 height:100%;
 font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size:15px;
 color:#003399;
 }
#somewhere_else a {text-decoration:none; color:#0000ff; cursor:pointer;}
#somewhere_else a:visited {text-decoration:none; color:#0000ff; cursor:pointer;}
#somewhere_else a:hover{text-decoration:none; color:#0000ff; cursor:pointer;}



/* ------------------------------------ */
/* hex is de hexagon menustructuur      */

#hex {padding:0; margin:0 auto; list-style:none; width:325px;}
#hex li {display:block; float:left; width:104px; margin-right:4px;  height:120px;}
#hex li.p1 {padding-left:54px;}
#hex li.p2 {margin-top:-26px;}
#hex li a {text-decoration:none; color:#cccccc; cursor:pointer;}
#hex li a:hover{text-decoration:none; color:#ffffff; cursor:pointer;}

/* kleur vakken normaal */
#hex li a b {display:block; width:0; height:0; overflow:hidden; border-bottom:30px solid #0099cc; border-left:52px dotted transparent; border-right:52px dotted transparent;}
#hex li a span {display:block; width:104px; height:60px; line-height:59px; text-align:center; background:#0099cc; font-size:14px; font-family: arial, veradana, sans-serif;}
#hex li a em {display:block; width:0; height:0; overflow:hidden; border-top:30px solid #0099cc; border-left:52px dotted transparent; border-right:52px dotted transparent;}
/* hack for IE5.5 */
* #hex li a b, * html #hex li a em {width:104px; height:30px; w\idth:0; he\ight:0;}

/* kleur center normaal 003399 0099cc */
#hex li a.inner b {border-bottom-color:#4040e4;}
#hex li a.inner span {background:#4040e4;}
#hex li a.inner em {border-top-color:#4040e4;}

/* kleur bij hover normaal 0099cc=lichtblauw, 4040e4=donkerblauw */
#hex li a:hover {white-space:normal;}
#hex li a:hover b {border-bottom-color:#4040e4;}
#hex li a:hover span {background:#4040e4;}
#hex li a:hover em {border-top-color:#4040e4;}

/* ------------------ kleur bij normaal 0099cc=lichtblauw, 4040e4=donkerblauw */
#hex li a.aktief {white-space:normal;}
#hex li a.aktief b {border-bottom-color:#4040e4;}
#hex li a.aktief span {background:#4040e4;}
#hex li a.aktief em {border-top-color:#4040e4;}


/* kleur bij hover center */
#hex li a.inner:hover b {border-bottom-color:#4040e4;}
#hex li a.inner:hover span {background:#4040e4;}
#hex li a.inner:hover em {border-top-color:#4040e4;}

/* ------------------------------------------------------------------------------------ */
/* hexIE is de hexagon menustructuur voor incompatible IE browsers     */

#hexIE {padding:0; margin:0 auto; list-style:none; width:325px;}
#hexIE li {display:block; float:left; width:104px; margin-right:4px;  height:120px;}
#hexIE li.p1 {padding-left:54px;}
#hexIE li.p2 {margin-top:-26px;}
#hexIE li a {text-decoration:none; color:#cccccc; cursor:pointer;}
#hexIE li a:hover{text-decoration:none; color:#ffffff; cursor:pointer;}

/* kleur vakken normaal */
#hexIE li a b {display:block; width:0; height:31px; overflow:hidden; border-bottom:0px solid #0099cc; border-left:52px dotted transparent; border-right:52px dotted transparent;}
#hexIE li a span {display:block; width:104px; height:60px; line-height:59px; text-align:center; background:#0099cc; font-size:14px; font-family: arial, veradana, sans-serif;}
#hexIE li a em {display:block; width:0; height:31px; overflow:hidden; border-top:0px solid #0099cc; border-left:52px dotted transparent; border-right:52px dotted transparent;}