/********************************************************************************************************/
/*											CSS RESET	  
/********************************************************************************************************/
*{margin:0;padding:0}
img{border:0;display:inline}
ul{list-style:none}
fieldset{border:0}

 
/********************************************************************************************************/
/*										 COMMON ELEMENTS/STYLES		  
/********************************************************************************************************/
body{background:url(../images/backgrounds/body.png) #ffffff repeat-x top center ;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:100%;}
input,select,textarea{color:#000000;font-size:1.2em;font-family:"Trebuchet MS", sans-serif}
p.clean{padding:0;margin:0}
b,strong{color:#f8a03a;font-weight:bold}
i,em{color:#000066;font-style:italic}
ul li a, a{color:#000066;text-decoration:underline}
a:hover{color:#f8a03a;text-decoration:none;cursor:pointer;}
 
hr{display:none}
.clear{clear:both;display:block}
.nodisplay{display:none}
.asterisk{color:#FF0000;font-weight:bold}
.tekst-browser{display:block;text-indent:-9999px;position:absolute;visibility:hidden}
.floatleft{clear:none;display:inline;float:left;position:relative;margin:0 5px 0 0}
.floatright{clear:none;display:inline;float:right;position:relative;margin:0 0 0 5px}

/* com_content */
h2.contentheading { float: left; padding: 10px 0px 10px 0px; }
div.contentpaneopen_edit { width: 20px; float: right; padding: 11px 0px 7px 5px; }
p.buttonheading { float: right; padding: 10px 0px 10px 0px;}

p.buttonheading a { padding: 0px 0px 0px 0px; margin: 0; border: 0px;} 
p.buttonheading a img { margin: -4px 0px 0px 0px; }

span.small, span.createdby, span.createdate, span.modifydate{ color: #999999; font-size: 10px; display: block;}
p.iteminfo, p.articleinfo { clear: left; padding: 0px;  }
div.contentmain { width:580px; margin: 0px 5px 5px 5px; padding: 0px 4px 4px 10px; border-left: #f2fcff 5px solid; clear:left; }

div.contentmain ul{float:left;width:100%;margin:5px 0 5px 0;clear:both;list-style:none;display:block;color:#ff0066;position:static}
div.contentmain ul li{margin:3px 0 3px 0;padding:0 0 0 30px;background:transparent url(../images/buttons/small_arrow.png) no-repeat 0 0; color:#000000;}
div.contentmain ul li a{color:#106da6}
div.contentmain ul li a:hover{color:#808080}

a.readon { background:transparent url(../images/buttons/small_arrow.png) no-repeat 0 10px; padding: 8px 0px 0px 16px; display: block; }
div.blog_more { padding: 20px; }
div.blog_more li {  background:transparent url(../images/buttons/small_arrow.png) no-repeat 0 5px; padding: 3px 0px 0px 16px; display: block; }

/* com_search */
div.searchresultno { float: left; margin:0; padding: 0 5px 0 0; color:#F8A03A;font:normal normal bold 1.6em/1em "Trebuchet MS",Arial,Helvetica,sans-serif }
div.searchinfo { padding: 10px 5px 5px 10px }


#searchbox{width:166px;display:block;position:absolute;height:36px;left:800px;top:37px}
#searchbox .searchfield{width:110px;border:none;font-size:1em;position:absolute;top:7px;left:18px}
#searchbox .searchbutton{width:16px;border:none;display:block;background:url(../gfx/iconen/searchbutton.png) no-repeat 0 0;position:absolute;top:7px;right:9px;height:16px}

/* editor */
div.calendar { z-index: 1002; } 
div.tool-tip { background: #fff; border: 1px #000 solid; width: 150px; padding: 5px; color: #666; font-size: 10px; z-index: 1005;}
	
/* forms */
form{padding:0;margin:0}
label{color:#314489}

legend{border:1px solid #E3E3ED; margin: 0px 0px 10px 0px; padding:5px; color: #fff; background: #F8A03A;font:normal normal bold 1.4em/1em "Trebuchet MS",Arial,Helvetica,sans-serif}
fieldset{ border:1px solid #E3E3ED; margin:10px 0px 5px 0px; padding: 5px 10px 5px 10px;}

.dropdown{margin:0;border:1px solid #DBDBEC;padding:2px 2px 2px 0px;background:#FFFFFF}
.textfield{margin:0;border:1px solid #DBDBEC;padding:2px 2px 2px 2px;background:#FFFFFF;height:14px}
.textarea{margin:0;border:1px none #DBDBEC;padding:2px 2px 2px 2px;background:#FFFFFF}

/* notifications */
.error{padding:2px;border:1px solid #FBC2C4;margin:5px 0 5px 0;background:#FBE3E4;color:#D12F19}
.error input{border:1px solid #9F0B0E;color:#000000}
.error p.notification{display:block;color:#000000}
.notice{padding:2px;border:1px solid #FFD324;margin:5px 0 5px 0;background:#FFF6BF;color:#817134}
.notice input{border:1px solid #AA8900;color:#000000}
.notice p.notification{display:block;color:#000000}
.success{padding:2px;border:1px solid #C6D880;margin:5px 0 5px 0;background:#E6EFC2;color:#529214}
.success input{border:1px solid #708228;color:#000000}
.success p.notification{display:block;color:#000000}
p.notification{margin-top:5px;padding:0 0 0 22px;clear:both;display:none;background:transparent url(../images/buttons/notification.png) no-repeat 0 1px;text-align:left}
p.notification2{margin-top:5px;padding:0 0 0 22px;clear:both;display:none;background:transparent url(../images/buttons/notification.png) no-repeat 0 1px;background-color:#FBE3E4;text-align:left}

/* headings */
h1, .componentheading {margin:0;padding:10px 0 10px 0;color:#314489;font:normal normal bold 1.8em/1em "Trebuchet MS",Arial,Helvetica,sans-serif}
h2, .contentheading{margin:0;padding: 10px 0 10px 0;color:#314489;font:normal normal bold 1.6em/1em "Trebuchet MS",Arial,Helvetica,sans-serif}
h3{margin:0;padding: 10px 0 4px 0;color:#314489;font:normal normal bold 1.5em/1em "Trebuchet MS",Arial,Helvetica,sans-serif}
h4{margin:0;padding: 10px 0 10px 0;color:#314489;font:normal normal bold 1.2em/1em "Trebuchet MS",Arial,Helvetica,sans-serif}
h5{margin:0;padding: 10px 0 10px 0;color:#314489;font:normal normal bold 1.0em/1em "Trebuchet MS",Arial,Helvetica,sans-serif}
h6{margin:0;margin-bottom:-100px;padding: 10px; color:#ffffff;font:normal normal  bold 2.0em/1em "Rockwell","Trebuchet MS",Arial,Helvetica,sans-serif}

/* content images */
img.left{float:left;margin:3px 6px 3px 0;padding:2px;background:#F2F2F7;position:relative}
img.right{float:right;margin:3px 0 3px 6px;padding:2px;background:#F2F2F7;position:relative}

/* spacers */
.horizontalspacer{clear:both;display:block;background:transparent;height:10px}

/* divider */
.soliddivider{clear:both;border-bottom:1px solid #DBDBEC;margin-top:10px;display:block;position:relative;height:1px}
.dasheddivider{clear:both;border-bottom:1px dashed #9C9DCB;margin-top:10px;display:block;position:relative;height:1px}

/* circle bullet listing styles */
ul.normalbullet{float:left;width:100%;margin:5px 0 5px 0;clear:both;list-style:none;display:block;color:#ff0066;font-size:0.9em;position:static}
ul.normalbullet li{margin:3px 0 3px 0;padding:0 0 0 30px;background:transparent url(../images/buttons/normal_bullet.png) no-repeat 0 0}
ul.normalbullet li a{color:#F09E10}
ul.normalbullet li a:hover{color:#ff0066}

/* arrow bullet listing styles */
ul.arrowbullet{float:none;margin:5px 0 5px 0;clear:both;list-style:none;display:block;color:#ff0066;position:static}
ul.arrowbullet li{margin:3px 0 3px 0;padding:0 0 0 30px;background:transparent url(../images/buttons/small_arrow.png) no-repeat 0 0; color:#000000;}
ul.arrowbullet li a{color:#000066}
ul.arrowbullet li a:hover{color:#ff0066}

/********************************************************************************************************/
/*										 BODY ELEMENT DEFINITIONS
/********************************************************************************************************/

/* Main body parts */
#container{margin:-25px 0px 0px -486px;width:972px;background:transparent;color:#000000;font-size:0.66em;line-height:1.6em;text-align:left;position:absolute; left: 50%; }
#headerbg{clear:both;height:160px; background:url(../images/backgrounds/header.png) no-repeat center 55px}
#header{position:relative;height:112px;z-index:2;top:57px}
#contentbg{width:972px;clear:both;float:left;background:url(../images/backgrounds/contentbg.png) repeat-y 0 0; } 
#content{padding:10px 10px 0 10px;width:972px; no-repeat 0 0;left:14px;position:relative}
#footer{clear: both; position: relative; background: url(../images/backgrounds/footer_top.png) no-repeat 0 0;}

/* Page content and left/right column */
.leftcolumn{width:604px;float:left;display:block;position:relative; margin-top: 0px; padding: 2px 7px 0px 5px; z-index: 1001; }
.rightcolumn{width:320px;float:left;display:block;position:relative;overflow:hidden; margin-left:-5px; z-index: 1000;}

/********************************************************************************************************/
/*								TOP: Menu, Logo, Breadcrumbs, Search, etc..							  
/********************************************************************************************************/

/* header (menu, logo, breadcrumbs and headertools)*/
#header{font-size:10px;z-index:2}
#header a{color:#314489;text-decoration:none}
#header a:hover{color:#f8a03a}
#header #breadcrumb{width:910px;display:block;color:#314489;overflow:hidden;position:absolute;height:20px;left:20px;bottom:8px}
#header #breadcrumb img { display: inline; }
#header #headertools{width:120px;display:block;color:#314489;text-align:right;overflow:hidden;position:absolute;height:20px;right:20px;bottom:4px}

/* methode logo */
#methodelogo{width:478px;height:100px;display:block;background:url(../images/backgrounds/methodelogo.png) no-repeat 0 0;cursor:pointer;position:relative;left:-100px;top:-32px;z-index:1;} 

/* searchbox */
#searchbox{width:218px;display:block;position:absolute;height:36px;left:750px;top:50px; z-index: 1000;}
#searchbox .searchfield{width:110px;border:none;font-size:1em;position:absolute;top:18px;left:65px}
#searchbox .searchbutton{width:16px;border:none;display:block;background:url(../images/buttons/searchbutton.png) no-repeat 0 0;position:absolute;top:19px;right:11px;height:16px}

/* navigation */
#navigation{position:absolute;top:36px;z-index:101; left:24px; width:482px; height:34px; overflow:hidden; margin-left:255px }
#navigation ul, #navigationright ul{margin:0;padding:0;list-style:none}
#navigation ul li, #navigationright ul li{float:left;margin:0;padding:0 0 0 7px}
#navigation ul li a, #navigationright ul li a{float:left;padding:11px 14px 13px 7px;display:block;color:#FFFFFF;font: 14px "Trebuchet MS",Arial,Helvetica,sans-serif;text-decoration:none;cursor:pointer; font-weight:bold;}
#navigation ul li:hover a, #navigationright ul li:hover a{color:#FFFFFF;background:url(../images/tabs/mainnav_right_tab.png) no-repeat right top;cursor:pointer;}
#navigation ul li:hover, #navigationright ul li:hover{color:#FFFFFF;background:url(../images/tabs/mainnav_left_tab.png) no-repeat left top}
#navigation ul li#current, #navigationright ul li#current{background:url(../images/tabs/mainnav_left_tab.png) no-repeat left top}
#navigation ul li#current a, #navigationright ul li#current a{color:#FFFFFF;background:url(../images/tabs/mainnav_right_tab.png) no-repeat right top;cursor:pointer;}
#navigation ul li ul, #navigationright ul li ul { display: none; }
#navigation span.separator{margin-right:160px; width:0px; height:0px;overflow:hidden}
#navigation ul li.separator{background:none}

/********************************************************************************************************/
/*								MAIN: Component, Modules, etc..
/********************************************************************************************************/


/********************************************************************************************************/
/*								MAIN: Component, Modules, etc..
/********************************************************************************************************/




/* Generic rightcolumn module  */
.rightcolumn div.module { background: transparent url(../images/backgrounds/generic_filler.png) repeat-y 0 0; padding:0;}
.rightcolumn div.module div  {  background: transparent url(../images/backgrounds/generic_top.png) no-repeat 0 0; }
.rightcolumn div.emptymodule div {  background:transparent url(../images/backgrounds/generic_top_empty.png) no-repeat 0 0; margin: 0; }
.rightcolumn div.module div  h3 { margin: 0 0 0 25px;  width: auto;} 
.rightcolumn div.emptymodule div h3 { display:none; }
.rightcolumn div.module div div { background: transparent url(../images/backgrounds/generic_bottom.png) no-repeat scroll 0 bottom;padding:0 10px 0px 20px; }
.rightcolumn div.module div div div { background: none; margin: 0px;  padding: 0 0 10px 0; }
.rightcolumn div.module ul li{padding:0 0 0 24px;background:transparent url(../images/buttons/small_arrow.png) no-repeat 0px 1px}
.rightcolumn div.module ul li a{color:#000607;text-decoration:none}
.rightcolumn div.module ul li a:hover{color:#808080}

/* Generic leftcolumn module  */
.leftcolumn div.module { background: transparent url(../images/backgrounds/genericleft_filler.png) repeat-y; padding:0px; width:600px}
.leftcolumn div.module div  {  background:transparent url(../images/backgrounds/genericleft_top.png) no-repeat 0 0;}
.leftcolumn div.emptymodule div  {  background:transparent url(../images/backgrounds/genericleft_top_empty.png) no-repeat 0 0;padding-top: 28px; margin: 0; }
.leftcolumn div.module div  h3 { display:none; }
.leftcolumn div.module div div { background: transparent url(../images/backgrounds/genericleft_bottom.png) no-repeat  0 bottom;padding:0 20px 0 20px; }
.leftcolumn div.module div div div { background: none; margin: 0px;  padding: 0 0 10px 0; }
.leftcolumn div.module div div div div { padding: 0px; }
.leftcolumn div.module ul li{padding:0 0 0 24px;background:transparent url(../images/buttons/small_arrow.png) no-repeat 0 1px}
.leftcolumn div.module ul li a{color:#000607;text-decoration:none}
.leftcolumn div.module ul li a:hover{color:#808080}

/* button module */
.rightcolumn div.modulebutton div div {padding:0px;}
.rightcolumn div.modulebutton div div  a {display:block;padding:10px 0 10px 20px;margin-bottom:-10px}

/*tableblock module*/
div.module table.tableblock td{vertical-align:top;padding:0px}
div.module table.tableblock td.image a{position:relative;left:-16px;}
table.tableblock div  h3 { margin: 0; }
div.module table.tableblock td.description {padding:10px 10px 0px 10px;}
div.module table.tableblock table.items{table-layout:fixed;margin:0px 0px 10px 10px;}
/* Flash message  */
div.flashmessages { position: absolute; }

/* Styles voor login/logout module */
#moduletablelogin, #moduletablelogout { width:280px;height:100px; }
#moduletablelogin form, #moduletablelogout form{position:relative;left:10px;top:30px;height:45px}
#moduletablelogin a, #moduletablelogout a  { font-size: 85%; }
#moduletablelogin label, #moduletablelogout label { display: none; visibility:hidden; }
#moduletablelogin .button{width:32px;height:32px;border:none;position:absolute;left:240px; cursor:pointer;color:transparent;padding: 32px 0 0;margin-top:-11px;}
#moduletablelogout .button{width:32px;height:32px;border:none;position:absolute;left:240px; top: 16px; cursor:pointer;color:transparent;padding: 32px 0 0;}

/* method login module*/
#moduletablelogin {background:transparent url(../images/backgrounds/login.png) no-repeat 0 0; }
#moduletablelogin table{position:relative;top:10px;}
#moduletablelogin #login{width:125px;}
#moduletablelogin #password{width:100px;}
#moduletablelogin .button{background:transparent url(../images/buttons/do_login.png) no-repeat 0 0;}
#moduletablelogin a { position: absolute; bottom: 3px; } 


/* method logout module */
#moduletablelogout {background:transparent url(../images/backgrounds/login_ingelogd.png) no-repeat 0 0;  }
#moduletablelogout .button{background:transparent url(../images/buttons/do_login.png) no-repeat 0 0;}


/* Fancybox */
div#fancybox-inner{font-size:0.66em;line-height:1.6em;text-align:left;}

/*melding*/
.leftcolumn div.module div div.alertmodule{background:transparent; margin-left:30px;padding-bottom:20px;width:520px}

/********************************************************************************************************/
/*											FOOTER
/********************************************************************************************************/

/* footer */
#footer{color:#79797B;font-size:10px}
#footer_toolspacer { clear: both; height: 40px }
#footer a{color:#314489;text-decoration:none}
#footer a:hover{color:#f8a03a}
#footer #gototop{float: left; margin: 5px 0px 0px 30px;}
#footer #gototop a{padding-left:20px;background:transparent url(../images/buttons/gototop.png) no-repeat left center}
#footertools{float: right; margin: 5px 40px 0px 0px; height: 37px;}
#footertext{width:930px;display:block;text-align:center;overflow:hidden; padding: 0 20px 5px 10px; clear: both; background: url(../images/backgrounds/footer_bot.png) no-repeat left bottom;}
#footertextcontent { margin-top: -15px; }
#footertext a { color:#314489; }
#footertext a:hover { color:#f8a03a; font-style: italic; }
#footertext div { text-align: left; }
#footertext li { background: url(../../../components/com_magazijn/fugue/tag_small.png) 0 2px no-repeat; padding: 0px 0px 4px 20px}


/* homepage image blocks */
#homepageimageblocks{clear:both;display:block;position:relative; left: 7px; top: 5px;}
#homepageimageblocks .imageblock{width:300px;float:left;margin-right:7px;display:inline;position:relative;height:230px;overflow:hidden}
#homepageimageblocks .imageblock#lastimageblock{margin:0}
#homepageimageblocks .imageblock .imageblockholder{background:transparent url(../images/backgrounds/imageblockholder.png);display:block;width:300px;height:210px;}
#homepageimageblocks .imageblock.image1{background:transparent url(../images/backgrounds/imageblock1.jpg) no-repeat 0 0}
#homepageimageblocks .imageblock.image2{background:transparent url(../images/backgrounds/imageblock2.jpg) no-repeat 0 0}
#homepageimageblocks .imageblock.image3{background:transparent url(../images/backgrounds/imageblock3.jpg) no-repeat 0 0}

#homepageimageblocks .imageblock h3{margin:0;padding:0;margin-left:45px;font-size:1.36em;position:absolute;top:120px}
#homepageimageblocks .imageblock h3 a{color:#314489;text-decoration:none}
#homepageimageblocks .imageblock h3 a:hover{color:#f8a03a}

#homepageimageblocks .imageblock p{margin:0;padding:0;margin-left:8px;width:282px;display:block;color:#000000;font-size: 0.9em; line-height:1.8em;overflow:hidden;position:absolute;top:157px}
#homepageimageblocks .imageblock p a{color:#314489;text-decoration:none}
#homepageimageblocks .imageblock p a:hover{color:#f8a03a}


/********************************************************************************************************/
/*											SITE SPECIFIC ELEMENTS
/********************************************************************************************************/


.rightcolumn div.edunewsmodule ul li a{color:#314489;text-decoration:none}
.rightcolumn div.edunewsmodule ul li a:hover{color:#f8a03a}


/* navigationright */
#navigationright{position:absolute;top:36px;z-index:101; left:830px; width:200px; height:34px; overflow:hidden;}


/* rest */
a.doreadspeak { background:transparent url(../images/buttons/small_arrow.png) no-repeat 0 2px; color: #006; padding: 1px 0px 0px 25px; text-decoration: none; display: block; }
a.doreadspeak:hover { color: #808080; }


.opdrachtblok { cursor: pointer;  background: transparent url(../images/backgrounds/opdrachtblok.png) repeat-x 0 0 !important; border: 1px #ddd solid; margin-top: 5px !important; }
.opdrachtblok div { padding: 5px !important; position: relative;}
.opdrachtblok h3 { color: #666; padding: 0px !important; margin: 0px !important;}
.opdrachtblok a { color: #9ce0f8 }
.opdrachtblok a.removeblock { position:absolute; right: 20px; }

.arragementblok { cursor: pointer;  background: transparent url(../images/backgrounds/arragementblok.png) repeat-x 0 0 !important; border: 1px #ddd solid; margin-top: 5px !important; }
.arragementblok div { padding: 5px !important; position: relative;}
.arragementblok h3 { color: #666; padding: 0px !important; margin: 0px !important;}
.arragementblok a { color: #9ce0f8 }
.arragementblok a.removeblock { position:absolute; right: 20px; }


#arrangementdrop {  background: transparent url(../images/backgrounds/droppable.png) repeat-x 0 0 !important;  border: 1px #ddd dashed; color: #999999; }
#arrangementdrop.activedrag { /* background: transparent url(../images/backgrounds/droppable_active.png) repeat-x 0 0 !important; */ color: #333; }

div.rssweergave_item { padding: 0px 0px 0px 10px; }
h3.rssweergave_titel { margin: 0px; padding: 15px 0px 0px 0px; color:#ff0066;font:normal normal bold 1.2em/1em "Trebuchet MS",Arial,Helvetica,sans-serif; text-decoration: none; }
h3.rssweergave_titel a {  text-decoration: none; color:#ff0066; margin: 0; padding: 0}
p.rssweergave_feed, p.rssweergave_cat { color: #999999; font-size: 10px; margin: 0; padding: 0 }
p.rssweergave_content { }
p.rssweergave_readon a { background:transparent url(../images/buttons/small_arrow.png) no-repeat 0 3px; padding: 1px 0px 0px 16px; display: block;}

div.rssweergave_itemactueel { padding: 0px 0px 0px 10px; height: 160px; }
h3.rssweergave_titelactueel { text-indent: 0px !important;  margin: 0px!important; padding: 5px 0px 0px 5px; color:#ff0066;font:normal normal bold 1.2em/1em "Trebuchet MS",Arial,Helvetica,sans-serif; text-decoration: none; }
h3.rssweergave_titelactueel a {  text-decoration: none; color:#ff0066; margin: 0; padding: 0}
p.rssweergave_feedactueel, p.rssweergave_catactueel { color: #999999; font-size: 10px; margin: 0; padding: 0 }
p.rssweergave_contentactueel { padding: 5px; }
p.rssweergave_readonactueel a { background:transparent url(../images/buttons/small_arrow.png) no-repeat 0 7px; padding: 5px 0px 0px 16px; display: block;}

.mceContentBody {
    font: normal 12px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    background: #fff none;
    }
	
	
	table.usereditcontacttable td.first-child {display:none;}
table.usereditcontacttable {width:580px;margin-left:10px;}
table.usereditcontacttable td {background-color:#f0f0f0;padding:10px;border-bottom:3px  inset white;}

/* Edu'Centraal */
div.centraalfooter {width:920px; display:block;float:right;}
a.addmodule {display: block; width: 55px; height: 55px;  text-indent: -9999em; outline: none; background:transparent url(../images/buttons/addbutton.png) no-repeat; position:relative; left:870px;}
a.addmodule:hover {background:transparent url(../images/buttons/addbutton_hover.png) no-repeat; cursor:pointer;}

li.widget table#moduletablelogout, li.widget table#moduletablelogin{position:relative;background:none;height:30px;width:100%;}
li.widget table#moduletablelogout form, li.widget table#moduletablelogin form{top:0;height:30px}
li.widget table#moduletablelogout .button, li.widget table#moduletablelogin .button{position:relative;left:-10px;top:-20px;margin-bottom:-20px;float:right}
ul#column2 img {width:200px;margin-bottom:-24px;margin-right:-268px;}