/* ------------------------------------------------- Version : 1.0 Author : Brenda Brudet for Tremani Email : info@tremani.nl Website : http://www.tremani.nl ---------------------------------------------------- */ /*-----reset--------------------------*/ 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}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} a {text-decoration:none;} /*-----basic--------------------------*/ h1 {font-size: 180%; font-family:"lucida sans", " lucida grande", arial, sans serif; color:#0089d0; font-weight:200; } h2 {font-size: 145%; font-family:"lucida sans", " lucida grande", arial, sans serif; font-weight:200; color:#0089d0; padding-top:15px; } h3 {font-size: 125%; font-family:"lucida sans", " lucida grande", arial, sans serif; font-weight:200; color:#0089d0; padding-bottom:5px;} h4 {font-size: 112%; } h5 {font-size: 100%; } h6 {font-size: 90%; } a { color: #001781; text-decoration:none;} a:hover { color:#0089d0; text-decoration: underline;} a:active { color:#0089d0;} /*-----global--------------------------*/ body { background:#FFFFFF url(../img/header_bg.png) top left repeat-x; font-family:"lucida sans", " lucida grande", arial, sans-serif; color:#000000; font-size:75%; line-height:1.5em; } #contentwrapper { width:960px; margin:auto; } /*-----header--------------------------*/ #header { width:652px; height:229px; float:right; margin-right:-7px; margin-top:10px; background: url(../img/header.jpg) top left no-repeat; z-index:150;} .logo { margin:14px 0 0 90px; z-index:2; float:left; position:absolute;} .logo_tekst { margin:52px 390px 0px 80px; float:right;} /*-----nav-----------------------------*/ #mainnav { width:320px; text-align:center; font-size:125%; line-height:30px; float:left; margin-top:80px;padding:30px 0 10px 0; background:url(../img/mainnav_bg.png) top left repeat-y; border-top:1px solid #001781; position:absolute; } * html #mainnav {background:url(../img/mainnav_bg.gif) top left repeat-y;} #mainnav_bottom { float:left; position:absolute; width:320px; height:18px; background:url(../img/mainnav_bottom.png) left bottom no-repeat;} * html #mainnav_bottom { margin-left:-160px; background:url(../img/mainnav_bottom.gif) left bottom no-repeat;} *:first-child+html #mainnav_bottom { margin-left:-160px; background:url(../img/mainnav_bottom.gif) left bottom no-repeat;} #mainnav a { text-decoration:none; width:308px; display:block; height:30px; background:url(../img/mainnav.png) 6px top no-repeat;} #mainnav a:hover { background:url(../img/mainnav_hover.png) 6px top no-repeat; } #mainnav a:active { background:url(../img/mainnav_hover.png) 6px top no-repeat; color:#FFFFFF; } #mainnav a.current { background:url(../img/mainnav_hover.png) 6px top no-repeat; color:#0089d0; } a p:hover{color:#000;} a p{color:#000;} /*-----content--------------------------*/ #content { background:url(../img/content_bluebar.png) repeat-x; clear:both; width:955px;} #banner, #banner-empty { float:right; clear:both; width:630px; height:66px; text-align:right; margin:15px 4px 15px 0; border:0px solid red; background:#FFFFFF url(../img/plaatjes/banner2.png) no-repeat 0 0;} #banner-empty {background:none;} #banner a { display:block; height:100%; width:100%;} .col_klein { float:left; width:302px; margin:11px 0 40px 15px; padding-bottom:0px; background: url(../img/cb_repeat.png) top left repeat-y;} .col_klein.left { margin-left:9px;} * html .col_klein.left { margin-left:4px;} .cb_top {background:url(../img/cb_top.png) top left no-repeat; height:5px; } * html .cb_top {background:url(../img/cb_top.gif) top left no-repeat;} .cb_titel { background:url(../img/cb_titel.png) top left repeat-y; height:52px;} .cb_titel a { background:none; color:#0089d0; } * html .cb_titel { border:0px solid green; background:url(../img/cb_titel.gif) top left repeat-y;} .cb_titel a:hover { text-decoration:none} .cb_midden { background:url(../img/cb_midden.png) top left no-repeat; padding-top:10px; min-height:130px; height:auto !important; /* voor moderne Browser */ height:130px; /*voor IE6 */} * html .cb_midden { border-top:1px solid #f2f2f2;} .cb_bottom { background:url(../img/cb_bottom.png) top left no-repeat; height:9px; margin-top:20px; } * html .cb_bottom { background:url(../img/cb_bottom.png) bottom left no-repeat;} .col_klein h1 { padding:20px 10px 10px 15px; } .cb_midden p { padding:10px;} a.leesmeer { font-weight:bold; } #col_groot { float:left; width:625px; margin:11px 0 40px 6px; background: url(../img/cb_groot_repeat.png) top left repeat-y;} * html #col_groot { margin-left:3px;} #col_groot .cb_top {background:url(../img/cb_groot_top.png) top left no-repeat; height:5px; } * html #col_groot .cb_top {background:url(../img/cb_groot_top.gif) top left no-repeat; } #col_groot .cb_titel { background:url(../img/cb_groot_titel.png) top left repeat-y; height:52px;} * html #col_groot .cb_titel { background:url(../img/cb_groot_titel.gif) top left repeat-y;} #col_groot .cb_midden { background:url(../img/cb_groot_midden.png) top left no-repeat; padding:10px 10px 10px 15px;} #col_groot .cb_bottom { background:url(../img/cb_groot_bottom.png) top left no-repeat; height:9px; margin-top:20px; } * html #col_groot .cb_bottom {background:url(../img/cb_groot_bottom.png) bottom left no-repeat;} #col_groot h1 { padding:20px 10px 10px 15px;} #col_groot p { padding:10px 0px;} #col_groot a { font-weight:bold; } #col_groot.nieuws p { padding-top:0px; padding-bottom:20px;} #gallery { clear:both; width:100%; } #gallery img{ width:220px; height:160px; margin:0 7px 30px 7px; border:1px solid #b2b9d9;} #col_img { float:left; width:302px; margin:11px 0 40px 15px;} #col_img img { width:302px; } #gallery img.last { margin-right:0px;} #gallery img.img_smaller { height:252px; width:200px;} #gallery_el_var { clear:both; width:100%; } #gallery_el_var img{ width:220px; height:160px; margin:0 7px 30px 7px; border:1px solid #b2b9d9;} #col_img { float:left; width:302px; margin:11px 0 40px 15px;} #col_img img { width:302px; } #gallery_el_var img.last { margin-right:0px;} #gallery_el_var img.img_smaller { height:252px; width:200px;} .fotobeschrijving { margin:-20px 0 40px;} * html .fotobeschrijving, :first-child+html .fotobeschrijving{ margin:0px 0 80px 0; padding-bottom:10px;} .fotobeschrijving li { float:left; text-align:center; width:200px; padding-right:20px;} .spacing { letter-spacing:1px;} /*-----footer--------------------------*/ /*#footer { background-color:#001781; width:100%; height:55px; padding-top:40px; color:#FFFFFF; text-align:center; position:relative; bottom:0px; }*/ #footer {position: relative; margin-top: -55px; /* negative value of footer height */ height: 55px; clear:both; background-color:#001781; color:#FFFFFF; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif ;} #footer p { padding-top:20px;} #footer a { color:#FFFFFF;} #footer span { padding-left:30px;} #main {padding-bottom: 55px;} /* must be same height as the footer */ html, body, #contentwrapper {height: 100%;} body > #contentwrapper {height: auto; min-height: 100%;} /* CLEAR FIX*/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /*-----standard extras-----------------*/ .clear {clear:both;} .seo { margin-left:-3000px; float:left;}