/* CREDITS * ---------------------------------------------------------- * Title: CeramicPool - CSS Main Stylesheet * Author: David Candreva * Date: 30/06/08 * Last Edit: 30/06/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{color:#0b578f;} /*selectors*/ strong,b{font-weight:bold;} em{font-style:italic;} a{outline:none; color:#0f64a6;} a:hover{text-decoration:none;} a.more{background:url(../images/layout/link_bullet_more.gif) no-repeat right center; padding-right:12px;} /* Container ---------------------------------------------------------- */ div#container{margin:16px auto; width:967px; height:241px;} /* Header ---------------------------------------------------------- */ div#header{position:relative; width:967px; height:241px; background:url(../images/layout/header_background.png) no-repeat 0 0;} /*headings*/ div#header h1{float:right; margin-right:40px;} div#header h1 a{display:block; width:195px; height:45px; text-indent:-9000px;text-decoration:none} div#header h2.subtitle{position:absolute; right:30px; bottom:6px; font-size:18px; color:#0f64a6;} /*languages*/ div#header ul.languages{position:absolute; right:0; top:52px; padding-top:36px; width:20px; height:116px; background:url(../images/layout/languages_background.png) no-repeat 0 0;} /*div#header ul.languages li{height:19px; width:20px; clear:both; margin-top:7px; overflow:hidden}*/ div#header ul.languages li#nl {float:left;margin-top:7px;} div#header ul.languages li#en {float:left;margin-top:15px;} div#header ul.languages li#fr {float:left;margin-top:15px;} div#header ul.languages li#de {float:left;margin-top:15px;} div#header ul.languages li a{display:block;} /*navigation*/ div#header ul.navigation{ float:left; margin-left:43px; display:inline; } div#header ul.navigation li{float:left;} div#header ul.navigation li a{font-size:16px; color:#0f64a6; text-decoration:none; padding:0 35px; font-weight:bold;} div#header ul.navigation li.active a, div#header ul.navigation li a:hover{color:#b3b8bb;} /*newsbox*/ div#header div.newstitle{color:white;position:absolute; left:472px; top:64px;font-size:18px;font-weight:bold} div#header div.newsbox{width:436px; color:#FFF; height:74px; padding:11px; position:absolute; right:47px; top:87px;} div#header a {color:#c0c0c0} div#header div.newsbox h2{font-weight:bold;} div#header div.newsbox h2 em{color:#a1a7ab;} div#header div.newsbox div.text{font-size:11px; margin-top:4px;} /*breadcrumbs*/ div#header ol.breadcrumbs{font-size:11px; color:#a1a7ab; position:absolute; left:143px; bottom:9px;} div#header ol.breadcrumbs li{float:left; margin-right:4px;} div#header ol.breadcrumbs li a{color:#a1a7ab; padding-right:7px; background:url(../images/layout/icon_breadcrumbs.gif) no-repeat right center;} /* Content Container ---------------------------------------------------------- */ div#content_container{padding:0 20px 0 0; width:947px; overflow:hidden; background:url(../images/layout/content_container_right.png) no-repeat right top;} /*content*/ div.content{padding:18px 17px; width:868px; border:1px solid #abcfe3; float:right; background:#e4f3fc;margin:0 0 10px 0} /*headings*/ div.content h1,div.content h2 {color:#0b578f;font-size:18px;margin:0 0 10px 0} h3 {color:#a5acb0;font-size:16px;margin-bottom:10px;font-weight:bold;} div.content p {margin-bottom:10px} div.content ul, div.productInfo ul {margin:0 0 10px 0} div.content ul li, div.productInfo ul li {background: url(../images/layout/arrow.gif) no-repeat left 3px; padding:0 0 5px 15px;margin:0 0 0 10px;} div.content ol {list-style-type:decimal;list-style-position:inside;} /*links*/ div.content a:link, div.content a:visited {color:#a5acb0;text-decoration:underline} div.content a:hover, div.content a:active {color:#a5acb0;text-decoration:none} /*contact*/ div.content div.text div#adres { float:right; } div.content div.text div#adres img { margin:2px; vertical-align:middle; } div.content div.text div#adres p { line-height:16px;} div.content div.text div#form { float:left; } div.content div.text div#map { width: 867px;width:450px; height: 250px;height:370px; border: 1px solid #518ac0;margin-top: 12px; } div.content div.text p.msg { background: #ffed9f url('/design/images/layout/information.png') no-repeat 10px 50%;padding: 15px 0 15px 30px; border:1px solid #D2D2D2; width:837px } /*news*/ div.content h3.news {color:#0B578F} div.content em.h3 {font-size:14px;line-height:18px;margin: 0 0 0 4px;color:#a5acb0;} /*highlight*/ div.content div.highlight{background:#FFF; border:1px solid #abcfe3; width:340px; float:left; padding:6px;} div.content div.highlight img{display:block; margin:0 auto 6px;} div.content div.highlight h3{color:#0f64a6;float:left;} div.content div.highlight a.more{float:right;} /*text*/ div.content div.text_box{float:right; width:500px;} div.content div.text_box div.text p{margin:8px 0;} div.content div.text_box div.text a{color:#85888a;} div.content div.text_box h2{font-size:18px; margin-bottom:-5px;} /*productBox*/ div.product {width:912px;float:right;} div.productBox { position:relative;padding:18px 17px;width:410px;height:470px;border:1px solid #abcfe3; float:left; background:#e4f3fc;margin:0 0 10px 10px;text-align:center;font-size:12px !important; } div.productBox h1,div.productBox h2 {color:#0b578f;font-size:18px;margin:0 0 10px 0} .imgBox {width:391px;padding:5px 2px;margin:0 auto;background-color:#ffffff;border:1px #abcfe3 solid} .imgBox img {padding:0;margin:0;width:385px} .imgBox span {text-align:left;display:block;padding:5px} div.productBox .information {text-align:left;margin:15px 0 0 16px;height:375px;overflow:hidden;} div.productBox .information strong {line-height:20px;height:20px;display:block;width:150px;float:left;} div.productBox .information p {text-align:left;height:20px;line-height:20px;} div.productBox p.info {text-align:left;height:60px;overflow:hidden;line-height:inherit} div.productBox a.moreinfo {position:absolute;bottom:15px;right:15px;width:150px;height:23px;background-image: url('/design/images/layout/more_info.gif');text-decoration:none;text-align:center;padding-top:8px;} div.productBox a.moreinfo:hover {background:url(/design/images/layout/more_info.gif) no-repeat bottom left;} .productPhotos {text-align:center;width:355px;float:left} .productPhotos .imgBox{width:354px;} div.productBox .productInformation {width:484px;float:right} div.productBox .productInformation h1 {text-align:left;} div.productBox .productInformation .information {margin-left:0} .productInfo {line-height:19px} .productInfo strong{float:none !important;display:inline !important} .productInfo ul li{margin-left:20px} .productInfo p {height:auto !important} .left {width:500px;float:left;} .filesList {margin:20px;float:right} .filesList a {height:21px;display:block;background-image: url('/design/images/layout/btn_bg.gif');background-repeat:repeat-x; padding:8px 6px 0 6px;text-decoration:none;text-align:center;border-left:1px #bdbcbd solid;border-right:1px #bdbcbd solid;} /* Footer ---------------------------------------------------------- */ div#footer{font-size:11px; height:24px; width:886px; padding:16px 0 7px 18px; margin:0 0 0 43px; overflow:hidden; position:relative; color:#a1a7ab; background:url(../images/layout/footer_background.png) no-repeat 0 0;} /*data*/ div#footer ul li{float:left; background:url(../images/layout/footer_bullet.gif) no-repeat right center; padding:0 10px;} div#footer ul li.last{background:none; padding-right:0;} /*inventis*/ div#footer a#inventis{position:absolute; top:15px; right:15px; overflow:hidden;width:66px; height:16px; text-indent:-9000px; display:block; background:url(../images/layout/icon_inventis.png) no-repeat 0 0;} div#footer a#inventis:hover{background:url(../images/layout/icon_inventis.png) no-repeat left bottom;}