/* CSS Document */

img  {
	behavior: url(/css-js/pngbehavior.htc);
}

html
{
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

body
{
    background-color: rgb(213,213,213);
    color: #333;
    font-family: verdana, arial, helvetica, sans-serif;
}

html,
body
{
    margin: 0;
    padding: 0;
    height: 100%;
}

.page
{
    margin: 0 auto;
    width: 839px;
    background-color: white;
	
	background-repeat: repeat-y;
    background-position: 0 0;
    text-align: left;
    position: relative;
    height: auto !important;

}
.content
{
    padding-left: 215px;
    width: 567px;
    padding-bottom: 0;
	clear: both;
    min-height: 820px;
    height: auto !important;
    height: 820px;
}

.introImage
{
    margin-left: -24px;
    margin-bottom: 19px;
}

.introImage img
{
    display: block;
}

.innerContent
{
    width: 399px;
    background-color: #fff;
    margin-top: -150px;
    padding-bottom: 100px;
}
.rightbar
{
    position: absolute;
    top: 0px;
    left: 839px;
    width: 33px;
	height: 633px;
	background-color: #324B77;
	background-image: url(/img/layout/icon_right.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
}

h1
{
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    z-index: 100;
}

a
{
    color: rgb(40,43,120);
}

.teaserBar
{
    position: relative;
    top: -4px;
    left: 0;
    margin: 0 0 52px 0;
    padding: 0;
    height: 65px;
    display: block;
}

.teaserBar li
{
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    width: 135px;
    height: 65px;
    display: block;
	
}

.teaserBar img
{
    display: block;
    border: 1px solid rgb(185,185,185);
}

.teaserBar span
{
    display: block;
    margin-top: 5px;
    padding-left: 8px;
    background: #fff url(/img/arrow-black.gif) no-repeat left 3px;
	font-size: 10px;
}

.teaserBar li a 
{
    text-decoration: none;
    display: block;
}

.teaserBar a:hover span
{
    background-image:  url(/img/arrow-green.gif);
}

.teaserBar .teaser1
{
    left: 0;
}

.teaserBar .teaser2
{
    left: 152px;
}

.teaserBar .teaser3
{
    left: 304px;
}

.teaserBar .teaser4
{
    left: 456px;
}



a img
{
    border: 0;
}

/* Homepage module */



.home h2
{
    display: none;
}

div.topnav
{
    display: block;
    position: absolute;
    left: 0;
    top: 48px;
    width: 648px;
    height: 28px;
    font-size: 10px;
    padding-left: 6px;
    padding-top: 12px;
    text-decoration: none;
    /*background-image:  url(../img/arrow-white.gif);
    background-repeat: no-repeat;
    background-position: 185px 8px;*/
    color: white;
    overflow: hidden;
    z-index: 40;
	background-color : transparant;
    text-transform: uppercase;
    cursor: pointer;
}

div.topna\v
{
    width: 175px;
    height: 18px;
}

#topnav1, .topnav1 { left: 0px; }
#topnav2, .topnav2 { left: 100px; }
#topnav3, .topnav3 { left: 215px; }
#topnav4, .topnav4 { left: 345px; }
#topnav5, .topnav5 { left: 423px; }
#topnav6, .topnav6 { left: 500px; }
#topnav7, .topnav7 { top: 273px; }
#topnav8, .topnav8 { top: 297px; }
#topnav9, .topnav9 { top: 321px; }
#topnav10, .topnav10 { top: 345px; }
#topnav11, .topnav11 { top: 369px; }
#topnav12, .topnav12 { top: 393px; }
#topnav13, .topnav13 { top: 417px; }


div.topnavhome
{
    display: block;
    position: absolute;
    left: 0;
    top: 200px;
    /*width: 198px;*/
    height: 23px;
    font-size: 10px;
    padding-left: 23px;
    padding-top: 5px;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 170px 8px;
    color: white;
    overflow: hidden;
    z-index: 40;
	/*background-color : transparant;*/
	background-color: #132702;
    text-transform: uppercase;
    cursor: pointer;
}

div.topna\vhome
{
    width: 175px;
    height: 18px;
}

#topnavhome1, .topnavhome1 { top: 129px; background-image:  url(../img/flags/flag-dutch.png); }
#topnavhome2, .topnavhome2 { top: 153px; background-image:  url(../img/flags/flag-english.png);}
#topnavhome3, .topnavhome3 { top: 177px; background-image:  url(../img/flags/flag-german.png);}
#topnavhome4, .topnavhome4 { top: 201px; background-image:  url(../img/flags/flag-french.png);}



.navshade,
.navshadeSimple
{
    display: none;
    position: absolute;
    left: 0px;
    top: 1px;
    width: 638px;
    height: 360px;
}

.nav\shade
{
    background-image: url(../img/white-20.png) !important;
    background-color: transparent !important;

    filter: alpha(opacity=20);
    background-color: white;
    background-image: none;
}

.navshadeSimple
{
   /* background-image:  url(../img/chessboard.gif);
    background-repeat: repeat; */
}

#navshade1, #navshadeSimple1 { left: 0px; }
#navshade2, #navshadeSimple2 { left: 0px; }

#navshade3,
#navshadeSimple3
{
    display: none;
    position: absolute;
    top: 1px;
    left: -5px;
    width: 641px;
    height: 350px;
}

#nav\shade3
{
    background-image: url(../img/white-45.png) !important;
    background-color: transparent !important;

    filter: alpha(opacity=45);
    background-color: white;
}

#navshadeSimple3
{
    background-image:  url(../img/chessboard.gif);
    background-repeat: repeat;
}

.navshadeTopnav
{
    position: absolute;
    left: 0;
    display: block;
    z-index: 0;
    height: 23px;
   /* width: 198px;
    background-image:  url(../img/chessboard-light.gif);
    background-repeat: repeat;*/
}

.navshadeTop\nav
{
    background-image: url(../img/white-13.png) !important;
    background-color: transparent !important;

    filter: alpha(opacity=13);
    background-image: none;
    background-color: #fff;
}

div.subnav
{
    display: none;
    position: absolute;
	width: 166px;
    height: 23px;
    font-size: 10px;
    /*padding-left: 15px;
	background-color: white;*/
    padding-top: 5px;
    
    color: #FFFFFF;
    font-size: 10px;
    text-decoration: none;
    /*background-image:  url(../img/arrow-black.gif);
    background-repeat: no-repeat;
    background-position: 180px 8px;
    filter: alpha(opacity=86);
    -moz-opacity: .86;*/
	text-transform: uppercase;
    cursor: pointer;
}

div.subna\v
{
    width: 180px;
    height: 18px;
}

.subnav1 { left: 7px; }
.subnav2 { left: 177px; }

.toppos1 { top: 84px; }
.toppos2 { top: 108px; }
.toppos3 { top: 132px; }
.toppos4 { top: 156px; }
.toppos5 { top: 180px; }
.toppos6 { top: 204px; }
.toppos7 { top: 228px; }
.toppos8 { top: 252px; }
.toppos9 { top: 276px; }
.toppos10 { top: 290px; }
.toppos11 { top: 314px; }
.toppos12 { top: 338px; }
.toppos13 { top: 362px; }


div.final,
div.final:hover,
div.final:active
{
    background-image: none;
}

.info
{
    display: none;
    position: absolute;
    left: 599px;
    top: 9px;
    width: 199px;
    height: 423px;
    padding: 16px;
    background-color: #fff;
    overflow: hidden;
    font-size: 10px;
	cursor: pointer;
	visibility: hidden;
}

.i\nfo
{
    width: 199px;
    height: 391px;
}

.info p
{
    position: relative;
    top: -3px !important;
    top: -4px;
    line-height: 16px;
    margin: 0;
    padding: 0;
	
}

.infoImage,
.infoImage img
{
    position: absolute;
    left: 8px;
    top: 8px;
    width: 200px;
    height: 92px;
    z-index: 2;
}

.infoHeadline,
.infoSubHeadline, 
.infoSubHeadline_pcna,
.infoType, 
.infoType_pcna,
.infoPerformance, 
.infoPerformance_pcna,
.infoPrice, 
.infoPrice_pcna
{
    font-size: 13px;
    position: absolute;
    width: 206px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.infoHeadline img,
.infoSubHeadline img,
.infoType img,
.infoType_pcna img,
.infoPerformance img,
.infoPerformance_pcna img,
.infoPrice img,
.infoPrice_pcna img
{
    font-size: 11px;
    font-weight: bold;
    color: rgb(132,132,132);
    display: block;
}

.infoHeadline img
{
    font-size: 13px;
}

.infoHeadline 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #1C1E5F;
	text-decoration: none;
	left: 16px;
    top: 115px;
    width: 200px;
    height: 23px;
    z-index: 1;
}


.infoSubHeadline 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	left: 16px;
    top: 136px;
    width: 200px;
    color: #1C1E5F;
    height: 250px;
    z-index: 3;
}

.infoSubHeadLine a {
	text-decoration: none;
	color: #1C1E5F;
}

ul { 
	list-style: none;
	list-style-image: url(/img/ul_opsomming.gif); 
	padding-left: 6px;
	left: 6px;
	background-position: 4px;
	margin-left: 6px;

}


.infoType
{
    left: 16px;
    top: 173px;
    height: 57px;
    padding-bottom: 1px;
    border-bottom: 1px dashed rgb(204,204,204);
}


.infoPerformance
{
    left: 16px;
    top: 225px;
    height: 73px;
    padding-bottom: 1px;
    border-bottom: 1px dashed rgb(204,204,204);
}


.infoPrice
{
    left: 16px;
    top: 313px;
}


/* PCNA */
.infoType_pcna
{
    left: 16px;
    top: 180px;
    height: 50px;
    padding-bottom: 1px;
    border-bottom: 1px dashed rgb(204,204,204);
}

.infoPerformance_pcna
{
    left: 16px;
    top: 206px;
    height: 66px;
    padding-bottom: 1px;
    border-bottom: 1px dashed rgb(204,204,204);
}


.infoPerformance_pcna img, 
.infoPrice_pcna img,
.infoType_pcna img
{
	padding-bottom: 1px;
}

.infoPrice_pcna
{
    left: 16px;
    top: 288px;
}


.infoMoreTwoLines_pcna
{
    position: absolute;
    left: 16px;
    top: 371px;
    height: 20px;
    width: 249px;
}

.infoMoreTwoLines_pcna a
{
	padding-right:0;
	padding-left:0;
    text-decoration: none;
    margin-right: 12px;
}

.infoMoreTwoLines_pcna img
{
    margin-right: 0;
    margin-bottom: 1px;
}



/* End PCNA */


.infoSeparator
{
    width: 210px;
    border-top: 1px dashed rgb(204,204,204);
    height: 1px;
    overflow: hidden;
    margin-top: 8px;
    margin-bottom: 6px;
}




.infoMore
{
    position: absolute;
	text-align: right;
	font-family: Verdana,Arial;
    left: 16px;
    top: 401px;
    height: 24px;
    width: 200px;
	font-weight: bold;

}

.infoMore a
{
    text-decoration: none;
	font-family: Verdana,Arial;
	font-size: 10px;
	color: #1C1E5F;
    margin-right: 1px;
	font-weight: bold;
}

.infoMoreTwoLines
{
    position: absolute;
    left: 16px;
    top: 351px;
    height: 20px;
    width: 349px;
}

.infoMoreTwoLines a
{
    text-decoration: none;
    margin-right: 1px;
}

.infoMoreTwoLines img
{
    margin-right: 0;
    margin-bottom: 1px;
}





.navshade,
.navshadeSimple,
.navshadeTopnav
{
    z-index: 2;
}

.subnav,
.info
{
    z-index: 150;
}

body.home div.introImage
{
    position: absolute;
    left: 24px;
    top: 0;
    width: 839px;
    height: 440px;
    z-index: 0;
}

body.home a.navigationChapter,
body.home span.subNavigation
{
    display: none;
}

body.home .search
{
    postion: absolute;
    top: 2px;
    left: 0;
}

body.home .search p
{
    position: absolute;
    left: 48px;    
    top: 451px;
    height: 17px;
    margin: 0;
    padding: 0;
}

body.home .sea\rch p
{
        top: 452px;
}

.search p.lastChild
{
    display: none;
}

body.home .search p.lastChild
{
    display: block;
    position: absolute;
    left: 48px;    
    top: 484px !important;
    top: 483px;
}

body.home .sea\rch p.lastChild
{
    top: 484px;
}

body.home .search .searchbutton
{
    top: 0 !important;
    top: 0px;
}

body.home .sea\rch .searchbutton
{
    top: 1px;
}

a.homeHead,
a.homeHead:link,
a.homeHead:visited,
a.homeHead:hover,
a.homeHead:active
{
    position: absolute;
    font-weight: bold;
    color: white;
    font-size: 18px;
    display: block;
    text-decoration: none;
    cursor: pointer;
    width: 300px;
    letter-spacing: -1px;
}

.home div.content
{
    min-height: 590px;
    height: auto !important;
    height: 590px;
}

.home .related
{
    display: none;
}

.home .innerContent
{
    width: 399px;
    background-color: #fff;
    margin-top: 0;
    padding-top: 460px;
    padding-bottom: 0;
}

.home .innerContentHome
{
    width: 600px;
    background-color: #fff;
    margin-top: 0;
    padding-top: 460px;
    padding-bottom: 0;
}








#footer
{
	position: absolute;
    bottom: 0 !important;
    bottom: -1px;
    height: 24px !important;
    width: 100%;
    color: rgb(117,167,10);
    font-size: 10px;
    border-top: 2px solid rgb(206,207,211);
    background-color: #fff;
	
    background-repeat: repeat-y;
    background-position: 0 0;
    overflow: hidden;
}

.copyright,
.meta
{
    position: absolute;
    left: 23px;
    line-height: 10px;
    overflow: hidden;
}

.meta
{
    top: 4px !important;
    top: 6px;
	width: 290px;
}

.copyright
{
	left: 248px;
    width: 575px;
}


#footer a
{
    text-decoration: none;
}

#footer a:hover
{
    color: rgb(40,43,120);
}

#footer2
{
    margin: 0 auto;
    width: 870px;
	position: absolute;
    top: 850;
    height: 30px !important;
    width: 100%;
    color: rgb(145,145,145);
    font-size: 10px;
    overflow: hidden;
}

/* structuur */
.homeNavigation
{
    position: absolute;
    height: 76px;
    width: 636px;
    z-index: 2000;
    left: 203px;
    top: 0;
	background-image:url(/img/menu/top.jpg);
	background-repeat:repeat-x;
}

#update {
	position: absolute;
	top: 11px; 
    left: 9px;
    width: 177px;
    height: 20px;
    z-index: 1237;
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

.vlaggenButtons
{
    position: absolute;
    top: 0px;
    left: 520px;
    z-index: 1234;
    height: 20px;
	vertical-align:bottom;
}

/* scrolling text (ticker) */
#tickpos
{
	top: -8px;
    left: 0px;
    margin-top: 0;
	overflow: hidden;
	position:relative;
	width:600px;
	height:20px;
	z-index:1500;
}

#ticker
{
	width:500px;
	overflow:hidden;
	background-color:#000066;
}

#ticktext
{
	font-family: verdana,arial; 
	font-size: 9px; 
	color: #282b78;
	text-decoration: none;
	top:3px; 
	overflow: hidden;
	position: absolute;
	right:0px;
	visibility: hidden;
	height: 20px;
	width: 437px;
}
#ticktext a
{
	color: #282b78;
	text-decoration: none;
}
#ticktext a:hover
{
	text-decoration: underline;
}

/* levels */
.level0 {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	position:absolute;
	top:47px;
	z-index:1;
	width:636px;
	color:#FFFFFF;
	font-weight:bold;
	height:29px;
}

.text0 {
	padding-right:10px;
	padding-left:5px;
	height:29px;
}

.over0 {
	background-image:url(/img/menu/selected.gif);
	background-position:right top;
	padding-right:10px;
	padding-left:5px;
	height:29px;
	background-repeat:no-repeat;
}

.level1 {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	position:absolute;
	top:76px;
	left:0px;
	padding-top:20px;
	padding-bottom:20px;
	visibility:hidden;
	background-color:none;
	background-image:url(/img/menu/submenu.png);
	z-index:2;
	color:#FFFFFF;
	width:636px;
	height:175px;
}

.text1 {
	width:153px;
	color:#FFFFFF;
	height:21px;
	padding-left:13px;
}

.over1 {
	color:#69a225;
	width:153px;
	background-image:url(/img/menu/subover.png);
	height:21px;	
	padding-left:13px;	
}

.level2 {
	color:#FFFFFF;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	position:absolute;
	top:76px;
	left:166px;
	width:450px;
	background-image:url(/img/spacer.gif);
	padding-top:2px;
	padding-bottom:20px;	
	visibility:hidden;
	z-index:3;
}

.text2 {
	width:153px;
	color:#FFFFFF;
	height:21px;
}

.over2 {
	width:153px;
	color:#FFFFFF;
	height:21px;
}

/* introblokje */
.introTekst
{
    position: absolute;
	top: 452px; 
    left: 25px;
}

.introtekst2 {
	color:#282b78;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:183px;
}

.introtitel {
	color:#282b78;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:183px;
	font-weight:bold;
}