/*
================================================
Kleurgebruik EVI website
================================================

oranje: d7400f
        f3510d
        f37718
        f6c083

groen:  567400
        8cc832
        aada00
        dcfd91

blauw:  001738
        004586
        298aa6
        a6dbe8

*/
/*
================================================
	Yahoo GUI Reset CSS
	http://developer.yahoo.com/yui/reset/
================================================



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, textarea, p, blockquote, th, td
{
    margin: 0;
    padding: 0;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
 img
{
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var
{
    font-style: normal;
    font-weight: normal;
}
ol, ul
{
    list-style: none;
}
caption, th
{
    text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before, q:after
{
    content: '';
}
abbr, acronym
{
    border: 0;
}*/


body
{
    margin: 0px;
    font-family: "Trebuchet MS" , Arial;
    padding: 0px;
}

a
{
    /*color: #F3510D; *? /* oranje */
    /*color: #222222;*/
    color: #444444;
    /*text-decoration: none;*/
    /*font-weight: bold;*/
}

a:hover
{
    color: #8CC832;
}

ul
{
	margin-top:0;
	margin-bottom:0;
}
 
legend
{
    font-size: 13px;
    color: #D7400F;
    font-weight: bold;
}
.button_white_150
{
    border-style: none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "Trebuchet MS" , Arial;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 150px;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url(EviImg/knop_wit_150.png);
    background-repeat: no-repeat;
    background-position: 0%;
}
.button_white_100
{
    border-style: none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "Trebuchet MS" , Arial;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 100px;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url(EviImg/knop_wit_100.png);
    background-repeat: no-repeat;
    background-position: 0%;
}
.button_green_100
{
    border-style: none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "Trebuchet MS" , Arial;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 100px;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url(EviImg/button_green_100.png);
    background-repeat: no-repeat;
    background-position: 0%;
}
.button_dgray_100
{
    border-style: none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "Trebuchet MS" , Arial;
    font-size: 12px;
    font-weight: bold;
    height: 19px;
    line-height: 19px;
    text-align: center;
    width: 100px;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url(EviImg/knop_dgrijs_100.png);
    background-repeat: no-repeat;
    background-position: 0%;
}

.button_green_150
{
    border-style: none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "Trebuchet MS" , Arial;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 150px;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url(EviImg/button_green_150.png);
    background-repeat: no-repeat;
    background-position: 0%;
}



#container
{
    width: 990px;
    position: relative;
}



.button_100,
.button_150,
.button_200
{
    border-style: none;
    color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-color: transparent;
    font-family: "Trebuchet MS" , Arial;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 17px;
    height: 17px;
    text-align: center;
    cursor:pointer;
}

.button_100
{
    background-image: url(EviImg/knop_100.png);
    width: 91px;
}

.button_150
{
    background-image: url(EviImg/knop_150.png);
    width: 135px;
}

.button_200
{
    background-image: url(EviImg/knop_200.png);
    width: 190px;
}


.rightAttBox a.Button100,
.rightAttBox a.Button100:visited,
.rightAttBox a.Button100:hover
{
    text-decoration: none;
    border-style: none;
    color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-color: transparent;
    font-family: "Trebuchet MS" , Arial;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 17px;
    height: 17px;
    text-align: center;
    cursor:pointer;
    background-image: url(EviImg/knop_100.png);
    
}




/*
.button_100:hover
{
    cursor: pointer;
    background-image: url(EviImg/knop_100.png);
    background-repeat: no-repeat;
    background-position: -102px 0px;
    color: #567400;
}
*/


/*
.button_150
{
    border-style: none;
    color: #FFFFFF;
    background-image: url(EviImg/knop_150.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-color: transparent;
    font-family: "Trebuchet MS" , Arial;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 17px;
    height: 22px;
    width: 152px;
    text-align: center;
}


.button_150:hover
{
    cursor: pointer;
    background-image: url(EviImg/knop_150.png);
    background-repeat: no-repeat;
    background-position: -152px 0px;
    color: #567400;
}
*/

