

/* ------------------ GENERIEKE OPMAAK DNN/HTML ------------------ */


/* colors: #000000 #929292 #ffffff */

html
{
    height: 100%;
}


body
{
    margin:0px; padding:0px;
    text-align:center;
    background-color:#ffffff; /* #f8f8f8 */
    font-family:Verdana,Arial; font-size:12px; text-align:left; /* OPMAAK */
    overflow-Y:scroll;
}

#Body
{
    
    margin:0px; padding:0px; background-color:#fefefe;
}



td, tr, p
{   vertical-align:top;
    color:#000000; font-family:Verdana,Arial; font-size:12px; line-height:150%; text-align:left; /* OPMAAK */
    }
.Normal, div
{   padding :0px; margin:0px;
    color:#000000; font-family:Verdana,Arial; font-size:12px; line-height:150%; text-align:left; /* OPMAAK */
    }


.Normal A, .Normal A:active, .Normal A:link, .Normal A:visited,
A, A:active, A:link, A:visited { color:#000000; text-decoration:underline; } /* OPMAAK */
.Normal A:hover, A:hover { color:#666666; text-decoration:underline; } /* OPMAAK */


.contentHolder
{
    padding-top:15px; padding-bottom:10px;
    width:100%; /* voor agenda */
}

#contentPane
{
/*    border-top:solid 1px #000000; */
}


.contentInner
{
    width:100%; /* voor agenda */
}


.contentRight, .contentLeft
{
    width:100%;
    padding-bottom:15px;
}



.Date { margin:0px; padding:0px;  }



/* KOPPEN voor containers */


.Head, H1, H2, H3, H4, H5
{   padding:0px; 
    color: #000000; font-family: Verdana, Arial; font-weight: bold; letter-spacing:-1px;
}
.Head, H1 { font-size:20px; line-height: 22px !important;}
H2 { font-size:18px; }
H3 { font-size:16px; }
H4 { font-size:14px; }
H5 { font-size:14px; }



.RightKopTxt .Head, 
.RightKopTxt H1, 
.RightKopTxt H2, 
.RightKopTxt H3, 
.RightKopTxt H4, 
.RightKopTxt H5 { padding:0px;  margin:0px; font-family:Verdana,Arial; font-size:12px; color:#ffffff; letter-spacing:0px; }
.RightKopTxt .Head, 
.RightKopTxt H1 { font-size:12px; line-height: 28px !important; color:#ffffff; }
.RightKopTxt H2 { font-size:12px; color:#ffffff; }
.RightKopTxt H3 { font-size:12px; color:#ffffff; }
.RightKopTxt H4 { font-size:12px; color:#ffffff; }
.RightKopTxt H5 { font-size:12px; color:#ffffff; }





/* SEARCH even geduld aub */

#SearchWait
{
    position:absolute; top:150px; width:100%; text-align:center; visibility:hidden;
}
#SearchWaitInner1
{
    width:960px; text-align:center;
}
#SearchWaitInner2
{
    filter:alpha(opacity=95); opacity:.95;
    background-color:#dddddd; border:solid 1px #000000; width:230px; z-index:999; text-align:center;
    padding-top:35px; padding-bottom:35px;
    margin-left:705px;
    color:#000000; font-size:12px; font-weight:bold;
}



/* marketing */
.menu, #menu
{
    position:absolute; width:200px; visibility:hidden;
}



/* ------------------------------------------------------------------------------- WEBDESIGN ------------ */





#WrapperBody
{
    width:100%; text-align:center;
}


.spacer
{
    width:10px; heigth:10px; border:none;
}



div
{
    margin:0px; padding:0px;
}




.LinkZwart, .LinkZwart:active, .LinkZwart:link, .LinkZwart:visited { color:#ffffff; text-decoration:none; }
.LinkZwart:hover { color:#b0b0b0; text-decoration:none; }


.rand { border:none;padding:0px;margin:0px; top-margin:0px; font-size:6px; }
.randtop_height { height:40px; padding:0px;margin:0px;  }
.randbottom_height { height:20px; padding:0px;margin:0px; }

.randtop { padding:0px;margin:0px; background-image:url(images/rand_top.png); background-position:left bottom; background-repeat:repeat-x; }
.randleft { padding:0px;margin:0px; background-image:url(images/rand_left.png); background-position:right top; background-repeat:repeat-y; }
.randright { padding:0px;margin:0px; background-image:url(images/rand_right.png); background-position:left top; background-repeat:repeat-y; }
.randbottom { padding:0px;margin:0px; background-image:url(images/rand_bottom.png); background-position:left top; background-repeat:repeat-x; }

.randtopright { padding:0px;margin:0px; background-image:url(images/rand_topright.png); background-position:left bottom; background-repeat:no-repeat; }
.randtopleft { padding:0px;margin:0px; background-image:url(images/rand_topleft.png); background-position:right bottom; background-repeat:no-repeat; }
.randbottomright { padding:0px;margin:0px; background-image:url(images/rand_bottomright.png); background-position:left top; background-repeat:no-repeat; }
.randbottomleft { padding:0px;margin:0px; background-image:url(images/rand_bottomleft.png); background-position:right top; background-repeat:no-repeat; }



#WrapperMain
{
    width:960px;
}



/* ------------------ HEADER  ------------------ */
#Header
{
    width:960px; height:90px;
    /* background-image:url(images/header_bg.png); background-position:left bottom; background-repeat:repeat-x; */
    background-color:#161616;
    clear:both;
}


/* LOGO */

#WrapperSaxLogo
{
    /*margin-top:5px;*/  margin-left:45px; float:left;
}
#SaxLogo
{
    background-image:url(images/Saxnu_logo.png); background-repeat:no-repeat; width:189px; height:55px; /*float:left;*/
}
#SaxLogoTxt
{
    /*margin-left:15px; margin-top:51px; float:left;*/
    color:#ffffff; font-family:Verdana,Arial; font-size:13px;
}


/* rechts: zoekknop, datum en link intranet */
#HeaderRight
{
    width:245px;
    padding-top:14px;
    text-align:right;
    float:right;
    color:#ffffff;
}


/* ---------- DATUM ---------- */

#header_datum
{
    height:20px;
    /*padding-left:70px;*/
}
.header_datum_txt
{
    color:#ffffff; font-family:Verdana,Arial; font-size:12px;
}


/* ---------- INTRANET link ---------- */

#header_intranet
{
/*
    float:left;
    width:70px;
*/
}



/* ---------- ZOEKEN ---------- */

#header_zoekveld
{
/*    float:left; */
height:22px; /*width:220px;*/ text-decoration:none;
    background-color:Transparent;
    background-image:url(images/zoek_veld.gif); background-repeat:no-repeat; background-position:left center;
margin-bottom: 2px;
}

    .NormalTextBox
    {
        float:left; clear:none; text-decoration:none;
    }

    #dnn_dnnSEARCH_txtSearch
    {
        float:left; height:20px; width:175px; border:none; background-color:Transparent;
        padding-left:5px; padding-right:5px; margin-top:2px;
        color:#404040; font-family:Verdana,Arial; font-size:12px; text-decoration:none;
    }
    
   #dnn_dnnSEARCH_cmdSearch { width:20px; float:left; text-decoration:none;  }


    .zoekknop
    {
        text-decoration:none; margin-left:7px; margin-top:0px; width:19px; height:20px; background-image:url(images/zoek_knop.gif); background-repeat:no-repeat; font-size:8px; float:left;
    }
    .zoekknop_o
    {
        text-decoration:none; margin-left:7px; width:19px; height:20px; background-image:url(images/zoek_knop_o.gif); background-repeat:no-repeat; font-size:8px; float:left;
    }



/* --- DNN LOGIN --- */

.LoginPos
{
    float:right; padding-top:14px;
}

.LoginCSS, .LoginCSS:visited, .LoginCSS:link, .LoginCSS:active,
.LoginCSS A, .LoginCSS A:visited, .LoginCSS A:link, .LoginCSS A:active
{
    width:25px; height:20px; background-image:url(images/login.gif); background-repeat:no-repeat; background-position:right bottom;
    font-family:Arial; font-size:18px; text-decoration:none;
}
.LoginCSS:hover, .LoginCSS A:hover
{
    width:25px; height:20px; background-image:url(images/login_anim_o.gif); background-repeat:no-repeat; background-position:right bottom;
    font-family:Arial; font-size:18px; text-decoration:none;
}






/* ------------------ CONTENT ------------------ */


#PaneUnderHeader { width:960px; height:40px; }

#BrdCrmbHolder { padding-left:178px; padding-top:10px; color:#929292; }

.BrdCrmb, .BrdCrmb:active, .BrdCrmb:link, .BrdCrmb:visited { font-size:11px; color:#929292; text-decoration:none; font-weight:normal; }
.BrdCrmb:hover { font-size:11px; color:#000000; text-decoration:none; font-weight:normal; }




#PaneMainContent
{
}

#PaneMainWrapper
{
    background-color:#ffffff;
    width:960px;
    font-family:Verdana,Arial; font-size:12px;
}

#PaneMenu
{
    width:148px; float:left; clear:none;
}
#MenuHolder
{
    width:148px; clear:both;
}


#PaneContentWrapper
{
    width:782px; float:right; clear:none
}


.PaneContentHolder
{
    width:540px; float:left; clear:none; padding-left:0px;
    border-top:solid 1px #000000;
}



/* ------------------ RECHTS ------------------ */


#PaneRight
{
    width:220px; float:right; clear:none;
}

.RightKop
{
    width:220px; padding:0px; padding:0px;
    /* background-image:url(images/kop_bg.png); background-position:left bottom; background-repeat:repeat-x; */
    background-color:#161616;
}

.RightKopGreen {background-color:#018241;}


.RightKopTxt
{
    padding-top:5px; padding-right:20px; padding-bottom:5px; padding-left:20px; margin:0px;
    font-family:Tahoma,Arial; font-size:12px; color:#ffffff;
}


.RightContentHolder
{
    padding-left:20px; padding-right:10px; padding-top:5px; padding-bottom:10px;
}


/* ------------------ FOOTER ------------------ */

#FooterPaddingTop
{
    clear:both;
    width:960px; height:10px; font-size:6px;
}

#Footer
{
    clear:both;
    width:960px; height:30px;
    /* background-image:url(images/footer_bg.png); background-position:left top; background-repeat:repeat-x; */
    background-color:#161616;
    text-align: center;
    line-height: 28px;
}





/* --------------------------------- RADMENU --------------------------------- */


/* ----------- HOOFDMENU ----------- */
.RadMenu_MainMenu { }
.RadMenu_MainMenu .rmHorizontal {}
.RadMenu_MainMenu .rmVertical {}

.RadMenu_MainMenu .rmRootGroup .rmItem { margin: 0px; padding: 0px; background-color: #ffffff;  }
.RadMenu_MainMenu .rmRootGroup .rmItem .rmLink { margin: 0px; padding: 0px; background-color: #8080c0;  }

.RadMenu_MainMenu .rmRootGroup .rmItem {  margin: 0px; padding: 0px; background-color: #ffffff;  }


.RadMenu_MainMenu .rmRootGroup .rmItem .rmLink
{
    background-image:url(images/menu.gif); background-repeat:no-repeat; background-position:left top;
    font-family:Tahoma; font-size:12px; text-decoration:none; color:#000000;
}
.RadMenu_MainMenu .rmRootGroup .rmItem .rmLink:hover
{
    background-image:url(images/menu_o.gif); background-position:left top; background-repeat:no-repeat; 
    font-family:Tahoma; font-size:12px; text-decoration:none; color:#ffffff; text-decoration:none;
}


.RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText
{
    display: block; white-space: normal;
    width:125px;
    padding-top:5px; padding-right:6px; padding-bottom:5px; padding-left:0px;
    margin-top:0; margin-right:10px; margin-bottom:0px; margin-left:15px;
}

.RadMenu_MainMenu .rmRootGroup .rmLast
{
    border-bottom:solid 1px #000000;
}

.RadMenu_MainMenu .rmRootGroup .rmExpandRight
{
    background-image:url(images/menu_expandleft.gif); background-position:right 11px; background-repeat:no-repeat;
}

.RadMenu_MainMenu .rmRootGroup .rmExpandRight:hover
{
    background-image:url(images/menu_expandleft_o.gif); background-position:right 11px; background-repeat:no-repeat; 
}

/* ----------- SUBMENU ----------- */


.RadMenu_MainMenu .rmVertical .rmGroup .rmItem { margin-left:10px; }

.RadMenu_MainMenu .rmVertical .rmGroup .rmLevel2 .rmItem { margin-left:5px; }

.RadMenu_MainMenu .rmGroup .rmFirst { border-top:solid 1px #000000; }

.RadMenu_MainMenu .rmGroup .rmItem { border-left:solid 1px #000000; border-right:solid 1px #000000; }

.RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText
{
    display: block; white-space: normal;
    width:125px;
    padding-top:5px; padding-right:6px; padding-bottom:5px; padding-left:0px;
    margin-top:0; margin-right:10px; margin-bottom:0px; margin-left:15px;
}

.RadMenu_MainMenu .rmGroup .rmItem .rmLink
{
    margin: 0px; padding: 0px; background-color:#ffffff;
    background-image:none; font-family:Tahoma; font-size:12px; text-decoration:none; color:#000000;
}
.RadMenu_MainMenu .rmGroup .rmItem .rmLink:hover
{
    background-image:url(images/submenu_o.gif); background-position:left top; background-repeat:no-repeat;
    font-family:Tahoma; font-size:12px; text-decoration:none; color:#ffffff; text-decoration:none;
}




/* SubMenu Styles */ 
/*
.RadMenu_SubMenu { background-color: #eeeeee; margin-bottom: 20px; }
.RadMenu_SubMenu .rmVertical {}

.RadMenu_SubMenu .rmRootGroup .rmItem { margin: 0px; padding: 0px; background-color: #eeeeee;  }
.RadMenu_SubMenu .rmRootGroup .rmItem .rmLink { margin: 0px; padding: 0px;}
.RadMenu_SubMenu .rmRootGroup .rmItem .rmLink .rmText { margin: 0px; padding: 5px; display: block; white-space: normal;  }


.RadMenu_SubMenu .rmGroup .rmItem {  margin: 0px; padding: 0px; background-color: #eeeeee;  }
.RadMenu_SubMenu .rmGroup .rmItem .rmLink { margin: 0px; padding: 0px; }
.RadMenu_SubMenu .rmGroup .rmItem .rmLink .rmText { margin: 0px; padding: 5px; display: block; white-space: normal;  }
*/



/*
================================
Survey
================================
*/

.survey,
.surveyitems,
.surveyitems td,
.surveyitems .Normal,
.surveyresults,
.surveyresultsitems,
.surveyresulttemplateUL,
.surveyresulttemplateLI td,
.surveyresulttemplateLI .YourCompanyNameSurveyResults,
.surveyresulttemplateLI .Normal  {font-size: 11px !important;}




#dnn_ctr582_Survey_pnlResults,
#dnn_ctr582_Survey_cmdSubmit,
#dnn_ctr582_Survey_cmdResults,
#dnn_ctr582_Survey_cmdSurvey
 { color: #000000 !important;}

/*
================================
Tekst PLus Satelliet Rechts
================================
*/

.SaxSideItem { display: block; padding: 3px 5px; font-size: 11px !important;}
.SaxSideItem a {font-weight: Normal !important; text-decoration: none !important; font-size: 11px !important;}
.SaxSideItemTime { font-weight: bold;}
.SaxSideItemTitle {}



.newsitemtext img {/*width: 200px; float: left; margin-right: 20px;*/}



/*----------------------------------------------------------------------------*/



.Pager {text-align:center;}

/*
================================
newsitems css classes
================================
*/

.feedbannerimage img
{
    width: 150px;
    max-width: 150px;
}


.newscontainer img
{
    border: none;
}


table.TextEditor
{
    width: 590px;
    height: 400px;
}

.newscontainer
{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-weight: normal;
}

.itemContent
{
    width: 540px;
    min-width: 540px;
    display: block;
border-bottom: black 1px solid;
}

.itemContent .Heading1
{
    width: auto;
}

.itemContent a {text-decoration: none !important;}


.itemContent h1 {font-size: 20px; line-height: 20px;margin: 10px 0px 5px;}
.NewsEditPanel
{
    float: right;
    margin-top: -15px;
}

span.newsitemtext
{
    width: auto;
/*    text-align: justify;*/
    margin-bottom: 5px;
    font-size: 10pt;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    line-height: normal;
}

span.newsitemtext p, span.newsitemtext div
{
    display: inline;
}

span.newsitemtext img
{
    float: left;    
    width: 150px;
    margin-right: 10px;
}

span.newsitemHeader
{
    color: #808080;
    margin-bottom: 5px;
    font-size: 8pt;
    width: 540px;
    min-width: 460px;
    display: block;    
}

span.newsitemFooter
{
    color: #808080;
    width: 540px;    
    margin-top: 5px;
    font-size: 80%;
    min-width: 460px;
    display: block;
    clear: both;     
}

a.newsitemfeedside
{
    width: 100%;
    display: block;
    margin-bottom: 5px;
}

span.newsitemfeedside-time
{
    color: #808080;
    margin-right: 5px;
    font-family: Arial Narrow, Verdana, Tahoma, Arial, Helvetica;
}
