/*
 * BASE CSS STYLED ON BLUEPRINT
 */

body {
	background-image:url('back_shade.jpg');
	background-position:top center;
	background-repeat:no-repeat;
} 

#headerDiv {
		border: 1px solid #259145;
		border-width: 0px 0px 1px 0px;
		margin-bottom: 0px;
}

/* new header */
.campagnemenu           {width:140px;z-index:2;position:absolute;margin-left:520px;left:0px;padding:25px 12px 5px 0px;display:none;}
.campagnemenu a         {text-decoration:none;color:#787c7c;font-size:11px;font-weight:bold;background-color:#CFD1D1;width:140px;display:block;text-align:left;padding:3px 12px;margin:0px;}
.campagnemenu a:hover   {color:#279F60;}

#jstoolbar {
        background-color:#FFFFFF;
        width:950px;
        height:140px;
        border-bottom:2px solid #FFFFFF;
        position:absolute;
        z-index:1;
        top:0px;
        left:50%;
        margin-left:-475px; */
        font-size:12px;
        font-family:arial, verdana;
}

.js_menuitem {
        height:20px;
        float:left;
        margin-right:5px;
        text-align:center;
        margin-top:5px;
        border:0px;
}

.js_menuitem a {
        color:#787c7c;
        text-decoration:none;
        background-color:#EBECEC;
        display:block;
        padding-top:2px;
        padding-bottom:2px;
        }

.js_menuitemactive a {
        background-color:#EBECEC;
    }

.js_menuitem a:hover {
        background-color:#FFFFFF;
    }
        
.js_campagneitem {
        height:20px;
        float:left;
        margin-right:5px;
        text-align:center;
        margin-top:5px;
        border:0px;
}

.js_campagneitem a {
        color:#787c7c;
        text-decoration:none;
        background-color:#CFD1D1;
        display:block;
        padding-top:3px;
        padding-bottom:4px;
        }
        

.js_campagneitem a:hover {
        background-color:#FFFFFF;
        }


.js_menu {
    background-color:#EBECEC;
    float:left;
    height:27px;
    padding-left:5px;
    border:0px;
    width:715px;
}

.js_flagholder {
    width:230px;
    height:27px;
    background-color:#BFBFBF;
    float:left;
    text-align:center;
}

.js_flagholder a {
    margin:0px 15px;;
}

.js_bottombar {
    height:99px;
    background-color:#666666;
}

.js_logoholder {
    width:225px;
    height:89px;
    padding:5px;
    background-color:#FFFFFF;
    float:left;
}

.js_logoholder a {
    margin: 4px 2px;
}

.js_search {
    width:485px;
    height:99px;
    background-color:#FFFFFF;
    float:left;
}

.js_logindiv {
    width:219px;
    height:104px;
    padding:5px;
    float:left;
    background-image:url(bg-right3.jpg);
    background-position: center right;
    background-repeat: repeat-y;
    border-right: 1px solid #BBB;
}

.js_searchbox {
    margin:30px 10px;
    height:30px;
    width:395px;
    background-image:url(searchbg2.jpg);
    padding-left:12px;
    padding-top:5px;
    overflow:hidden;
}
    
.js_button  {
    float:left;
    color:#fff;
    font-weight:bold;
    background-color:#999;
    border:0px;
    -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
    height:20px;
    font-size:10px;
    margin:0px;
    padding:0px;
    cursor:pointer;
    padding-top:-1px;
    }

.js_button:hover  {
    color:#fff;
    box-shadow:0px 0px 2px #BFBFBF;
    -webkit-box-shadow:0px 0px 2px #BFBFBF;
    -moz-box-shadow:0px 0px 2px #BFBFBF;
    }

/* end new header */

#headerMenu {
	background-image:url(metabox.jpg);
	background-position: top;
	background-repeat:no-repeat;
}

#headerMenu a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	margin-right:20px;
}

#headerRegister {
    background-image:url(oranjeknop.jpg);
    background-repeat:no-repeat;
    margin-top: 14px;
    height:26px;
    padding:2px 0px 0px 12px;
    margin-left:5px;
    margin-top:8px;
    text-align:left;
    }
    
#headerRegister a {
    color: #FFFFFF;
    text-decoration:none;
    font-weight:bold;
    font-size:14px;
    }

.portalHeader {
		border: 1px solid #259145;
		border-width: 1px 0px 0px 0px;
		margin-bottom: 2px;
}

.menuItem {
	color: #259145;
	font-family: Arial;
	font-size: 0.9em;
	text-decoration: none;
	font-weight:bold;
	margin:5px 15px 5px 0px;
}

.container {
	background-color:#FFFFFF;	
}


.widget {
	background-color:#FFFFFF;
	border:1px solid #BBBBBB;
	margin-bottom: 10px;
	
	border-radius: 0.5em; 	
	
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

.widget a {
	text-decoration:none;
	}


.widget_html{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.menuItem {
   text-transform:uppercase;	
}


.bottomlink {
	color: #222222;
	font-weight:bold;
	font-size:0.8em;
	text-decoration:none;
	margin:0px 10px;;
}

.newalfabetletter_small {
	padding:0px 3px;
	text-decoration:none;
}

.newselected{
    font-weight:bold;
}

.alfabetletter_small {
	padding:0px 11px;
	text-decoration:none;
	font-weight:bold;
	
}

.selected{
	padding:0px 13px 2px 13px;;
	background-image:url(activetab.gif);
	background-repeat:no-repeat;
	background-position: center top;
}

.content_menu {
	margin:0px;
	padding:0px;
	text-decoration:none;
}

.greenbox {
	width: 210px;
	background-color: #259145;
	font-size:16px;
	color:#FFFFFF;
	font-family: "lucida grande",lucida,tahoma,helvetica,arial,sans-serif;
	font-weight: 400;
	padding:5px;
	margin:5px;
	-moz-border-radius: 4px; /* Firefox */
  	-webkit-border-radius: 4px; /* Safari, Chrome */
  	border-radius: 4px; /* CSS3 */
}

.whitebox {
	width: 218px;
	margin-left:-4px;
	margin-top:5px;
	margin-bottom:5px;
	padding-bottom:10px;
	background-color:#FFFFFF;
	font-size:11px;
	color:#444;
	-moz-border-radius: 4px; /* Firefox */
  	-webkit-border-radius: 4px; /* Safari, Chrome */
  	border-radius: 4px; /* CSS3 */
}

.whitebox a {
	color: #259145;
	text-decoration:none;
}

.contactimage {
	padding:10px;
	padding-bottom:0px;
	float:left;
}

.contacttext {
	padding:10px;
	padding-left:0px;
	padding-bottom:0px;
	width:158px;
	float:left;
}




/* TOEVOEGINGEN OP JQUERY UI */
/* http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/ */
.fg-button {outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }	
a.fg-button { float:left; }

button.fg-button { width:auto; overflow:visible; }	
.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin-right: -1px;}
	
.fg-toolbar { padding: .5em; margin: 0;  }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }