/* screen.css */

/* foundation */
#top{border-bottom:1px solid #cbbecf;}
#header{width:960px; height:104px; margin:0 auto; position:relative;}
#page {width:960px; margin:0 auto; overflow:hidden; position:relative; padding-top:78px;}
#navigatie{width:100%; height:78px; position:absolute;top:0;left:0;}
#main{width:720px; padding:6px 0 0; float:left;}
#sidebar{width:225px; padding:0 0 0 15px; float:left;}
#bottom{margin:30px 0 0;border-top:1px solid #cbbecf;clear:both;}
#footer{width:950px; margin:-2px auto 0; padding: 35px 0 25px 10px; overflow:hidden; background:transparent url(../media/layout/braille-footer.png) no-repeat;}

.col-wrapper{clear:both; overflow:hidden;}
.col-wrapper .indent{padding:0 15px 0 15px;}
.col-210{width:185px; float:left; margin:0 25px 0 15px; }
.col-235{width:235px; float:left;}
.col-247{width:247px; float:left;}
.col-330{width:330px; float:left;}
.col-345{width:345px; float:left;}
.col-360{width:360px; float:left;}
.col-375{width:375px; float:left;}
.col-495{width:495px; float:left;}
.col-705{width:690px; float:left;padding-left:15px}
.col-330 .col-185{width:175px; padding:0 10px 0 0; float:left;}
.col-330 .col-145{width:145px; padding:0; float:left;}

