/* CSS by Norbert de Langen - Mediaconnexion BV */
/* Copyright 2011 | All rights reserved */

/* MODAL WINDOW BY NYROMODAL */
div#nyroModalFull {
font-size:12px;
color:#777}
div#nyroModalLoading {
border:15px solid #000;
border:15px solid rgba(0,0,0,0.4);
width:150px;
background:#000 url('/img/modal/loading.gif') center center no-repeat scroll;
height:150px;
text-indent:-9999em;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;}
div#nyroModalLoading.error {
line-height:20px;
padding:20px;
width:300px;
height:100px;
text-indent:0;
background:#fff}
div#nyroModalWrapper {
border:15px solid #000;
border:15px solid rgba(0,0,0,0.4);
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;}
.wrapperIframe,
#nyroModalContent{
background:#000000}
a#closeBut {
z-index:110;
position:absolute;
display:block;
top:-21px;
right:-21px;
width:42px;
height:42px;
text-indent:-9999em;
background:url(/img/modal/close.png) no-repeat;
outline:0}
h1#nyroModalTitle {
margin:0;
padding:0;
position:absolute;
display:none;
top:-22px;
left:5px;
font-size:12px;
color:#ddd}
div.wrapper div#nyroModalContent {
padding:0px}
div.wrapperImg div#nyroModalContent {
margin:0;
position:relative;
overflow:hidden;
text-align:center}
div.wrapperImg img {
vertical-align:baseline}
div.wrapperImg div#nyroModalContent div {
z-index:106;
position:absolute;
bottom:0;
left:0;
background:black;
padding:0px;
overflow:hidden;
opacity:0.2}
div.wrapperImg div#nyroModalContent div:hover {
opacity:0.5;
cursor:help}
a.nyroModalPrev, a.nyroModalNext {
z-index:105;
outline:none;
position:absolute;
top:0;
height:100%;
width:23px;
cursor:pointer;
text-indent:-9999em;
background-image:url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
height:60%;
width:24px}
a.nyroModalPrev {
left:-33px;
background:url(/img/modal/arrows.png) left 20% no-repeat}
a.nyroModalNext {
right:-33px;
background:url(/img/modal/arrows.png) right 20% no-repeat}

/* VALIDATIONFORM */
.hidden{
display:none}
.error{
color:red}
label.error{
position:absolute;
margin:0;
width:300px;
text-align:right;
font-size:9px;
line-height:9px;
padding:3px;
top:0;
right:0;
color:red;
display:none}

/* DEBUG */
a.error{
color:red}
.submenu{
display:none}

/* LINKS TO FILETYPES */
.content a[href$='.pdf'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/img/ico/filetype/pdf.png) center left no-repeat}
.content a[href$='.doc'],
.content a[href$='.docx']{
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/img/ico/filetype/word.png) center left no-repeat}
.content a[href$='.xls'],
.content a[href$='.xlsx']{
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/img/ico/filetype/filetype/excel.png) center left no-repeat}
.content a[href$='.exe']{
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/img/ico/filetype/exe.png) center left no-repeat}
.content a[href$='.txt'],
.content a[href$='.rtf']{
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/img/ico/filetype/text.png) center left no-repeat}
.content a[href$='.ppt'],
.content a[href$='.pptx']{
.content a[href$='.pptx']{
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/img/ico/filetype/powerpoint.png) center left no-repeat}

.MsoNormal,.MsoBodyText,font{
background:#f00 url('/img/x/wordopmaak.gif');
text-indent:-9000000px}