/*----------------------------------------------------------------------------- Van Jaarsveld/Van Scherpenzeel Boomtotaalzorg Screen Stylesheet version: 1.0 date: 15/01/2009 author: Freek Hol Design email: freek [at] freekhol.nl -----------------------------------------------------------------------------*/ /* Color index ----------------------------------------------------------------------------- ## BASE COLORS ## - HOME : #009966 [greenish blue] - ADVIES : #e5ab0c [yellow] - UITVOERING : #64b207 [green] - LINKS : #0884a6 [blue] - CONTACT : #c30a17 [brick red] */ /* Import other stylesheets -----------------------------------------------------------------------------*/ @import url("reset.css"); /* Styles for layout -----------------------------------------------------------------------------*/ .clear {clear:both;} .right {float:right;} .left {float:left;} .clearfloat {clear:both; height:0; font-size:1px; line-height:0px;} /* Set up the document -----------------------------------------------------------------------------*/ body {font:small Tahoma, Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center;} #container {background:#fff url(http://www.boomtotaalzorg.nl/images/bg-mainContent-dot.gif) repeat-y 622px 0; margin:0 auto; text-align:left; width:955px;} #header {background-color:#fff; background-repeat:no-repeat; background-position:0 0; height:182px; position:relative;} #feature {background-repeat:no-repeat; background-position:0 0; height:237px; width:955px;} #sidebar {float:right; padding:0; width:303px;} #mainContent {margin:0; min-height:250px; width:600px;} #footer {background-repeat:no-repeat; background-position:bottom left; height:200px; padding:0;} #footer .inner {padding-top:120px;} /* Styling font -----------------------------------------------------------------------------*/ #header h1, #header h2 {font-family:"Lucida Sans", Arial, Helvetica, Verdana, sans-serif; text-transform:uppercase; margin:0; padding:0; text-indent:-10000px;} #header h1 {font-size:150%; letter-spacing:-2px;} #header h2 {font-size:110%; letter-spacing:-1px;} #header p {float:right; margin-top:120px;} #feature h1 {display:inline; font-family:Georgia, "Times New Roman", Times, serif; font-size:270%; font-style:italic; font-weight:normal; padding:7px;} #feature p {color:#5d5d5d; font-family:Georgia, "Times New Roman", Times, serif; font-size:150%; font-style:italic; line-height:1.4em; margin:15px 0 0 30px;} #mainContent, #sidebar {color:#3a3a3a; font-size:105%; line-height:1.6em;} #mainContent h1 {font-size:130%; font-weight:normal; text-transform:uppercase;} #mainContent h1, #mainContent h2, #mainContent p, #mainContent ul, #mainContent ol {margin:0 58px 1em 30px;} #mainContent h2 {margin-bottom:0;} .vac #mainContent h1 {margin-bottom:0;} .sub {color:#666; font-size:90%;} #sidebar h2 {background:#dbdada url(http://www.boomtotaalzorg.nl/images/bg-sidebar-h2.gif) no-repeat bottom right; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:130%; font-weight:normal; margin-bottom:20px; padding:4px 7px;} #sidebar h2.marginTop {margin-top:1em;} #sidebar h3 {margin-left:7px;} #sidebar p {padding:0 0 1em 0; margin-left:7px;} #sidebar .textSnippet {padding-bottom:0;} #sidebar p.moreLink {background-repeat:no-repeat; background-position:left 6px; zoom:1;} #sidebar p.sub {padding-bottom:0;} #footer {color:#fff;} #footer p {margin:0 30px;} /* Styling links -----------------------------------------------------------------------------*/ /* header */ #header p a, #header p a:visited {color:#666; padding-left:8px; text-decoration:none; text-transform:uppercase;} #header p a:hover {background:url(http://www.boomtotaalzorg.nl/images/arrowpoint.gif) no-repeat 0 3px; text-decoration:underline;} .home #header p a, .home #header p a:visited {background:url(http://www.boomtotaalzorg.nl/images/arrowpoint.gif) no-repeat 0 3px;} .home.vac #header p a, .home.vac #header p a:visited {background:none;} .home.vac #header p a:hover {background:url(http://www.boomtotaalzorg.nl/images/arrowpoint.gif) no-repeat 0 3px;} /* sidebar */ #sidebar a, #sidebar a:visited {border-bottom:1px dotted #999; text-decoration:none;} #sidebar a:hover {border:none;} #sidebar p.moreLink a, #sidebar p.moreLink a:visited {margin-left:10px;} /* mainContent */ #mainContent a, #mainContent a:visited {border-bottom:1px dotted #999; text-decoration:none;} #mainContent a:hover {border-bottom-style:solid;} /* footer */ #footer a, #footer a:visited {color:#fff; text-decoration:none;} #footer a:hover {text-decoration:underline;} #footer a.plug {border-bottom:1px dotted #fff; text-decoration:none;} #footer a.plug:hover {border-bottom-style:solid;} /* Navigation -----------------------------------------------------------------------------*/ #nav {position:absolute; top:90px; right:0;} #nav li {float:left; margin-right:12px;} #nav li.last {margin-right:0;} #nav li a, #nav li a:visited {color:#3d554d; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; display:block; font-size:110%; font-weight:bold; text-decoration:none; text-transform:uppercase;} #nav li a:hover {color:#fff;} #nav #t-advies {width:71px;} #nav #t-uitvoering {width:104px;} #nav #t-links {width:64px;} #nav #t-contact {width:88px;} #nav #t-advies a {background:url(http://www.boomtotaalzorg.nl/images/nav-advies.gif) no-repeat 0 2px; padding:9px 11px 18px 12px;} #nav #t-uitvoering a {background:url(http://www.boomtotaalzorg.nl/images/nav-uitvoering.gif) no-repeat 0 2px; padding:9px 11px 18px 12px;} #nav #t-links a {background:url(http://www.boomtotaalzorg.nl/images/nav-links.gif) no-repeat 0 2px; padding:9px 11px 18px 13px;} #nav #t-contact a {background:url(http://www.boomtotaalzorg.nl/images/nav-contact.gif) no-repeat 0 2px; padding:9px 11px 18px 12px;} #nav #t-advies.current a, #nav #t-uitvoering.current a, #nav #t-links.current a, #nav #t-contact.current a, #nav #t-advies a:hover, #nav #t-uitvoering a:hover, #nav #t-links a:hover, #nav #t-contact a:hover {background-position:0 -42px;} #nav #t-advies.current a, #nav #t-uitvoering.current a, #nav #t-links.current a, #nav #t-contact.current a {color:#fff;} /* Custom Rules -----------------------------------------------------------------------------*/ #mainContent hr {height:1px; margin:1em 30px;} #mainContent img {background:#fff; border:3px solid #e5e5e5; padding:1px;} #mainContent img.right {float:right; margin-left:10px;} #mainContent img.left {float:left; margin-right:10px;} /* Styling lists */ #mainContent ul, #mainContent ol {margin-bottom:1em;} #mainContent ol {list-style:decimal; list-style-position:inside;} #mainContent ul li {padding-left:24px;} #mainContent ul li {background-repeat:no-repeat; background-position:0 5px;} #mainContent ul li ul, #mainContent ol li ol, #mainContent ul li ol, #mainContent ol li ul {margin-bottom:0; margin-left:20px;} #mainContent ul li ul li {list-style:disc; padding-left:0;} #sidebar ul {margin:0 0 2em 7px;} #sidebar ul li {background:url(http://www.boomtotaalzorg.nl/images/arrowpoint-inactive.gif) no-repeat left 6px; margin:0 0 1em 0; padding:0 0 0 10px;} #sidebar ul li a, #sidebar ul li a:visited {margin-left:0;} /* footer */ #footer ul {float:right; margin-right:30px;} #footer ul li {border-right-style:solid; border-right-width:1px; float:left; padding:0 8px;} #footer ul li.last {border-right:none;}