/* CSS Document */
* { margin:0; padding:0;}
body { background: #f2f2e5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#59595b; text-align:center; }
td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; }
/* STRUCTURE */
#container_admin { width:1023px; overflow: hidden; margin:0 auto; padding-bottom:50px; text-align:left; }
#container { width:1023px;  background:url(/images/admin/container_bg.png) repeat-y; overflow: hidden; margin:0 auto; padding-bottom:50px; text-align:left; }
#header { width:1023px; height:155px; background:url(/images/admin/container_top.png) no-repeat; margin:0 auto; position:relative; }
#leftcol { clear:both; width: 164px;  margin: 0 0 0 15px; float:left; display: inline; text-align: center; }
#middlecol { width: 468px;  margin: 0 0 0 18px; float:left; overflow:hidden;}
#middlecol.no_overflow { overflow: visible;}
#rightcol { width: 306px;  margin: 0 0 0 18px; float:left; } /* rightmargin should be 34px (19 + 15)but we'll leave it at 0 for extra 'speling' */ 
.rightcol_padding { padding: 0 10px;}
.leftcol_padding { padding: 0 0 10px 13px;}
#fullcol { width: 792px;  margin: 0 0 0 18px; float:left; } /* added by JC 26th July, needed here for example: tests_2362.htm */  
#middlecol_left { width: 306px; margin: 0 18px 0 0; float: left; overflow:hidden;} 
#middlecol_right { width: 144px; margin: 0 0 0 0; float: left; font-size:11px; overflow:hidden;}
#footer1 {  width:1023px; height:73px; background: url(/images/admin/container_bottom.png) no-repeat; text-align:left; color:#828282; font-size:11px; margin: 0 auto;}
#footer2 { width:1023px; text-align:center; color:#666; font-size:11px; margin: 0 auto 40px auto; position:relative; top:-3px;}

/* HEADER */
#breadcrumb { color:#fff; width: 487px; position:absolute; top: 130px; left: 200px; font-size:9px; text-align:left;}
#breadcrumb a { color:#fff; }
#breadcrumb a:hover { color:#edcc0d; background:none; }
div.logo {  display:block; width:206px; height:99px; position:absolute; left:30px; top:20px;  }
div.logo a{  display:block; width:206px; height:99px; text-decoration:none;}
div.logo a:hover{  background:none;}
div.logo span { visibility:hidden;}
#topbannerblock { width:728px; height:90px; position: absolute; top:22px; left:261px; }
#topbannerblock { width:728px; height:90px; position: absolute; top:22px; left:261px; }

