/*====================================== WELCOME TO THE STYLESHEET -------------------------------------- Copyright Johan Adriaans Author: Johan Adriaans ======================================*/ /**************************************/ /* GLOBALS */ /**************************************/ html, body { height: 100%; } html { color: #FFF; } body { margin: 0; font-size: 1.1em; background: #161210 url(/service/html/Image/gradient/600//443935/161210) repeat-x; } div.container { line-height: 17px } div.container h1, div.container h2, div.container h3, div.container h4, div.container h5 { color: #FFF; /*#161210*/; margin-top: 0.2em; padding: 0 } div.container h1 { font-size: 21px; } div.container h2 { font-size: 17px; } div.container h3 { font-size: 17px; } div.container a, div.container a:active, div.container a:link, div.container a:visited { text-decoration: underline; color: #FFF; } div.container a:hover, div.container a:focus { text-decoration: none; color: #FFF; } body p, body div#roundedBorder { padding: 0; color:#161210; } hr { border-top: 1px solid #BEB3D4; } /* exceptions for specific templates */ div#left,div#right { float:left; margin:0} div.container div#roundedBorder * { color:#161210; } div.container div.block * { color:#FFF } div.container div#section_oranje ul { margin-bottom:10px; } div.container div.breadcrumbs, div.container div.breadcrumbs a { color:#0f0f0d } div.container div.breadcrumbs { margin: 0px 0px 5px 10px } div.container div.breadcrumbs p#glue { color: #CCC } /* hide certain module elements */ div.container div.latestagendaAction li.date-split { display: none } div.container div.latestnewsAction span.news-latestnews-date, div.container div.latestagendaAction span.agenda-latestagenda-date { display: none } div.container div#section_main div.latestnewsAction span.news-latestnews-date, div.container div#section_main div.latestagendaAction span.agenda-latestagenda-date { display: block } div.container div.NewsModule div.latestnewsAction ul li, div.container div.AgendaModule div.latestagendaAction ul li { background-image: url(../img/arrow.gif); } div.container div.NewsModule li, div.container div.NewsModule li a:visited, div.container div.NewsModule li a, div.container div.AgendaModule li, div.container div.AgendaModule li a, div.container div.AgendaModule li.past, div.container div.AgendaModule li.past a { color: white; } /**************************************/ /* HEADER */ /**************************************/ div#header { background-color: #867167; width:910px; margin:0px 0px 7px 10px; } /**************************************/ /* NAVIGATION */ /**************************************/ /* *ul.menu { list-style: none; padding: 0; margin: 0; display:inline } *ul.menu li { width: 117px; height: 12px; display:inline; text-align: center; } *ul.menu li a:link,ul.menu li a:hover,ul.menu li a:visited, *ul.menu li a { font-weight: bold; text-decoration: none; } */ /******** Main menu *********/ div#menu { text-align:center; margin: 0px 0px -10px 0px; } div#menu ul.menu { list-style: none; padding: 0; margin: 0 auto; width: 810px; } div#menu ul.menu li { margin: 0; float: left; } div#menu ul.menu li a:link, div#menu ul.menu li a:visited, div#menu ul.menu li a { color: white; font-family: helvetica, sans-serif; font-size: 12px; text-decoration: none; font-weight: bold; display:block; width: 135px; height: 26px; overflow: hidden; line-height: 26px; background-color: #867167; text-align: center; } div#menu ul.menu li a img { margin-top: 4px;} div#menu ul.menu li a:hover { background-color: #968177; } /* Sub items */ div#menu ul.sub { visibility: hidden; overflow: hidden; list-style: none; padding: 0; margin: 0px; z-index: 1; position: absolute; width: 135px; border:none; background-color: #f2f1e2; } div#menu ul.sub li { float: none; margin: 0px; padding: 0; } div#menu ul.sub li a:link, div#menu ul.sub li a:visited, div#menu ul.sub li a { color: #FFF; font-family: helvetica, sans-serif; font-size: 12px; text-decoration: none; font-weight: normal; width: auto; line-height: 25px; height: 25px; display: block; background-color: transparent; text-align: left; padding: 3px 20px 2px 15px; } div#menu ul.sub li a:hover { background-color: #e3e3e3; } /* colored menu items, subitems & pageborder */ div#menu ul.menu ul.blauw, div#menu ul.menu li a.blauw { background-color:#6abeea;} div#menu ul.menu li a.blauw:hover, div#menu ul.menu ul.blauw li a:hover { background-color:#93C9E5 } div#menu ul.menu ul.taupe, div#menu ul.menu li a.taupe { background-color:#867168 } div#menu ul.menu li a.taupe:hover, div#menu ul.menu ul.taupe li a:hover { background-color:#B29F96 } div#menu ul.menu ul.oranje, div#menu ul.menu li a.oranje { background-color:#ff9c00 } div#menu ul.menu li a.oranje:hover, div#menu ul.menu ul.oranje li a:hover { background-color:#ffcd52 } div#menu ul.menu ul.zwart, div#menu ul.menu li a.zwart { background-color:#0f0f0d } div#menu ul.menu li a.zwart:hover, div#menu ul.menu ul.zwart li a:hover { background-color:#585858 } div#menu ul.menu ul.groen, div#menu ul.menu li a.groen { background-color:#8baf00 } div#menu ul.menu li a.groen:hover, div#menu ul.menu ul.groen li a:hover { background-color:#c2e245 } div#menu ul.menu ul.rood, div#menu ul.menu li a.rood { background-color:#bd2010; } div#menu ul.menu li a.rood:hover, div#menu ul.menu ul.rood li a:hover { background-color:#d04b3e; } /**************************************/ /* MAIN CONTENT */ /**************************************/ div#site { background-color: #FFF; position: relative; min-height: 400px; } div#main { padding: 10px 0px 20px 10px; } div.container p { margin: 0px 0px 10px 0px } .iziSection { padding: 0px 10px 0 10px; } div.paddingTop { padding-top: 40px; } div#mainTop { width: 950px; margin: 0 auto; background-color: #FFF; height:9px; line-height: 0px; font-size: 0px; } div#mainBottom { width: 950px; margin: 0 auto; background-color: #FFF; height:10px;} div#mainBottom .cornerContent { height: 0px } div#sbox-content div.container, div#sbox-content div.container h3 { color: #000; } /**************************************/ /* FOOTER */ /**************************************/ /**************************************/ /* ROUNDEND CORNERS */ /**************************************/ div.block { margin-bottom: 10px; float:left; margin-left: 10px; overflow:hidden; display: inline; } div#left div#overResultit { background-color:#67bdea; width:345px; } div#left div#locatie { background-color:#0f0d0d; width:345px; } div#right div#contact { background-color:#8baf00; width:200px; margin-left: 10px } div#right div#oranje { background-color:#ff9c00; width:200px; margin-left: 10px } div#right div#rood { background-color:#bd2010; width:200px; margin-left: 10px } div#left div#bruin1, div#left div#bruin2, div#left div#bruin3 { background-color:#867168; width:226px; float:left } div.forceHeightBottom .iziSection { height: 170px; } div.forceHeightTop .iziSection { height:235px; } div.forceHeightTopTop .iziSection { height:115px; } div.forceHeightTopBottom .iziSection { height:90px; } div#roundedBorder { width: 700px; margin-bottom:0px; padding:0; float:left; margin-left:10px } div#roundedBorder div#section_main { min-height: 402px } div#roundedBorder .iziSection { padding: 0px; } div#roundedBorder table { margin-bottom: 1px; } div#roundedBorder h1, div#roundedBorder h2, div#roundedBorder h3 { margin-bottom: 10px } /**************************************/ /* EDITOR CONTENT */ /**************************************/ body#tinymce, body#tinymce td, body#tinymce pre { font-family: "Liberation Sans",Helvetica,Arial,sans-serif; font-size: 1.3em; } body#tinymce { background-color: #FFF; color: #000; background-image:none } body#tinymce h1, body#tinymce h1, body#tinymce h2, body#tinymce h3, body#tinymce h4, body#tinymce h5{ color:#000 }