/*
Header
*/


#header #h_logo
{
    position: absolute;
    left: 11px;
    top: 11px;
}
#header #h_kreet
{
    position: absolute;
    top: 20px;
    right: 103px;
}
#header #h_kikker
{
    position: absolute;
    top: 2px;
    right: 0px;
}
#header
{
    position: relative;
    height: 80px;
}


/*
Home menu
*/

.login_table
{
    margin-right: 5px;
    margin-left: 5px;
    width: 195px;
    text-align: left;
    height: 35px;
    background-position: top;
    font-size: 10px;
}
.login_knop
{
    border-style: none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "Trebuchet MS" , Arial;
    font-size: 12px;
    font-weight: bold;
    height: 15px;
    line-height: 10px;
    text-align: center;
    width: 15px;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url(EviImg/knop_rondje.png);
    background-repeat: no-repeat;
    background-position: 0%;
}
.login_input_top
{
    height: 13px;
    width: 95px;
    border: 1px solid #567400;
    font-size: 11px;
    color: #333333;
    padding: 1px;
    margin-right: 20px;
}
.login_input_bottom
{
    height: 13px;
    width: 95px;
    border: 1px solid #567400;
    font-size: 11px;
    color: #333333;
    padding: 1px;
    margin-right: 5px;
}
#home_menu
{
    position: relative;
    height: 44px;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #DCFD91;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #AADA00;
    border-bottom-color: #AADA00;
}
#home_menu a
{
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    letter-spacing: 1px;
}

#home_menu a:hover
{
    color: #D7400F;
    text-decoration: none;
}
#home_menu #top_menu
{
    background-color: #BBBBBB;
    width: 654px;
    height: 20px;
    text-align: center;
    line-height: 20px;
}
#home_menu #bottom_menu
{
    height: 20px;
    width: 623px;
    background-image: url(EviImg/menu_green_bottom.png);
    background-repeat: repeat-x;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #FFFFFF;
    padding-left: 30px;
    line-height: 20px;
}
#home_menu .top_menu_item
{
    width: 108px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #FFFFFF;
    height: 19px;
    float: left;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #AADA00;
}
#home_menu .top_menu_item_selected
{
    width: 108px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #FFFFFF;
    height: 20px;
    float: left;
    background-image: url(EviImg/menu_green_top.png);
    background-repeat: repeat-x;
}


#home_menu .sub_menu_item
{
}
#home_menu .sub_menu_item_selected
{
    color: #000000;
}


