/* CREDITS * ---------------------------------------------------------- * Title: Projectname - CSS Main Stylesheet * Author: David Candreva * Date: 00/00/08 * Last Edit: 00/00/08 David Candreva * ---------------------------------------------------------- * Inventis - Web Architects - We design the Web! * www.inventis.be */ /* Algemene Styles ---------------------------------------------------------- */ textarea, body{font-family:Arial, Helvetica, sans-serif; font-size:12px;} body{background:url(../images/layout/body_background.png) repeat-x 0 2px} /*selectors*/ strong,b{font-weight:bold; color:#007dc3;} em{font-style:italic;} a{outline:none;} a:hover{text-decoration:none;} button{border:0; cursor:pointer} div.clear{ clear: both; } /* Container ---------------------------------------------------------- */ div#container{width:980px; margin:18px 0 0;} div#main_container{width:811px; float:left; margin-bottom:15px;} /* Navigation ---------------------------------------------------------- */ /* div#navigation{height:82px; padding:6px 0 0 6px; margin:0 0 1px -6px; background:url(../images/layout/navigation_background.png) no-repeat 0 0} div#navigation ul{height:76px; width:803px; background:url(../images/layout/navigation_background_ul.png) no-repeat 0 0;} div#navigation li{float:left; height:76px;} div#navigation li a{color:#FFF; height:76px; display:block; text-indent:-9000px} div#navigation li.nav_1 a{width:111px;} div#navigation li.nav_1 a:hover{ background: #0093C9 url(../images/layout/hover_nav_1.gif) no-repeat; } div#navigation li.nav_2 a{width:141px;} div#navigation li.nav_2 a:hover{ background: #0093C9 url(../images/layout/hover_nav_2.gif) no-repeat; } div#navigation li.nav_3 a{width:150px;} div#navigation li.nav_3 a:hover{ background: #0093C9 url(../images/layout/hover_nav_3.gif) no-repeat; } div#navigation li.nav_4 a{width:157px;} div#navigation li.nav_4 a:hover{ background: #0093C9 url(../images/layout/hover_nav_4.gif) no-repeat; } div#navigation li.nav_5 a{width:129px;} div#navigation li.nav_5 a:hover{ background: #0093C9 url(../images/layout/hover_nav_5.gif) no-repeat; } div#navigation li.nav_6 a{width:115px;} div#navigation li.nav_6 a:hover{ background: #0093C9 url(../images/layout/hover_nav_6.gif) no-repeat; } */ div#navigation{height:82px; padding:6px 0 0 6px; margin:0 0 1px -6px; background:url(../images/layout/navigation_background.png) no-repeat 0 0} /**/ div#navigation ul{height:76px; width:803px; background:url(../images/layout/new_navigation_background_ul.png) no-repeat 0 0;} div#navigation li{float:left; height:76px;} div#navigation li a{color:#FFF; height:76px; display:block; text-indent:-9000px} div#navigation li.nav_1 a{width:158px;} div#navigation li.nav_1 a:hover{ background: #0093C9 url(../images/layout/new_navigation_background_ul_hover.png) no-repeat; background-position: 0px 0px;} div#navigation li.nav_2 a{width:165px;} div#navigation li.nav_2 a:hover{ background: #0093C9 url(../images/layout/new_navigation_background_ul_hover.png) no-repeat; background-position: -158px 0px;} div#navigation li.nav_3 a{width:170px;} div#navigation li.nav_3 a:hover{ background: #0093C9 url(../images/layout/new_navigation_background_ul_hover.png) no-repeat; background-position: -323px 0px;} div#navigation li.nav_5 a{width:148px;} div#navigation li.nav_5 a:hover{ background: #0093C9 url(../images/layout/new_navigation_background_ul_hover.png) no-repeat; background-position: -493px 0px;} div#navigation li.nav_6 a{width:162px;} div#navigation li.nav_6 a:hover{ background: #0093C9 url(../images/layout/new_navigation_background_ul_hover.png) no-repeat; background-position: -641px 0px;} /* Breadcrumbs ---------------------------------------------------------- */ div#breadcrumbs{width:803px; margin-bottom:12px; background:#e3e3e3 url(../images/layout/breadcrumbs_corners.png) no-repeat 0 0;} div#breadcrumbs ol{height:17px; padding:5px 0 0 20px; background:url(../images/layout/breadcrumbs_corners.png) no-repeat right -22px;} div#breadcrumbs ol li{float:left; margin-right:8px; display:inline; font-size:10px; color:#818181; text-decoration:none; text-transform: lowercase; } div#breadcrumbs ol li a{color:#818181; padding-right:13px; background:url(../images/layout/bullet_orange_arrow.gif) no-repeat right center;} div#breadcrumbs ol li a:hover{text-decoration:none;} /* Content ---------------------------------------------------------- */ div#content{position:relative;} /*column*/ div.column{width:803px; clear:both; margin-bottom:8px; background:url(../images/layout/content_background.png) no-repeat 0 0;} /*text*/ div#content div.small{width:525px;} div#content div.small ul { list-style: disc; margin: 10px 0 10px 25px; } div#content div.text{color:#010101; line-height:18px; padding:20px;} div#content div.text a{color:#007dc3;} div#content div.text img{padding:2px; margin:11px 6px 6px 0; border:1px solid #1ab7ea; float:left;} div#content div.text p{margin:6px 0;} div#content div.text h1{color:#007cbf; text-transform:uppercase; font-family:trebuchet ms; font-size:19px; overflow:hidden;} div#content div.text h1 em { font-size: 14px; text-transform: lowercase; white-space: nowrap; } div#content div.text h2{color:#1ab7ea; margin:5px 0; text-transform:uppercase; font-size:16px; font-family:trebuchet ms;} div#content div.text h3{padding:0; color:#ff6600; margin:5px 0; text-transform:uppercase; font-size:15px; font-style:italic; font-family:"trebuchet ms";} div#content div.text h4{ font-size: 13px; font-weight: bold;} div#content div.text h5 { padding: 4px 0; font-size: 12px; font-weight: bold; } div#content div.text h6 { padding: 3px 0; font-size: 12px; font-weight: bold; font-style: italic; } div#content div.buttons { padding-right: 0; border-top: 1px dotted #007CBF; overflow: auto; width:545px; } /*deleted*/ div#content div.deleted { margin-bottom: 15px; color: #FF6600; } /*article*/ div#content div.article h4 { padding: 5px 0; font-size: 13px; font-weight: bold; } div#content div.article ul { list-style: disc; margin: 5px 0 5px 25px;} /* Contact gmaps ---------------------------------------------------------- */ div#contact_gmaps { position: absolute; right: 0; top: 0; width: 340px; } div#contact_gmaps #gmaps { width: 320px; height: 320px; margin: 15px 0; border: 1px solid #0066AB; } div#contact_gmaps ul { margin: 10px 0 0; } div#content div#contact_gmaps a { color: #010101; text-decoration: none; } div#content div#contact_gmaps a:hover { text-decoration: underline; } /* Sidebar ---------------------------------------------------------- */ div#sidebar{height:478px; margin-bottom:15px; width:169px; float:left; background:url(../images/layout/getuigenissen2.gif) no-repeat left bottom;} /*logo*/ div#sidebar a img{margin:6px 0 0 26px;} /* Sidebar right __________________________________________________________ */ #sidebar_right { position:absolute; right:0; top:0px; width: 245px; } /*search*/ #sidebar_right form { margin-top: -5px; height: 54px; background: url(../images/layout/search_background.png) top no-repeat; width: 245px; position: relative; } #sidebar_right form input{position: absolute; left: 15px; top: 16px; border:0; color:#242424; padding:3px 9px 0; width:155px; height:19px; background:url(../images/layout/search_form_background_2.png) no-repeat 0 0;} #sidebar_right form button{position: absolute; right: 15px; top: 16px; width:32px; height:22px; background:url(../images/layout/search_form_submit_2.png) no-repeat 0 0;} /*vacatures*/ #sidebar_right div.vacatures{ position: relative; padding-top: 47px; background: url(../images/layout/vacatures_top.png) top no-repeat; } #sidebar_right div.vacatures div.rss{ position:absolute; right:15px; top:16px;} #sidebar_right div.vacatures_extra{padding:0 18px 35px;width:209px; background:url(../images/layout/vacatures.png) no-repeat bottom;} #sidebar_right div.vacatures ul{padding:0 0 8px;} #sidebar_right div.vacatures li{width:211px; overflow: hidden; background:url(../images/layout/orange_vacature_bullet.gif) no-repeat left center;} #sidebar_right div.vacatures li a{color:#FFF; cursor:pointer; padding:6px 9px; text-decoration:none; display:block; background:url(../images/layout/dotted_px_white.gif) repeat-x left bottom;} #sidebar_right div.vacatures li a em{font-size:11px; font-style:normal; color:#bdbdbd; display:block;} #sidebar_right div.vacatures li a:hover{color:#e7e3e3;} #sidebar_right div.vacatures li a:hover em{color:#a3a3a3;} #sidebar_right div.vacatures a.more{float:right; padding-left:9px; color:#FFF; font-size:11px; background:url(../images/layout/bullet_orange_arrow.gif) no-repeat 0 center; } /* Footer ---------------------------------------------------------- */ div#footer{width:950px; margin:0 0 9px 25px; clear:both; border-top:1px solid #0066ab; overflow:hidden;} div#footer ul{overflow:hidden; clear:both; padding:9px 0 0 17px; float: left;} div#footer ul li{float:left; font-size:11px; padding:0 8px; color:#007dc3; background:url(../images/layout/footer_bullet.gif) no-repeat right center;} div#footer ul li a { color: #007dc3; text-decoration: none; } div#footer ul li a:hover { text-decoration: underline; } div#footer p.credits { float: right; padding: 2px 17px 0 0; } div#footer p.credits a { background:transparent url(/design/images/icons/credits.png) no-repeat scroll center top; display:block; height:22px; overflow:hidden; text-indent:-9000px; width:74px; } div#footer p.credits a:hover { background-position:center bottom; }