body { font-family: "Lucida grande", Arial, Helvetica, sans-serif; padding:0; line-height: 1.3em; margin: 8px; background: #fff; font-size: 1em; } #plaatjerechts { border-bottom: 1px solid #00acee; border-top: 1px solid #00acee; } #maincontainer { width: 770px; margin: 0 0; } #topsection { background: url('http://www.bastimmermansmetaal.nl/pics/backgrounds/header.jpg') no-repeat; height: 25px; font-size: 0.7em; padding: 80px 0px 0px 180px; } #subnavsection { text-align: center; height:25px; background: #dedede; border-bottom: 1px solid #00acee; font-size: 0.7em; line-height: 25px; } #subnavsection a { color: #000000; text-decoration: none; padding-left: 20px; } #subnavsection a:hover { text-decoration: underline; padding-left: 20px; } #subnavsection a.subnavselected { font-weight: bold; } #contentwrapper{ float: left; width: 100%; } #contentcolumn { font-size: 0.7em; margin: 0 180px 0 150px; padding: 5px 10px 0px 30px;} #contentcolumn h1 { font-size: 15px; line-height: 30px; font-weight: bold; color: #336699; } #contentcolumn h2 { font-size: 14px; line-height: 20px; font-weight: bold; color: #336699; } #contentcolumn h3 { font-size: 12px; line-height: 15px; font-weight: bold; color: #336699; } #contentwrapper1 { float: left; width: 100%; } #contentcolumn1 { font-size: 0.7em; margin: 0 0px 0 150px; padding: 5px 10px 0px 30px;} #contentcolumn1 h1 { font-size: 15px; line-height: 30px; font-weight: bold; color: #336699; } #contentcolumn1 h2 { font-size: 14px; line-height: 20px; font-weight: bold; color: #336699; } #contentcolumn1 h3 { font-size: 12px; line-height: 15px; font-weight: bold; color: #336699; } #leftcolumn { float: left; width: 150px; margin-left: -770px; } #rightcolumn { float: left; width: 180px; margin-left: -180px; padding: 10px 0px 10px 0px; line-height: 1.2em;} #rightcolumn div { background: #dedede; font-size: 0.7em; padding: 10px 5px 5px 10px;} #footer { clear: left; color: #336699; width: 100%; text-align: center; padding: 4px 0px 0px 0px; font-size: 0.7em; } #footer a { color: #336699; } #footer div#boven { text-align:right; padding: 1em 17em 1em 0em; height: 25px; } #footer div#boven a { color: #222; text-decoration: none; padding:2px 20px 4px 0; background: url('http://www.bastimmermansmetaal.nl/picsystem/boven.gif') 100% 100% no-repeat;} #footer div#boven a:hover { color: #000; text-decoration: underline; background: url('http://www.bastimmermansmetaal.nl/picsystem/boven-selected.gif') 100% 100% no-repeat;} ul { width: 100%; padding: 0; margin: 0; list-style: none; } li.depth1 { width: 100%; font-size: 0.7em; line-height: 1.9em; border-bottom: 1px solid #fff; list-style: none; } li.depth2 { width: 100%; list-style: none; } li.depth1 a { background: #dedede; color: #000; text-decoration: none; display:block; padding-left: 15px;} li.depth1 a:hover { background: #ff0000; color: #000; text-decoration: none; display:block; padding-left: 15px;} li.depth1 a.selected { background: #ff3333; color: #000; text-decoration: none; display:block; padding-left: 15px;} li.depth1 a.selected:hover { background: #ff0000; color: #000; text-decoration: none; display:block; padding-left: 15px;} li.depth2 a { background: #dedede; color: #000; text-decoration: none; display:block; padding-left: 25px; font-size: 10px; line-height: 15px; border-bottom: 1px solid #fff; } li.depth2 a:hover { background: #ff8888; color: #000; text-decoration: none; display:block; padding-left: 25px; font-size: 10px; line-height: 15px; border-bottom: 1px solid #fff; } li.depth2 a.selected { background: #ff8888; color: #000; font-weight: bold; text-decoration: none; display:block; padding-left: 25px; font-size: 10px; line-height: 15px; border-bottom: 1px solid #fff; } li.depth2 a.selected:hover { background: #ff0000; color: #000; font-weight: bold; text-decoration: none; display:block; padding-left: 25px; font-size: 10px; line-height: 15px; border-bottom: 1px solid #fff; } h4.left { margin: 0px 0px 2px 0px; padding: 0; color: #fff; margin-top: 10px; background: #00acee url(http://www.bastimmermansmetaal.nl/pics/images/left-tab-wit.gif) left top no-repeat; text-decoration: none; } h4.left span { background: url(http://www.bastimmermansmetaal.nl/pics/images/right-tab-wit.gif) right top no-repeat; display: block; font-size: 0.7em; padding-left: 10px; } h4.right { margin: 0px 0px 0px 0px; padding: 0; color: #336699; margin-top: 10px; background: #99b2cc url(http://www.bastimmermansmetaal.nl/pics/images/left-tab-blauw.gif) left top no-repeat; text-decoration: none; } h4.right span { background: url(http://www.bastimmermansmetaal.nl/pics/images/right-tab-blauw.gif) right top no-repeat; display: block; font-size: 0.7em; padding-left: 10px; } #topsection a { color: #fff; background: #00acee url(http://www.bastimmermansmetaal.nl/pics/images/left-tab.gif) left top no-repeat; text-decoration: none; padding-left: 10px } #topsection a span { background: url(http://www.bastimmermansmetaal.nl/pics/images/right-tab.gif) right top no-repeat; padding-right: 10px } #topsection a, #topsection a span { display: block; float: left; } /* Hide from IE5-Mac \*/ #topsection a, #topsection a span { float: none } /* End hide */ #topsection a:hover, #topsection a.selected { color: #fff; background: #ff3333 url(http://www.bastimmermansmetaal.nl/pics/images/left-tab-hover.gif) left top no-repeat; padding-left: 10px; } #topsection a:hover span, #topsection a.selected span { background: url(http://www.bastimmermansmetaal.nl/pics/images/right-tab-hover.gif) right top no-repeat; padding-right: 10px; } #topsection a.grijs { color: #fff; background: #999999 url(http://www.bastimmermansmetaal.nl/pics/images/left-tab-grijs.gif) left top no-repeat; padding-left: 10px } #topsection a.grijs span { background: url(http://www.bastimmermansmetaal.nl/pics/images/right-tab-grijs.gif) right top no-repeat; padding-right: 10px } #navigation ul { padding: 0; margin: 0; } #navigation li { float: left; margin-left: 2px; font-weight: bold; list-style: none; } .highslide { cursor: url(http://www.bastimmermansmetaal.nl/js/highslide/graphics/zoomin.cur), pointer; outline: none; } .highslide img { border: 1px solid white; margin: 3px; } .highslide:hover img { border: 1px solid #00acee; } .highslide-image { border: 10px solid white; } .highslide-image-blur { } .highslide-caption { display: none; border: 5px solid white; border-top: none; padding: 5px; background-color: white; font-size: 0.8em; } .highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border-top: 1px solid white; border-bottom: 1px solid white; background-color: black; /* padding-left: 22px; background-image: url(http://www.bastimmermansmetaal.nl/highslide/graphics/loader.gif); background-repeat: no-repeat; background-position: 3px 1px; */ } a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; } a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; } .highslide-display-block { display: block; } .highslide-display-none { display: none; }