#home_menu #login_item
{
    position: absolute;
    height: 40px;
    width: 227px;
    left: 654px;
    top: 0px;
    background-color: #BBBBBB;
    background-image: url(EviImg/inlog_round.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}
#home_menu #beheer_item
{
    position: absolute;
    height: 20px;
    width: 108px;
    top: 0px;
    right: 0px;
    background-color: #BBBBBB;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #AADA00;
    text-align: center;
}


/*
Beheer Menu
*/


#beheer_menu
{
    position: relative;
    height: 64px;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #F6C083;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #F37719;
    border-bottom-color: #F37719;
}
#beheer_menu a
{
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    letter-spacing: 1px;
}
#beheer_menu a:hover
{
    color: #567400;
    text-decoration: none;
}


#beheer_menu a.selected
{
    color: #000;
}




#beheer_menu .status_dim
{
    color: #F6C083;
}
#beheer_menu #beheer_context_pane
{
    height: 20px;
    width: 990px;
    position: relative;
    clear: both;
}

#beheer_menu #context_menu_round_left
{
    background-image: url(EviImg/beheer_menu_left.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
}
#beheer_menu #beheer_context_menu
{
    /*float: right;     margin-left: 20px; */
    text-align: center;
}
#beheer_menu #beheer_context_active
{
    height: 20px;
    padding-right: 20px;
    padding-left: 10px;
    float: left;
    line-height: 20px;
    font-weight: bold;
    color: #d7400f;
}
#beheer_menu #context_menu
{
    float: left;
    height: 20px;
    white-space: nowrap;
    background-image: url(EviImg/beheer_menu_back.png);
    background-repeat: repeat-x;
    line-height: 20px;
    padding-right: 10px;
    padding-left: 10px;
}
#beheer_menu #context_menu_round_right
{
    background-image: url(EviImg/beheer_menu_right.png);
    background-repeat: no-repeat;
    float: left;
    height: 20px;
    width: 20px;
}

#beheer_menu #top_menu
{
    background-color: #BBBBBB;
    width: 990px;
    height: 20px;
    text-align: center;
    line-height: 20px;
}
#beheer_menu .beheer_item_selected
{
    width: 108px;
    height: 20px;
    float: right;
    background-image: url(EviImg/menu_red_top.png);
    background-repeat: repeat-x;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FFFFFF;
}

#beheer_menu #bottom_menu
{
    height: 20px;
    width: 990px;
    background-image: url(EviImg/menu_red_bottom.png);
    background-repeat: repeat-x;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #FFFFFF;
    line-height: 20px;
}
#beheer_menu .top_menu_item
{
    width: 108px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #FFFFFF;
    height: 19px;
    float: left;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #f6c083;
}
#beheer_status
{
    float: left;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    padding-left: 10px;
}
#beheer_menu #beheer_main_menu
{
    float: right;
    padding-right: 20px;
}


/*
footer
*/


#footer
{
    font-size: 10px;
    text-align: center;
    width: 930px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #AADA00;
    margin-right: 30px;
    margin-left: 30px;
    clear: both;
    margin-top: 10px;
}
#footer a
{
    font-weight: bold;
    color: #7cac1c; /* Groen */ 
    text-decoration: none;
}
#footer a:hover
{ 
    color:#f3510d; /* oranje */
}




/*
inhoud panel
*/
#page_panel
{
    width: 140px; /* Avdg was 100px */
    position: absolute;
    left: 0px;
    top: 190px;
    z-index: 99;
}
#page_panel #round_rt
{
    background-image: url(EviImg/news_round_rt.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: right;
}
#page_panel #round_rb
{
    background-image: url(EviImg/news_round_rb.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: right;
}
#page_panel #panel_top
{
    background-image: url(EviImg/news_flat_t.png);
    background-repeat: repeat-x;
    height: 20px;
    position: relative;
    clear: both;
}
#page_panel #panel_bottom
{
    background-image: url(EviImg/news_flat_b.png);
    background-repeat: repeat-x;
    height: 20px;
    position: relative;
    clear: both;
}
#page_panel #panel_content
{
    position: relative;
    clear: both;
    width: 109px; /* Avdg was 69px */
    background-color: #F5F5F5;
    position: relative;
    padding-right: 20px;
    padding-left: 10px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #AADA00;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 12px;
}

div.PagePanelMargin
{
    margin-left: 150px;
}


/*
temptext
*/
/*
news
*/

div.TempTextContainer
{
    /*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/
    /*opacity: 0;*/
    position: absolute;
    top: 20px;
    right: 20px;
    width: 200px; /*border: solid 1px red;   */
    z-index: 99;
}


#temptext
{
    float: right;
    width: 200px;
}




#temptext #round_lt
{
    background-image: url(EviImg/news_round_lt.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
}
#temptext #round_rt
{
    background-image: url(EviImg/news_round_rt.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: right;
}
#temptext #round_lb
{
    background-image: url(EviImg/news_round_lb.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
}
#temptext #round_rb
{
    background-image: url(EviImg/news_round_rb.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: right;
}
#temptext #content
{
    position: relative;
    clear: both;
    width: 158px;
    background-color: #F5F5F5;
    position: relative;
    padding-right: 20px;
    padding-left: 20px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #AADA00;
    border-left-color: #AADA00;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 12px;
    color: #D7400F;
    font-weight: bold;
}
#temptext #top
{
    background-image: url(EviImg/news_flat_t.png);
    background-repeat: repeat-x;
    height: 20px;
    position: relative;
    clear: both;
}
#temptext #bottom
{
    background-image: url(EviImg/news_flat_b.png);
    background-repeat: repeat-x;
    height: 20px;
    position: relative;
    clear: both;
}
/*
Admin menu
*/
#admin_menu
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
}
#admin_menu #context_menu
{
    font-size: 12px;
    color: #FFFFFF;
    float: left;
    height: 20px;
    white-space: nowrap;
    background-image: url(EviImg/beheer_menu_back.png);
    background-repeat: repeat-x;
    line-height: 20px;
    padding-right: 10px;
    padding-left: 10px;
}
#admin_menu #round_right
{
    background-image: url(EviImg/adminmenu_round_right.png);
    background-repeat: no-repeat;
    float: left;
    height: 20px;
    width: 20px;
}
#admin_menu a
{
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    letter-spacing: 1px;
}
#admin_menu a:hover
{
    color: #567400;
    text-decoration: none;
}
.adminmenustart
{
    color: #D7400F;
    font-weight: bold;
}
/*
new box
*/

.leftAttBox,
.rightAttBox
{
    width: 225px;
    margin-right: 0px;
    margin-top: 10px;
    background-repeat: no-repeat;
    background-image: url(EviImg/SideBlock.gif);
}

.leftAttBox_top,
.rightAttBox_top
{
     height: 12px;
    
}

.leftAttBox_content,
.rightAttBox_content
{
    color: #444444;
    background-image: url(EviImg/SideBlockBottom.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}


/*
.rightAttBox
{
    width: 218px;
    margin-right: 0px;
    margin-top: 25px;
}
.rightAttBox_top
{
    background-image: url(EviImg/sidebox_right_top.png);
    height: 10px;
}
.rightAttBox_content
{
    color: #666666;
    background-image: url(EviImg/sidebox_back.png);
    background-repeat: repeat-x;
    background-position: top;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
*/

/*
.leftAttBox
{
    width: 218px;
    margin-right: 0px;
    margin-top: 25px;
    margin-left: 0px;
}
.leftAttBox_top
{
    font-weight: bold;
    background-image: url(EviImg/sidebox_left_top.png);
    height: 10px;
}
.leftAttBox_content
{
    color: #666666;
    background-image: url(EviImg/sidebox_back.png);
    background-repeat: repeat-x;
    background-position: top;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.leftAttBox_bottom
{
    background-image: url(EviImg/newsbox_bottom_left.png);
    background-repeat: no-repeat;
    height: 5px;
}
*/
.AttHeader
{
    color:#7cac1c; /* Groen */
    font-size:12px;
    font-weight:bold;
    padding-bottom:5px;
 }
.rightAttBox a, .leftAttBox a
 {
     /* color:#8cc832; */
     color:#444444;
 }
 .rightAttBox a:hover, .leftAttBox a:hover
 {
     color:#f3510d;
 }
div.GuestWarning
{
    text-align: center;
    color: #999999;
    font-family: "Trebuchet MS" , Arial;
    font-size: 12px;
}

div.TestWarning
{
    text-align: center;
    color: #DDDDDD;
    /*background-color : #EEEEEE;*/
    font-size: 18px;
    /*border: solid 1px #85BE32;    */
}

textarea
{
       font-size: 12px;
}

td.Center,
th.Center,
div.Center,
.Center
{
    text-align:center ;
    /*margin-left:auto;
    margin-right:auto;*/
    margin:0px auto; /* Right and left margin widths set to "auto" */
    
}


/*
fieldset
{
    margin: 5px;
    padding: 5px;
    border: 1px;
}*/