/* COLORS groen color:#909b48; blauw color:#2d789d; bruin color: #be8426; rood color: #b33a38; okergroen: color: #a69000; */ @media screen { @-webkit-keyframes fade { 0% {opacity: 0;} 33% {opacity: 0.3;} 100% {opacity: 1;} } #headertekst1, #headertekst2 { -webkit-animation-name: fade; -webkit-animation-duration: 2s; } } /* =============== SCREEN styles */ @media screen, projection, print { /*zoomtest*/ /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { border: none; margin:0; /* Set this to minus the border thickness. */ background-color:#fff; cursor:move; } /* This is for the title text. */ /*.cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; }*/ /* This is the zoom window. */ .cloud-zoom-big { border:none; overflow:hidden; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; } /* RESET AND GLOBAL TAGS */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-weight: normal; } ul { list-style: none; } :focus, :active, :link, :hover { outline: 0; outline: none; } input:focus, input:active, input:link, input:hover { outline: 0; outline: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a { text-decoration: none; color:#a69000;} a:hover { text-decoration: underline; color:#b33a38;} .entry-content a[href^="http:"], .galerie #current-content p a[href^="http:"] { background: url(../../../../images/externalsite.gif) right -1px no-repeat; padding-right: 18px; color:#a69000; white-space:nowrap;} .entry-content a[href^="http:"][rel^="attachment"], .entry-content a[class^="highslide"][href^="http:"], .wp-caption a[href^="http:"] { background: none; padding-right: 0px; display: inline;} .entry-content a[href^="http:"][rel^="attachment"]:hover { background: none; padding-right: 0px; display: inline; } strong { font-weight: bold; } .text-only { display:block; visibility:hidden; position:absolute; left:-9999em; } html {height: 100%;} .hide {display: none;} .show {display: block;} .entry-content dl { margin-bottom: 0.9em;} .entry-content dd { padding-left: 18px;} select {margin: 4px 0 0 0; width: 200px;} .print {display: none;} code {font-family:"Courier New", Courier, monospace; overflow-x: auto; display: block; width: 100%; margin-bottom: 13px; } #googlemap {margin-top: 6px;} .entry-content a[href^="http:"].no-external-image { background: none; display: block; padding-right: 0;} .home .entry-content span#matthijswinnubst {width: 141px; height:99px; display:inline; text-indent: -9999px; background: url(../../../../images/matthijswinnubst-handtekening.png) top left no-repeat;float: left; margin-top:20px; margin-left: 70px;} .entry-content ul#tape-links {display: inline; float: right; margin-left: 0px;} .home .entry-content ul#tape-links {display: inline; float: left; margin-left: 0px;} .entry-content ul#tape-links li {display: block; float: left; clear: left; background:none; margin: 0; padding: 0;} .entry-content ul#tape-links li a {display: block; text-indent: -9999px;} .entry-content ul#tape-links li a#taichi {width: 196px; height: 71px; background: url(../../../../images/tape-taichi.jpg) top left no-repeat; margin-left: 80px;} .entry-content ul#tape-links li a#schilder {width: 173px; height: 53px; background: url(../../../../images/tape-schilderles.jpg) top left no-repeat; margin-left: 80px; margin-top: 20px;} .entry-content ul#tape-links li a#piano {width: 239px; height: 67px; background: url(../../../../images/tape-piano.jpg) top left no-repeat; margin-left: 35px; margin-top: 20px;} .entry-content ul#tape-links li a#taichi:hover {background-position: 0 -71px;} .entry-content ul#tape-links li a#schilder:hover {background-position: 0 -53px;} .entry-content ul#tape-links li a#piano:hover {background-position: 0 -67px;} /*- Page Structure */ body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: Verdana, Arial, Helvetica, sans-serif; color: #4c4c4c; text-align: center; margin: 0; background:#e4e4e4 url(../../../../images/bg-body-2560.jpg) 50% top repeat-y; z-index: 0; height: 100%; } #lbOverlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; z-index: 1000000; } #page { background: transparent; text-align: left; margin: 0 auto; padding-top:0px; position: relative; font-size: 1em; border-top: none; clear: both; } #tapelinks {text-indent: -9000px; width: 148px; height: 128px; position: absolute; top: 1px; left: -30px; background:url(../../../../images/tapelinksboven.png) left top no-repeat; z-index: 1000;} #taperechts {text-indent: -9000px; width: 161px; height: 136px; position: absolute; top: 0px; left: 820px; background:url(../../../../images/taperechtsboven.png) left top no-repeat; z-index: 1000;} #paperclip { width: 88px; height: 36px; background:transparent url(../../../../images/paperclip.png) left top no-repeat; position: absolute; left: 881px; top:560px; z-index: 1000; } #zomaar { width: 37px; height: 268px; background:transparent url(../../../../images/zomaareenschilderij.png) left top no-repeat; position: absolute; left: 923px; top:591px; z-index: 1000; } body #vlieg, body #vlieg2 {cursor:pointer; z-index: 10000000; } body #page #vlieg {cursor:pointer; z-index: 999998; } .plekvlieg1 { width: 32px; height: 60px; background:transparent url(../../../../images/vlieg5.png) left top no-repeat; right:-14px; top:390px; position: absolute; position: fixed; } .plekvlieg2 { width: 32px; height: 60px; background:transparent url(../../../../images/vlieg5.png) left top no-repeat; right:-14px; top:340px; position: absolute; position: fixed; } .plekvlieg3 { width: 32px; height: 60px; background:transparent url(../../../../images/vlieg5.png) left top no-repeat; right:-14px; top:300px; position: absolute; position: fixed; } .plekvlieg4 { width: 32px; height: 60px; background:transparent url(../../../../images/vlieg5.png) left top no-repeat; right:-14px; top:255px; position: absolute; position: fixed; } .plekvlieg5 { width: 32px; height: 60px; background:transparent url(../../../../images/vlieg5.png) left top no-repeat; right:-14px; top:100px; position: absolute; position: fixed; } .plekvlieg6 { width: 32px; height: 60px; background:transparent url(../../../../images/vlieg5a.png) left top no-repeat; right:-14px; top:390px; position: absolute; position: fixed; } .plekvlieg7 { width: 60px; height: 33px; background:transparent url(../../../../images/vlieg3.png) left top no-repeat; right:350px; top:0px; position: absolute; position: fixed; } .plekvlieg8 { width: 60px; height: 33px; background:transparent url(../../../../images/vlieg3.png) left top no-repeat; left:250px; top:0px; position: absolute; position: fixed; } .plekvlieg9 { width: 32px; height: 60px; background:transparent url(../../../../images/vlieg4.png) left top no-repeat; left:0px; top:390px; position: absolute; position: fixed; } .plekvlieg10 { width: 32px; height: 60px; background:transparent url(../../../../images/vlieg5.png) left top no-repeat; right:336px; top:480px; position: absolute; } .plekvlieg11 { width: 32px; height: 60px; background:transparent url(../../../../images/vlieg5.png) left top no-repeat; right:336px; top:400px; position: absolute; } .plekvlieg12 { width: 32px; height: 60px; background:transparent url(../../../../images/vlieg5.png) left top no-repeat; right:336px; top:360px; position: absolute; } .plekvlieg13 { width: 32px; height: 60px; background:transparent url(../../../../images/vlieg6.png) left top no-repeat; right:316px; top:580px; position: absolute; } .plekvlieg14 { width: 32px; height: 60px; background:transparent url(../../../../images/vlieg5.png) left top no-repeat; right:362px; top:250px; position: absolute; } .plekvlieg15 { width: 32px; height: 60px; background:transparent url(../../../../images/vlieg5.png) left top no-repeat; right:359px; top:165px; position: absolute; } .plekvlieg16 { width: 53px; height:59px; background:transparent url(../../../../images/vlieg7.png) left top no-repeat; right:180px; top:0px; position: absolute; } .galerie .plekvlieg10 { width: 32px; height: 60px; background:transparent url(../../../../images/vlieg5.png) left top no-repeat; right:256px; top:480px; position: absolute; } .galerie .plekvlieg11 { width: 32px; height: 60px; background:transparent url(../../../../images/vlieg5.png) left top no-repeat; right:256px; top:400px; position: absolute; } .galerie .plekvlieg12 { width: 32px; height: 60px; background:transparent url(../../../../images/vlieg5.png) left top no-repeat; right:256px; top:360px; position: absolute; } .galerie .plekvlieg13 { width: 32px; height: 60px; background:transparent url(../../../../images/vlieg6.png) left top no-repeat; right:236px; top:580px; position: absolute; } .galerie .plekvlieg14 { width: 32px; height: 60px; background:transparent url(../../../../images/vlieg5.png) left top no-repeat; right:282px; top:250px; position: absolute; } .galerie .plekvlieg15 { width: 32px; height: 60px; background:transparent url(../../../../images/vlieg5.png) left top no-repeat; right:279px; top:165px; position: absolute; } #potlood-header { width: 23px; height: 381px; background: transparent url(../../../../images/potlood-header.png) left bottom no-repeat; position: absolute; left: 612px; top:-50px; z-index: 1000; } .galerie #potlood-header { left: 692px;} .columns-one #page { width: 560px; } .columns-two #page { width: 953px; padding:0 5px 0 10px; } .columns-three #page { width: 953px; } #header { position: relative; height: 364px; width: 953px; background: transparent url(../../../../images/bg-header.png) right top no-repeat; overflow: hidden;} #headerimage { position: relative; height: 320px; width: 950px; background-position: left top; background-repeat:no-repeat; margin-top: 41px; overflow: hidden;z-index: 1;background-color: #fff;} .header1 #headerimage { background-image:url(../../../../images/header/1.jpg);} .header2 #headerimage { background-image:url(../../../../images/header/2.jpg);} .header3 #headerimage { background-image:url(../../../../images/header/3.jpg);} .header4 #headerimage { background-image:url(../../../../images/header/4.jpg);} .header5 #headerimage { background-image:url(../../../../images/header/5.jpg);} .header6 #headerimage { background-image:url(../../../../images/header/6.jpg);} .header7 #headerimage { background-image:url(../../../../images/header/7.jpg);} .header8 #headerimage { background-image:url(../../../../images/header/8.jpg);} .header9 #headerimage { background-image:url(../../../../images/header/9.jpg);} .header10 #headerimage { background-image:url(../../../../images/header/10.jpg);} .header11 #headerimage { background-image:url(../../../../images/header/11.jpg);} .header12 #headerimage { background-image:url(../../../../images/header/12.jpg);} .header13 #headerimage { background-image:url(../../../../images/header/13.jpg);} .header14 #headerimage { background-image:url(../../../../images/header/14.jpg);} .header15 #headerimage { background-image:url(../../../../images/header/15.jpg);} .header16 #headerimage { background-image:url(../../../../images/header/16.jpg);} .header17 #headerimage { background-image:url(../../../../images/header/17.jpg);} .header18 #headerimage { background-image:url(../../../../images/header/18.jpg);} .header19 #headerimage { background-image:url(../../../../images/header/19.jpg);} .header20 #headerimage { background-image:url(../../../../images/header/20.jpg);} .taichi .header30 #headerimage { background-image:url(../../../../images/header/30.jpg);} .taichi .header31 #headerimage { background-image:url(../../../../images/header/31.jpg);} .taichi .header32 #headerimage { background-image:url(../../../../images/header/32.jpg);} .taichi .header33 #headerimage { background-image:url(../../../../images/header/33.jpg);} .taichi .header34 #headerimage { background-image:url(../../../../images/header/34.jpg);} .taichi .header35 #headerimage { background-image:url(../../../../images/header/35.jpg);} .taichi .header36 #headerimage { background-image:url(../../../../images/header/36.jpg);} .taichi .header37 #headerimage { background-image:url(../../../../images/header/37.jpg);} .taichi .header38 #headerimage { background-image:url(../../../../images/header/38.jpg);} .taichi .header39 #headerimage { background-image:url(../../../../images/header/39.jpg);} .taichi .header40 #headerimage { background-image:url(../../../../images/header/40.jpg);} .taichi .header41 #headerimage { background-image:url(../../../../images/header/41.jpg);} .taichi .header42 #headerimage { background-image:url(../../../../images/header/42.jpg);} .taichi .header43 #headerimage { background-image:url(../../../../images/header/43.jpg);} .taichi .header44 #headerimage { background-image:url(../../../../images/header/44.jpg);} .taichi .header45 #headerimage { background-image:url(../../../../images/header/45.jpg);} .taichi .header46 #headerimage { background-image:url(../../../../images/header/46.jpg);} .taichi .header47 #headerimage { background-image:url(../../../../images/header/47.jpg);} .taichi .header48 #headerimage { background-image:url(../../../../images/header/48.jpg);} .taichi .header49 #headerimage { background-image:url(../../../../images/header/49.jpg);} h2#headertekst1 a { display: block; position: absolute; width: 528px; height: 70px; background:transparent url(../../../../images/matthijswinnubst.png) left top no-repeat; text-indent: -9999px; z-index: 1000; left:47px; top:128px; text-decoration: none; cursor: pointer;} h2#headertekst1 { display: block; margin: 0;} h1#headertekst2 a { display: block; position: absolute; width: 399px; height: 32px; background:transparent url(../../../../images/ondertitel.png) left top no-repeat; text-indent: -9999px; z-index: 1000; left: 274px; top:196px;text-decoration: none; cursor: pointer;} .galerie h1#headertekst2 a { left: 274px;} h1#headertekst2 { display: block; margin: 0;} .content { padding: 0; width: 953px; overflow: hidden; background:transparent url(../../../../images/bg-content.png) right top repeat-y; } .content-bg { padding: 12px 0 20px 0; width: 950px; overflow: hidden; background:#fff url(../../../../images/potlood-repeat.gif) 603px top repeat-y; } .galerie .content-bg { background-position: 683px top; } #primary-wrapper { float: left; width: 598px; } .galerie #primary-wrapper { width: 698px; } #primary { position: relative; float: left; width: 520px; padding: 0px; margin-left: 52px; display: inline; overflow: visible; } .galerie #primary { width: 600px; } .secondary { width: 352px; float: left; font-size: 1em; line-height: 1.5em; color: #666; position: relative; padding: 0; overflow: hidden; padding-top: 35px; } .galerie .secondary { width: 252px; margin-left: 0px; display: inline; } /*- Main Menu in Header */ ul.menu { margin: 0; padding: 0; position: absolute; top:330px; left: -5px; overflow: hidden; z-index:999; width: 983px; height: 56px; } ul.menu li { display: inline; height: 56px; float: left; overflow: hidden; display: inline; } ul.menu li a { display: block; text-indent: -9999px; overflow: hidden; height: 56px; position: relative; } ul.menu li a:hover { cursor: pointer; background-position: 0 0; } ul.menu li a:active, ul.menu li a:focus { /*background: transparent; background-position: 0 0;*/ /* anders werkt active state niet in IE, moet dit met id's voor a? */ } ul.menu li a span {display: block; width: 982px; height: 168px; position: relative; left: 0px; top: 0px; background:url(../../../../images/navigatieknoppen.png) left top no-repeat; text-indent: -9999px; overflow: hidden;} .galerie ul.menu li a span {background:url(../../../../images/navigatieknoppen-galerie.png) left top no-repeat;} ul.menu li.page-item-3 { margin-left: 0px; } ul.menu li.page-item-461 { margin-left: 6px; } ul.menu li.page-item-6 { margin-left: 6px; } ul.menu li.page-item-8 { margin-left: 7px; } ul.menu li.page-item-2 { margin-left: 10px;} ul.menu li.page-item-7 { margin-left: 11px; } ul.menu li.page-item-3 a#pageid-3 { width:168px; } ul.menu li.page-item-461 a#pageid-461 { width:172px; } ul.menu li.page-item-6 a#pageid-6 { width:178px; } ul.menu li.page-item-8 a#pageid-8 { width:118px; } ul.menu li.page-item-2 a#pageid-2 { width:148px;} ul.menu li.page-item-7 a#pageid-7 { width:158px; } ul.menu li.page-item-3 a span {left: 0; top: 0;} ul.menu li.page-item-461 a span { left:-176px; top:0; } ul.menu li.page-item-6 a span { left:-354px; top: 0; } ul.menu li.page-item-8 a span { left:-536px; top: 0; } ul.menu li.page-item-2 a span { left:-665px; top: 0;} ul.menu li.page-item-7 a span { left:-824px; top: 0; } ul.menu li.page-item-3 a:hover span { left:0; top: -56px; } ul.menu li.page-item-461 a:hover span{ left:-176px; top: -56px; } ul.menu li.page-item-6 a:hover span {left:-354px; top: -56px; } ul.menu li.page-item-8 a:hover span { left:-536px; top: -56px; } ul.menu li.page-item-2 a:hover span{ left:-665px; top: -56px; } ul.menu li.page-item-7 a:hover span { left:-824px; top: -56px; } ul.menu li.page-item-3.current_page_item a span, ul.menu li.page-item-3.current_page_ancestor a span, ul.menu li.page-item-3.current_page_parent a span { left:0; top: -112px; } ul.menu li.page-item-461.current_page_item a span, ul.menu li.page-item-461.current_page_ancestor a span, ul.menu li.page-item-461.current_page_parent a span { left:-176px; top: -112px; } ul.menu li.page-item-6.current_page_item a span, ul.menu li.page-item-6.current_page_ancestor a span, ul.menu li.page-item-6.current_page_parent a span { left:-354px; top: -112px; } ul.menu li.page-item-8.current_page_item a span, ul.menu li.page-item-8.current_page_ancestor a span, ul.menu li.page-item-8.current_page_parent a span { left:-536px; top: -112px; } ul.menu li.page-item-2.current_page_item a span, ul.menu li.page-item-2.current_page_ancestor a span, ul.menu li.page-item-2.current_page_parent a span { left:-665px; top: -112px; } ul.menu li.page-item-7.current_page_item a span, ul.menu li.page-item-7.current_page_ancestor a span, ul.menu li.page-item-7.current_page_parent a span { left:-824px; top: -112px; } /*ul.menu li.page-item-3 a#pageid-3:active span, ul.menu li.page-item-3 a#pageid-3:focus span { left:0; top: -112px; } ul.menu li.page-item-461 a#pageid-461:active span, ul.menu li.page-item-461 a#pageid-461:focus span { left:-176px; top: -112px; } ul.menu li.page-item-6 a#pageid-6:active span, ul.menu li.page-item-6 a#pageid-6:focus span { left:-354px; top: -112px; } ul.menu li.page-item-8 a#pageid-8:active span, ul.menu li.page-item-8 a#pageid-8:focus span { left:-536px; top: -112px; } ul.menu li.page-item-2 a#pageid-2:active span, ul.menu li.page-item-2 a#pageid-2:focus span { left:-665px; top: -112px; } ul.menu li.page-item-7 a#pageid-7:active span, ul.menu li.page-item-7 a#pageid-7:focus span { left:-824px; top: -112px; }*/ .galerie ul.menu li.page-item-6 a#pageid-6 span {background:transparent url(../../../../images/navigatieknoppen-galerie.png) left top no-repeat; left:-354px; top: -112px;} .galerie ul.menu li.page-item-6 a:hover span { left: -354px; top:-56px; } /*.galerie ul.menu li.page-item-6 a#pageid-6:active span, .galerie ul.menu li.page-item-6 a#pageid-6:focus span {left:-376px; top: -112px; }*/ .galerie ul.menu li.page-item-8 a#pageid-8 span {background:transparent url(../../../../images/navigatieknoppen-galerie.png) left top no-repeat; left: -536px; top: 0;} .galerie ul.menu li.page-item-8 a#pageid-8:hover span { left:-536px; top:-56px; } /*.galerie ul.menu li.page-item-8 a#pageid-8:active span, .galerie ul.menu li.page-item-8 a#pageid-8:focus span { left:-536px; top:-112px; }*/ .four04 ul.menu li.page-item-8 a#pageid-8 span, .search ul.menu li.page-item-8 a#pageid-8 span {background:transparent url(../../../../images/navigatieknoppen.png) left top no-repeat; left: -536px; top: 0;} .four04 ul.menu li.page-item-8 a#pageid-8:hover span, .search ul.menu li.page-item-8 a#pageid-8:hover span { left:-536px; top:-56px; } /*.four04 ul.menu li.page-item-8 a#pageid-8:active span, .four04 ul.menu li.page-item-8 a#pageid-8:focus span, .search ul.menu li.page-item-8 a#pageid-8:active span, .search ul.menu li.page-item-8 a#pageid-8:focus span { left:-536px; top:-112px; }*/ /*voor wp paginas onder galerie*/ .galeriesub ul.menu li.page-item-6 a#pageid-6 span {background:transparent url(../../../../images/navigatieknoppen-galerie.png) left top no-repeat; left:-354px; top:-112px;} .galeriesub ul.menu li.page-item-6 a:hover span { left: -354px; top:-56px; } /*.galeriesub ul.menu li.page-item-6 a#pageid-6:active span, .galerie ul.menu li.page-item-6 a#pageid-6:focus span { left:-376px; top:-112px; } */ /*- Sidebar Subpages Menu */ .secondary .sb-pagemenu ul { margin-right: 60px; } .secondary .sb-pagemenu h4 { margin-bottom: 8px; } .secondary .sb-pagemenu h4 a { color: #666666; text-decoration: none; } .secondary .sb-pagemenu h4 a:hover { color:#b33a38; text-decoration: underline; } .sb-pagemenu ul ul { padding-top:7px; margin-bottom: 0px; } .sb-pagemenu ul ul .page_item { margin-left: 15px; padding: 0; } .sb-pagemenu .current_page_item a, .sb-pagemenu .current_page_item a span { font-weight: bold; color:#b33a38; } .secondary .sb-pagemenu .current_page_item li a, .secondary .sb-pagemenu .current_page_item li a span { font-weight: normal; color: #a69000; } .secondary div a.terugnaar {font-size: 1em; margin-top:14px; display: block; color:#8b8b8b; background: transparent url(../../../../images/pijltjerechts-mini.gif) left 0.45em no-repeat; padding-left: 16px; margin-right: 50px;} .secondary div a.terugnaar:hover {color:#b33a38;} .secondary div.sb-latest a.naar {font-size: 1em; margin-top:14px; display: block; color:#8b8b8b; background:transparent url(../../../../images/pijltjerechts-mini.gif) left 0.45em no-repeat; padding-left: 16px;} .secondary div.sb-latest a.naar:hover {color:#b33a38;} /*- Headings */ h1, h2, h3, h4 { line-height: 1.4em; } h1 { font-size: 3em; } .page-head { margin: 32px 0 11px 0; overflow: hidden; height: 1%; } #rollingcontent .page-head { margin-bottom:20px; } h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */ text-align: left; font-size: 2em; font-weight: normal; font-family: "Trebuchet MS", Arial, Verdana, Helvetica; font-family:Georgia, "Times New Roman", Times, serif; color: #666; line-height: 1.3em; /*width: 430px;*/ } h3 { text-align: left; font-size: 1.5em; font-weight: normal; font-family: "Trebuchet MS", Arial, Verdana, Helvetica; font-family:Georgia, "Times New Roman", Times, serif; color: #666; line-height: 1.4em; margin: 0 0 8px 0; padding-top: 0px; } .entry-content h4 { /*onderkop*/ text-align: left; font-size: 1.3em; font-weight: normal; font-family: "Trebuchet MS", Arial, Verdana, Helvetica; font-family:Georgia, "Times New Roman", Times, serif; color: #666; line-height: 1.3em; margin: 0 0 6px 0; padding-top: 0px; } .entry-head h2 { text-align: left; font-size: 2em; font-weight: normal; font-family: "Trebuchet MS", Arial, Verdana, Helvetica; font-family:Georgia, "Times New Roman", Times, serif; color: #666; line-height: 1.2em; margin: 0 0 4px 0; } .entry-head h2 a { color: #a69000; } .entry-head h2 a:hover { color: #b33a38; } .entry-head h2 a span { color: #b33a38; position: relative; top: -0.2em; padding-left: 0; font-size: 0.55em; } .entry-head h2 a:hover span { color: #b33a38; text-decoration: none; } #rollingarchives.emptypage { display: none; } .archivepages { color: #8b8b8b; display: block; font-size: 0.52em; font-weight: normal; letter-spacing: 0; text-transform: lowercase; margin-top: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; } .secondary h4 { /* Secondary H4 is sidebar headlines */ font-size: 1.7em; font-weight: normal; padding: 0; display: block; margin-bottom: 8px; margin-right: 53px; font-family: "Trebuchet MS", Arial, Verdana, Helvetica; font-family:Georgia, "Times New Roman", Times, serif; color: #666; line-height:1.2em; position: relative; } .secondary a.all { /* Secondary H4 is sidebar headlines */ position: absolute; right: 0; top: 0.2em; font-family:Arial, Helvetica, sans-serif; font-size: 0.63em; display: block; padding-left: 16px; background: transparent url(../../../../images/pijltjerechts-mini.gif) left 0.8em no-repeat; } .skiplink { display: none; } #primary .metalink a, #primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */ .secondary .metalink a, .secondary .metalink a:visited, .secondary span a, .secondary span a:visited { color: #666; font-weight: normal; } .single #primary .k2-asides .entry-content { font-size: 1.5em; color: #666; } .comment-meta { margin: 0 15px 0 0; float: none; } .comment-login, .comment-welcomeback { margin: 0px 0 15px 0; color: #4c4c4c; } #comment-personaldetails { margin-top: 10px; } .feedicon { /* Next to Comment Section Headline */ border: 0 !important; padding: 0 !important; } a.feedlink { border: none; background: transparent url(../../../../images/rss_icon.gif) left top no-repeat; height: 16px; width: 16px; position: absolute; top: 33px; right: -4px; display: block; text-indent: -9999px; } .secondary .k2-asides { margin: 0; padding: 0 0 10px; word-spacing: -1px; } .secondary .k2-asides p { display: inline; } .secondary .k2-asides .metalink { padding-left: 0px; } .page-head .entry-edit { position: absolute; right: 0px; margin-top: -23px; } .entry-head .entry-edit { position: absolute; right: 20px; margin-top: -23px; } .entry-edit a, .entry-edit a:hover { border: none; padding: 2px; padding-left: 23px; background: url('../images/pencil.png') left center no-repeat; height: 16px; } .comment-edit a { border: none; padding: 2px; padding-left: 23px; margin-left: 10px; background: url('../images/pencil.png') left center no-repeat; height: 16px; } .entry-meta { /* Time and category for blog entries */ font-size: 1em; line-height: 1.6em; display: block; margin-top: 1px; color: #bbb; margin-bottom: 20px; } .entry-meta-bottom { /* Time and category for blog entries */ background: url(../../../../images/divider.gif) center -4px no-repeat; width: 544px; padding: 25px 0 10px 0; margin: 0px 0px 0 -20px; overflow: hidden; } .trimmed .entry-meta-bottom { display: none; } .entry-meta-bottom div.entry-comments { font-size: 1em; line-height: 1.6em; display: block; margin-top: 1px; color: #bbb; margin:0 0px 0 20px; float: left; width: 40%; } .entry-meta-bottom div.entry-categories { font-size: 1em; line-height: 1.6em; display: block; margin-top: 0px; color: #bbb; float: right; margin-right: 20px; width: 50%; text-align: right; } .hentry .entry-meta-bottom div { /* Time and category for blog entries */ font-size: 1em; } .hentry .entry-meta-bottom div a { /* Time and category for blog entries */ background: none; padding: 0; color:#a69000; font-size: 1em; } .entry-content .entry-meta-bottom div a:hover { /* Time and category for blog entries */ background: none; padding: 0; color: #b33a38; } .entry-meta div { display: inline; } .meta-start { padding: 2px 0 2px 20px ; background: url('../images/time.png') left top no-repeat; } .entry-date abbr { border: 0; color: #8b8b8b; } .entry-author { display: none; } .entry-author address { display: inline; font-style: normal; } .entry-category { text-transform: lowercase; margin-right: 10px; } .hentry .entry-meta-bottom div a.commentslink { padding: 2px 0 2px 20px; background: url('../images/comment.gif') left center no-repeat; margin-right: 10px; } .quoter_comment { padding: 2px 0 2px 20px; background: url('../images/comment.gif') left center no-repeat; margin-left: 5px; } .entry-tags { display: block; margin: 2px 0; padding: 0 0 0 20px; background: url('../images/tag_blue.png') left center no-repeat; } .entry-tags a { text-transform: lowercase; } /*- Primary Contents */ #rollingcontent {overflow: visible; } .hentry, .page .search .hentry, body .search .four04 { margin: 0 20px 12px -31px; position: relative; width: 564px; background: url(../../../../images/entry-top.gif) left top no-repeat; } .page .hentry, .four04 .hentry, body.galerie .four04 { margin: 0 20px 12px -31px; padding:0px 30px 10px 30px; position: relative; width: 504px; background: none; } .page #dynamic-content .hentry {padding:0px 0px 10px 0px; } .entry-wrapper { width: 100%; padding:20px 30px 10px 30px; width: 504px; overflow: hidden; background: transparent url(../../../../images/entry-bottom.gif) left bottom no-repeat; } .entry-content { font-size: 1.2em; line-height: 1.8em; text-align: left; color: #666; overflow: hidden; } .entry-content p, .gallerie-content p, .entry-content ul, .entry-content ol, .entry-content blockquote { margin: 0 0 1.1em 0; line-height: 1.6em; display: block; } .galerie #albums .album p {margin-bottom: 0;margin-left: 222px;} .k2-asides .entry-content p, .k2-asides .entry-content ul, .k2-asides .entry-content ol, .k2-asides .entry-content div, .k2-asides .entry-content blockquote { margin: 0 0 1.1em 0; } p span.searchterms {font-weight: bold; color:#b33a38; } /*onderschriften*/ .entry-content p span.onderschrift { margin-top: 0px; font-size: 85%; color:#777; /*color: #2d789d;*/ position: static; line-height: 1.4em; } body .entry-content p.wp-caption-text { margin-top: 4px; font-size: 85%; color:#777; line-height: 1.4em; margin-bottom: -5px; } .entry-content div.alignright p.wp-caption-text { text-align: right; } .entry-content div.alignleft p.wp-caption-text { text-align: left; } .entry-content p span.fullwidth { display: block; float: left; width: 504px; text-align: right; margin-top: -10px; padding-bottom: 13px; margin-bottom: 0px; } .entry-content p span.alignright { display: block; width: 260px; float: right; clear: both; text-align: right; padding: 0 0 0px 0; margin: -2px 0 0 0px; } .entry-content p span.alignleft { display: block; width: 260px; float: left; clear: both; text-align: left; margin: -2px 0 -5px 0; padding: 0 0 0px 0; } /* uploads */ body .entry-content a.pdf, body .entry-content a.pdf:hover { background: transparent url(../../../../images/pdf_icon.gif) left 1px no-repeat; padding-left: 23px; padding-bottom: 2px; display: block; position: relative; display: inline-block; } body li a.pdf { margin-left: -15px; margin-bottom: 2px; } body .entry-content a.word, body .entry-content a.word:hover { background: transparent url(../../../../images/word_icon.gif) left 1px no-repeat; padding-left: 23px; padding-bottom: 2px; display: block; position: relative; display: inline-block; } body li a.word { margin-left: -15px; margin-bottom: 2px; } body .entry-content a.rss, body .entry-content a.rss:hover { background: transparent url(../../../../images/rss_icon.gif) left 1px no-repeat; padding-left: 23px; padding-bottom: 2px; display: block; position: relative; display: inline-block; } body li a.rss { margin-left: -15px; margin-bottom: 2px; } body .entry-content a.linkedin, body .entry-content a.linkedin:hover { background: transparent url(../../../../images/linkedin_icon.gif) left 1px no-repeat; padding-left: 23px; padding-bottom: 2px; display: block; position: relative; display: inline-block; } body li a.linkedin{ margin-left: -15px; margin-bottom: 3px; } /**/ .single .k2-asides .entry-content p, .single .k2-asides .entry-content ul, .single .k2-asides .entry-content ol, .single .k2-asides .entry-content div, .single .k2-asides .entry-content blockquote { margin: 13px 0; } .metalinks { margin-top: 3px; } .attachment img, .attachment-thumbnail, .entry-content .gallery img { padding: 3px; border: 1px solid #ccc; } .attachment img:hover, .attachment-thumbnail:hover, .entry-content .gallery img:hover { padding: 2px; border: 2px solid #27d; } .additional-info h4 { margin: 1em 0; } .image-meta span { font-weight: bold; display: block; float: left; width: 100px; } /* thumbgallery */ .highslide-gallery {overflow: hidden; width: 512px; padding-bottom: 8px;} .highslide-gallery a {float: left; display:block; padding: 0 8px 8px 0; overflow: hidden;} .highslide-gallery a img {width: 120px; height: 120px; margin: 0; padding: 0;} /*- Password protected posts */ .protected form label {font-size: 1em; color:#666; font-weight: bold; } .protected form input#password { font: 12px Monaco, 'Courier New', Courier, monospace; padding: 2px; color: #666; clear: left; width: auto; border-bottom: 1px solid #ddd; border-right: 1px solid #c3c3c3; border-top: 1px solid #7c7c7c; border-left: 1px solid #7c7c7c; margin: 5px 0 12px 0; } /*- Comments */ h2.commentheader {font-size: 2.5em; display: block; position: relative; margin-bottom: 10px;} h2.commentformheader {font-size: 2em; display: block; position: relative; margin:0;} h2 span {} h2.commentheader a {font-size: 0.48em; font-family:Arial, Helvetica, sans-serif; color:#a69000; background:transparent url(../../../../images/pijltjerechts-mini.gif) left 3px no-repeat; padding-left: 16px} h2.commentheader a:hover {color:#b33a38;} .page-head h2 {position: relative;} body.loggedin .page-head h2, body.loggedin .entry-head h2 {padding-right: 50px;} .page-head h2 span.pijl {padding-left: 7px; background: transparent url(../../../../images/raquo.gif) center 0.45em no-repeat;} h2 .rssfeedlink a {position: absolute; top:0.25em; right: 0px; background: transparent url(../../../../images/rss_icon.gif) right center no-repeat; height: 16px; width: 16px; display: block;text-indent: -9999px; } .galerie h2 .rssfeedlink a {right: 20px; } h2.commentheader .rssfeedlink a {top:0.75em;} .search h2 .rssfeedlink a {display:none;} .comments { position: relative; margin: 12px 0 0 0; } .galerie .comments { position: relative; margin: 12px 0 0 0; font-size: 0.82em; } .nopassword { text-align: center; } #commentlist { margin: 0px 0 0 0; position: relative; display: block; padding-bottom: 5px; } #commentlist li { position: relative; padding:3px 0px 0px 0px; margin:0 0 12px 0; display: block; overflow: hidden; list-style-type: none; } #commentlist li.bypostauthor, #commentlist li.comment-author-admin , #commentlist li.comment-author-matthijs-winnubst { } #commentlist li .comment-content { font-size: 1.2em; line-height: 1.6em; float: left; width: 466px; margin: 9px 0 0 0; background: transparent url(../../../../images/tekstballon-repeat-small.gif) left top repeat-y; overflow: hidden; position: relative; left: -10px; } #commentlist li .comment-content .comment-wrapper { overflow: hidden; width: 466px; background: transparent url(../../../../images/tekstballon-top-small.gif) left top no-repeat; margin: 0; } #commentlist li .comment-content .comment-wrapper2 { overflow: hidden; width: 466px; background: transparent url(../../../../images/tekstballon-bottom-small.gif) left bottom no-repeat; margin: 0; padding: 36px 0px 30px 0px; } .galerie #commentlist li .comment-content { width: 546px; background: transparent url(../../../../images/tekstballon-repeat.gif) left top repeat-y; } .galerie #commentlist li .comment-content .comment-wrapper { background: transparent url(../../../../images/tekstballon-top.gif) left top no-repeat; width: 546px; } .galerie #commentlist li .comment-content .comment-wrapper2 { width: 546px; background: transparent url(../../../../images/tekstballon-bottom.gif) left bottom no-repeat; } .comment-content p, .comment-content ul, .comment-content ol, .comment-content div, .comment-content blockquote { margin: 0 40px 1.3em 40px; } #commentlist li .comment-meta { font-size: 1em; color:#777; padding-left: 9px; display: inline; } #commentlist li .comment-meta a { color:#a69000; } #commentlist li .comment-meta a:hover { color:#b33a38; } #commentlist li img { padding: 0; border: none; } #commentlist li .gravatar { float: right; margin: -5px 0 0; } #commentlist li .avatar1, #commentlist li .avatar2, #commentlist li .avatar3, #commentlist li .avatar4, #commentlist li .avatar5, #commentlist li .avatar6, #commentlist li .avatar7 {float: left; width: 44px; height: 55px; background:transparent url(../../../../images/avatar1.png) left top no-repeat; } #commentlist li .avatar2 {background:transparent url(../../../../images/avatar2.png) left top no-repeat;} #commentlist li .avatar3 {background:transparent url(../../../../images/avatar3.png) left top no-repeat;} #commentlist li .avatar4 {background:transparent url(../../../../images/avatar4.png) left top no-repeat;} #commentlist li .avatar5 {background:transparent url(../../../../images/avatar5.png) left top no-repeat;} #commentlist li .avatar6 {background:transparent url(../../../../images/avatar6.png) left top no-repeat;} #commentlist li .avatar7 {background:transparent url(../../../../images/avatar7.png) left top no-repeat;} body #commentlist li.vanauteur .avatars, body #commentlist li.comment-author-admin .avatars, body #commentlist li.comment-author-matthijs .avatars, body #commentlist li.comment-author-matthijs-winnubst .avatars {float: left; width: 44px; height: 55px; background:transparent url(../../../../images/avatarmat.png) left top no-repeat; } #commentlist li .commentauthor { font-size: 1.6em; color:#666; line-height: 1.6em; margin: 0 0 0 9px; width: 467px; display: block; float: left; } .galerie #commentlist li .commentauthor { width: 537px; } #commentlist li.bypostauthor .commentauthor a, #commentlist li.comment-author-admin .commentauthor a, #commentlist li.bypostauthor .comment-meta a, #commentlist li.comment-author-admin .comment-meta a, #commentlist li.comment-author-matthijs-winnubst .commentauthor a, #commentlist li.comment-author-matthijs-winnubst .comment-meta a { color:#a69000;} #commentlist li.bypostauthor .commentauthor a:hover, #commentlist li.comment-author-admin .commentauthor a:hover, #commentlist li.bypostauthor .comment-meta a:hover, #commentlist li.comment-author-admin .comment-meta a:hover, #commentlist li.comment-author-matthijs-winnubst .commentauthor a:hover, #commentlist li.comment-author-matthijs-winnubst .comment-meta a:hover { color:#b33a38;} #commentlist li .commentauthor a { color:#a69000;} #commentlist li .commentauthor a:hover { color:#b33a38;} #commentlist li .counter { display: none; font: normal 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif; color: #666; float: left; width: 35px; } #pinglist { font-size: 1.2em; padding: 0; margin: 10px 0 10px; background: #f6f7f8; } #pinglist li { margin-left: 40px; padding: 7px 0; list-style: none; } #pinglist li small { font-size: 0.8em; display: block; } #pinglist li .counter { display: none; } #pinglist li span.favatar img { margin-left: -25px; border: none; padding: 0; float: left; } #pinglist li img { padding: 0; border: none; } #commentformbox { text-align: center; position: relative; width: 564px; float: left; margin: 6px 0 0 -40px; padding: 0 0 0 0; border: none; background: transparent url(../../../../images/papier-galerie-repeat-small.gif) left top repeat-y; } #commentformbox-header { display: block; width: 564px; height: 8px; background: transparent url(../../../../images/papier-galerie-top-small.gif) left top no-repeat; } #commentformbox-wrapper { display: block; background: transparent url(../../../../images/papier-galerie-bottom-small.png) left bottom no-repeat; padding: 26px 36px 66px 41px; } #leavecomment, .comments #loading, #comments-closed-msg { text-align: center; margin: 30px 0 20px !important; color: #ddd; font-size: 2em; letter-spacing: -2px; } .comments #loading { margin-top: 20px !important; } #comments-closed-msg { margin-bottom: 40px !important; } .comments #commenterror { display: none; clear: left; float: left; background: #FAE8E8; border: 1px solid #b33a38; text-align: left; margin:12px 0 12px 0; padding: 12px 12px; color:#b33a38; line-height: 1.4em; font-size: 1em; width: 70%; } .comments p { text-align: left; color:#666;} .comments p.alert { display: block; clear: left; float: left; background: #FAE8E8; border: 1px solid #b33a38; text-align: left; margin:12px 0 12px 44px; padding: 12px 12px ; color:#b33a38; line-height: 1.4em; font-size: 1em; width: 70%; } .comments li.comment p.alert { margin-left: 44px; } .comments #commentload { display: none; padding-top: 3px; float: right; vertical-align: middle; height: 18px; width: 18px; background: url('../images/spinner-getekend.gif') center center no-repeat; margin-right: 10px; margin-top: 12px; } .comments form input.text{ width: 282px; font-size: 1.2em; border: none; padding: 9px; padding-right: 10px; background:transparent url(../../../../images/searchbox_long.png) left center no-repeat; position: relative; left: -1px; margin: 0px 0px 16px 0; float: left; } .comments textarea, .comments textarea:focus { line-height: 1.4em; font-family:Arial, Helvetica, sans-serif; font-size: 1.2em; padding: 4px; color: #4c4c4c; clear: left; width: auto; display: block; margin: 0 0 0 1px; border-bottom: 2px solid #ddd; border-right: 2px solid #c3c3c3; border-top: 2px solid #b2b2b2; border-left: 2px solid #b2b2b2; width: 450px; } .comments form label { width: 100%; margin: 0px 0px 6px 0; float: left; clear: left; line-height: 1.4em; color:#666; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; text-align: left; } .comments form label span { font-weight: bold; color:#666; } .comments form span.required { margin-left: 5px; float: left; color:#b33a38; display: inline; width: 86px; height: 21px; background:transparent url(../../../../images/verplicht.gif) left top no-repeat; text-indent: -9999px; } .comments form #submit { float: right; margin: 12px 86px 20px 0; cursor: pointer; width:102px; height: 44px; background:transparent url(../../../../images/verder.gif) left top no-repeat; border: none; text-indent: -9999px; line-height: 0; } .comments form input.hover, .comments form #submit:hover { background-position: left -44px; } .wordpress .comments form #submit { margin: 12px 6px 20px 0; } .comments form #submit:focus, .comments form #submit:active { outline:none } #footer { clear: both; margin: 0 auto; position: relative; width: 953px; height: 2020px; text-align: left; overflow: visible; padding:0 5px 0px 10px; } #footer-bg {background:transparent url(../../../../images/bg-footer.png) left top no-repeat; width: 971px; height: 203px; text-align: left; } .galerie #footer {} #footer #potlood-footer {width: 59px; height: 415px; position: absolute; left: 587px; top:0px; background:transparent url(../../../../images/potlood-footer.png) left top no-repeat; z-index: 1000;} .galerie #footer #potlood-footer {left: 667px;} div#footerregel {width: 630px; overflow: hidden; float: left; padding-top: 140px;} .galerie div#footerregel {width: 650px; } #footer p { line-height: 1.3em; font-size: 1.1em; color: #777; display: inline; margin: 0; float: left; } #footer p#copyright-email { margin-left: 50px;} #footer p#adres { margin-right: 60px; float: right;} .galerie #footer p#adres { margin-right: 0px; float: right;} #footer p#links { float: right; text-align: left; width: 323px; margin-top: 140px; } #footer p#links span {margin-right:50px;} .galerie #footer p#links { float: right; text-align: left; width: 243px; margin-top: 140px; } #footer p#credits { width: 324px; height: 270px; position: absolute; margin: 0; float: none; left: 600px; top: 285px;} #footer p#credits a#credit { width: 324px; height: 270px; display: block; overflow: hidden; text-align: left; position: relative; left: 0px; top: 0px; } #footer p#credits a#credit:hover {background-position: 0 0; cursor: pointer;} #footer p#credits a#credit span { text-indent: -9999px; width: 324px; height: 540px; display: block; background:transparent url(../../../../images/credits3.png) left top no-repeat; position: relative; left: 0; top: 0; overflow: hidden;} #footer p#credits a#credit:hover span { top: -270px;} #footer #stroom {width: 269px; height: 270px; position: absolute; top:220px; left: 80px; background:transparent url(../../../../images/stopcontact.png) left top no-repeat;} #footer #schakelaar {width: 267px; height: 267px; position: absolute; left:670px;top:510px; background:transparent url(../../../../images/schakelaar.png) left top no-repeat; } #footer #schakelaar a {width: 201px; height: 170px; position: absolute; left:35px;top:45px; text-indent: -9999px; background:transparent url(../../../../images/lichtknop.png) left -170px no-repeat; cursor: pointer;} #footer #schakelaar a.geklikt {background-position: left top; cursor: pointer; } #footer #schakelaar a span#lichtaan {width: 201px; height: 170px; position: absolute; left:0px;top:0px; z-index: 10000000; cursor: pointer; display:block; text-indent: -9999px;} /*wordt dynamisch geplaatst door jquery */ a#lichtaanie {width: 201px; height: 170px; position: absolute; left:0px;top:0px; z-index: 10000000; cursor: pointer; display:block; text-indent: -9999px; } /*wordt dynamisch geplaatst door jquery */ #footer #staart {width: 424px; height: 250px; position: absolute; left:180px; bottom:0px; background:transparent url(../../../../images/staart.png) left top no-repeat; z-index: 2000; text-indent: -99999px; cursor: pointer;} #footer #stroom a {text-decoration: none; position: absolute; text-indent: -99999px; padding: 0; line-height: 0; } #footer #stroom a:hover {text-decoration: none;} #footer #stroom a.login { width: 18px; height: 18px; display: block;z-index: 100; left: 91px; top: 124px; } #footer #stroom a.logout { width: 18px; height: 18px; display: block;z-index: 100; left: 91px; top: 124px; } #footer #stroom a.zen-login { width: 18px; height: 18px; display: block; z-index: 100; left: 153px; top: 123px;} #footer a { color: #777;} #footer a:hover { text-decoration: underline; color:#b33a38;} .footerstats {display: none;} /*- Various Tags and Classes */ .clear { clear: both; } .center { text-align: center; } .alignright { float: right; } .alignleft { float: left; } .fullwidth { float: left; margin: 10px 0 13px 0px; display: block; } img.center { display: block; margin-left: auto; margin-right: auto; } img.alignright, div.alignright { margin: 5px 0 6px 15px; display: inline; } img.alignleft, div.alignleft { margin: 5px 15px 6px 0; display: inline; } img.noborder { border: none !important; } small { font-size: 0.9em; line-height: 1.5em; } small, strike { color: #666; } code { font: 1.1em 'Courier New', Courier, Monospace; } blockquote { margin: 20px 0; padding: 0 20px 0 50px; color: #333; background: url('../images/quote.png') no-repeat 10px 0; border: none; } hr { display: none; } body.smartposition #nav-above { position: fixed; top: 0px; background: #fff; border-bottom: 1px solid #eee; width: 500px; margin: 0; padding: 10px 0; z-index: 10; } .navigation { text-align: center; margin: 10px 0; padding: 0; width: 100%; } .comments .navigation { margin: 10px 0; } .navigation .nav-previous, .navigation .left { float: left; width: 47%; text-align: left; } .navigation .nav-previous a, .navigation .left a { background:transparent url(../../../../images/pijllinks-mini.gif) left 0.4em no-repeat; padding-left: 16px; display: block; } .navigation .nav-next, .navigation .right { float: right; width: 47%; text-align: right; } .navigation .nav-next a, .navigation .right a { padding-right: 16px; background: transparent url(../../../../images/pijltjerechts-mini.gif) right 0.4em no-repeat; display: block; } .navigation a { color: #666; } img.wp-smiley { border: none !important; padding: 0 0 0 5px !important; } /*- Begin Lists */ .archive-list { list-style: none; margin: 10px 0 0 0 !important; padding-left: 0px !important; } .archive-list li { display: block; float: left; margin: 0 10px 0 0 !important; padding: 2px 0 2px 10px !important; width: 150px; } .archive-list li:hover { background-color: #EDEDED; } .image-meta { padding: 0 0 0 35px; } .image-meta li { margin: 0 0 3px; padding: 0; } .entry-content ul { padding: 0 0 0 0px; padding-bottom: 9px; overflow: hidden; margin-bottom: 0; clear: left; } .entry-content ol { padding: 0 0 0 20px; padding-bottom: 9px; margin-bottom: 0; overflow: hidden; clear: left; } .entry-content ol li { margin: 0px 0 0 1em; padding: 0; } ol li { list-style: decimal outside; } .entry-content ul li { margin: 0px 0 0.3em 1.1em; padding-left: 10px; background:transparent url(../../../../images/bullet.gif) left 0.5em no-repeat; position: relative; line-height: 1.5em; } .entry-content ul li.rss { /* rss links in tekst */ background: transparent url(../../../../images/rss_icon.gif) left center no-repeat; padding-left: 23px; margin-bottom: 4px; } .entry-content p.gedicht {line-height: 1.9em; overflow: hidden; padding-bottom: 0px; margin-left: 20px; } .secondary div { margin: 0px 50px 20px 50px; padding: 0; position: relative; } .galerie .secondary div { margin: 0px 30px 20px 30px; padding: 0; position: relative; } .secondary div.wrapperdiv { margin: 0px; padding: 0; position: relative; } .secondary div.sb-links{ margin-bottom: 12px; } .secondary div.sidebarborder { margin: 0px 0px 0px 28px; padding: 12px 14px 35px 22px; background: transparent url(../../../../images/sidebarborder.jpg) left bottom no-repeat; position: relative; } .secondary div.sidebarborder div#sidetape {width: 62px; height: 127px; position: absolute; right: 7px; bottom: -7px; background: transparent url(../../../../images/tape-pagemenu.png) left top no-repeat;} .galerie .secondary div.sidebarborder { margin: 0px 10px 0px 11px; padding: 12px 24px 35px 4px; background: transparent url(../../../../images/sidebarbordersmall.jpg) left bottom no-repeat;} .galerie .secondary div.sidebarborder div#sidetape {width: 56px; height: 63px; position: absolute; right: -22px; bottom: -30px; background: transparent url(../../../../images/tape-pagemenu-small.png) left top no-repeat;} .secondary div.sidebarborder div { margin-bottom: 20px; } .galerie .secondary div.sidebarborder div { margin: 0px 15px 15px 15px; padding: 0; position: relative; } .secondary div.sidebarborder div.sb-categories, .secondary div.sidebarborder div.sb-pagemenu { margin-bottom: 15px; } .secondary div p { margin-top: 0.5em; } .secondary div p#vote { font-family:Arial, Helvetica, sans-serif; font-size: 1.1em; } .secondary ul, .secondary ol, .secondary div div { margin: 0px; padding-left: 0; } .secondary ul ul, .secondary ol ol, .secondary div div { margin: 0 0 0 0px; } .secondary ul ul ul, .secondary ol ol ol, .secondary div div div { margin: 0 0 0 0px; } .galerie .secondary .sb-galerielinks ul ul { margin: 7px 0 0 15px; } .secondary ol { margin-left: 15px; } .secondary ul li, .secondary ol li { margin: 0 0 6px 0; padding: 0; line-height: 1.5em; } .secondary ul li { list-style-type: none; list-style-image: none; } .secondary ul li a { color:#a69000; text-decoration: none; font-size: 1.2em; } .secondary ul li a:hover { color:#b33a38; text-decoration: underline; } .sb-links { } .sb-links ul li.linkcat { margin: 0 0 18px 0; background:transparent url(../../../../images/sidebar-divider.png) center bottom no-repeat; padding-bottom: 22px; } .sb-links ul ul li { color:#777; } .sb-categories ul li { color:#777; font-size: 1em; } .sb-categories .current-cat a { color:#b33a38; font-weight:bold; padding-right: 3px; } .sb-categories ul li a { padding-right: 1px; } .secondary .sb-latest { padding-top: 30px; background:transparent url(../../../../images/sidebar-divider.png) 60px top no-repeat; position: relative; margin-right: 60px; } .secondary .sb-latest label {text-indent: -99999px; display: block; position:absolute; height: 60px; width: 50px; right: -50px; top: 50px; background:transparent url(../../../../images/rsspijl.jpg) left top no-repeat;} .secondary #randomimage {margin: 0px 0px 20px 40px; overflow: hidden; padding-left: 10px;} .secondary #randomimage a.randomimage {margin: 9px 0 0 0px; width: 264px; height: 264px; background:transparent url(../../../../images/imgshadow.png) left top no-repeat; display: block;} .secondary #randomimage a.randomimage {-webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg);} .secondary #randomimage a.randomimage img {float: left; border: none; margin: 0;} .secondary #randomimage h5 {margin: 4px 0px 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.3em; float: left; text-align: left; width: 256px; color:#7ea3b2; display: inline; line-height: 1.4em;} .secondary #randomimage h5 a {font-family:Georgia, "Times New Roman", Times, serif; font-size: 1em; color:#8b8b8b; } .secondary #randomimage h5 a:hover {text-decoration: underline; color:#b33a38; } .secondary #randomimage-multiple {margin: 0px 0 32px 50px; overflow: visible; } .secondary #randomimage-multiple h4 {margin-bottom: 9px;} .secondary #randomimage-multiple div.wrapperdiv {position: relative; height: 220px; overflow: visible; padding-bottom: 1em; } .secondary #randomimage-multiple a.randomimage { width: 80px; height: 80px; display: block; float: left; margin: 0px 5px 5px 0px;text-decoration: none; } .secondary #randomimage-multiple a.randomimage img { border: none; margin: 0; width: 80px; height: 80px; } .secondary #randomimage-multiple a.randomimage span {position: absolute; right: 0; top: 175px; margin: 0px 53px 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.3em; text-align: left; width: 250px; color:#8b8b8b; display: none;text-decoration: none;} .secondary #randomimage-multiple a.randomimage:hover span {display: block; } .secondary #randomimage-multiple a.randomimage:hover {overflow: visible;} /* vanwege ie6 span hover bug */ /*- Form and Livesearch */ .secondary div#search {margin: 0px 20px 26px 50px; } .galerie .secondary div#search {margin: 0px 0px 24px 30px; overflow: hidden; } .secondary div#search p {margin: 0px 0 0 0; display: block; line-height:1.2em; } .secondary div#search p a {padding-left: 16px; background:transparent url(../../../../images/pijltjerechts-mini.gif) left 0.35em no-repeat; color:#8b8b8b;} .secondary div#search p a:hover {color: #b33a38;} #searchform { position: relative; display: block; margin:0 0 0 0; padding: 0 0 6px 0; overflow: hidden; } #searchform fieldset { position: relative; display: block; overflow: hidden; margin:0 0 0 0; padding: 0 0 0 0; } .galerie #searchform a#searchextras { display: block; width: 14px; height: 14px; text-indent: -9999px; float: left; margin: 7px 0 0 5px; background:transparent url(../../../../images/options.png) top left no-repeat; } .galerie #searchform ul#searchextrashow {display:block; width: 162px; padding:8px 6px 10px 10px; float: left; clear: left; overflow: hidden; background:transparent url(../../../../images/searchextras.gif) left bottom no-repeat; margin-top: -1px;} .galerie #searchform ul#searchextrashow li {display:block; line-height: 1.3em; clear: left; margin: 0 5px 6px 0; padding: 0; color:#4c4c4c;} .galerie #searchform ul#searchextrashow li input {display:block; line-height: 1em; margin: 0 6px 0 0; padding: 0; float: left;} /*checkboxen*/ input.text { color: #666; padding: 4px; margin: 0; float: left; border-bottom: 1px solid #ddd; border-right: 1px solid #c3c3c3; border-top: 1px solid #7c7c7c; border-left: 1px solid #7c7c7c; font-family:Arial, Helvetica, sans-serif; } /*input.text:focus {background:#efefef;}*/ #s { font-size: 1.2em; top: 0; width: 187px; position: relative; border: none; padding: 9px; background: none; display: inline; margin-left: 9px; padding-right: 0; padding-left: 0; } #s.livesearch { /*position: absolute; top: 0; width: 190px; left: -1px; border: none; padding: 9px; padding-right: 10px; background:none;*/ } .secondary #s-wrapper { width: 295px; height: 31px; margin: 0 0 0px 0; float: left; background:transparent url(../../../../images/searchbox.png) left top no-repeat; position: relative; overflow: hidden; left: -1px; } .galerie #s { position: relative; width: 150px; font-size: 1.2em; line-height: 1.2em; border: none; padding: 9px; padding-right: 0; padding-left: 0; background: none; margin-left: 9px; display: inline; } .galerie .secondary #s-wrapper { left: -1px; width: 188px; height: 31px; margin: 0 0 0px 0; float: left; background:transparent url(../../../../images/searchbox2.png) left top no-repeat; position: relative; overflow: hidden; } #searchreset { position: absolute; left: 233px; top: 4px; height: 22px; width: 18px; background: url('../images/reset-fff.gif') 2px 4px no-repeat; } #searchload { position: absolute; left: 231px; top: 4px; height: 22px; width: 19px; background: url('../images/spinner-getekend.gif') 1px 2px no-repeat; } .livesearchform input[type=submit] { margin: 0; } #searchcontrols { text-align: center; padding: 1px; background: #ddd; } #searchcontrols small { margin: 0; padding: 0; } #searchsubmit {margin: 0; height: 15px; width: 15px; position: absolute; right: 80px; top: 8px;} .galerie #searchsubmit {right: 10px;} /*- Attachment */ .entry-content .attachment { text-align: center; } /*- Rolling Archives */ #nav-above { position: relative; padding: 14px 0 2px 14px; display: block; width: 546px; margin:8px 0 0px -31px; overflow: hidden; } .single #nav-above { padding: 14px 0 1.5em 14px; margin:8px 0 2px -31px; } #nav-above a { color:#a69000; font-weight: bold; line-height: 1.4em; overflow: hidden; } #nav-above a:hover { color:#b33a38; } #rollingarchives { position: relative; padding: 20px 0 8px 14px; height: 10px; display: block; width: 560px; margin-left: -31px; overflow: visible; } .onepageonly #rollingarchives { position: relative; padding:0px 0 0px 14px; display: block; width: 560px; margin-left: -31px; overflow: visible; } .onepageonly .onlyoneitem { visibility: hidden; } #rollingarchives a:hover { text-decoration: underline; } #rollnavigation { position: relative; } #rollnavigation a:active, #rollnavigation a:focus { outline: none; } #rollprevious, #rollnext, #rollload, #rollhome, #rollpages, #rolldates { position: absolute; top: 3px; } #rollprevious:hover, #rollnext:hover, #rollhome:hover { text-decoration: underline; cursor: pointer; color:#b33a38; } #rollhome { display: none; left: 54px; background: url('../images/house.png') no-repeat center center; width: 16px; height: 16px; } #rollload { background: url('../images/spinner-zwartwit-wit.gif') no-repeat center center; top: 1px; left: 50%; margin-left: -8px; width: 16px; height: 16px; } #rollload span, #rollhome span { display: none; } #rollnext, #rollprevious { color:#a69000; font-weight: bold; } #rollpages { top: 3px; left: 59px; color: #aaa; } #rollhover { position: absolute; top: 7px; left: -47px; z-index: 100; height: 35px; background: url('../images/rollhover.png') no-repeat center top; } #rollhover, #rolldates { width: 100px; margin-left: 5px; } #rollhover { top: 11px; } #rolldates { position: absolute; color: #f6f6f6; text-align: center; font-size: .9em; top: 16px; margin: 0; z-index: 1000; } #rollprevious { left: 0; text-align: left; background:transparent url(../../../../images/pijllinks-mini.gif) left 0.35em no-repeat; padding-left: 16px; } #rollnext { right: 99px; text-align: left; padding-right: 16px; background: transparent url(../../../../images/pijltjerechts-mini.gif) right 0.35em no-repeat; } .emptypage #rollnavigation { visibility: hidden; } .firstpage #rollprevious { visibility: visible; } .firstpage #rollnext, .firstpage #rollhome { visibility: hidden; } .nthpage #rollnext, .nthpage #rollprevious, .nthpage #rollhome { visibility: visible; } .lastpage #rollnext, .lastpage #rollhome { visibility: visible; } .lastpage #rollprevious { visibility: hidden; } #pagetrackwrap { position: absolute; top: 6px; left: 140px; width: 240px; padding-right: 9px; background: url('../images/sliderbgright.png') no-repeat right center; } #pagetrack { width: 240px; height: 7px; background: url('../images/sliderbgleft.png') no-repeat left center; } #pagehandle { top: -5px; width: 17px; height: 17px; background: url('../images/sliderhandle.png') no-repeat center center; cursor: col-resize; } #primarycontent { clear: both; } #texttrimmer { position: absolute; width: 85px; height: 15px; top: 0px; right: -6px; text-align: right; } .firstpage #pagetrackwrap { visibility: hidden; } .nthpage #texttrimmer, .nthpage #pagetrackwrap, .lastpage #texttrimmer, .lastpage #pagetrackwrap { visibility: visible; } #trimmertrackwrap { background: url('../images/sliderbgright.png') no-repeat right center; height: 7px; width: 50px; top: 6px; padding-right: 4px; position: absolute; display: none; } #trimmertrack { background: url('../images/sliderbgleft.png') no-repeat left center; width: 50px; height: 7px; } #trimmerhandle { width: 7px; height: 7px; background: url('../images/sliderhandle.png') no-repeat center center; cursor: col-resize; } #trimmermore, #trimmerless { display: none; position: absolute; top: 0; height: 16px; width: 16px; } #trimmermore span, #trimmerless span { display: none; } #trimmermore:hover, #trimmerless:hover { cursor: pointer; } #trimmermore { right: 0; background: url('../images/trim_more.png'); } #trimmerless { left: 0; background: url('../images/trim_less.png'); } #trimmertrim:hover, #trimmeruntrim:hover { text-decoration: underline; color:#b33a38; } #trimmertrim, #trimmeruntrim { cursor: pointer; position: absolute; top: 23px; width: 85px; text-align: right; color:#8b8b8b; right: 15px; } .trimmed #trimmertrim { display: none; } #trimmeruntrim { display: none; } .trimmed #trimmeruntrim { display: block; } body.smartposition #rollingarchives { position: fixed; top: 0px; background: #fff; border-bottom: 1px solid #eee; width: 544px; z-index: 10; padding-top: 10px; padding-bottom: 25px; margin-bottom: 10px; } body.smartposition #trimmertrim, body.smartposition #trimmeruntrim { top: 10px; } #dynamic-content { /* Make room for the rolling archives */ overflow: visible; } #dynamic-content .entry-meta-bottom {} /* CSS Beyond this point is for various supported plugins and not the 'core' K2 template */ /*- Brian's Latest Comments http://meidell.dk/archives/2004/09/12/brians-latest-comments/ */ #brians-latest-comments ul li span a, #brians-latest-comments ul li small a, .sb-comments-blc ul li span a, .sb-comments-blc ul li small a { color: #666; font-weight: normal; word-spacing: -1px; } #brians-latest-comments ul li, .sb-comments-blc ul li { margin-bottom: 6px; } #brians-latest-comments ul li > a[title="Go to the comments of this entry"], .sb-comments-blc ul li > a[title="Go to the comments of this entry"] { position: absolute; right:0; color: #666; } .activityentry { font-size: 1.1em; } div#latest-comments small { display: block; margin: 0; font-weight: normal; line-height: 1.5em; } /*- FlickrRSS */ .sb-flickr div { margin-top: 10px !important; } .sb-flickr div img { padding: 5px; } .sb-flickr div a { } .sb-flickr div a img { margin: 0px 5px; } /* Calendar Module */ #wp-calendar { width: 100%; } #wp-calendar td { color: #ccc; } #wp-calendar td, #wp-calendar th { text-align: center; padding: 2px 0; } #wp-calendar a { display: block; } #wp-calendar caption { font-size: 1.5em; font-weight: bold; padding: 10px; } #wp-calendar #prev { text-align: left; } #wp-calendar #next { text-align: right; } #wp-calendar #today { background: #f3f3f3; } /* Ultimate Tag Warrior K2 removes UTW's default tags for more default control. */ .localtags, .technoratitags { display: none; } /* Contact Form */ .contactform { width: 100%; position: relative; } .contactleft { width: 15%; text-align: right; clear: both; float: left; display: inline; padding: 4px; margin: 5px 0; } .contactright { width: 70%; text-align: left; float: right; display: inline; padding: 4px; margin: 5px 0; } .contacterror { border: 1px solid #ff0000; } /* Noteworthy */ .category-noteworthy h3.entry-title { background: url('../images/heart.png') no-repeat right center; padding-right: 25px; display: inline; } .noteworthyLink { margin-left: 5px } /* Tag Cloud Module */ .sb-wptagcloud ul { line-height: 2em; text-align: justify; } .sb-wptagcloud li { display: inline; } .sb-wptagcloud a { padding: 0 2px; white-space: nowrap; text-transform: lowercase; } /* Zen Photo Default 1.0 */ /* Basics ------------------------------ */ /*html { height: 100%; }*/ /* Main Layout gallery ------------------------------ */ .gallerie-content { font-size: 1.2em; /*line-height: 1.6em;*/ text-align: left; color: #4c4c4c; /*overflow: hidden;*/ padding-bottom: 4px; width: 100%; } .galerie .page-head {/*margin-bottom: 14px;*/ width: 100%; } #credit, #sort { margin: 0 auto; width: 100%; font-size: 85%; color: #96967E; text-align: right; clear: both; } #credit a, #sort a { text-decoration: none; color: #96967E; } #credit a:hover, #sort a:hover { color: #BDBDAE; text-decoration: none; } /*#gallerytitle h2 { font-weight: normal; font-size: 12pt; margin-top: 18px; width:510px; }*/ /* Link Styles ------------------------------ */ /* Text Styles ------------------------------ */ /*body { font: normal 82%/200% "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif; color: #5A5A4B; } h2 { font: 115% "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif; font-weight: bold; color: #002E5B; } h2 a:link, h2 a:visited { color: #8DB8CF; text-decoration: none; } h2 span { color: #8DB8CF; } h2 a:hover { color: #94c2e5; text-decoration: none; } h3 { font: 110% "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif; font-weight: bold; color: #002E5B; margin-top: 30px; } h3 a:link, h3 a:visited { text-decoration: none; } h3 a:hover { text-decoration: underline; } */ /* Miscellaneous ------------------------------ */ blockquote { border-left: 1px dotted #96967E; margin-left: 20px; padding-left: 20px; color: #363630; } #imagemetadata { text-align: right; position: relative; display: none; } #imagemetadata table { text-align: left; line-height: 1em; border: 1px solid #ccc; position: absolute; top: 2em; right: 0px; background-color: #fafafa; } #imagemetadata table td { border-bottom: 1px solid #f0f0f0; background-color: #f8f8f8; padding: 2px 5px; } /* Page Navigation ------------------------------ */ div.pagelist {width: 35%; float: right;font-size: 0.8em; } ul.pagelist { padding: 0px 0 10px 0; margin:0px 0 0 0; list-style-type: none; float: right; } ul.pagelist li { display: inline; line-height: 1.2em; } ul.pagelist span.disabledlink { padding: 4px; font-weight: normal; } ul.pagelist li a { padding: 4px; font-weight: bold; } ul.pagelist li.current a { font-weight: bold; text-decoration: none; cursor: default; color:#b33a38; } ul.pagelist li.prev { margin-right: 10px; } ul.pagelist li.next { margin-left: 10px; } .disabledlink { color: #aaa; cursor: default; } .pagenav { clear: both; } .disabled_nav { display: none; } /* AJAX ------------------------------ */ #albumDescEditable, #albumTagsEditable { margin-bottom: 12px; } #imageDescEditable, #albumTagsEditable { margin-top: 24px; } #imageDesc, #exif_link { margin-bottom: 4px; } #exif_link { float: right; } /* Tag Cloud ---------------------------- */ #tag_cloud { margin-left: -40px; text-align: center; position: relative; width: 644px; float: left; margin-bottom: 0px; margin-top: 0px; background: transparent url(../../../../images/papier-galerie-repeat.gif) left top repeat-y; } #tagheader { display: block; width: 644px; height: 8px; background: transparent url(../../../../images/papier-galerie-top.gif) left top no-repeat; } #tagwrapper { display: block; background: transparent url(../../../../images/papier-galerie-bottom.png) left bottom no-repeat; padding: 26px 36px 66px 30px; } #tag_cloud ul.tags { display: block; overflow: hidden; list-style-type: none; margin: 0 auto; } #tag_cloud ul.tags li { list-style-type: none; line-height: 3em; color: #666666; display: inline; margin: 0; padding:10px; text-align: center; } #tag_cloud ul.tags li a { font-family:Arial, Helvetica, sans-serif; font-family: Georgia, "Times New Roman", Times, serif; } /* Tags ------------------------------ */ div.taglist, div#tagcontainer {width:568px; font-size: 0.82em; margin-bottom: 13px; } .album-album div.taglist {padding-top: 10px;} .album-album div.taglist, .album-album div#tagcontainer {float: left; padding-top: 10px; } .taglist ul { display: block; list-style-type: none; overflow: hidden; line-height: 1.4em; } .taglist li { list-style-type: none; line-height: 1.2em; color: #666666; display: inline; float: left; margin: 0; padding: 0; padding-right: 5px; line-height: 1.4em; } .taglist li a.alletrefwoorden { padding-left: 16px; background: transparent url(../../../../images/pijltjerechts-mini.gif) left 0.39em no-repeat; display: inline-block; } #imagetags {color:#a69000;} .taglist .tags_title, div#tagcontainer .tags_title { padding-left: 16px; background: transparent url(../../../../images/tag.gif) left 0.3em no-repeat; padding-bottom: 3em; } div#tagcontainer .tags_title { color: #666666; padding-right: 5px; } /* Headings ------------------------------ */ .galerie .page-head h2 {} .galerie .page-head h2 span {font-size: 76%; line-height: 1.4em; } .galerie .page-head h2 span.pijl {padding-left: 7px; background: transparent url(../../../../images/raquo.gif) center 2px no-repeat;} /*uitzonderingen voor zoekpagina*/ .galerie .search-image .page-head h2 span.smaller {font-size: 76%; line-height: 1.4em; padding-left: 18px; background: transparent url(../../../../images/raquo.gif) 4px 5px no-repeat; } .galerie .search-image .page-head h2 span {font-size: 100%; line-height: 1.4em; } .galerie .search-image .page-head h2 span.rssfeedlink {font-size: 76%; line-height: 1.4em; } .galerie .page-head h2 span.albumnav {font-size: 50%; line-height: 1.4em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal;} .galerie .page-head h2 span.albumnav a {font-weight: normal;} .galerie .page-head h2 span.albumnav a.volgendalbum {padding-right: 17px; background: transparent url(../../../../images/pijltje-klein.gif) right 3px no-repeat;} .galerie .page-head h2 span.albumnav a.vorigalbum {padding-left: 17px; background: transparent url(../../../../images/pijltje-klein.gif) left -38px no-repeat;} .galerie .page-head h2 .rssfeedlink a {position: absolute; top:0.3em; right: 20px; background: transparent url(../../../../images/rss_icon.gif) right center no-repeat; height: 16px; width: 16px; display: block;text-indent: -9999px; } .galerie .page-head h2 span strong span {font-size: 100%; } /*voor als ingelogd*/ .galerie .page-head h2 strong, .galerie .page-head h2 strong a {font-weight: normal; } .galerie .page-head h2 strong a:hover {text-decoration: underline; color:#b33a38;} .galerie .page-head h3 {width: 65%; float: left; clear: left; line-height: 1.2em; font-size: 1.6em; margin: 24px 0 0 0;} /* Image Thumbnails ------------------------------ */ .imagethumb a, .imagethumb a:hover { display: block; margin: 0px 0px 0px 0px; line-height: 0px; } .imagethumb a:visited { } .imagethumb a:hover { } .imagethumb { } .albumdesc2 { line-height: 18px; } /* Album Thumbnails ------------------------------ */ /* NB zie hover styles in js-enabled!! */ #albums { overflow: hidden; margin-left: -40px; padding-top: 20px; width: 674px; float: left; margin-bottom: 0px; margin-top: -10px; } .index-image #albums {margin-bottom: -6px;} #images { margin-left: -40px; position: relative; width: 644px; float: left; margin-bottom: 0px; margin-top: 0px; background: transparent url(../../../../images/papier-galerie-repeat.gif) left top repeat-y; } #images #albumheader { display: block; width: 644px; height: 8px; margin-bottom: -8px; background: transparent url(../../../../images/papier-galerie-top.gif) left top no-repeat; z-index:10; position: relative; } #images #albumwrapper { display: block; background: transparent url(../../../../images/papier-galerie-bottom.png) left bottom no-repeat; padding: 34px 0px 66px 40px; z-index:0; position: relative; } .search-image #images #albumwrapper {padding-bottom: 86px;} .album { margin: 0 0 16px 0; padding:0px; float: left; display: block; width:644px; line-height: 1.4em; background: transparent url(../../../../images/papier-galerie-bottom.png) left bottom no-repeat; padding: 0; cursor: pointer; position: relative; } .album .albumwrapper { display: block; background: transparent url(../../../../images/papier-galerie-top.gif) left top no-repeat; padding: 34px 34px 66px 40px; } .album:hover p {color: #b33a38;} .nietjea1, .nietjea2, .nietjea3, .nietjeb1, .nietjeb2, .nietjeb3 {position: absolute; z-index: 1000; /*was10000 maar nietje scheen door highslide*/} .nietjea1 {width: 11px; height: 47px; left: 15px; top: 20px; background: transparent url(../../../../images/nietje3.png) left top no-repeat; } .nietjea2 {width: 19px; height: 45px; left: 15px; top: 12px; background: transparent url(../../../../images/nietje1.png) left top no-repeat;} .nietjea3 {width: 11px; height: 47px; left: 19px; top: 18px; background: transparent url(../../../../images/nietje2.png) left top no-repeat;} .nietjeb1 {width: 11px; height: 47px; left: 18px; bottom: 24px; background: transparent url(../../../../images/nietje2.png) left top no-repeat;} .nietjeb2 {width: 11px; height:47px; left: 16px; bottom: 20px; background: transparent url(../../../../images/nietje3.png) left top no-repeat;} .nietjeb3 {width: 19px; height: 45px; left: 19px; bottom: 19px; background: transparent url(../../../../images/nietje1.png) left top no-repeat;} .album .nietjeb1, .album .nietjeb2, .album .nietjeb3 {width: 11px; height: 47px; left: 18px; top: 218px; background: transparent url(../../../../images/nietje2.png) left top no-repeat;} .album .nietjeb2 {width: 11px; height:47px; left: 16px; top: 210px; } .album .nietjeb3 {width: 11px; height:47px; left: 19px; top: 208px; background: transparent url(../../../../images/nietje3.png) left top no-repeat;} /*blog comment rechts*/ .nietjec1, .nietjec2, .nietjec3, .nietjec4, .nietjec5, .nietjed2, .nietjed3 {position: absolute; z-index:1000; } .nietjec1 {left: 537px; top: 17px; width: 9px; height:49px; background: transparent url(../../../../images/nietje6.png) left top no-repeat;} .nietjec2 {left: 500px; top: 16px; width: 46px; height:16px; background: transparent url(../../../../images/nietje4.png) left top no-repeat;} .nietjec3 {left: 517px; top: 15px; width: 29px; height: 41px; background: transparent url(../../../../images/nietje5.png) left top no-repeat;} .nietjec4 { left: 535px; top: 23px; width:9px; height: 49px; background: transparent url(../../../../images/nietje6.png) left top no-repeat;} .nietjec5 { left:535px; top: 20px; width: 11px; height: 47px; background: transparent url(../../../../images/nietje2.png) left top no-repeat;} .nietjed2 { left: 535px; bottom: 120px; width: 11px; height: 47px; background: transparent url(../../../../images/nietje2.png) left top no-repeat;} .nietjed3 { left: 537px; bottom: 120px; width: 11px; height:47px; background: transparent url(../../../../images/nietje3.png) left top no-repeat;} /*galeriepage rechts*/ .galerie .nietjec1 { left: 617px; top: 17px; } .galerie .nietjec2 { left: 580px; top: 16px;} .galerie .nietjec3 { left: 597px; top: 15px; } .galerie .nietjec4 { left: 620px; top: 43px; } .galerie .nietjec5 { left: 615px; top: 20px; } /*albumpage rechts*/ .galerie #images .nietjec1 { left: 619px; top: 17px;} .galerie #images .nietjec2 { left: 584px; top: 12px; } .galerie #images .nietjec3 { left: 604px; top: 11px; } .galerie #images .nietjec5 { left: 618px; top: 20px; } .galerie .nietjed2 { left: 620px; bottom: 120px; } .galerie .nietjed3 { left: 617px; bottom: 100px; } .galerie #commentformbox .nietjec4 { left: 615px; top: 23px; } .galerie #commentformbox .nietjed2 { left: 615px; bottom: 120px; } .galerie #commentformbox .nietjed3 { left: 617px; bottom: 120px; } .album .album_thumb {float: left; overflow: hidden; padding: 0px 24px 20px 0; width: 198px; height: 198px; margin: 0; margin-bottom: 0px; display: inline; } .album .album_thumb a {overflow: hidden; display: block; width: 198px; height: 198px; margin: 0; background: transparent url(../../../../images/galeriethumblijst.gif) left top no-repeat; } .album .album_thumb a:hover, .album:hover .album_thumb a {background: transparent url(../../../../images/galeriethumblijst.gif) left bottom no-repeat; } .album img {margin: 0; margin: 19px 0 0 19px;} .album .thumb { float: left; margin-right: 20px; } .album h3 { padding: 0; font-size: 1.6em; margin: 0px 20px 8px 0; line-height: 1.3em; } .album h3 a { padding: 0; font-family:"Trebuchet MS", Arial, Verdana, Helvetica; font-family:Georgia, "Times New Roman", Times, serif; color:#a69000; } .album h3 a:hover { color:#b33a38; text-decoration: underline; } .album h3 a:hover, .album:hover h3 a { color:#b33a38; text-decoration: none; } /* Individual Image ------------------------------ */ .image { margin: 0 11px 11px 0; border: 0; float: left; display: inline; width: 182px; height: 182px; background: transparent url(../../../../images/galeriethumblijst2.gif) left top no-repeat; } .image:hover { background-position: left bottom; } .image img { margin: 11px 0 0 11px; } #image { overflow: hidden; margin-bottom:10px; } #image a { overflow: hidden; display: block; } #image a img { } .imgnav { float: right; width: 120px; height: 24px; margin:0px 10px 0 0; overflow: hidden; padding-top: 6px; position: relative; top: 13px; } .imgnav .imgprevious a { display: inline; width: 39px; height: 24px; float: right; margin-right: 5px; text-indent: -9999px; background:transparent url(../../../../images/pijlen.gif) left top no-repeat; } .imgnav .imgprevious-single a { display: inline; width: 39px; height: 24px; float: right; text-indent: -9999px; margin-right: 5px; background:transparent url(../../../../images/pijlen.gif) left top no-repeat; } .imgnav .imgnext a { display: block; width: 39px; height: 24px; float: right; text-indent: -9999px; background:transparent url(../../../../images/pijlen.gif) right top no-repeat; } .imgnav .imgnext-single a { display: block; width: 39px; height: 24px; float: right; text-indent: -9999px; background:transparent url(../../../../images/pijlen.gif) right top no-repeat; } .imgnav .imgprevious a:hover, .imgnav .imgprevious-single a:hover { background-position: left -24px; } .imgnav .imgnext a:hover, .imgnav .imgnext-single a:hover { background-position: right -24px; } #image-details {overflow: hidden; background: transparent url(../../../../images/streep.gif) left bottom no-repeat; padding-bottom: 30px;} #image-details #image-info {font-size: 90%; color:#666;} a.maillink {background:transparent url(../../../../images/mail-klein2.gif) right 3px no-repeat; padding-right: 18px;} /*a.maillink:hover {background:transparent url(../../../../images/mail-klein.gif) right -27px no-repeat; }*/ #image-details #cc {padding-left: 52px; background:transparent url(../../../../images/cc.gif) left 1px no-repeat; padding-bottom: 2px;} #image-details #cc:hover {background-position: left -19px;} /* Comments Galerie ------------------------------ */ .galerie #commentformbox { text-align: left; position: relative; width: 644px; float: left; margin: 6px 0 0 -40px; padding: 0 0 0 0; border: none; background: transparent url(../../../../images/papier-galerie-repeat.gif) left top repeat-y; } .galerie #commentformbox-header { display: block; width: 644px; height: 8px; background: transparent url(../../../../images/papier-galerie-top.gif) left top no-repeat; } .galerie #commentformbox-wrapper { display: block; background: transparent url(../../../../images/papier-galerie-bottom.png) left bottom no-repeat; padding: 26px 36px 66px 41px; } .galerie form { margin: 0 0 0 0; } .galerie form p{ margin: 0 0 0px 0; line-height: 1.4em; display: block; } .galerie h2.commentformheader {margin: 0 0 0 0;} .galerie .comments .commenterror { display: block; background: #FAE8E8; border: 1px solid #b33a38; text-align: left; margin:12px 0 12px 0; padding: 12px 12px; color:#b33a38; line-height: 1.4em; font-size: 1em; width: 70%; } .galerie .commentformbox .commenterror { display: block; background: #FAE8E8; border: 1px solid #b33a38; text-align: left; margin:0px 0 0px 0; padding: 12px 12px; color:#b33a38; line-height: 1.4em; font-size: 1em; float: left; clear: left; width: 70%; } .galerie .comment { } .galerie #commentlist li.vanauteur { } .galerie #commentlist li.vanauteur .comment-meta a, .galerie #commentlist li.vanauteur .commentauthor a { color: #a69000; } .galerie #commentlist li.vanauteur .comment-meta a:hover, .galerie #commentlist li.vanauteur .commentauthor a:hover { color: #b33a38; } .galerie .comment-meta { line-height: 1.2em; } .galerie .commentauthor { } .galerie .commentdate { } .galerie #commentformbox img#captcha {margin: 0 0 0 10px; position: relative; top: 3px; border: none;} /* Forms ------------------------------ */ .galerie p div textarea { font-family:Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4em; width: 500px; padding: 4px; color: #4c4c4c; clear: left; display: block; border-bottom: 1px solid #ddd; border-right: 1px solid #c3c3c3; border-top: 1px solid #7c7c7c; border-left: 1px solid #7c7c7c; margin-bottom: 0; } .galerie .checkbox { cursor: pointer; } .galerie .pushbutton { cursor: pointer; padding: 5px 10px; } .galerie #map {margin-left: -77px;} .galerie #rating { margin: 0 0 0 0; margin-top: 10px; } /* Admin Toolbox ------------------------------ */ /*#admin, #admin_data{ float: left; clear: left; width: 130px; background: #fff; } #admin_data{ top: 0px; padding-top: 20px; z-index: 1; line-height: 1.6em; } #admin h3 { font-weight: normal; color: #666; margin:0; padding:0; } #admin h3:hover { color: #036; }*/ /* Archive View ---------------------------- */ #archive { } ul.archive { padding:0; padding-top: 12px; margin:0; list-style:none; } ul.archive .year { margin-bottom: 20px; display: block; display: inline-block; vertical-align:top; width: 19%; } ul.archive .year h3 { text-align: left; font-size: 1.4em; font-weight: normal; font-family: "Trebuchet MS", Arial, Verdana, Helvetica; font-family:Georgia, "Times New Roman", Times, serif; line-height: 1.3em; margin: 0 0 4px 0; padding-top: 0px; margin-bottom:3px; color:#666; } ul.archive .month { font-size: 1em; list-style:none; line-height: 1.5em; margin-right: 10px; } ul.archive .month li { } ul.archive .month li span { font-size: 0.92em; color:#777; } div#staartomhoog {width: 504px; height: 403px; background: transparent url(../../../../images/tape-staartomhoog.jpg) left top no-repeat; position: relative;} div#staartomhoog div#poes {width: 420px; height: 315px; position: absolute; left:48px; top: 49px; } div#staartomhoog div#poes p {margin: 20px;} } /* =============== SCREEN styles */ @media print { body {font-size: 11px; width: 600px; overflow: visible; margin-left: 30px; margin-right: 30px;} /* Resets 1em to 10px */ body.galerie {width: 600px;overflow: visible;} #page {width: 600px; } .content {width: 600px; overflow: visible;} .content-bg {width: 600px; overflow: visible;} .header{width: 500px; overflow: visible;} .galerie #page {width: 600px;} .page-head {height: auto; overflow: visible; } #primary, #primary-wrapper {float: none; width: 500px;} .secondary, .galerie .secondary {display: none;} #rollingarchives {display: none;} .blog-title, #headertekst1, #headertekst2, ul.menu {display: none;} #search, .sb-pagemenu {display: none;} h2, h2 a, h2.entry-title, h2.entry-title a, h3, h4, .entry-content h4, .secondary h4 {color: #4c4c4c;} .hentry .entry-meta-bottom div a, .hentry .entry-meta-bottom div a.commentslink {color:#4c4c4c; padding-left: 0;} .sb-links ul ul li, .sb-categories ul li {color: #4c4c4c;} .secondary div a.terugnaar, .secondary a.all {display: none;} .entry-content ul li {padding-left: 0;} #footer {display: none;} .entry-content a[href^="http:"] { padding-right: 0px; display: inline;} #nav-above {display: none;} #tapelinks, #taperechts, #paperclip, #zomaar, #potlood-header {display:none;} #commentformbox {display: none;} #commentlist {overflow: visible;} #commentlist li.bypostauthor .commentauthor, #commentlist li.comment-author-admin .commentauthor, #commentlist li.bypostauthor .commentauthor a, #commentlist li.comment-author-admin .commentauthor a, #commentlist li.bypostauthor .comment-meta a, #commentlist li.comment-author-admin .comment-meta a, .entry-content a { color:#4c4c4c; text-decoration: none;} .entry-content a[href^="http:"] { color:#4c4c4c; text-decoration: underline;} h2.commentformheader, h2.commentheader a {display: none;} #commentlist li .commentauthor, #commentlist li .commentauthor a { color:#4c4c4c;} #commentlist li .comment-meta a { color:#4c4c4c;} .galerie #commentformplusheader {display: none;} .galerie .page-head h3 {float: none;} .galerie #commentlist li.vanauteur, .galerie #commentlist li.vanauteur a, .galerie #commentlist li.comment-author-admin .comment-meta a, .galerie .entry-content a { color:#4c4c4c; text-decoration: none;} .galerie h2.commentformheader, .galerie h2.commentformheader a {display: none;} .galerie h2.commentheader, .galerie h2.commentheader a {color:#4c4c4c;} .galerie #commentlist li .commentauthor, .galerie #commentlist li .commentauthor a { color:#4c4c4c;} .galerie #commentlist li .comment-meta, .galerie #commentlist li .comment-meta a { color:#4c4c4c;} .entry-meta-bottom {display: none;} .gallerie-content { overflow: visible; width: 600px;} .galerie ul#albums {float: none; overflow: visible;} .galerie .album {float: none; display: inline;} .galerie .album img {margin: 0;} .galerie .album .album_thumb {width: 160px; height: 160px; overflow: visible; float: none;} .galerie .image {width: 160px; height: 160px; overflow: visible; float: none; margin: 0;} .galerie .image img {margin: 0 11px 11px 0;} .galerie .album .album_thumb a {width: 160px; height: 160px; overflow: visible; float: none;} .galerie #albums .album p {margin-left:0px; display: inline;} .galerie #albums .album h3 {margin-left:0px;} .galerie .album .albumwrapper {padding-top: 5px; padding-bottom: 20px;} .galerie #images #albumwrapper {padding-top: 5px; padding-bottom: 20px;} .galerie #tagcontainer {display: none;} .galerie #image-details {overflow: visible; padding:0; width:600px;} #header { position: relative; height: 92px; width: 600px; overflow: hidden; } #headerimage {display: none;} #header h1, #header h2, #header h3, ul.menu {display: none;} #header img.print {display: block;margin-top: 0; left: 0; top: 0;margin-bottom:0px; margin-left:-15px; width: 500px; height: 92px; } #rightbackground {display: none;} .content {overflow: visible;} .entry-content {overflow: visible;} .comments {overflow: visible; } h2.commentheader {border-bottom: 1px solid #000; padding-bottom: 15px;} iframe {display: none;} .entry-edit {display: none;} .entry-content p span.onderschrift {color:#777;} span.youtube {display: none;} .entry-content ul li { margin-left: 2em; list-style-type: disc; list-style-position: outside; } body .entry-content a.pdf, body .entry-content a.word, body .entry-content a.rss { padding-left: 0px; margin-left: 1em; padding-left: 0; } body .entry-content ul li a.pdf, body .entry-content ul li a.word, body .entry-content ul li a.rss { padding-left: 0; margin-left: 0; list-style-type: none } .galerie .album h3 a {color: #4c4c4c;} .galerie .pagelist, .galerie .albumnav, .galerie .imgnav {display: none;} .galerie .page-head span strong, .galerie .page-head span strong a {color: #4c4c4c;} .galerie li.tags_title {padding-left: 0;} .galerie #image-details p a[href^="http:"] { padding-right: 0px; display: inline;} .galerie a.maillink { padding-right: 0px; display: inline;} #rollingarchives {display: none;} .blog .hentry, .search .hentry {border-bottom: 1px solid #000;} .comments {width: 500px; } #comment-list {width: 500px; display: inline;} #comment-list li {overflow: visible;} .avatars {display: none;} #commentlist li .comment-content {left: 0; width: 500px; border-bottom: 1px solid #000; float: none;} #commentlist li .comment-content .comment-wrapper {width: 500px; float: none;} #commentlist li .comment-content .comment-wrapper2 {width: 500px; padding: 10px 0 0 0; float: none;} #commentlist li .commentauthor {margin-left: 0; width: 500px; float: none;} .comment-content p, .comment-content ul, .comment-content ol, .comment-content div, .comment-content blockquote { margin: 0 0px 1.3em 0px; } #commentlist li .comment-meta { margin: 0 0px 0 0; padding-left: 0; display: block; float: none; } #vlieg {display: none;} #texttrimmer {display: none;} }