/* @override http://www.nieuwezijds.nl/Nieuws/wp-content/themes/nieuwezijds/style.css */ /* @override http://www.nieuwezijds.nl/Nieuws/wp-content/themes/nieuwezijds/style.css */ /* Theme Name: Illacrimo Theme URI: http://wp-themes.designdisease.com/illacrimo/ Description: Designed by Elena G.. Version: 1.1 Author: Design Disease Author URI: http://wp-themes.designdisease.com/ */ a:link { text-decoration: none; color : #00a0e3; border: 0px; -moz-outline-style: none;} a:active { text-decoration: underline; color : #00a0e3; border: 0px; -moz-outline-style: none;} a:visited { text-decoration: none; color : #00a0e3; border: 0px; -moz-outline-style: none;} a:focus { outline: none;-moz-outline-style: none;} img { padding: 0px; margin: 0px; border: none; text-align: center;} hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px; } textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;} select { font-family: 'Verdana'; color: #282b31; font-size: 11px;} /* BGContainer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .BGC { width: 1000px; margin: 0 auto; padding: 0px; position: relative; } /* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /**/ * html .Header { height: 98px;} /* */ .Header { background: url(images/HeaderBkg.jpg) repeat-x left top; width: 1000px; position: relative; clear: left; padding: 0px; min-height:98px;} .Header h1 { font-size: 28px; line-height: 28px; letter-spacing: -1px; padding: 27px 5px 0px 100px; margin: 0px; font-weight: normal;} .Header h1 a { color:#fff; text-decoration: none; } .Header h1 a:visited { color:#fff; text-decoration: none; } .Header h1 a:hover { color:#fff; text-decoration: none; } .Header .Desc { color:#75c0d9; font-size: 14px; line-height: 14px; font-weight: bold; letter-spacing: -1px; font-family: 'Arial'; padding: 0px; margin: 0px 0px 0px 100px;} .Header .LS { position: absolute; top: 30px; left: 30px; background: url(images/LogoIcon.png) no-repeat left top; width: 40px; height: 43px;} /* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Menu { background: #fff; width: 730px; position: relative; float: left; height: 35px;} .Menu em { display: none} .Menu ul { list-style: none; margin: 0px; padding: 10px 0px 0px 100px;} .Menu ul li ul { display: none;} .Menu li { padding: 0px; margin: 0px; display: inline; font-size: 11px;} .Menu a span { padding: 6px 9px 6px 6px; display: block; background: url(images/MRight.png) no-repeat right top; float: right; } .Menu a span { float: none; color: #FFF;} .Menu a:hover span { color: #FFF;} .Menu a:hover { background-position: 0% -25px; color:#003399; text-decoration: none;} .Menu a:hover span { background-position: 100% -25px; color:#003399;} .Menu .on { background: url(images/MLeft.png) no-repeat left bottom; color:#003399; } .Menu .on span { background: url(images/MRight.png) no-repeat right bottom; color:#003399; } .MTL { position: absolute; top: 0px; left: 0px; background: url(images/MTL.gif) no-repeat left top; height: 8px; width: 8px;} .MTR { position: absolute; top: 0px; right: 0px; background: url(images/MTR.gif) no-repeat left top; height: 8px; width: 8px;} /* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .CON { width: 730px; float: left; position: relative; padding: 0px; z-index:10;} /* Side Central Single +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SCS { width: 420px; float: left; padding: 15px 30px 15px 100px; } .SCS h1 { font-size: 20px; font-weight: normal; background: url(images/PostHead.gif) repeat-x bottom; padding-bottom: 10px; letter-spacing: -1px; } .SCS h2 { font-size: 18px; font-weight: normal; } .SCS h3 { font-size: 14px; font-weight: bold; } .SCS p { font-size: 12px; line-height: 17px;} .SCS p strong {} .SCS img {} .SCS ul { padding: 10px 0px; margin: 0px; } .SCS li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c; } .SCS blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; } .SCS blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;} .SCS blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#336699; } .SCS blockquote a { color:#0080ca; } .SCS blockquote a:visited { color:#0080ca; } .SCS blockquote a:hover { color:#003399; } .SCS a { text-decoration: underline;} /* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SC { width: 350px; float: left; padding: 15px 30px 15px 70px;} .SC h2 { font-weight: normal;} .pagetitle { font-size: 20px; font-weight: normal; letter-spacing: -1px; border-bottom: solid 1px #000; padding-bottom: 15px;} /* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Post { padding: 0px; position: relative; clear: left;} .PostHead { position: relative; clear: left; padding-bottom: 1px;} .PostHead h1 { font-size: 20px; line-height: 20px; letter-spacing: -1px; font-weight: normal; padding: 0px 0px 1px 0px; margin: 0px; color:#cc6600;} .PostHead h1 a { border: none; color: #c00; } .PostHead h1 a:hover { color:#cc0000; text-decoration: none;} .PostAuthor { padding: 1px 0px; margin: 0px; font-size: 10px; color:#333; font-weight: bold;} .PostDate { margin: 0px; position: absolute; top: 0px; left: -70px; text-align: center; border: 1px solid #bbb;padding: 0px 10px 6px 10px;} .PostDate small { font-size: 10px; color:#8a98a2; font-weight: bold; } .PostDate .month { display:block; text-transform: uppercase; font-size: 9px;} .PostDate .day { display:block; font-size: 24px; line-height: 24px; font-family: 'Arial'; letter-spacing: -1px; font-weight: normal; color:#c00;} .PostDate .year { display:block;} .PostContent { padding: 0px 0px 5px 0px; font-size: 12px; line-height: 17px; background: url(images/PostHead.gif) repeat-x bottom; } .PostContent p { font-size: 12px; line-height: 17px;} .PostContent p strong {} .PostContent img {} .PostContent ul { padding: 10px 0px; margin: 0px; } .PostContent li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c; } .PostContent blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; } .PostContent blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;} .PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#336699; } .PostContent blockquote a { color:#0080ca; } .PostContent blockquote a:visited { color:#0080ca; } .PostContent blockquote a:hover { color:#003399; } .PostContent a { text-decoration: underline;} .PostDet { padding-top: 15px;} .PostDet ul { padding: 0px; margin: 0px;} .PostDet li { padding: 5px 0px 5px 18px; margin: 0px 10px 0px 0px; list-style-type: none; display: inline; color:#333; font-size: 10px; font-weight: bold; } .PostCateg { background: url(images/PostCateg.png) no-repeat left center;} .PostCom { background: url(images/PostCom.png) no-repeat left center; } /* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .Note { padding: 0px; margin: 0px;} .Note li { padding: 2px 0px 2px 15px; margin: 0px; list-style-type: none; font-size: 11px;} .NoteRss { background: url(images/NoteRss.png) no-repeat left top;} .NoteTrackBack { background: url(images/NoteTrackBack.png) no-repeat left top;} .Note li a { color:#cc6600;} /* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Nav a { padding: 2px 5px 2px 3px; background: #fff; border-right: solid 1px #ccc; font-size: 11px;} .Nav a:visited { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc;} .Nav a:hover { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; text-decoration: none;} .Nav span { padding: 2px 5px 2px 0px; color:#6666; border-right: solid 1px #ccc; } .Nav .on { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; font-size: 11px; color:#000;} /* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Comments { margin: 20px 0px 0px 0px;} /* Comments List ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Comments .List h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#000; } .Comments .List ol { padding: 0px; margin: 0px;} .Comments .List li { position: relative; padding: 15px 5px 10px 5px; margin: 0px 0px 20px 0px; list-style-type: none;} .Comments .List .ComListLi { background: #f6f1de url(images/ComListLiBottom.gif) no-repeat left bottom; } /**/ * html .Comments .List .ComListLiTop { left: -5px;} /**/ .Comments .List .ComListLiTop { position: absolute; background: url(images/ComListLiTop.gif) no-repeat left top; height: 15px; width: 420px; left: 0px; top: 0px;} /**/ * html .Comments .List .ListNr { left: -55px;} /**/ .Comments .List .ListNr { color:#bec9d1; position: absolute; top: 15px; font-size: 24px; line-height: 24px; font-family: 'Arial'; font-weight: normal; letter-spacing: -1px; padding: 0px; left: -55px; } /**/ * html .Comments .List .ListGrav { left: 10px;} /* */ .Comments .List .ListGrav { position: absolute; top: 15px; left: 15px;} .Comments .List .ListGrav img { border: solid 1px #fff;} .Comments .List big { margin: 0px; padding: 0px 0px 0px 42px; font-size: 11px; line-height: 11px; letter-spacing: -1px; color:#333; font-weight: bold; display: block;} .Comments .List small { color:#a19a80; padding: 0px 0px 0px 42px; margin: 0px; font-size: 10px; } .Comments .List small a { color:#a19a80; text-decoration: none;} .Comments .List small a:visited { text-decoration: none;} .Comments .List .ListContent { margin: 15px 0px 0px 0px; padding: 5px 10px; font-size: 11px; line-height: 15px; background: #fff url(images/ComListContent.gif) no-repeat left top; display: block;} /* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Comments .Form h3 { font-size: 14px; font-weight: bold; letter-spacing: -1px; margin: 0px; padding: 5px 0px 10px 0px; color:#333;} .Comments .Form { background: #bbe9ff url(images/ComFormBottom.gif) no-repeat left bottom; padding: 10px 15px 20px 15px; position: relative;} /**/ *html .Comments .FormTop { left: -15px;} /**/ .Comments .FormTop { background: url(images/ComFormTop.gif) no-repeat left top; position: absolute; top: 0px; left: 0px; width: 504px; height: 7px;} .Comments .Form form {margin: 0px; padding: 0px;} .Comments .Form a { text-decoration: underline;} .Comments .Form p { padding: 0px; margin: 0px; font-size: 11px; color:#336699; } .Comments .Form p small strong { font-size: 10px; font-weight: bold; color:#FF3300;} .Comments .Form p small { font-size: 11px; display: block; padding: 5px 0px;} .Comments .Form .TextField { background: #fff; border: solid 1px #9dc0d0; padding: 5px 4px; font-size: 11px; display: block;} .Comments .Form .TextArea { background: #fff; border: solid 1px #9dc0d0; padding: 4px; font-size: 12px;} .Comments .Form input.SubmitComment { width: 257px; height: 26px; background: url(images/SubmitComment.png) no-repeat; margin-top: 8px;} .Comments .Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 8px;} .Comments .Form input.SubmitCommentIE { width: 257px; height: 26px; background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 10px; margin-top: 8px;} /* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SR { width: 250px; float: right; position: relative; } .SR h2 { font-size: 14px; letter-spacing: normal; font-weight: bold; color:#fff;} /* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Search { width: 140px;} .Search form { padding: 3px 20px 10px 0px; margin: 0px;} .Search input { border: 1px solid #333; color: #333; padding: 5px;} .Search input.keyword { background: none; border: none; padding: 5px 0px 5px 8px; width: 160px; border: 1px solid #333; } /**/ * html #buttonsearch { margin: -24px 0px 0px 203px; } /* */ #buttonsearch { padding: 0px; margin: -23px 0px 0px 203px; top: 0px; background: none; } /* Flickr RSS - PlugIn ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Flickr { margin-bottom: 10px;} .Flickr h2 { background: url(images/Fli§ckrH3.gif) no-repeat left top; padding: 0px 0px 5px 20px; margin: 0px 0px 10px 0px; border-bottom: dashed 1px #7bb9d9; } .Flickr ul { padding: 0px; margin: 0px;} .Flickr li { padding: 0px; margin: 0px 6px 0px 0px; list-style-type: none; display: inline;} .Flickr li a img { background: #000; padding: 1px; border: solid 4px #127aae; width: 60px; height: 60px; margin-bottom: 5px;} .Flickr li a:hover img { background: #fff; padding: 1px; border: solid 4px #09182a; margin-bottom: 5px;} /* Syndicate ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Syn { margin-bottom: 10px; position: relative; padding: 10px 15px; } /**/ * html .SynTop { left: -15px;} /* */ .Syn ul { margin: 0px; padding: 0px;} .Syn li.twitter { background: url(/i/twitter.png) no-repeat left center;} .Syn li.facebook { background: url(/i/facebook.png) no-repeat left center;} .Syn li { background: url(images/SynIco.gif) no-repeat left center; margin: 0px; padding: 3px 0px 3px 20px; list-style-type: none; font-size: 12px; color:#c00;} .Syn li a { font-size: 12px; } /* Side Right Left +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SR .SRL { float: left; padding: 15px 20px 15px 20px;} .SR .SRL .widget { margin-bottom: 20px; color:#fff;} .SR .SRL .widget h2 { background: url(images/CategH3.gif) no-repeat left top; padding: 0px 0px 5px 20px; margin: 0px; border-bottom: dashed 1px #c00; color: #333;} .SR .SRL .widget ul { margin: 0px; padding: 0px;} .SR .SRL .widget li { margin: 0px; padding: 2px 0px 3px 20px; list-style-type: circle; font-size: 11px; border-bottom: solid 1px #bbb;} .SR .SRL .widget_categories .children ul { margin: 2px 0px 0px 0px; padding: 0px; list-style-type: none; } .SR .SRL .widget_categories .children li { margin: 0px; padding: 0px; list-style-type: none; border-bottom: none; font-size: 10px; background: none; } .SR .SRL .widget_tag_cloud { font-family: "Trebuchet MS"; line-height: 18px;} .SR .SRL .widget_calendar table { width: 100%;} .SR .SRL .widget_calendar table td { text-align: center; padding: 3px; } .SR .SRL .widget_calendar caption { background: #006dab; padding: 5px 0px;} .SR .SRL .widget_calendar #today { background: #006dab;} .SR .SRL .widget_search #s { width: 160px; border: solid 1px #006dab; padding: 3px; margin-bottom: 5px;} /* Side Right Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SR .SRR { width: 220px; float: right; padding: 10px;} .SR .SRR .widget { margin-bottom: 10px; color:#7a8fa4;} .SR .SRR .widget h2 { color:#c00; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; } .SR .SRR ul { padding: 0px; margin: 0px;} .SR .SRR li { padding: 0px 0px 0px 10px; margin: 0px; list-style-type: none; background: url(images/SRRIco.png) no-repeat left top;} .SR .SRR li a { color:#7a8fa4; font-size: 11px; } .SR .SRR li a:visited { color:#7a8fa4; } .SR .SRR li a:hover { color:#fff;} /* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Footer { width: 970px; position: relative; clear: left; padding: 10px 15px;} .FL { position: absolute; top: -8px; left: 0px; height: 8px; width: 8px; background: url(images/FL.gif) no-repeat left top; } .FR { position: absolute; top: -8px; right: 0px; height: 8px; width: 8px; background: url(images/FR.gif) no-repeat left top; } .Footer p { font-size: 10px; color:#92b8cd; padding: 0px; margin: 0px; } .Footer a { color:#92b8cd; text-decoration: underline;} body,html { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size-adjust: none; background-color: rgb( 60,60,90); color: #666; } a { color: #c00; text-decoration: none; } h1 { margin: 7px 0 12px 0; color: #333; font-size: x-large; } .text a { color: #666; border-bottom: 1px solid #c00; text-decoration: none; } .text h1 { text-align: center; padding-top: 20px; font-weight: normal; font-size: 16px; color: #c00; margin-bottom: 10px; } #main { width: 932px; margin: 0 auto; } #mainmenu { width: 155px; float: left; } #contentarea { background-color: #fff; width: 775px; float: left; } /* logo */ #logo { height: 83px; margin: 0; background-color: #fff; text-align: center; } #logo img { margin-top: 22px; } /* tekstvak */ .text { padding: 24px; padding-right: 20px; font-size: 77%; line-height: 130%; display: block; } /* menu links */ #mainmenu { width: 155px; } #mainmenu a,#mainmenu span { float: right; clear: right; padding-left: 14px; margin-bottom : 4px; color: #fff; width: 134px; } #mainmenu a.first { border-top: 1px solid #ddd; padding-top: 3px; margin-top: 44px; } #mainmenu a { text-decoration : none; text-align: left; color: #ffffd1; border-bottom: 1px solid #ddd; padding : 1px 0 2px 0; font-weight: normal; font-size: 12px; text-transform: none; margin-top: 1px; } #mainmenu .jump { margin-top: 19px; } #leftmenu li a:hover { background-color: #666; color: #fff; } #mainmenu input { width: 120px; border: 1px solid #bbb; color: #666; background-color: #ddd; margin-top: 20px; } #homeknop { padding-left: 17px; padding-top: 5px; } #homeknop img { border: none; } /* Boektitel */ .text h1.boektitel { font-weight: normal; margin-bottom: 8px; text-transform: none; font-size: x-large; text-align: left; color: #333; line-height: 1em; } .subtitel { color: #333; } .text h1.boekauteur { font-weight: bold; margin:0; padding: 12px 0; margin-bottom: 8px; text-transform: none; font-size: medium; text-align: left; color: #666; line-height: 1em; } /* Footer */ p.footer { display: block; padding: 9px; padding-left: 14px; padding-right: 14px; clear: both; margin: 0; font-size: x-small; color: #bbb; text-align: right; } p.footer a { color: #bbb; } p.footer a:hover { border-bottom: 1px solid #c00; } /* Boekenlijst */ .duimpje { float: left; margin: 0; height: 84px; text-align: center; width: 80px; line-height: 80px; overflow: hidden; } .duimpje img { border: 1px solid #999; } .lijstitem { margin-left: 90px; } .lijstitem h2 { font-weight: normal; font-size: small; margin: 0; margin-bottom: 3px; } .lijstitem h2 a { text-decoration: none; color: #333; border-bottom: 1px solid #b00; } .lijstitem h3 { margin: 0; font-weight: normal; font-size: small; } .lijstitem p { margin: 0; font-weight: normal; font-size: small; margin-bottom: 40px; } ul.booklist a { color: #666; border-bottom: 1px solid #b00; text-decoration: none; } ul.booklist li { margin: 5px; } /* drop down menu */ #nav, #nav ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1; z-index: 1000; } #nav a { display: block; width: 220px; } #nav li { /* all list items */ float: left; width: 10em; /* width needed or else Opera goes nuts */ z-index: 1000; } #nav li ul { /* second-level lists */ position: absolute; background: orange; width: 220px; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #nav li ul ul { /* third-and-above-level lists */ margin: -2.4em 0 0 220px; padding: 0; border-left: 1px solid #fff; line-height: 1.5em; } #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } #nav { background-color: rgb(255, 102, 0); margin: 0; font-size: small; margin-left: 50px; height: 1.9em; } /*OUD*/ #nav, #nav ul { /* all lists */ padding: 0; list-style: none; line-height: 1; } #nav a { display: block; color: #fff; padding-top: 7px; padding-bottom: 8px; margin: 0; width: 220px; } #nav li ul li ul li a { padding-top: 0.4em; padding-bottom: 0.4em; } #nav a:hover { color: #c00; background-color: #fff; //padding-right: 0; //padding-left: 0; } #nav li { /* all list items */ float:left; width: 220px; font-weight: bold; letter-spacing: .1em; border-right: 1px solid #fff; font-size: 12px; text-transform: uppercase; } #nav li a { text-align: center; } #nav li.first { border-left: 1px solid #fff; } #nav li ul { /* second-level lists */ position: absolute; background:rgb(255, 102, 0); width: 220px; margin-top: 0; border-top: none; padding-top: 0px; padding-bottom: 1px; left: -999em; margin: 0; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } #nav li ul li { border: none; border-top: 1px solid #fff; } /* fondslijst */ .fondsline { margin-left: 42px; text-indent: -32px; } /* CSS Tabs */ /* begin css tabs */ ul#tabnav li.kooptab, ul#tabnav li.kooptab a { background-color: #fffa5d; } ul#tabnav { /* general settings */ text-align: left; /* set to left, right or center */ margin: 1em 0 1em 0; /* set margins as desired */ border-bottom: 1px solid #999; /* set border COLOR as desired */ list-style-type: none; padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */ } ul#tabnav li { /* do not change */ display: inline; margin-left: 6px; } ul#tabnav li.sel { /* settings for selected tab */ border-bottom: 1px solid #fff; /* set border color to page background color */ background-color: #fff; /* set background color to match above border color */ } ul#tabnav li.sel a { /* settings for selected tab link */ background-color: #fff; /* set selected tab background color as desired */ color: #000; /* set selected tab link color as desired */ position: relative; top: 1px; padding-top: 4px; /* must change with respect to padding (X) above and below */ } ul#tabnav li a { /* settings for all tab links */ padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */ border: 1px solid #999; /* set border COLOR as desired; usually matches border color specified in #tabnav */ background-color: #eee; /* set unselected tab background color as desired */ color: #000; /* set unselected tab link color as desired */ margin-right: 0px; /* set additional spacing between tabs as desired */ text-decoration: none; border-bottom: none; } ul#tabnav a:hover { /* settings for hover effect */ background: #fff; /* set desired hover color */ } /* end css tabs */ /* Details boek (ISBN etc) */ .details { float: right; width: 140px; padding: 8px; padding-top: 0; margin-top: 20px; border-left: 1px solid #bbb; padding-left: 6px; padding-bottom: 0; } .PostHead h1 { padding-top: 0; display: block; } #contentbar { margin: 0 3px; background-color: rgb(255, 102, 0); } i, em { font-style: italic; } b, bold { font-weight: bold; } #knoppenbalk { display: block; text-align: right; margin: 2px 54px 0 0; border-left: 3px solid #fff; clear: left; padding: 5px 3px 7px 0; padding-left: 50px; } #knoppenbalk a { color: #666; font-size: small; padding: 1px 12px; margin: 0; border-left: 1px solid #C5CCDE; } #knoppenbalk a.laatste { border-right: 1px solid #C5CCDE; } #knoppenbalk a:hover { color: #c00; } #searchbox { float: right; margin: 2px 54px 0 0; padding-left: 12px; } #search input.searchBoxinput { border: 1px solid #C5CCDE; background-color: #fff; width: 97px; color: #666; font-size: small; margin: 0 1px 0 0; padding: 2px 0 1px 0; } #search input.searchBoxinput:hover { background-color: #fff; } #search .searchSubmit { border: 1px solid #C5CCDE; width: 60px; background-color: #C5CCDE; color: #666; font-size: small; padding: 0 0 0px 0; } #search .searchSubmit:hover { background-color: #fff; cursor: pointer } #mainmenu #homeknop a { border: none; } #qsearch { padding: 12px; padding-left: 20px; padding-top: 40px; display: block; } #qsearchbox { font-size: small; }