/* Resets */ :focus {outline: 0;} body {line-height: 1;} html {height:100%;} #header * {padding:0; margin:0; border:none; list-style-type:none;} div#menu * {padding:0; margin:0; border:none; list-style-type:none;} .course-list * {margin:0; padding:0; list-style:none;} img {border:none;} /* Todo: Huisstijl oranje van Learnit is eigenlijk PMS 1505, kies een webkleur die hiermee overeenstemt */ /* Generic styles */ a img {border:none;} fieldset legend {display:none;} a {text-decoration:none;color:#000} a:hover {text-decoration:none;} h1,h2,h3,h4,h5 {line-height: 1.6em;} h1,h2,h3,h4,h5 {font-size:1em; font-weight: normal; padding:0.3em 0 0 0; margin:0;} /* Speciaal */ .nostyleshelper {display:none;} /* Layout */ body {font-size:82%; color:#000; background-color: #FFF; line-height:1.4em; font-family: Verdana, Arial, Helvetica, sans-serif;} #wrapper {min-width:778px; max-width:990px; margin:1em auto; position:relative;} #wrapper{background-color:#FFF} #header {overflow:hidden;} #container {border:2px solid #F5440F; border-top:none; overflow:hidden;} .has-sides #container {padding-left: 232px; padding-right: 232px;/* was 157px; */} .has-sub #container {padding-left: 232px;} .has-related #container {padding-right: 232px;}/* was 157px; */ .has-sides, .has-related {background:url(img/related-content-bg.gif) transparent repeat-y top right;} .has-sides #container, .has-sub #container {background:url(img/subcontent-bg.gif) transparent repeat-y top left;} #container .column {position: relative;float: left;} #main-content { width: 100%; /*margin-top:-1em;*/ margin-bottom:2em; } #sub-content { margin-left: -100%; width:232px; right: 232px; } #related-content { width: 232px; /* was 157px; */ margin-right: -100%; /* background:url(img/related-content-top.gif) no-repeat; */ overflow:hidden; } #extra-content { overflow:hidden; clear:both; float:none; border:2px solid #F5440F; border-top:none; } #footer {clear: both;} /* LAYOUT */ /* header */ #header {background: #F5440F url(img/corner-orange-right.gif) no-repeat top right; color: #FFF;} #header p {padding-left:3px;} #header a {color:#FFF;} /* identity */ #identity {width:258px;float:left;padding:1em 0 1em 1em;background:#F5440F url(img/corner-orange-left.gif) no-repeat top left;} #identity h1 {padding:0;display:block;width:258px;height:43px;background:url(img/logo.gif) no-repeat;} #identity h1 a {display:block;width:258px;height:64px;} #identity h1 span{display:none;} #identity p.activiteiten {font-size:110%;padding:0.3em 3px;} /* search */ #site-search {height:60px;margin:1em 1em 0 0;background:url(img/arrows.gif) no-repeat top right;float:right;padding-right:60px;} #searchSubmit {font-size:1.16em;color:#FFF;background-color:#F5440F;font-weight:bold;border:2px solid #F5440F;margin-top:10px;cursor:pointer;padding:0;} #searchTekst {background: #EEE; width:246px;padding:0.3em 10px;border:2px solid #FFF;margin:0 10px;} #searchForm div.searchBox {float:left;width:290px;background:#FFF url(img/search-bot.gif) no-repeat bottom left;padding-bottom:10px;color:#000;} #searchForm div.searchBox div {background:#FFF url(img/search-top.gif) no-repeat top left;padding-top:10px;} /* structured search results */ .strucresults h2 {line-height: 1; font-size: 100%; font-weight: normal; margin: 0; margin-left: 12px; margin-top: 10px;} .strucresults h3 {line-height: 1; font-size: 80%; color: #666; font-weight: normal; margin: 0; margin-left: 24px;} .strucresults p {line-height: 1; font-size: 100%; font-weight: normal; margin: 0; margin-left: 36px;} /* signposts */ #signposts {border:2px solid #F5440F; border-top:none;border-bottom:none;float:none;clear:both;padding-bottom:1em;z-index:9;overflow:hidden;} /* #signposts p {margin:0;line-height:2em;height:2em;padding:0 1em;width:100%;background-color:#4D4D4D;color:#FFF;float:left;} */ #signposts p {margin:0;line-height:2em;height:2em;padding:0 1em;background-color:#4D4D4D;color:#FFF;} /* hoofdmenu */ .js-enabled div#menu{float:right;clear:both;z-index:10;margin:-1.8em 2px;} .js-enabled div#menu{background:none;} .js-enabled #menu ul#hoofdmenu{float:right;} #hoofdmenu{background-color:#F5440F;overflow:hidden;} .js-enabled #hoofdmenu{background:none;} ul#hoofdmenu > li{float:left;} .js-enabled ul#hoofdmenu li { line-height:1em; float: left; padding-right:4px; } ul#hoofdmenu li.open, ul#hoofdmenu li.over { background:url(img/hoofdmenu-ul-actief-rght.gif) no-repeat right top; } ul#hoofdmenu li.open a, ul#hoofdmenu li.over a { background:url(img/hoofdmenu-ul-actief-lft.gif) no-repeat left top; } ul#hoofdmenu li.open li, ul#hoofdmenu li.over li, ul#hoofdmenu li.open li a, ul#hoofdmenu li.over li a { background:none; } ul#hoofdmenu li li.open, ul#hoofdmenu li li.over{ background:url(img/hoofdmenu-li-actief.gif) no-repeat center bottom;; } .js-enabled ul#hoofdmenu ul { position:absolute; right:0; display:none; } ul#hoofdmenu li.open ul{display:block;} ul#hoofdmenu a { display: block; color: #fff; text-decoration: none; overflow:hidden; line-height:1em; font-weight:bold; } ul#hoofdmenu li li{height:2em;} ul#hoofdmenu li li a{font-size:78%;font-weight:normal;padding-top:0.3em;} /* 11/14 */ ul#hoofdmenu li li a:hover{text-decoration:underline;} ul#hoofdmenu a span, ul#hoofdmenu a em{ display:block; padding:0.4em 1em; font-style:normal;} /* main-content */ #main-content ul {margin:1em 2em} #main-content .block {padding:1em 20px 1em 20px} #main-content .block.border {padding:1em 20px 2em 20px; border-bottom:1px solid #F5440F} #main-content p {padding:0.3em 0;} #main-content h1,#main-content h2,#main-content h3,#main-content h4 {font-weight:bold;} #main-content h3 {padding:0.3em 0;} /* welcome text: narrow the space between the paragraphs and the lists below those paragraphs */ #main-content #welcome {} #main-content #welcome p {font-weight: bold; margin-bottom: 0; padding-bottom: 0;} #main-content #welcome ul {margin-top: 0; padding-top: 0} /* NEW 2010-02-18 */ #main-content #welcome-header{padding-top:0;} #main-content #welcome-header .cnt{ position:relative; height:145px; overflow:hidden; background:#F5440F url(img/learnit_10px_rounded.gif) no-repeat scroll left top; color:#FFFFFF;} #main-content #welcome-header img{position:absolute;right:0;top:0;} #main-content #welcome-header h1{min-height:40px;font-size:22px;line-height:130%;font-weight:normal;padding:15px 20px 0 20px;margin-right:241px;} #main-content #welcome-header p{font-size:13px;font-weight:normal;padding-left:20px;padding-top:0;margin-right:241px;} #main-content #welcome-header p a{color:#FFF;font-weight:bold;} #welcome-top5 {overflow:hidden;} #welcome-top5 a, #welcome-top5 .more{color:#ff4800;} #welcome-top5 .more{font-weight:bold;} #main-content #welcome-top5 ul{margin:0;padding:0;overflow:hidden;display:block;} #main-content #welcome-top5 > ul > li{padding-left:20px;float:left;} #welcome-top5 > ul > li{width:40%;float:left;padding-left:20px;} #main-content #welcome-top5 li{list-style:none;margin:0;} #welcome-intro p, #welcome-intro h2{padding-left:20px;} #welcome-intro a, #welcome-intro .more{color:#ff4800;} #welcome-intro .more{font-weight:bold;} #categories-top5 a{color:#ff4800;} #categories-top5 h2, #categories-top5 ul{padding-left:20px;} #categories-top5 li, #categories-top5 ul{list-style:none;margin:0;} #categories-top5 > ul{position:relative;min-height:14em;} #categories-top5 ul.course-list{width:40%;position:absolute;left:40%;top:0;padding-left:40px;} #categories-top5 h3,#categories-top5 h4{font-size:100%;font-weight:normal;} #categories-top5 .vevent h4{background:#FFF url(img/n.gif) no-repeat left center;padding-left:15px;} #categories-top5 h3{cursor:pointer;padding-left:15px;} #categories-top5 h3.active{background:#FFF url(img/n.gif) no-repeat left center;} #categories-top5 .vevent{padding-bottom:0.5em;} #categories-top5 .vevent p{padding:0 0 0 15px;font-size:83%;color:#4b4c4b;line-height:1em;} /* right-aligned image */ img .right {float: right; border: 5px solid red;} /* news list */ #main-content .news-list {margin:0;} #main-content .news-list li {list-style:none; padding:10px 20px; background:url(img/bg_li_news.gif) no-repeat 0 center;} /* reset for lists beneath this one */ #main-content .news-list li li {list-style:disc; padding:0; background:none;} /* partners list */ #main-content ul.partners{margin:2em 0;overflow:hidden;} #main-content ul.partners li{list-style:none;float:left;width:30%;text-align:center;} /* discount list */ #main-content ul.discount{margin:0;overflow:hidden;padding:0;} /*#main-content ul.discount li.vevent{border:1px solid #F5440F;} */ #main-content ul.discount li.vevent{float:left;border:1px solid #F5440F;width:40%;margin:0.3em 0 15px 20px;position:relative;display:block;} #main-content ul.discount li.vevent .c{display:block;width:9px;height:9px;background:#FFF url(img/orangecorner.png) no-repeat;position:absolute;} #main-content ul.discount li.vevent .tl{background-position:0 0;left:0;top:0;margin-left:-1px;margin-top:-1px;} #main-content ul.discount li.vevent .tr{background-position:100% 0;right:0;top:0;margin-top:-1px;margin-right:-1px;} #main-content ul.discount li.vevent .bl{background-position:0 100%;left:0;bottom:0;margin-left:-1px;margin-bottom:-1px;} #main-content ul.discount li.vevent .br{background-position:100% 100%;right:0;bottom:0;margin-right:-1px;margin-bottom:-1px;} #main-content ul.discount li.vevent div{margin:10px 15px;overflow:hidden;position:relative;} #main-content ul.discount li.vevent .dateStart{position:absolute;bottom:2px;} #main-content ul.discount li.vevent .dateStart a{color:#F5440F;display:block;} #main-content ul.discount li.vevent p{line-height:1em;margin:0;padding:0;float:left;} #main-content ul.discount li.vevent p.discountPerc{font-weight:bold;float:right;font-size:200%;color:#F5440F;} #main-content ul.discount li.vevent p.discountPerc span{display:block;font-size:50%;line-height:60%; /* color:#dedede te licht */ color: #BFBFBF; } /* some category pages have tables, for example, http://www.learnit.nl/index.php?t=191 */ #main-content table.border {border-collapse: collapse;} #main-content table.border th, #main-content table.border td {border: 1px solid #555; padding: 4px; vertical-align: top; text-align: left;} #main-content table.border th {background-color: #FFF2E6;} #main-content table.border td a {display: block; margin-bottom: 0.5em; font-size: 80%} /* lokaalverhuur tabellen */ #main-content table.lokaalhuur th {font-weight: normal; font-size: 80%;} #main-content table.lokaalhuur td {text-align: right;} #main-content table.lokaalhuur td.left {text-align: left; background-color: #FFF2E6;} /* subcontent styles */ #sub-content, #sub-content a{color:#4D4D4D;} #sub-content h2{background:url(img/subcontent-top.gif) #F5440F no-repeat top left;} #sub-content h2, #sub-content h3{background-color:#F5440F;color:#FFF;padding-left:6px;} #sub-content h2{color:#FFF;background:#F5440F url(img/learnit_10px_rounded.gif) no-repeat right top;padding:7px 6px 5px 6px;font-weight:bold;line-height:1em;} #sub-content .block{padding:0.3em 6px 1em 6px;} #sub-content ul#category-menu li li{ padding-left:12px; background:url(img/bg_li_sidebar.gif) no-repeat 0 0.5em; } #sub-content ul#category-menu li h4{float:none;clear:both;font-weight:bold;} #sub-content #search-locations{background-color:#F5440F;color:#FFF;} #search-locations select option{padding:0 1em;} /* course-lists */ .course-list li a {text-decoration:underline;} .course-list li.odd {background-color:#FFF;} .course-list li p.datum {float:left;width:40%;} .course-list li p.location {float:right;width:40%;} /* in sub content */ #sub-content .course-list li {padding:0.3em 6px;overflow:hidden;} #sub-content div.course-list {padding:0 0 1em 0;margin-right:3px;overflow:hidden;font-size:0.9em;} /* in extra content */ #extra-content .course-list li.odd {background-color:#FFF2E6;} #extra-content div.course-list li.vevent {float:left;width:20%;height:8em;padding:0.3em 0 1em 0;} #extra-content div.course-list li.vevent h4, #extra-content div.course-list li.vevent p {padding:0 6px;} #related-content h2{color:#FFF;background:#F5440F url(img/learnit_10px_rounded.gif) no-repeat left top;padding:7px 10px 5px 10px;font-weight:bold;line-height:1em;} #related-content .ankeiler, #related-content .block {padding:0px 15px 1em 15px;margin-bottom:1em;border-top:1px solid #F5440F;overflow:hidden;margin-top:-2px;} #related-content .ankeiler h3 {font-weight: bold;color:#F5440F} #related-content fieldset {margin: 0; padding: 0; border:none;} #related-content img {margin-top:1em;} /* course agenda en help daarbij */ #related-content #subscribe-help{background-color:#FFF;padding-bottom:20px;} #related-content #subscribe-help .cnt{background:#F5440F url(img/learnit_10px_rounded.gif) no-repeat left bottom;padding-bottom:10px;} #related-content #subscribe-help .cnt p{color:#FFF;padding:0 10px;margin:0;} /* #related-content #subscribe-help .cnt h2, #related-content #agendablok h2{color:#FFF;background:#F5440F url(img/learnit_10px_rounded.gif) no-repeat left top;padding:10px 10px 3px 10px;font-weight:bold;line-height:1em;} */ #related-content #agendafilter{padding:4px 15px;overflow:hidden;} #related-content #agendafilter label{font-size:80%;} #related-content #agendafilter .radios label{width:60px;float:left;} #related-content #agendafilter div.radios div label.radio, #related-content #agendafilter div.radios div input{float:left;width:auto;padding-left:4px;} #related-content #agendafilter div.radios div {overflow:hidden;float:right;width:130px;} /* subscribe form */ #subscribe-page h1 span{color: #F5440F;} #subscribe-page h1, #subscribe-page h2{border-bottom:1px solid #F5440F; } #subscribe-page h3{color:#FFF;background-color:#F5440F;} #subscribe-page h1, #subscribe-page h2{padding-bottom:0.5em;} #subscribe-page h1, #subscribe-page h2, #subscribe-page h3{padding-left:8px;} #subscribe-page #column-2 h3{padding-left:25px;} #subscribe {clear:both;} #subscribe .error {font-weight: bold; } #subscribe .form-steps-column {float:left;width:415px;} #subscribe #column-1 {border-right:1px solid #F5440F; } #subscribe .form-steps-column .block{padding:0;} #subscribe .form-steps-column .block .block {padding: 10px 20px 0px 8px;} #subscribe #column-2 .block .block {padding:10px 0 0px 25px;} #subscribe fieldset {margin:0 0 2em 0; padding:10px 0 20px 0;border:none; border-top:1px solid #F5440F;position:relative;background:transparent url(img/formfield-arrow-right.gif) no-repeat 0px 10px;} #subscribe #column-1 fieldset{background-position:-3px 10px;} #subscribe .step-two fieldset{background:none;} #subscribe .step-two .subset{background:transparent url(img/formfield-arrow-right.gif) no-repeat 0px 0px;} #subscribe fieldset legend {display:none;} #subscribe h4{height:27px;overflow:hidden;text-transform:uppercase;font-weight:bold; background: transparent url(img/form_numbering.gif) no-repeat 0 0; padding-left: 36px;margin:0 0 10px 0;} #subscribe .step-two h4{background-position:0 -29px;} #subscribe .step-three h4{background-position:0 -60px;} #subscribe .step-four h4{background-position:0 -88px;} #subscribe .step-five h4{background-position:0 -119px;} #subscribe fieldset div { clear: both; overflow: hidden;} #subscribe fieldset div.form-control {padding:0.3em 0; border:none;} #subscribe fieldset div.subset{ margin-bottom: 1em;padding-bottom:1em; border: none; border-bottom: 1px solid #F5440F;} #subscribe fieldset div.checkbox{padding-left:110px;} /* voorkomen dat EN de fieldset EN de subset een onderlijn hebben*/ #subscribe fieldset div label, #subscribe fieldset input {padding:0.2em;} #subscribe fieldset div label {float:left; width:110px;text-align:right;font-size:90%;padding-right:5px;} #subscribe #column-1 fieldset div label{width:125px;} #subscribe #column-1 fieldset div label.radio{width:auto;} #subscribe fieldset div.checkbox label{font-style:italic;border:none;color:#333;} #subscribe input{width:240px;} #subscribe input.radio, #subscribe input.checkbox{width:auto;} #subscribe fieldset div.checkbox label.checkbox{width:240px;text-align:left;} #subscribe fieldset div label.radio {float: left; width: auto; border: none; padding-right: 1em;} #subscribe fieldset input {border:none; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; float: left; background-color:#FFF2E6;border-bottom:1px dotted #F5440F; margin-bottom:2px;} .sendButton {border:none;color:#F5440F;font-size:1px;cursor: pointer;background:url(img/sendbutton.gif) no-repeat;width:210px;height:46px;margin:10px;} #subscribe .sendButton {margin-left: 40%;} /* foldmenunav - Stijlen voor het uitklapbare menu met de cursuscategorieen */ /* Global for entire menu */ #foldmenunav { font-family: "Trebuchet MS", Verdana, Helvetica, Sans; overflow: hidden; } #foldmenunav a { text-decoration: none; } #foldmenunav a:hover { text-decoration: underline; } /* Second and lower levels */ #foldmenunav div { } #foldmenunav a, #foldmenunav h3{ color:#CC3300; display:block; font-size:15px; font-weight:normal; margin:1em 0; padding:0; } #foldmenunav h3 { font-weight: bold; } #foldmenunav div a, #foldmenunav div h3, #foldmenunav div { color: #000; font-size: 12px; margin: 0; padding-left: 8px; line-height: 1.5em; } #foldmenunav div a { display: inline; } #sub-content #foldmenunav h3 { background-color:#FFF2E6 } /* Free courses; Stijlen voor de 'Gratis online cursussen' */ div .freecourse .disclaimer {text-align: center; font-size: 80%; color: #555; border-top: 1px solid #555; margin-top: 50px;} div .freecourse .navigation {text-align: center;} div .freecourse code {background-color: #ddd;} div .freecourse pre { background-color: #ddd; padding: 2px; border: 1px solid #bbb; } /* Het volgende gedeelte stond oorspronkelijk in 'Patches.css', maar is in deze file gemerged. Wellicht moet het onderstaande materiaal nog geconsolideerd worden met de bovenstaande stijlen. */ /* Maximale breedte van de website */ #wrapper {max-width: 1200px;} /* Dan voor de mooiheid ook wat extra witruimte tussen het browservenster en het oranje kader om de site */ body {margin: 0 16px 0 16px;} /* Links moeten standaard underlined zijn. Zie http://www.useit.com/alertbox/20040510.html */ a, a:hover {text-decoration: underline;} /* Zoveel mogelijk standaard kleuren voor links gebruiken. Blauw voor verse links, paars voor links die al gevolgd zijn. Ietwat subdued qua kleur. */ a {color:#008;} a:visited {color:#707;} /* Op de homepage zelf moet het logo niet klikbaar zijn. Zie http://www.useit.com/alertbox/991003.html #identity h1 span {display: none;} #identity h1 {display: block;width: 258px;height: 64px;background: url(img/logo.gif);background-repeat: no-repeat;} GH: moved to learnit.css */ /* Breadcrumbs: Links moeten qua kleur leesbaar zijn */ #signposts a {color:#aaa;} /* Kleureffecten */ #main-content .orange{color:#F5440F;} /* Pijltje voor nieuwsitems alignen met eerste regel van nieuwsbericht */ #main-content .news-list li{padding:10px 20px;background:url(img/bg_li_news.gif) no-repeat 0 0.65em;} /* Nieuwsitem tekst wat dichter opelkaar */ #main-content .news-list h3{margin:0;padding:0;} #main-content .news-list p{margin:0;padding:0;} /* Hoofdstuktitels progressief kleiner */ h1 {font-size:120%;} h2 {font-size:110%;} h3, h4 {font-size:100%;} /* Een
moet wel getoond worden */ hr {border-top: 1px solid;} /* Overzicht van cursussen in categorie: een beetje ademruimte tussen de cursussen */ #sub-content .block p {margin-bottom: 0.5em;} /* Afwijkende stijlen voor de locatie pagina's */ #main-content .locatie h1 {font-size: 150%;} #main-content .locatie h2 {margin: 1em 0em 1em 0em; padding: 0.2em 0em 0.2em 0.2em; background-color: #FFF3E7;} #main-content .locatieadres {margin-bottom: 1em;} /* valuepackage form (strippenkaart) */ #valuepackage{clear:both;} #valuepackage .error {font-weight: bold; } #valuepackage .form-steps-column{float:left;} #valuepackage #column-1{width:50%;} #valuepackage #column-2{width:50%;} #valuepackage .form-steps-column .block { padding:0 0 30px 0; margin:1em 1em 0 0; border:none; background:transparent url(img/formfield-arrow-right.gif) no-repeat 2em bottom; } #valuepackage .form-steps-column .step-two{ background-image:url(img/formfield-arrow-down.gif); } #valuepackage .form-steps-column .block .block{ padding:1em 2em; background:transparent url(img/related-content-top.gif) no-repeat scroll 0 0; color:#333; border:none; border-right:2px solid #F5440F; border-bottom:2px solid #F5440F; } #valuepackage fieldset{margin:0 0 2em 0;padding:0;border:none;border-bottom:1px solid #F5440F;} #valuepackage fieldset legend{display:block;text-transform:uppercase;font-weight:bold; background:transparent url(img/one.gif) no-repeat 0 0; color:#F5440F; padding-left:22px; padding-bottom:0.5em; } #valuepackage .step-two legend{background-image:url(img/two.gif);} #valuepackage .step-three legend{background-image:url(img/three.gif);} #valuepackage .step-four legend{background-image:url(img/four.gif);} #valuepackage .step-five legend{background-image:url(img/five.gif);} #valuepackage fieldset div{ border-top:1px solid #F5440F; clear:both; overflow:hidden; } #valuepackage fieldset div.form-control{ padding:0.3em 0; border:none; } #valuepackage fieldset div.subset{ margin-bottom:2em; border:none; border-bottom:1px solid #F5440F; } /* voorkomen dat EN de foeldset EN de subset een onderlijn hebben*/ #valuepackage .step-two fieldset{border:none;} #valuepackage fieldset div label, #valuepackage fieldset input{ padding:0.2em; } #valuepackage fieldset div label{ float:left; width:40%; border-right:1px solid #F5440F; color:#F5440F; } #valuepackage fieldset div.form-control label{font-style:italic;border:none;color:#333;} #valuepackage fieldset div.checkbox label{width:auto;} #valuepackage fieldset div label.radio{ float:left; width:auto; border:none; padding-right:1em; } #valuepackage fieldset input { border:0 inset black; font-family: Verdana,Arial,Helvetica,sans-serif; font-size:10pt; float:left; background-color:transparent; } /* .sendButton{ border:2px solid #F5440F; color:#FFFFFF; cursor:pointer; font-size:1.16em; font-weight:bold; background:#F5440F url(img/arrows-submit.gif) no-repeat scroll right center; width:246px; padding:1em; margin:10px; text-align:left; } */ #valuepackage .sendButton{margin-left:50%;} /* Forms.css */ /* Stijlen voor het offerte formuliertje (linkerkolom) op de cursus infosheet pagina */ #offerblok { margin-right: 0.5em; } #offerblok .offerregel { clear: both; padding-top: 1em; } #offerblok .offerregel .left { float: left; } #offerblok .offerregel .right { float: right; text-align: right; } /* Stijlen voor de agenda (rechterkolom) op de cursus infosheet pagina */ #agendablok #locatiecombo { margin:2px 0 4px 0; width: 100%; } #agendablok ul{margin:0;padding:0;} #agendablok li{ list-style:none; margin:0; } #agendablok li h4{ margin-top: 0.25em; margin-bottom: 0.25em; font-size: 110%; line-height:1.1em; font-weight:bold; padding:5px 15px; background-color:#F5440F;color:#FFF; } #agendablok li ul{ padding-left:15px; } #agendablok li ul li span.agendadatum{ display:block;float:left;width:80px; } #agendablok .agendarebate { color: #f00; display:block; font-weight:bold; font-size:90%; } /* Inschrijvingsformulier */ span.error { color: #f00; } /* Urenoverzicht */ table.urenoverzicht { border-collapse: collapse; border-style: none; color: #000; background-color: #fff; } table.urenoverzicht th, table.urenoverzicht td { vertical-align: top; font-weight: normal; border: 1px solid black; padding: 2px 4px 2px 4px; } table.urenoverzicht th { font-style: italic; color: #555; } table.urenoverzicht th.right, table.urenoverzicht td.right { text-align: right; } table.urenoverzicht td.totalen { font-weight: bold; } table.urenoverzicht td.maand { font-weight: bold; padding-top: 1.5em; padding-bottom: 0.3em; } h1.urenoverzicht { font-size: 150%; } h2.urenoverzicht { font-size: 150%; background-color: #fff3e7; padding-left: 4px; margin-top: 2em; margin-bottom: 0.5em; }