﻿html,body
    {
        /* height: 100%; */
        background-attachment:scroll;
        background-position:0 0;
        background-color:#ffffff;
        background-repeat:repeat;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.96em; /* 13px; */
		color: #000;
		border-style: none; 
		margin: 0 0 0 0;
    }

/* html>body { font-size: medium; } /* for Opera and unfortunately also FF */

/* Hides from IE5-mac \*/
* html body{
	font-size: 0.8125em;
}
/* End hide from IE5-mac */

.ie8fix {z-index:1000;width:180px;background-color:Transparent}
.ie8fix a:link,
.ie8fix a:visited {color:#000;width:174px;padding:2px 4px;margin:0;display:block;background:#e2e2e2 url(images/menu_bg.jpg) repeat-x 0 0}
.ie8fix a:hover,
.ie8fix a:active {color:#000;width:174px;padding:2px 4px;display:block;text-decoration:none;background:#959595 url(images/menu_bg.jpg) repeat-x 0 -24px}


/* Generic properties */

a:link { color: #da251c; text-decoration: none; }
a:visited { color: #da251c; text-decoration: none; }
a:hover { color: #da251c; text-decoration: underline; }
a:active { color: #da251c; text-decoration: underline; }

/* div { text-align: left; } */

img { border: 0; padding: 0 0 0 0; }

textarea,input,select
    {
        font-family: Verdana;
        font-size: 12px;
    }

h1,h2,input.h2,textarea.h2
    {
        color: #da251c;
        font-weight: 500;
        font-size: 16px;
        margin: 0 0 4px 0;
        padding: 0;
    }

h2,input.h2,textarea.h2
    {
        font-weight: 300;
    }

.nowrap
    {
        white-space:nowrap;
    }

.errorMessage
{
    color:#da251c;
    font-weight:bold;
}

div.smallfont
{
    font-size:10px;
}

/* inline CMS */
div.editTemplate
    {
        background-color:#eee;
        border: dashed 1px #da251c;
        padding: 5px;
    }

div.displayTemplate
    {
        display:block;
    }

span.leesverder,div.leesverder
    {
        text-align:right;
        font-size:10px;
    }

div.contentitem
    {
        margin: 8px 4px 4px 100px;
        width: 533px;
    }

/* afwijkende waarden op de homepage */
div.contentitem_homepage
    {
        width: 350px;
    }

div.contentitem p
    {
        margin: 0 0 8px 0;
        /* line-height: 99.5%; */
        text-align: justify;
    }

div.rightcolumn
    {
        margin: 8px 0px 8px 8px;
        padding: 0 0 0 0;
        width: 280px;
        float: right;
    }

/* afwijkende waarden op de homepage */
div.rightcolumn_homepage
    {
        width: 480px;
    }

div.box
    {
        margin: 8px 4px 8px 4px;
        padding: 4px 4px 4px 4px;
        border: solid 1px #999;
        background-color:#eee;
        width: 232px;
        height: 100px;
        float: right;
        font-size:11px;
     }

/* afwijkende waarden op de homepage */
div.rightcolumn_homepage div.box
    {
        width: 208px;
    }
    
div.imgbox
    {
        margin: 8px 4px 8px 4px;
        padding: 0 0 0 0;
        border: solid 1px #999;
        background-color:#eee;
        float: right;
    }

div.box h1
    {
        color: #da251c;
        font-weight: 500;
        font-size: 16px;
        margin: 0 0 4px 4px;
    }

div.box p
    {
        margin: 0 0 0 4px;
        padding: 0 0 0 0;
    }

div.box span
    {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }

div.box label
    {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        font-size:11px;
    }

div.box ul
    {
        margin: 0;
        padding: 0;
        list-style: none;
    }

div.box ul.bullets
    {
        list-style: disc url(images/arrowbutton.gif) inside;
    }

div.box ul li
    {
        margin: 0 0 0 4px;
        padding: 0 0 0 0;
        display: block;
    }

div.box ul.bullets li
    {
        display: list-item;
        list-style: disc url(images/arrowbutton.gif) inside;
    }

div.box ul li a:link,div.box ul li a:visited,div.box ul li a:hover,div.box ul li a:active
    {
        color: #000;
    }

div.box table
    {
        margin: 0 2px 0 2px;
    }

div.box td a:link,div.box td a:visited,div.box td a:hover,div.box td a:active
    {
        color: #000;
    }

div.box input
    {
        margin: 0 0 1px 0;
        width: 100px;
        float:right;
    }

div.box input.button
    {
        width: 40px;
    }

div.box span label
    {
        margin: 0 0 0 0;
        width: auto;
        float:none;
    }

div.box span input
    {
        margin: 0 0 0 14px;
        width: auto;
        float:none;
    }

div.box div
    {
        margin: 0 0 0 20px;
    }
/*
layout of top header, headerbar and footer
*/

form.master{
	margin: 0;
	padding: 0;
	/* min-width: 944px;*/
	width: 100%;
}

div#mainframe
    {
        text-align: left;
        width: 944px;
        margin: 0 auto;
        background-color:#fff;
    }

div.topheader
    {
        vertical-align: top;
        text-align: left;
        margin: 0 0 0 0; /* 8px 8px 8px 8px; */
        background-image: url(images/ESNA_header.jpg);
        background-position: 0 -172px;
        background-repeat:no-repeat;
        height: 75px;
    }
 
.home div.topheader
    {
        background-image: url(images/ESNA_header.jpg);
        background-position: 0 0;
        height: 172px;
    }

.logo
    {
        float: left;
        margin: 2px 2px 0 2px;
    }

span.breadcrumps
    {
        margin-top: 104px; /* 24px */
        padding: 0 0 0 14px;
        color: #da251c; /* d61021; */
    }

div.loginstatus
    {
        float: right;
        color: #ffffff;
        vertical-align: middle;
        text-align: right;
        padding: 2px 4px 0 0;
    }

div.loginstatus a:link,div.loginstatus a:visited,div.loginstatus a:hover,div.loginstatus a:active
    {
        color: #ffffff;
    }

div.headerbar
    {
        background-color: #fff;
        margin: 0 0 1px 0;
        white-space: nowrap;
    }

div.footerbar
    {
		background: #e2e2e2 url(images/menu_bg.jpg) repeat-x 0 0;
        padding: 4px 0;
		height:16px;
        color: #000;
        font-size: 12px;
        text-align: center;
    }

div.footerbar a:link,div.footerbar a:visited,div.footerbar a:hover,div.footerbar a:active
    {
        color: #000;
    }
    
/*
menu styles
*/
div.menubar
    {
		background: #e2e2e2 url(images/menu_bg.jpg) repeat-x 0 0;
        margin: 0 0 1px 0; /* was 0 0 4px 0 , was 0 0 0 0    toen menu onder header zat */
        padding: 0 0 0 0;  /* was 0 0 1px 0  toen menu onder header zat */
        width: 100%;
    }
    /* skip links  make 1 pixel row this has to be set to 0px */
div.menubar a img
    {
        height: 0;
    }

div.menubar td a,
div.menubar td a:link,
div.menubar td a:visted
{
		display:block;
		background: #e2e2e2 url(images/menu_bg.jpg) repeat-x 0 0;
}

div.menubar td a:hover,
div.menubar td a:active
{
		display:block;
		text-decoration:none;
		background: #959595 url(images/menu_bg.jpg) repeat-x 0 -24px;
}

div.menubar .ie8fix td { background: Transparent none}

table.ctl00_Menu1_2
    {
        margin: 0 0 0 100px;
    }

/*
menu styles: Static Menu
*/
a.ctl00_Menu1_3
    {
        width: 120px;
        padding: 2px 6px 2px 6px;
        display: block;
    }
a.ctl00_Menu1_3:link,a.ctl00_Menu1_3:visited

    {
        xbackground-color: #da251c;
        color: #000;
        text-decoration: none;
    }
a.ctl00_Menu1_3:hover,a.ctl00_Menu1_3:active
    {
		background: #959595 url(images/menu_bg.jpg) repeat-x 0 -24px;
        color: #000;
        text-decoration: none;
    }

/*
menu styles: Dynamic Menu
*/
a.ctl00_Menu1_5
    {
        width:173px; /* 155px */
        /* padding: 2px 6px 2px 6px; */
        display:block;
    }
a.ctl00_Menu1_5:link
    {
        background-color:#333; /* dark grey  */
        color:#000;
        text-decoration: none;
    }
a.ctl00_Menu1_5:visited
    {
        background-color:#333; /* dark grey  */
        color:#000;
        text-decoration: none;
    }
a.ctl00_Menu1_5:hover
    {
        xbackground-color:#666;
        color:#000;
        text-decoration: none;
    }
a.ctl00_Menu1_5:active
    {
        xbackground-color:#666;
        color:#000;
        text-decoration: none;
    }

/* FORM FIELDS, INPUT CONTROLS AND VALIDATION */

div.validation
    {
        float:right;
        text-align:right;
    }

div.message,span.message
    {
        color: #da251c;
        font-weight: 400;
    }

div.label
    {
        width:128px; /* was 180 */
        float:left;
        text-align:right;
        display:inline;
    }

div.displayTemplate div.label
    {
        font-weight:bold;
    }

input.label
    {
        text-align:right;
    }

div.field
    {
        padding-left:0;
    }

div.displayTemplate div.row div.field
    {
        margin-left: 136px;
    }

div.edittemplate div.label
    {
        width:128px;
    }

div.row {clear:both;}

div.feedbackform
    {
        width: 533px;
    }
 
.koptekst
    {
        color: #da251c;
        font-weight: bold;
        border-bottom: solid 1px #666;
        padding: 8px 0 0 0;
    }
 
 /* FORUM */

div.post_re
    {
        display:none;
        font-size:xx-small;
    }

div.post_body
    {
       /* display:none; */
    }

div.post_subject_selectedx
    {
        background-color: #ccc; 
    }

div.post_body_selectedx
    {
        background-color: #ddd; 
    }

div.post a:link,div.post a:visited,div.post a:hover,div.post a:active
    {
        color: #da251c; text-decoration: underline;
    }

/* Calendar style */

div.evtrow {display:block; height:auto; margin:0; border:none 0 transparent;}

/* BoxOver style */

.dvhdr1{ background:#eee; font:bold 12px; border: solid 1px #999; padding:2px 9px 2px 5px; width:500px; color:#da251c;}
.dvbdy1 { background:#fff; font:normal 12px; border: solid 1px #999; border-top: none; padding:5px; width:504px; }