/* TITLES AND TEXT */
a { color:#59595b;}
a:hover { background: #f1f1f1; text-decoration:none;}
a.nohover:hover { background:none;}
h1 { font-size:22px; font-weight: bold; color:#585858; margin: 10px 0 5px 0; }
h1 a { color:#fff; background:#97ccba; text-decoration:none;}
h2 { font-size:16px; font-weight: bold; color:#59595b; border-bottom:1px solid #59595b; margin:0 0 10px 0; }
h2 a { color:#59595b; text-decoration:none; display:block;}
#rightcol h2 { font-size:15px; }
h3 {font-size:16px; color:#a5a575; font-weight:bold;}
h3 a { color:#a5a575; text-decoration:none; }
#middlecol_left h3 { width:306px; height:30px; background: url() no-repeat; color:#fff; font-weight:bold; font-size:13px; border:none; padding: 2px 0 0 5px; margin:0 0 -5px 0} 
#middlecol_left h3 a { color:#fff; font-weight:bold; font-size:13px; } 
#middlecol_left h3 a:hover { color:#f1f1f1; font-weight:bold; font-size:13px; } 
#middlecol_right h3 { width:144px; height:30px; background: url() no-repeat; color:#fff; font-weight:bold; font-size:13px; border:none; padding: 2px 0 0 5px; margin:0 0 -5px 0}
#rightcol h3 { width:286px; height:30px; background: url() no-repeat; color:#fff; font-weight:normal; font-size:12px; border:none; padding: 3px 0 0 10px; margin:0 0 -5px 0} 
h4 { font-size:13px; color:#59595b; font-weight:bold; }
h4 a { color:#59595b; text-decoration:none; }
h4 span.notbold { font-weight:normal;}
#rightcol ul h4 { padding:0; margin:0; display:inline;}
h5 {font-size:10px; color:#59595b; font-weight:bold;}
h5 a { color:#59595b; text-decoration:none; }

p { margin: 0 0 10px 0;}
p.right { text-align: right;}
p.clsReadMore { text-align: right;}
p.subtitle { font-size:11px; font-weight: bold; color:#97ccba; margin:0; }
p.subtitle a { color:#97ccba; text-decoration:none;}
.dossierTitle { font-size:16px; font-weight:bold; color:#5d5d5f; margin:0;}
.smalltext { color:#828282; font-size:9px; font-weight:normal; margin: 0 0 10px 0;}
.smalltext a { color:#828282;}
.smalltext a.underline { text-decoration: underline;}
.smalltext a:hover { color:#828282; text-decoration:underline;}
.stronger { font-weight:bold; color:#313131;}
a.add_comment { width:178px; height:32px; background:url() no-repeat; float:right; text-align:right; }
a.add_comment:hover { background-position:0 -32px; text-decoration:none;}
a.add_comment p { font-size:11px; color:#fff; padding: 5px 20px 0 0; margin:0;}
a.teaser { text-decoration:none;}
a.underline { text-decoration: underline;}
a.notunderlined { text-decoration:none;}
.not_draft p a { text-decoration:none;}

/* SEARCH BLOCK (top right) */
#search { color:#fff; width: 306px; background:#59595b; text-align:right; font-size:10px;  }
.search_footer { width:306px; height:14px; background:url(/images/admin/search_footer.png) no-repeat; }
#search h2 { color:#fff; font-size:14px; font-weight:bold;}
.search_padding { padding: 0 15px 20px 20px; margin:-4px 0 0 0;}
#search .field { font-size:12px; width:140px; margin:0 0 3px 0; padding:0px;}
#search .formfields { text-align:right;}

/* IMAGES */
.photoframebox { width:180px; height:163px; position:relative; float:right;}
.photoframebox img { position:absolute; left:33px; top:12px; z-index:20;}
.photoframe { width:180px; height:163px; position:absolute; top:0; left:0; background:url(/images/admin/photoframe.gif) no-repeat; z-index:100;}
img.icon { border:none; float:right; margin: 0 0 0 6px;}
.add_comment img.icon { border:none; float:left; margin: 0 0 0 6px;}
img.censor { float:right; border:none;}
img.left { float:left; margin: 0 18px 8px 0;}
#middlecol_right img.left { margin:0 8px 2px 0; }
img.right { float:right; margin: 0 0 10px 10px;}
img.censor { float:right; border:none;}
img.teaser { float:left; margin:3px 10px 0 0; border: 1px solid #313131;}
#middlecol_right img.teaser { float:none; margin:3px 0 5px 0; border: 1px solid #313131;}
img.face { border: 1px solid #313131;}
img.thumblist { float:left; border: 1px solid #313131; margin: 0 8px 5px 0;}
.commentblock img.face { float:left; margin: 0 10px 5px 0;} /* less margin under the userfoto */
.rightcol_padding img { border:1px solid #313131; }
.article_footer img.icon { border:none; float:left; margin:0; margin-left: 10px;}

/* BUTTONS */
a.button { background:#59595b; color:#fff; padding:3px 10px; font-size:11px; margin:0; height:auto;  text-decoration:none;}
a.button2 { width:178px; height:20px; display:block; float:right; background:url(http://www.xquis.com/images/admin/button.gif) no-repeat; text-align:center; font-size:11px; color:#59595b; line-height:19px; text-decoration:none;}
a.button2:hover { background:url(http://www.xquis.com/images/admin/button.gif) no-repeat; background-position:0 -20px; text-decoration:none;}
a.button_admin { width:178px; height:20px; display:block; background:url() no-repeat; text-align:center; font-size:11px; color:#fff; line-height:19px; text-decoration:none;}
a.button_admin:hover {background:url() no-repeat; background-position:0 -20px; text-decoration:none; background-color:none;}
#middlecol_right a.button_admin { width:144px; background:url() no-repeat; } /* button is 144px in narrow rightcol */
#middlecol_right a.button_admin:hover { background:url() no-repeat; background-position:0 -20px; text-decoration:none; background-color:none;}

/* LISTS */
ul { list-style: none; margin-left:18px;}
ol { margin-left:18px;}
ul li{ padding:0 0 4px 10px; margin: 0px; background: url(/images/admin/bullet.gif) no-repeat;background-position: 0 6px;}
ul a { color:#313131; text-decoration:none;} /* links in lists are black and not underlined */
#coverblock ul { margin-left:0px; padding: 9px 9px 0 10px;background:#fff; color:#000; }
#middlecol_right ul {margin-left:0; font-size:11px;} /* if the list is in the narrow rightcolumn, the bullet should indent less and font should be smaller */
#middlecol_right ul ul {margin:0 0 0 -5px; padding:0;} /* and a list in a list should indent only very slightly */
#middlecol_right ul ul li {  margin:0;  padding:0 0 0 13px; background: url() no-repeat; background-position: 4px 4px; list-style:none;color:#656565;}
#middlecol_right ul ul li a{ color:#656565;}
#middlecol_right ul ul li a:hover {color:#de0202;}
#rightcol ul { font-size:11px; margin-left:8px;} /* list in rightcol has smaller text and smaller indent */
ul.nobullets li { background:none; margin:0; padding:0}
/* clear */
.clear {clear:both;display:block;font-size:0px;height:0px;width:100%;}
.clear5 {clear:both;display:block;font-size:0px;height:5px;width:100%;}
.clear10 {clear:both;display:block;font-size:0px;height:10px;width:100%;}
.clear20 {clear:both;display:block;font-size:0px;height:20px;width:100%;}
.clear30 {clear:both;display:block;font-size:0px;height:30px;width:100%;}

div.center { text-align:center;}

/* DRAFT  - also used for private, password-protected and converting */
.draft { border: 1px dashed #ccc; background:#f2f2f2;}
.draft .padding { padding: 0 10px 10px 10px;}
.draft p a { color: #717171;}
.draft a.button_admin { color:#fff;}
h5.fieldset_title { display:inline; font-size:12px; font-weight:bold; text-transform:uppercase; color:#aaa; background:#f2f2f2; position:relative; top:-7px; left:10px;}


/* extra block to show additional info (e.g. profile extra info, explanation in edit forms etc.) */
.extra { border:1px dashed #59595b; color:#59595b; font-size:10px; margin:10px 0 20px 0;}
.extra h4 { padding:5px 10px 0 10px;}
.extra p { padding: 0 10px 0 10px; margin: 5px 0 10px 0;}



.searchresultbox { margin:0; width:466px; overflow:hidden;}
.searchresultbox p {  padding:5px 10px;}
.searchresultbox a { text-decoration:none;}
.searchresultbox .not_draft  {  padding:10px 15px 5px 15px; }

/*object paging */
.object_paging2 { position:relative; top:0; left:0; height:13px;  border-top: 1px dotted #59595b; border-bottom: 1px dotted #59595b;font-size:10px; margin:20px 0 0 0; padding:3px 0;}
.object_paging2 a.previous { position:absolute; left:0; margin: 0 0 0 5px; }
.object_paging2 a.next { position:absolute; right:0; margin:0 5px 0 0; }
.object_paging2 .current { font-weight:bold; background:#59595b; color:#fff; padding:0 5px }

/* paging zoals HUMO */
.paging { position:relative; top:0; left:0; height:15px; font-size:11px; line-height:normal; margin:0; padding:4px 0 4px 0; background:#e1e1bb;}
.pages  { position:absolute; left:170px; top:-18px; background:#f7f2f2; padding:2px 10px}
.paging a.previous { position:absolute; left:0; margin: 0 0 0 10px; }
.paging a.next { position:absolute; right:0; margin:0 10px 0 0; }
.paging .current { font-weight:bold; background:#b7d016; color:#fff; padding:0 5px; margin:0 0 5px 0 }
.paging a { color:#000; text-decoration:none;}
.paging a:hover { color:#cd0000; text-decoration: none;}

/* ZOEKERTJES */
#post_zoekertje { margin: 0 0 50px 0;}
.zoekertje_block { margin: 10px 0 30px 0;}
.zoekertje_block p a { text-decoration:none;}


/* SPECIALS */
.noborder { border:none; }
.marge15 { width:15px; float:left; }
div.iconblock { width: 76px; margin:0 0 0 10px; float:right;}
.blogbericht { width:468px; overflow:hidden;}
.blogbericht img { border:1px solid #313131; margin: 0 10px 10px 10px;} /* all images get a border if in middlecol or rightcol - this to prevent giving layout-images a border */

span.right { display:block; text-align:right;}
.line { background: url() repeat-x; display:block; margin:15px 0 10px 0; padding:0; clear:both; font-size:0px;height:5px;}
#retailbox { text-align:center; margin: 0 0 20px 0;}
#skyscraperbox { text-align:center; margin: 0 0 20px 0;}
div#imu_halfpage_block { margin: 10px 0 10px 3px;}
#table_ongepast {width:400px; margin:10px 0 0 50px}
#middlecol_left #table_ongepast {width:306px; margin: 10px 0 0 0;}

/* footer */
#footer1 span { position:relative; left:670px; top:38px; }
#footer1 a { color:#794f72;}
#footer2 a { color:#666; text-decoration:none; }
#footer2 a:hover { color: #59595b;}
img.logocim { position:absolute; right:35px; border:none;}

.texteditorbox { height:450px;  position:relative; top:0; left:0; }
.texteditor { width:487px; position:absolute; left:-10px;}
div#preview { float:left; margin:2px 10px 5px 0;}
img.brokenlink { border:none;}

/* Navigation       */
#navigation { width: 164px; margin:0; padding:0 0 30px 0;}
#navigation ul { padding:0; margin:0 0 0 10px; list-style:none; list-style-type: none;  list-style-image:none; font-weight: normal; font-size:11px; }
#navigation ul li { text-align:left; list-style-type: none;  list-style-image:none; padding:0;  margin:0; background:none; } 
#navigation ul li a { display: block; text-decoration:none; margin:0; padding:9px 0 10px 10px; height: 100%;color:#fff; background: url(/images/admin/dots.png) repeat-x 0 30px; }
 
#navigation ul li a.active { border-bottom: none; background: #696a64; padding:9px 0 3px 10px; } 
#navigation ul li a:hover { background: #73746e; background-position: 4px 4px;}
#navigation ul li.space { height: 10px; }
/* start sub-Navigation       */ 
#navigation ul ul { margin:0; padding:0 0 10px 0; background:#696a64;} 
#navigation ul ul li { padding:0; margin:0; }
#navigation ul ul li a { display:block; padding:3px 0 3px 30px;  margin:0; color:#fff; border:none; font-size:10px; background:url(/images/admin/arrow.png) no-repeat; background-position: 18px 7px;}
#navigation ul ul li a:hover { background: #73746e url(/images/admin/arrow.png) no-repeat; background-position: 18px 7px;}

/* Forms        */
form { display:inline;}
/*input, textarea, select, input.iefocus, textarea.iefocus { border:1px solid #696a64; font-size:13px;}
input.button {font-size:11px; font-weight:normal; color:white; background:#59595b; border:none; padding:3px 10px; }*/
.smalltext select {font-size:11px;}
input.flashing { background: url() #ff0000; }
input.field {width: 210px;}
#middlecol_right input.field {width: 120px;} 
input.smallbutton { font-size:10px; color:white; background:#caca98; border:none; padding:0 5px; border:1px solid #b8ba88; margin:0; line-height:8px }
input.button:hover { cursor:pointer;}
input.checkbox, input.radiobox { border:none;}
input.txtInputField { width: 115px; font-size:11px;} 
table.inschrijving td { padding:5px 5px 10px 5px;}
#treeBox td { padding:0;} 
#middlecol_left textarea { width:300px;}

/* print, sendtofriend,add to fav */
.printsend { border-top:2px dotted #cccc99; border-bottom:2px dotted #cccc99; font-size:10px; padding:5px 0; text-align:right;} 
.printsend a { text-decoration:none;}

/* wallpapers */
div.wallpaper {width:140px; height:122px;border:1px solid #de0202; text-align:center; float:left;margin:5px;}
div.wallpaper img {height:80px; padding:5px;}
div.wallpaper a.button {display:block; width:100%; background:#de0202; font-size:11px; color:#FFFFFF; text-decoration:none; font-weight: normal;margin-top:2px;}
div.wallpaper a.button:hover {background:#1fa6f1; color:#000000;}
 
/* Designed Table */
table.designed {   border-collapse: collapse;  border: 1px solid #caca98;    color: #363636;  background: #caca98; margin-left:2px; }
table.designed td, table.designed th {  border: 1px dotted #caca98;  padding: .4em;  color: #363636; font-size:10px; font-weight:normal;  }
table.designed thead th {  font-size:10px; font-weight:bold;  border: 1px solid #caca98;  text-align: center;  background: #59595b;  color: #FFFFFF;  padding-top:3px;  }
table.designed tbody td a {  background: transparent;  text-decoration: none;  color: #363636;  }
table.designed tbody td a:hover {  background: #C2F64D;  color: #363636;  }
table.designed tbody th a {  font-size:9px;  background: transparent;  text-decoration: none;  font-weight:normal;  color: #363636;  }
table.designed tbody th a:hover {  background: transparent;  color: #363636;  }
table.designed tbody th, table.designed tbody td {  vertical-align: top; text-align:left; }
table.designed .odd {  background: #96ccb9;  }
table.designed .tabeltitle { font-size:12px; font-weight:bold; color:#5d5d5f;}
/*table.designed tbody tr:hover {  background: #e8dbac;  border: 1px solid #caca98;  color: #000;  }
table.designed tbody tr:hover th, table.designed tbody tr.odd:hover th {  background: #e8dbac;  color: #000;  }
table.designed tbody tr.centered td { text-align:center;}
table.designed tbody tr.right td { text-align:right; padding-right:8px;}*/


/* languageselect */
#langselect { background:url(/images/admin/langselect.png) no-repeat; width:623px; height:434px; margin:50px auto 0 auto; position:relative;}
#langselect .fr a { display:block; width:180px; height:50px;  position:absolute; top:200px; left:300px;}
#langselect .fr a span { position:absolute; left:-999px;}
#langselect .fr a:hover { background:none;}
#langselect .nl a { display:block; width:220px; height:50px;  position:absolute; top:250px; left:110px;}
#langselect .nl a span { position:absolute; left:-999px;}
#langselect .nl a:hover { background:none;}
#langselect .footer { position:absolute; bottom:-10px; left:200px;}

/* OLD Version ?
#langselect .fr { position:absolute; bottom:63px; left:190px;}
#langselect .fr a { color:#59595b; font-size:14px; font-weight:bold}
#langselect .fr a:hover { color:#313131;}
#langselect .nl { position:absolute; bottom:63px; left:365px;}
#langselect .nl a { color:#59595b; font-size:14px; font-weight:bold}
#langselect .nl a:hover { color:#313131;}
#langselect .footer { position:absolute; bottom:-10px; left:200px;}
*/

/* splashpage */
#splashpage { background:url() no-repeat; width:740px; height:515px; margin:50px auto 0 auto; position:relative;}
#splashpage .move_on { position:absolute; top:100px; right:60px;}
#splashpage .move_on a { color:#fff; font-weight:bold; text-decoration:none;}
#splashpage .move_on a:hover {text-decoration: underline;}
#splashpage .add { position:absolute; top:140px; left:55px;}
#splashpage .footer { position:absolute; bottom:0px; left:320px;}
#splashpage .footer a:hover { color:#313131;}

/* corporatepages */
#corporate .logo_sanoma { display:none;}
#corporate .detailtitle { font-size:18px; font-weight: normal; color:#59595b;}
#corporate ol, #corporate ul {  margin-left:28px;}

/*Test*/
div.pictureViewerBkg{ z-index:0; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#878787; filter:Alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;} 
div.message{ z-index:0; width: 400px; height: 300px; background-color: #FFFFFF; display: block; position:absolute; top: 50%; left: 50%; 
 margin-top: -150px; margin-left: -200px;}
div.ToolTipBox{ padding:5px; position:absolute; display:none; visibility:hidden; z-index:1111; border:solid 1px #c0c0c0; background-color:#f0f0f0; filter:Alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; width:400px;}

/* WEBRING */
#webring { height:27px; background:url(/images/admin/webring_bg.png) repeat-x; margin: 0 0 15px 0; }
#webring a { color:#fff; font-weight:bold;}
#webring a:hover { background:none; text-decoration:underline;}
#webring ul { width:1000px; margin:0 auto; list-style:none; padding:5px 0 0 0;}
#webring ul li { display:inline; background:none; list-style:none; padding:0 33px;}
 

/* sitemap */
 ul#sitemap {
    margin: 20px 10px 10px 10px;
    padding: 0;
    list-style:none;
    list-style-image:none;
    background: url(/images/admin/sitemap_dot.gif) repeat-y 3px 0px;
}
ul#sitemap a { 
    color:#000;
    text-decoration:none;
    }    
ul#sitemap a:hover {
    background-color:#b1b1b1;
    text-decoration:none;
    color:#fff;}
    
/* first level */
ul#sitemap li {
    color:#666666;
    list-style: none;
    list-style-image:none;
    line-height:8px;
    margin-bottom: 8px;
    padding: 0;
    background:none;
}
ul#sitemap li a {
    font-size:18px;
    background: url(/images/admin/sitemap_bullet1.gif) no-repeat 0 6px;
    padding-left: 12px;
}
ul#sitemap li p { 
    padding: 0 0 0 15px; 
    margin: 5px 0 0 0;
    font-size:10px;
    line-height:11px;}
/* second level */
ul#sitemap ul {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    list-style-image:none;
    background: url(/images/admin/sitemap_dot.gif) repeat-y 23px 0px;
}
ul#sitemap li li {
    background: url(/images/admin/sitemap_dot2.gif) no-repeat 4px 4px;
    margin-top:25px;
}
ul#sitemap li li a {
    font-size:14px;
    background: url(/images/admin/sitemap_bullet2.gif) no-repeat 20px 4px;
    padding: 0 0 0 32px;
}
ul#sitemap li li p { padding-left:35px;}
/* third level */
ul#sitemap ul ul {
background: url(/images/admin/sitemap_dot.gif) repeat-y 46px 0px;
}
ul#sitemap li li li {
background: url(/images/admin/sitemap_dot2.gif) no-repeat 24px 4px;
margin-top:8px;
}
ul#sitemap li li li a {
font-size:11px;
padding: 0 0 0 55px;
background: url(/images/admin/sitemap_bullet1.gif) no-repeat 43px 3px;
}
ul#sitemap li li li p { padding-left:60px;}
/* fourth level */
ul#sitemap ul ul ul {
background: url(/images/admin/sitemap_dot.gif) repeat-y 68px 0;
}
ul#sitemap li li li li {
background: url(/images/admin/sitemap_dot2.gif) no-repeat 47px 5px;
}
ul#sitemap li li li li a {
font-size:10px;
padding: 0 0 0 78px;
background: url(/images/admin/sitemap_bullet2.gif) no-repeat 65px .3em;
}
ul#sitemap li li li li p { padding-left:85px;}
/* end sitemap */
 
/* sIFR */
.sIFR-flash { visibility: visible !important;    margin: 0;}
.sIFR-replaced {    visibility: visible !important;}
span.sIFR-alternate {    position: absolute;    left: 0;    top: 0;    width: 0;    height: 0;    display: block;    overflow: hidden;}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {  display: none !important;}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {    visibility: hidden;    letter-spacing: -12px; font-size:36px;}
 
.menuvandedagbox .menubox { width:156px; float:left; margin:0; padding:0;  }
.menuvandedagbox a { text-decoration:none; cursor: pointer; font-size:11px; color:#59595b;}
.menuvandedagbox a:hover .menubox  { background:#ededdd;}
.menuvandedagbox .photoframebox {width:156px; height:151px;  margin:0; padding:0;}
.menuvandedagbox .photoframe { width:156px; height:151px; position:absolute; top:0; left:0; background:url(http://www.xquis.com/images/admin/photoframe_simple.gif) no-repeat; z-index:100;}
.menuvandedagbox .photoframebox img { position:absolute; left:9px; top:9px; z-index:20; border:0}
.menuvandedagbox p { padding: 0 15px 0 10px; font-size:11px; color:#59595b;}
.weekmenu { font-size:10px;}
 
.photoframecirclebox {width:132px; height:136px; float:left;  margin:0 10px 5px 0; padding:0; position:relative;}
.photoframecircle { width:132px; height:136px; position:absolute; top:0; left:0; background:url(../images/photoframe_circle.gif) no-repeat; z-index:100;}
.photoframecirclebox img { position:absolute; left:9px; top:9px; z-index:20; border:0}

.oldleafs { width:468px; background:url(/images/admin/oldleafs_bg.png) no-repeat; margin:0;}
.oldleafs h2 { position:relative; top: 15px; left:10px; border-bottom:none;}
.oldleafs p { padding: 25px 60px 5px 30px; margin:0; }
.oldleafs ul { padding: 25px 60px 5px 30px; margin:0; }
.oldleafs_footer { width:468px;  height:30px; background:url(/images/admin/oldleafs_footer.png) no-repeat; margin:0; }

table.agenda td { font-size:10px; color:#59595b;}

#tabs {
      float:left;
      width:100%;
      background: #f1f1f1;
      line-height:normal;
      font-size:10px;
      }
    #tabs ul {
        margin:0;
        padding:8px 0 0 10px;
        list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url(/images/admin/tableft.gif) no-repeat left top;
      margin:0 2px 0 0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url(/images/admin/tabright.gif) no-repeat right top;
      padding:5px 8px 4px 2px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#edcc0d;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }
        #tabs #current a {
                background-position:0% -42px;
        }
        #tabs #current a span {
                background-position:100% -42px;
        }


ul#waren { margin:0; padding:0}    
ul#waren li { list-style:none; list-style-image:none; list-style-type:none; display:block; background:url(/images/admin/thumbnail_bg.png) no-repeat;  width:109px; height:112px; float:left; padding:15px 0 0 0; margin: 0 3px 5px 3px; text-align:center; font-size:9px; overflow:hidden; }
ul#waren img { border:2px solid #d6d6d6;}


.no_underline { text-decoration:none;}
 
.extra_block { display:block; width:468px; background:url(/images/admin/extra_bg.png) no-repeat; border-bottom:3px solid #c7e123;}
.extra_block h3 { padding:18px 0 20px 20px; color:#444;}
.extra_block h3 a { color:#444; text-decoration:none;}
.extra_block a:hover { background:#e1fa3e;}
.extra_block p { color:#444; padding:0 80px 10px 20px;}
.extra_block p a  {color:#444; }
#login_block { padding:10px 0 0 0;}
.special_block { display:block; width:286px; background:url(/images/admin/rightcol_specialbox_bg.png) no-repeat;}
.special_block_footer { display:block; width:286px; height:15px; background:url(/images/admin/rightcol_specialbox_footer.png) no-repeat;}
.special_block h2 { padding:15px 15px 5px 15px; font-size:14px; border:none;}
.iframe-padding {padding: 2px 15px 10px 15px; }
#rightcol .special_block h2 { padding:15px 0px 5px 0px; font-size:14px; border:none;}
.special_block .padding { padding:0 10px;}
#rightcol .special_block .padding { padding:0 15px;}

ul.agenda li { padding: 0 0px 15px 10px;}
#MB_window a.button2 { float:none;}

/* dynamic tabs (menu van de dag) */
.TabbedPanels {    padding: 8px 0 0 0;  clear: none; width:100%; background:#f1f1f1; font-size:10px;}
#leftcol .TabbedPanels { width:100%; }
.TabbedPanelsTabGroup { margin: 0 0 0 5px; padding: 0px;  }
.TabbedPanelsTab {     position: relative; top: 1px; float: left;     padding: 4px 8px;     margin: 0px 3px 0px 3px; font-size:9px; line-height:normal;    background-color: #d5d5a8; background-image:none;     list-style: none;     -moz-user-select: none;     -khtml-user-select: none;     cursor: pointer ;}
.TabbedPanelsTabHover { background-color: #CCC ;}
.TabbedPanelsTabSelected {     background-color: #fff;     border-bottom: 1px solid #fff;}
.TabbedPanelsTab a {     color: black;     text-decoration: none ;}
.TabbedPanelsContentGroup {     clear: both;    background-color: #fff ;}
.TabbedPanelsContent {     background:#fff;   padding:5px 0 0 0; }
.TabbedPanelsContentVisible  {}
.TabbedPanelsContent p { margin:0 0 2px 0;}
.TabbedPanelsContent p.right_align { font-size:11px;  line-height:normal; text-align:right; margin:0;}