.border{border-left:1px solid #cbbfcf;}
.border .col-235{width:214px;padding:0 10px;border-right:1px solid #cbbfcf;}
.border .col-247{width:226px;padding: 0 10px;border-right:1px solid #cbbfcf;}


/* typography */
body{font-family:Arial,Helvetica,Sans-Serif;font-size:100%;}

#header .logo a{font-size:0.0001em;line-height:0;background:transparent url(../media/layout/Loket-aangepast-lezen.png) no-repeat ;display:block;width:241px;height:104px;text-indent:-9999em;}

h1 {margin:0 0 20px; font-size:24px; color:#e30177;}
h1.negative span{background:#e30177;}
h2{margin:0 0 15px; font-size:18px;color:#2e0041;}
h2.negative span{background:#2e0041;}
.home h2 {margin:0 0 20px; font-size:24px; color:#e30177;}
.home h2.negative span{background:#e30177;}
h3{margin:0 0 5px; font-size:.875em;}
h4,h5,h6{margin:0 0 5px; font-size:.75em;}


.border h2{color:#e30177;}
#sidebar h2{margin:0 0 15px; font-size:24px;color:#2e0041;}
#sidebar h2.negative span{background:#2e0041;}
#sidebar h3,strong.title{margin:0 0 15px; font-size:18px;color:#2e0041;}

.negative span{padding:0 4px 3px; color:#fff; display:inline;}

p{line-height:2em;margin:0 0 10px; font-size:.75em;}
p.highlight{margin:0 0 15px; font-size:18px;color:#2e0041;font-weight:bold;}
ul{margin:0 0 10px; font-size:.75em;list-style:none;line-height:1.5em;}
ol{font-size:.75em;line-height:1.5em;margin-bottom:10px;}
ul ul,ul p,ol p{margin:0px; font-size:1em;line-height:1em;}

ul li{padding:0 0 10px 14px;background:transparent url(../media/layout/bullet.png) no-repeat 0 4px;}
ol li{padding:0 0 10px 0;}
ul a{font-weight:bold;font-size:1em;}
p a{font-size:1em !important;}

blockquote{margin:0 0 15px; font-size:.75em;color:#2e0041;font-weight:normal;font-style:italic;}
.editorLang{border-bottom:1px dotted #666;}

dl{overflow:hidden;margin:0 0 15px;font-size:0.75em;}
dl p, dl ul, dl ol{font-size:1em;}
dt{float:left;width:50%;line-height:1.5em;}
dd{font-weight:bold;float:left;width:50%;line-height:1.5em;}
dl.small dt{width:30%;}

dl.togglebox dt,dl.togglebox dd{width:100%;float:none;}
dl.togglebox dd{font-weight:normal;padding:0 0 0 10px;}
dl.togglebox.js dt{cursor:pointer;padding-bottom:10px;}
dl.togglebox.js dd{display:none;margin:0 0 10px;border-bottom:1px solid #ccc;}

table{width:100%;border-color:#fff;}
caption{font-size:1.125em;color:#2e0041;font-weight:bold;text-align:left;}
th{font-size:0.75em;font-weight:normal;text-align:left;}
th.th100{width:100px;}
th.th75{width:75px;}
th,td{padding:10px 5px 0 0 ;border-bottom:1px solid #ccc;line-height:1.5em;}

ul.custom-list{margin-bottom:20px;}
ul.custom-list li{padding:0; background:none;}
ul.custom-list li a{display:inline-block;}
ul.custom-list li.phone{padding:0 0 15px 32px;background:transparent url(../media/layout/phone.png) no-repeat 0 5px;}

ul.newsyears,ul.newsmonths{margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #ccc;}
ul.newsmonths{border-bottom:0;}
ul.newsyears li,ul.newsmonths li{display:inline;margin:0;padding:0;background:none;}
ul.newsyears li a,ul.newsmonths li a{text-decoration:none;display:inline-block;padding:3px 6px;border:1px solid #fff;}
ul.newsyears li a.selected,ul.newsmonths li a.selected{color:#e30177;border:1px solid #ccc;}

li.editions{background:none;padding-left:0;}
li.editions a,
a.edition{display:inline-block; height:15px; padding:0 0 0 25px; margin:0 20px 0 0; background:transparent url(../media/layout/edition.png) no-repeat 3px 2px;}
a.edition{text-indent:-9999em;padding:0;width:16px;margin:0;}

ul.arrow-list li{padding:0 0 10px; background:none;}
ul.arrow-list li a,
li.arrow a{padding-left:32px;background:transparent url(../media/layout/arrow.png) no-repeat 5px 2px;}
ul.arrow-li-list li{padding:0 0 10px; padding-left:32px;background:transparent url(../media/layout/arrow.png) no-repeat 5px 2px;}

li.phone strong.number{display:block; color:#2e0041; font-size:1.5em;}
li.phone span{display:block; padding:4px 0;}
li.speaker a{padding:0 0 10px 25px;background:transparent url(../media/layout/speaker-small.png) no-repeat 3px 1px;}
li.email a{padding:0 0 20px 32px;background:transparent url(../media/layout/email.png) no-repeat 3px 0px;}
li.speaker a{padding:0 0 20px 32px;background:transparent url(../media/layout/speaker.png) no-repeat 3px 0px;}
li.eye a{padding:0 0 20px 32px;background:transparent url(../media/layout/eye.png) no-repeat 3px 3px;}
li.twitter,
li.rss,
li.facebook {float:left; margin-right:20px;}
li.twitter a{padding:0 0 20px 32px;background:transparent url(../media/layout/twitter.png) no-repeat 0px 3px;}
li.facebook a{padding:0 0 20px 32px;background:transparent url(../media/layout/facebook.jpg) no-repeat 3px 0px;}
li.rss a{padding:0 0 20px 32px;background:transparent url(../media/layout/rss.png) no-repeat 3px 0px;}

a.search{display:inline-block; padding:0 0 20px 25px; font-size:0.813em; font-weight:bold; background:transparent url(../media/layout/search-small.png) no-repeat 3px 0;}
a.arrow{display:block; padding-left:32px;background:transparent url(../media/layout/arrow.png) no-repeat 5px 2px; font-size:0.75em; font-weight:bold;}
a.listen, a.listen-text{display:inline-block; width:19px; height:14px; margin:0; text-indent:-9999em; background:url(../media/layout/speaker-small.png) no-repeat 0 1px;}
a.listen-text{text-indent:0; padding:0 0 0 25px;width:auto;height:auto;font-size:0.75em;font-weight:bold;background-position:0px 5px;}
a.read-more{display:inline-block;padding:0 26px 20px; font-size:0.875em; font-weight:bold; background:transparent url(../media/layout/arrow.png) no-repeat 2px 2px;}
a.back{display:inline-block;padding:0 26px 20px; font-size:0.875em; font-weight:bold; background:transparent url(../media/layout/arrow-back.png) no-repeat 2px 2px;}
a.read-more.small{font-size:0.75em;}
a.top{font-size:0.75em;float:right;display:inline-block;margin-top:10px;padding:0 0 0 10px;background:transparent url(../media/layout/top.png) no-repeat center left;}
a.external{padding-right:15px; background:url(../media/layout/external.png) no-repeat right;}
a .arrow,p.arrow a,p .arrow a{display:block; padding-left:32px;background:transparent url(../media/layout/arrow.png) no-repeat 5px 7px; font-weight:bold;}

/* layout */
#navigatie ul, #sub-nav ul, ul.meta-controls, ul.meta-nav { display:inline-block; margin:0; list-style:none; line-height:1em;}
#navigatie ul li, ul.meta-controls li, ul.meta-nav li{ float:left; padding:0; background:none;}
#navigatie ul{padding:30px 0 0;}
#navigatie ul li{margin:0 20px 0 15px;}
#navigatie ul li a{font-size:24px;text-decoration:none;}
#navigatie ul li.active a{color:#e30177;}

#subnavcontent{float:right}
#subnavigatie{width:100%;}
#subnavigatie ul{border-top:1px solid #666;width:100%; margin: 0 0 30px}
#subnavigatie ul li{border-bottom:1px solid #666;padding:0;background:none;color:#e30177;font-weight:bold;}
#subnavigatie ul li a{display:inline-block; width:95%; padding: 10px 0 10px 5%; font-size:1.125em; font-weight:bold; text-decoration:none;}

#subnavigatie ul li.active a{color:#e30177;}
#subnavigatie ul li:hover a{background:#e30177;color:#fff;text-decoration:none !important;}

ul.meta-nav,ul.meta-controls{position:absolute;top:15px;right:15px;text-transform:uppercase; font-size:0.688em;}
ul.meta-nav li,ul.meta-controls li{margin-left:20px;}
ul.meta-controls{right:255px;color:#2e0041;}
ul.meta-controls select{text-transform:lowercase;margin-left:6px;width:auto;}
ul.meta-controls .fontsize a{font-size:1em;text-decoration:none;padding:0 3px;}
ul.meta-controls .fontsize .pr150{font-size:1.182em;}
ul.meta-controls .fontsize .pr200{font-size:1.364em;}
ul.meta-nav a{color:#e30177;}
ul.meta-nav a:hover{color:#2e0041;}

.wizard{float:left;width:100%;position:relative;}
.wizard .tabs{margin:0 0 20px;overflow:hidden;width:100%;background: url(../media/layout/cbbfcf.png) repeat-x bottom}
.wizard .tabs li{padding:5px 8px;float:left;background:none;}
.wizard .tabs li.active{border:1px solid #ccc;border-bottom-color:#fff;color:#e30177;font-weight:bold;}
.wizard .tabs li strong{display:block;}
.wizard .errorlog{width:220px;position:absolute;right:0; top:47px;}
.wizard .errorlog li{border-left:1px solid #ccc;padding:10px 0 0 24px;background-position:10px 15px;}


fieldset span.required{font-size:18px;font-weight:bold;color:#e30177;vertical-align:bottom}
fieldset span.show-option{font-size:.75em;font-weight:normal}
fieldset span.show-option input{font-size:1em;}
fieldset {margin:0 0 25px;}
fieldset legend{font-size:1.125em;color:#2e0041;font-weight:bold;margin-bottom:15px;}
fieldset .row{ margin-bottom:10px;}
fieldset label,
fieldset strong{display:block; padding: 5px 0; font-size:0.75em; font-weight:bold;}
fieldset label.checkbox{display:block; padding: 0 0 5px;  font-weight:normal;}
fieldset label.inline{display:inline-block;}
fieldset input[type=text], fieldset input[type=password]{width:98%;  border:1px solid #2e0041; font-size:0.75em;padding:5px 0; text-indent:5px; }
fieldset select{width:97%; display:block; border:1px solid #2e0041; font-size:0.75em;padding:3px ; margin-bottom:10px; }
fieldset input[type=submit],fieldset input[type=reset],fieldset input.next{text-align:center; background:#2e0041;width:auto;height:auto;padding:0 5px;outline:1px solid #000;border:1px solid #e0d9e3;border-bottom-color:#913eb4;border-right-color:#913eb4;color:#fff; font-size:.875em; font-weight:bold;}
fieldset input.next{margin:0 20px 0 1px}
fieldset input[type=submit]:focus,fieldset input[type=reset]:focus,fieldset input.next:focus{outline:1px #000 dotted;}
fieldset input.next{float:left;font-size:.75em; }
fieldset .error{font-size:.75em;color:#f00;}

fieldset input.small{width:100px;}
fieldset input.medium{width:200px;}
fieldset input.large{width:350px;}

.AxForm {margin:0 0 25px;}
.AxForm legend{font-size:1.125em;color:#2e0041;font-weight:bold;margin-bottom:15px;}
.AxForm .AxFormLine{ margin-bottom:10px;}
.AxForm label,
.AxForm strong{display:block; padding: 5px 0; font-size:0.75em; font-weight:bold;}
.AxForm .AxRadioButtonList label{display:inline-block; padding: 0 0 5px;  font-weight:normal;}
.AxForm label.inline{display:inline-block;}
.AxForm input[type=text], 
.AxForm input[type=password],
.AxForm textarea{width:98%;  border:1px solid #2e0041; font-size:0.75em;padding:5px 0; text-indent:5px; }
.AxForm select{width:97%; display:block; border:1px solid #2e0041; font-size:0.75em;padding:3px ; margin-bottom:10px; }
.AxForm input[type=submit],
.AxForm input[type=reset]{text-align:center; background:#2e0041;width:auto;height:auto;padding:0 5px;outline:1px solid #000;border:1px solid #e0d9e3;border-bottom-color:#913eb4;border-right-color:#913eb4;color:#fff; font-size:.875em; font-weight:bold;}
.AxForm input[type=submit]:focus,
fieldset input[type=reset]:focus{outline:1px #000 dotted;}
.AxForm .AxRequiredMessage,
.AxForm AxValidationMessage{font-size:.75em;color:#f00;display:block;}
.AxForm .AxRequired{border:2px solid #ee055d !important;}

.home-search{padding:15px;}
#zoeken{padding:10px; margin-bottom:30px; background:#e0d9e3;}
#zoeken fieldset{position:relative;margin:0;display:block;width:100%;}
#zoeken legend{margin:0 0 5px; display:block;width:100%;}
#zoeken input[type=text]{border:1px solid #2e0041;padding:3px 62px 4px 0px;font-size:0.875em;}
.col-705 #zoeken input[type=text]{width:553px;float:left;}
.col-495 #zoeken input[type=text]{width:343px;float:left;}
#zoeken input[type=submit]{display:inline;width:auto; margin: 2px 0 -1px; font-size:.75em; height:25px; }
#zoeken a{font-size:0.75em;margin-right:20px;}

.dash{display:inline-block;padding:0 5px;}
.author{display:inline-block;}
.book {overflow:hidden;margin-bottom:7px;}
.book img{float:left; margin-right:10px;padding:0}

.news-overview{margin:0;}
.news-overview li{padding:0 0 20px 90px; position:relative; background:none;min-height:80px;}
.news-overview li p{line-height:1.5em;}
.news-overview li .round-stencil{position:absolute; top:0;left:0;z-index:2;background:transparent url(../media/layout/round-stencil.png) no-repeat 0px 0px;width:80px;height:81px;}
.news-overview li img{position:absolute; top:0;left:0;z-index:1;}
.newsfeed li{background:none;padding-left:0;}
.newsfeed h3{}
.newsfeed a.rss{display:block;width:18px;height:18px;float:right;background:transparent url(../media/layout/rss.png) no-repeat 0px 0px;text-indent:-9999em;line-height:0;font-size:0.0001em;}

.streaming-overview>li{background:transparent;line-height:250%;}
.streaming-overview>li>a{font-size:1.15em}
.streaming-overview>li p{margin-bottom:10px;}
.streaming-overview .custom-list{margin-bottom:0px;}

#filter{padding:10px; margin:30px 0 0 20px; background:#e0d9e3;}
#filter .title{font-size:0.75em; color:#2e0041;font-weight:bold;}
#filter .section{font-size:0.75em;color:#333;margin-bottom:5px;font-weight:bold;}
#filter li{padding:0;background:none;}
#filter li a{display:inline-block;padding:0 5px 3px 20px;font-weight:normal;}

#sidebar .highlight{padding:5px; margin:0 0 40px; background:#2e0041;color:#fff;}
#sidebar .highlight fieldset{margin:0;}
#sidebar .highlight fieldset,#sidebar .highlight .content{padding:5px;}
#sidebar .highlight h2{margin-bottom:10px;}
#sidebar .highlight h3{margin-bottom:10px;color:#fff;font-size:.938em;}
#sidebar .highlight h4{margin-bottom:10px;color:#fff;font-size:.875em;}
#sidebar .highlight h5{margin-bottom:10px;color:#fff;font-size:.75em;}
#sidebar .highlight label{color:#fff;}
#sidebar .highlight label.checkbox{display:inline-block;}
#sidebar .highlight input[type=text],.login input[type=password]{width:100%;border:0;}
#sidebar .highlight input[type=submit]{ float:right; background:#e30177; }
#sidebar .highlight a{color:#fff;}
#sidebar .highlight a:hover{text-decoration:none;}
#sidebar .highlight label.checkbox,
#sidebar .social{overflow:hidden;}

#login ul.control{overflow:hidden;padding:0 10px;}
#login ul.control li{padding:0;background-image:none;font-size:.75em;}
#login ul.control li.password{float:left;}
#login ul.control li.register{float:right;}

#footer .links{float:left;width:438px;overflow:hidden;font-size:.675em; margin:0;}
#footer .links li{padding:0;background:none;}
#footer .linkcol1,
#footer .linkcol2,
#footer .linkcol3{float:left;display:block;margin:10px 0 10px;text-transform:uppercase;font-weight:bold;}
#footer .linkcol1{width:202px;}
#footer .linkcol2{width:143px;}
#footer .linkcol3{width:93px;}
#footer .adress{width:282px;float:left;font-size:.75em;line-height:1.7em;}

/* Overlay */
#basic-modal-content {display:none;}
#simplemodal-overlay {background-color:#fff; cursor:wait;}
#simplemodal-container {height:400px; width:400px; color:#333; background-color:#fff; border:2px solid #2e0041;padding:0;}
#simplemodal-container a.closeModal{position:absolute;top:-23px;right:-2px;display:block;width:100px;background:#2e0041;color:#fff;font-size:0.75em;padding:4px;text-decoration:none;text-align:center;}
#simplemodal-container a.closeModal:hover{background:#e30177;}
.popup .thumbnail{float:left;width:68px;padding:10px 15px 0 10px;text-align:center}
.popup .thumbnail img{width:68px;margin:0 0 15px;}
.popup .content{float:left;width:270px;margin:10px 0 0;}
.popup .content h1{color:#e30177;font-size:1.25em;margin:0 0 10px}
.popup .content p{line-height:1.5;}
.popup .content ul li{padding-bottom:0px;}

/* iefix styles */
.ie7 #footer,.ie6 #footer {position:relative;top:-2px;}
.ie6 .news-home li {padding-left:0;}
.ie6 .news-home li a,
.ie6 .news-home li p{margin-left:90px}
.ie7 #navigatie ul li a,
.ie6 #navigatie ul li a,
.ie6 ul.meta-controls .fontsize a,
.ie7 ul.meta-controls .fontsize a{line-height:1em;}
.ie7 .login label.checkbox,
.ie6 .login label.checkbox{float:left;}
.ie7 .login label.checkbox input,
.ie6 .login label.checkbox input{vertical-align:top;}
.ie7 a.external{display:inline-block}

/* print styles */

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  
    #top .meta-controls,
    #top .meta-nav,
    #sidebar,
    #subnavigatie,
    #navigatie,
    #bottom .links,
    #bottom .drempelvrij,
    #zoeken,
    #filter{display:none;}
    
    #main,
    .col-210,
    .col-235,
    .col-247,
    .col-330,
    .col-345,
    .col-360,
    .col-495,
    .col-705,
    #footer{width:100%; float:left; margin:0; padding:0;}
    .col-wrapper{margin:15px 0 0}
    #header{width:auto; height:auto; margin:0; position:relative;}
    #header .logo a{font-size:1em;background:none;display:block;width:auto;height:auto;}
    #header .logo a img{display:block;}
    
    #page{padding:0;width:auto;}
    
    #top{border-bottom:0}
    #bottom{margin:15px 0 0;padding:15px 0 0}
    
    a.read-more{padding:0;}
}