/***** reset elements *****/
body, .pianoo div, .pianoo dl, .pianoo dt, .pianoo dd, .pianoo h1, .pianoo h2, .pianoo h3, .pianoo h4, .pianoo h5, .pianoo h6, .pianoo pre, .pianoo form, .pianoo fieldset, .pianoo input, .pianoo blockquote, .pianoo th, .pianoo td, ul.pianoo, ol.pianoo, .pianoo li, .pianoo p { margin:0; padding:0; }
.pianoo table { border-collapse:collapse; border-spacing:0; }
.pianoo fieldset, .pianoo img { border:0; }
.pianoo address, .pianoo caption, .pianoo cite, .pianoo code, .pianoo dfn, .pianoo em, .pianoo strong, .pianoo th, .pianoo var { }
.pianoo caption, .pianoo th { text-align:left; }
.pianoo q:before, .pianoo q:after { content:''; }
.pianoo h1, 
.pianoo h2, 
.pianoo h3, 
.pianoo h4, 
.pianoo h5, 
.pianoo h6 { padding-bottom:1em; }
.pianoo p { padding-bottom:1.22em; }
/* these must be set explicitly */
ul.pianoo , ol.pianoo  { list-style-type:none; }

/***** font styling *****/
.pianoo * { line-height:1.22em; /*font:11px verdana,arial,helvetica,clean,sans-serif;*/ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.pianoo h1, 
.pianoo h2 { font-size:16px; }
.pianoo h3 { font-size:12px; }
.pianoo h4 { font-size:12px; } 
.pianoo h5, 
.pianoo h6 { font-size:100%; }
.pianoo h1, 
.pianoo h2,
.pianoo h3,
.pianoo h4, 
.pianoo h5, 
.pianoo h6 { font-weight:bold; }
.pianoo table { font-size:inherit; }
.pianoo select, .pianoo input, .pianoo textarea { font:11px verdana,arial,helvetica,clean,sans-serif; }
.pianoo pre, .pianoo code { font:115% monospace; }

/***** layout *****/
#container { width:901px; margin:auto; }
#left { width:600px; float:left; display:inline; }
#right { width:299px; float:left; display:inline; }
#footer { }
.clear { clear:both; }

/***** styling: global *****/
body { background-color:#ccc; color:#000; }
#top { padding-top:10px; }
#container { background:#fff; }
hr { display:none; }
.pianoo a { color:#000; text-decoration:none; }
.pianoo a:hover { text-decoration: underline; }
a.extern { display:inline-block; padding-left:11px !important; background:url(../images/extern2.gif) -1px 4px no-repeat !important; color:#000; }
.pianoo a.extern { display:inline-block; padding-left:13px !important; background:url(../images/extern2.gif) -1px 4px no-repeat !important; color:#000; }
h4.link_extern { display:inline-block; padding-left:20px !important; background:url(../images/link_extern.jpeg) left 2px no-repeat !important; color:#000; }
h4.link_intern { display:inline-block; padding-left:20px !important; background:url(../images/link_intern.jpeg) left 2px no-repeat !important; color:#000; }
h4.link_document { display:inline-block; padding-bottom: 0px; padding-left:20px !important; background:url(../images/link_document.jpeg) left 2px no-repeat !important; color:#000; }
#skip { position:absolute; top:-100em; }
img.right-aligned { float:right; }
img.left-aligned { float:left; }

/***** styling: form-elements *****/
input.text  { padding:2px 2px; } 
input.button { background:#c4c4c4 url(../images/bg_button.gif) repeat-x; }
select.select { }

/***** styling: header *****/
#header.pianoo,
#header.pianoo * { font-size:10px; }
#header { background:url(../images/bg_header.jpg) no-repeat; text-align:right; height:100px; border:1px solid #fff; }
#header h1 { width:321px; height:100px; margin:0px 0 0 0px; float:left; display:inline; background:transparent url(../images/logo_pianoo.gif) no-repeat; text-align:left; }
#header h1 a { display:block; width:100%; height:100%; }
#header h1 a span { margin-left:-4000px; }

#header ul { padding:3px 10px 0 0; }
#header ul a { text-decoration:none; }
#header ul a:hover { text-decoration:underline; }

#font-size { display:none; }
#font-size a { display:block; width:13px; height:13px; background:url(../images/font_size.gif); float:right; margin:5px 10px 0 0; display:inline; }
#font-size a#increase { background-position:0px -100px; }
#font-size a span { position:absolute; top:-100em; }

/***** styling: blocks *****/
.block { border:1px solid #fff; border-width:0 0 1px 1px; height:200px; position:relative; overflow:hidden; }
.border { height:198px; }
.block a { padding-left:11px; background:url(../images/raquo_normal.gif) no-repeat left top; text-decoration:none; }
.width-300 { width:299px; float:left; }
.width-600 { clear:both; }
.double-height { height:401px; }
.double-height .border { height:399px; } 
/*.double-height { height:601px; }
.double-height .border { height:599px; } - tijdelijke oplossing voor dubbele hoogte-  [AG] */
.auto-height,
.auto-height .border { height:auto !important; }
.pianoo .content { padding:0 8px 8px 8px; }
.pianoo h2, 
.pianoo h3 { padding-top:8px; padding-right:8px; padding-left:8px; }
.width-300 div.left,
.width-300 div.right { width:132px; float:left; }
.width-300 div.left { margin-right:16px; }
.read-further { position:absolute; top:9px; right:8px; }
.pianoo .caption p { padding:5px; }
.pianoo .image-left { float:left; margin:8px; }

/***** styling: global *****/
.pianoo p.situation-map { padding:5px 8px 0 8px; }
.pianoo p.situation-map a { text-decoration:underline; background:none; padding:0; }
.pianoo strong { font-weight:bold; }
.pianoo em { font-style:italic; }
.pianoo ul,
.pianoo ol { margin-top:0 } /* toegevoegd */

/***** styling: navigation *****/
#navigation .content { padding:0; }
#navigation h2 { padding:13px 0 12px 0; margin:0 8px; border-bottom:1px solid #fff; }
#navigation .clear { margin:0 8px; border-top:1px solid #fff; }
#navigation,
#navigation a { color:#fff; background-position:left -100px; }
#navigation ul { width:291px; float:left; padding:10px 0 12px 0; }
#navigation ul li { padding:0; font-size:0px; }
#navigation ul li a { padding:2px 8px 2px 8px; display:block; background:none; }
#navigation ul li a span { font-size:12px; font-weight:bold; padding-left:13px; background:url(../images/raquo_bold.gif) no-repeat left -100px; text-decoration:none; }
#navigation ul li.selected a,
#navigation ul li a:hover { display:block; color:#f60; background:#fff; text-decoration:none; }
#navigation ul li.selected a span,
#navigation ul li a:hover span { background-position:left -200px; }
#navigation p { padding:4px 0 0 0; margin:0 8px; }

#navigation legend { visibility:hidden; }
#navigation label { position:absolute; top:-100em; }
#navigation input.text { width:215px; float:left; } /* float:left for safari */
#navigation select.select { width:160px; margin-left:4px; }

/***** styling: search-section *****/
#search-section fieldset { margin-bottom:10px; }
#search-section legend { visibility:hidden; font-size:0px; position:absolute; top:-100em; }
#search-section label { display:block; font-size:12px; font-weight:bold; margin-bottom:5px; }
#search-section select.select { width:215px; }
#search-section ul li { margin-bottom:10px; }
#search-section ul li a { font-weight:bold; padding-left:13px; background:url(../images/raquo_bold.gif) no-repeat left 0px; }
#search-section ul li li { padding-left:15px; margin-bottom:2px; }
#search-section ul li li a { font-weight:normal; }

/***** styling: instruments *****/
#instruments .left h4 { width:130px; height:34px; background:transparent url(../images/logo_pianoo_desk.gif) no-repeat; } /*Custom aanpassing MS: width 110px = 130px;*/
#instruments .right h4 { width:90px; height:34px; background:transparent url(../images/logo_tenderned.gif) no-repeat; }
#instruments h4 a { display:block; width:100%; height:100%; padding:0; background:none; }
#instruments h4 a span { margin-left:-4000px; }
#instruments legend { visibility:hidden; font-size:0px; position:absolute; top:-100em; }
#instruments label { position:absolute; top:-100em; }
#instruments input.text { width:115px; float:left; margin-bottom:3px; }
#instruments input.button { float:left; }
#instruments .right p a { color:#f60; background-position:left -200px; }
#instruments .right img { margin-left: -8px; } /*Custom aanpassing MS: regel toegevoegd */

/***** styling: quicklinks *****/
#quicklinks ul { width:283px; float:left; padding:0 0 10px 0; }
#quicklinks ul li { padding:0 0 10px 0; }
#quicklinks ul li a { color:#f60; background-position:left -200px; }

/***** styling: more-on-subject *****/
#more-on-subject h3 { color:#f60; }
#more-on-subject ul { width:281px; padding:0 0 10px 0; }
#more-on-subject ul li { padding:0 0 10px 0; }
#more-on-subject ul.bullets li { padding-left:10px; background:url(../images/bullet.gif) no-repeat left top; }
#more-on-subject ul.bullets li a { background:none; padding:0; }
#more-on-subject .article h4 { font-weight:bold; color:#000; padding:0; background:none; font-size:11px; padding-bottom:0; }
#more-on-subject .article p { padding-bottom:0; }
#more-on-subject .article .details { color:#f60; }
#more-on-subject .article .details { padding:0 8px 1.22em 0; }

#more-on-agenda .article h4 { padding:0; padding-bottom:0;}
#more-on-news .article h4 { padding:0; padding-bottom:0;}

#more-on-subject .border .content .article p a {
background-image:none !important;
padding-left:0px !important;
}

#more-on-news .border .content .article p a {
background-image:none !important;
padding-left:0px !important;
}

/***** styling: link-list, list-archive *****/
.list-archive { height:auto; }
.list-archive .border { height:auto; }
.link-list h3,
.list-archive h3 { color:#f60; }
.link-list ul,
.list-archive ul { width:281px; padding:0 0 10px 0; }
.link-list ul li,
.list-archive ul li { padding:0; }

/***** styling: list-with-date *****/
.list-with-date ul { width:282px; float:left; padding:12px 0 10px 0; font-size:0px; }
.list-with-date ul li { padding:0 0 10px 0; font-size:11px; }
/*.list-with-date ul li a { float:left; } uitgeschakeld */
.list-with-date .clear { display:block; color:#f60; }

/***** styling: searchbox *****/
.searchbox h3 { color:#f60; }
.searchbox form p { padding-bottom:3px; }
.searchbox form label { display:block; width:76px; float:left; }
.searchbox form .text { width:180px; }
.searchbox form .select { width:188px; }
.searchbox form .select_date { width:60px; }
.searchbox form .select_date_dag { width:50px; }
.searchbox form .select_date_maand { width:70px; }

/***** styling: poll *****/
.poll strong { font-weight:bold; }
.poll legend { visibility:hidden; font-size:0px; position:absolute; top:-100em; }
.poll label { padding-left:6px; }
.poll .content div { padding:0 0 3px 0; }
.poll dl { clear:both; height:30px; padding:0 0 5px 0; }
.poll dd span { display:block; width:40px; padding-left:3px; float:right; background:#e5e5e5; } /* percentage (in numbers) */
.poll dt,
.poll dd,
.poll dd span { height:15px; }
/*coloring*/
.poll dl.result-1 dd { background:#ff6804; }
.poll dl.result-2 dd { background:#ff8838; }
.poll dl.result-3 dd { background:#ffa66b; }
.poll dl.result-4 dd { background:#ffc59e; }
.poll dl.result-5 dd { background:#ffe3d1; }

/***** styling: list-articles *****/
.list-articles .sort { padding:0 8px 20px 8px; font-weight:bold; }
.list-articles .sort a { color:#f60; }
.list-articles h4 { padding-bottom:0; }
.list-articles .article h4 a { font-weight:bold; color:#000; font-size:12px; padding:0; background:none; }
.list-articles h3,
.list-articles .details { color:#f60; }
.list-articles .details { padding:0 8px 1.22em 0; }
.list-articles .details span { color:#000 }
.list-articles .article { margin-bottom:1.22em; border-bottom:1px solid #ccc; }
.list-articles .article p a { color:#f60; padding-left:9px; background:url(../images/raquo_normal.gif) no-repeat left -200px; }
.list-articles .pagination a.next { padding-right:11px; background:url(../images/raquo_normal.gif) no-repeat right -200px; color:#f60; }
.list-articles .pagination a.prev { padding-left:11px; background:url(../images/laquo_normal.gif) no-repeat left -200px; color:#f60; }
.list-articles .pagination a { color:#f60; }
.list-articles .pagination { margin:8px; margin-top:0; font-weight:bold; }

/***** styling: FAQ *****/
.faq .article p a { color:#000; text-decoration:underline;}
.faq .article p span { font-weight:bold; color:#000; padding:0; background:none; font-size:12px; }
.faq .article span a { font-weight:bold; color:#ff6804; padding:0; background:none; }
.faq .article p span a { color:#ff6804; }
.faq h3 { color:#ff6804; }
.faq .article { margin-bottom:1.22em; border-bottom:1px solid #ccc; font-size:12px; }


/***** styling: Sitemap *****/
.sitemap h3 { color:#ff6804;}
.sitemap ul { padding-left:20px; }
.sitemap ul.level-1 { padding-left:0; }
.sitemap ul.level-1 a { color:#ff6804; font-weight:bold; font-size:12px; padding-right:11px; background:url(../images/raquo_normal.gif) no-repeat right top; background-position:right -200px; }
.sitemap ul.level-2 { padding-left:10px; }
.sitemap ul.level-2 a { color:#000; font-weight:bold; font-size:11px; background-position:right 0px; }
.sitemap ul.level-3 { padding-left:20px; }
.sitemap ul.level-3 a { color:#000; font-size:11px; font-weight:normal; background-position:right 0px; }
.sitemap li.space { padding-bottom:10px; }


/***** styling: news-single *****/
#news-single { margin-bottom:1.22em; }
#news-single h2,
#news-single h3,
#news-single h4 { padding-bottom:0; }
#news-single h3,
#news-single h4 { font-size:11px; margin:0; padding:0; }
#news-single h4 { color:#777; }
#news-single ul li { font-size:11px; line-height:1.22em; }
#news-single h2,
#news-single .details { color:#f60; }
#news-single .details { padding:0 8px 1.22em 8px; }
#news-single .details span { color:#000 }
#news-single .actions { padding:0 8px; }
#news-single .actions a { color:#f60; }
#news-single .actions .respond,
#news-single .actions .print,
#news-single .actions .forward { padding-left:17px; background:url(../images/icons.gif) no-repeat; }
#news-single .actions .print { background-position:left -100px; }
#news-single .actions .forward { background-position:left -200px; }
#news-single .content img { margin:3px; }
#news-single .content a { color:#f60; text-decoration:underline; }

/***** styling: error *****/
.error h2 { color:#f60; font-size:12px }

/***** styling: news-reaction *****/
#news-reaction a { padding-right:0; background:transparent; }
#news-reaction h2 { padding-bottom:0; }

#news-reaction legend { visibility:hidden; font-size:0px; position:absolute; top:-100em; }
#news-reaction form p { clear:left; padding:0 0 2em 0; }
#news-reaction form p.no-padding { padding:0 0 3px 0; }
#news-reaction form p.medium-padding { padding:0 0 8px 0; }
#news-reaction form input.text,
#news-reaction form textarea { width:345px; }
#news-reaction form span.obligated { color:#f60; }
#news-reaction form label { display:block; width:96px; float:left; }
#news-reaction form p.obligated { padding-left:96px; }
#news-reaction form .button { margin-left:96px; }

/***** styling: deep-search *****/
#deep-search .situation-map { padding:5px 8px 0 8px; }
#deep-search .explanation { padding:0 8px 1.22em 8px; }
#deep-search .situation-map a u { text-decoration:underline; padding-right:0; background:transparent; }
#deep-search h3 { padding-bottom:5px; }

#deep-search legend { visibility:hidden; font-size:0px; position:absolute; top:-100em; }
#deep-search form p { clear:left; padding:0 0 2em 0; }
#deep-search form p.no-padding { padding:0 0 3px 0; }
#deep-search form p.medium-padding { padding:0 0 8px 0; }
#deep-search form input.text { width:345px; }
#deep-search form select.select { width:354px; }
#deep-search form label { display:block; width:156px; float:left; }
#deep-search form .button { margin-left:156px; }

/***** styling: newsletter *****/
#newsletter legend { visibility:hidden; font-size:0px; position:absolute; top:-100em; }
#newsletter label { position:absolute; top:-100em; }
#newsletter input.text { width:215px; float:left; margin-bottom:3px; }
#newsletter input.button { clear:both; margin:0 20px 0 0; }

/***** temp colors *****/
.orange-full { background:#f60; }
.orange-flat { background:#ffc299; }
.salmon { background:#ffefe5; }
.salmon-light { background:#ffe0cc; }
.salmon-light .border { border:1px solid #ffc299; }
.gray { background:#e5e5e5; }
.light-gray { background:#f2f2f2; }
.light-gray .border { border:1px solid #999; }
.white { background:#fff; }
.white .caption { background:#fff0e5; color:#f60; }

/***** styling: footer *****/
#footer { background:#ccc; text-align:right; padding:8px 0 0 0; height:20px; }
#footer p { font-size:10px; }
#footer ul { float:right; }
#footer ul li { float:left; }
#footer ul li a { display:block; padding-left:10px; margin-left:10px; border-left:1px solid #000; font-size:10px; text-decoration:underline; }
#footer ul li a.rss { padding-left:25px; background:url(../images/rss.gif) no-repeat 10px 0px; }

/***** styling: table.pianoo-styled *****/
/*
table.pianoo-styled { border-collapse:collapse; border:1px solid #999; border-width:1px 1px 0 0; width:100%; margin:0 0 1.22em 0; }
table.pianoo-styled td,
table.pianoo-styled th { border:1px solid #999; border-width:0 0 1px 1px; padding:3px; }
table.pianoo-styled th { font-weight:bold; background-color:#ffefe5; }
*/

/***** DEMO (should be arranged from CMS) *****/
/*caption image*/
#caption-for-demo-template { width:280px; }

/*poll results (100% = 200px + 40px, 50% = 100px + 40px);*/
.poll dl.result-1 dd { width:50px; } /*80% = 160px + 40px*/
.poll dl.result-2 dd { width:50px; } /*20% = 40px + 40px*/
.poll dl.result-3 dd { width:220px; } /*20% = 40px + 40px*/


#instruments a { background:none; }
#instruments #desk { padding-left:9px; }
#instruments #bestek {padding-left:3px; }