/* CREDITS * ---------------------------------------------------------- * Title: Projectname - Screen Stylesheet * Author: David Candreva * Date: 00/00/09 * Last Edit: 00/00/00 David Candreva * ---------------------------------------------------------- * Inventis - Web Architects - We design the Web! * www.inventis.be */ /* Reset ---------------------------------------------------------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; } table{ border-collapse:collapse; border-spacing:0; } fieldset,img{ border:0; } address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; } ol,ul{ list-style:none; } caption,th{ text-align:left; } h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;} h1{ position:relative; z-index:-1;} strong,b{ font-weight:bold; } em{ font-style:italic; } em strong,strong em { font-weight: bold; font-style: italic; } abbr,acronym{ border-bottom:1px dotted; cursor:help; } button{ cursor:pointer; } p{line-height:19px; margin: 2px 0 8px;} /* General elements ---------------------------------------------------------- */ textarea, body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; } body{background:url(../images/layout/body_bg.png) repeat-x left top; height:100%;} .clear{ clear:both; line-height:0 !important; height: 0 !important; } a:focus{ outline:none; } ::selection{ background:#0099E3; color:#FFF; } ::-moz-selection{ background:#0099E3; color:#FFF; } /* Container ---------------------------------------------------------- */ div#container_wrapper{height:434px; width:100%;} div#container{ margin:0 auto; width:907px;} /* Header ---------------------------------------------------------- */ div#header{ height:434px;position:relative; width:907px; z-index:10;} div.bg{ background:url(../images/layout/header_bg_new.png) no-repeat center top; height:434px; margin-left:-147px; width:1200px; z-index:1; position:absolute;} div.langselect { position: absolute; top: 5px; right: 0; z-index: 100; } div.langselect ul li { float: left; display: block; margin: 0 0 0 10px; list-style-type: none; } div.langselect ul li a { color: #FFFFFF; text-decoration: none; font-size: 11px; } div.langselect ul li a:hover { color: #F7890B; } div#header div.logo{ background:url(../images/layout/logo.png) no-repeat left top; left:-17px; height:160px; text-indent:-9999px; top:25px; position:absolute; width:257px; z-index:2;} div#header div.logo a { display: block; width: 100%; height: 100%;} div#header div.img{left:286px; height:278px; top:34px; overflow:hidden; position:absolute; width:612px; z-index:2;} div#header div.intro{ color:#fff; font-size:11px; height:160px; left:0px; position:absolute; top:182px; width:245px; z-index:2;} div.intro h1{ color:#f7890b; font-size:14px; font-weight:bold; margin-bottom:18px; text-transform:uppercase;} div.intro span.text{display:block; margin-bottom:15px; } body.nl div.intro a.btn_nieuwekranen{background:url(../images/layout/btn_cta_nieuwekranen.png) no-repeat left top; float:left; height:35px; text-indent:-9999px; width:119px;} body.en div.intro a.btn_nieuwekranen{background:url(../images/layout/btn_cta_nieuwekranen_en.png) no-repeat left top; float:left; height:35px; text-indent:-9999px; width:119px;} body.fr div.intro a.btn_nieuwekranen{background:url(../images/layout/btn_cta_nieuwekranen_fr.png) no-repeat left top; float:left; height:35px; text-indent:-9999px; width:119px;} body.de div.intro a.btn_nieuwekranen{background:url(../images/layout/btn_cta_nieuwekranen_de.png) no-repeat left top; float:left; height:35px; text-indent:-9999px; width:119px;} body.nl div.intro a.btn_nieuwekranen:hover, body.en div.intro a.btn_nieuwekranen:hover, body.fr div.intro a.btn_nieuwekranen:hover, body.de div.intro a.btn_nieuwekranen:hover {background-position:left -34px;} body.nl div.intro a.btn_2dehandskranen{background:url(../images/layout/btn_cta_2dehandskranen.png) no-repeat left top; float:right; height:35px; text-indent:-9999px; width:119px;} body.en div.intro a.btn_2dehandskranen{background:url(../images/layout/btn_cta_2dehandskranen_en.png) no-repeat left top; float:right; height:35px; text-indent:-9999px; width:119px;} body.fr div.intro a.btn_2dehandskranen{background:url(../images/layout/btn_cta_2dehandskranen_fr.png) no-repeat left top; float:right; height:35px; text-indent:-9999px; width:119px;} body.de div.intro a.btn_2dehandskranen{background:url(../images/layout/btn_cta_2dehandskranen_de.png) no-repeat left top; float:right; height:35px; text-indent:-9999px; width:119px;} body.nl div.intro a.btn_2dehandskranen:hover, body.en div.intro a.btn_2dehandskranen:hover, body.fr div.intro a.btn_2dehandskranen:hover, body.de div.intro a.btn_2dehandskranen:hover {background-position:left -34px;} div#header ul.language{ position:absolute; /*right:-6px;*/ right: -18px; bottom:74px; width:81px; z-index:2;} ul.language li{margin:0 1px;color:#fff; float:left; overflow:hidden;} ul.language li a{color:#fff; font-size:12px; float:left; font-weight:bold; text-decoration:none; display:block; width:14px;} ul.language li a:hover{text-decoration:underline;} ul.language li span{} div#header ul.navigation{ left:-16px; bottom:10px; position:absolute; height:60px; line-height:60px; width:714px; z-index:999;} ul.navigation li{float:left; display:inline; margin:0 15px;} ul.navigation li a{color:#fff; display:block; float:left; font-size:13px; font-weight:bold; height:60px; line-height:60px; text-transform:uppercase; text-decoration:none;} ul.navigation li a.active, ul.navigation li a:hover{ color:#f7890b; } ul.navigation li a.last{margin-right:0px;} ul.navigation li:hover ul.submenu, ul.navigation li.sfhover ul.submenu{left:auto; margin-left:-22px;} body.de ul.navigation li:hover ul.submenu, body.de ul.navigation li.sfhover ul.submenu{left:auto; margin-left: -4px;} body.de ul.navigation li.products:hover ul.submenu, body.de ul.navigation li.products.sfhover ul.submenu{left:auto; margin-left: -26px;} ul.navigation li ul.submenu{ background:url(../images/layout/submenu_bg.png) no-repeat left top; clear:both; top:56px; left:-9999px; padding:4px 5px 0; position:absolute; width:106px; z-index:99999;} ul.navigation li ul.submenu li{ font-size:11px; text-transform:none; height:27px; line-height:27px; margin:0px; position:relative;} ul.navigation li ul.submenu li a{color:#82c0e7; font-weight:normal; font-size:11px; height:27px; line-height:27px; margin:0; text-align:center; text-transform:none; width:106px;} ul.navigation li ul.submenu li a:hover{color:#fff;} ul.navigation li ul.submenu li:hover ul.subsubmenu, ul.navigation li ul.submenu li.sfhover ul.subsubmenu{left:104px; padding-left:3px;} ul.navigation li ul.submenu ul.subsubmenu{ top:0px; clear:both; left:-9999px; padding:0px; position:absolute; width:106px;} ul.navigation li ul.submenu li ul.subsubmenu li{ background:url(../images/layout/subsubmenu_bg.png) #327097 no-repeat center bottom; font-size:11px; text-transform:none; height:27px; line-height:27px; } ul.navigation li ul.submenu li ul.subsubmenu li a{background:#327097; color:#82c0e7; font-weight:normal; width:104px; overflow:hidden; font-size:11px; height:26px; line-height:26px; margin:0; text-align:center; text-transform:none;} ul.navigation li ul.submenu li ul.subsubmenu a:hover{color:#fff; background-color:#3e7fa8;} div#header div.search{ bottom:10px; height:60px; line-height:60px; position:absolute; right:0px; width:189px; z-index:2;} body.fr div#header div.search { width: 213px !important; } div.search span.search{ color:#7fc9f7; float:left; font-size:13px; height:60px; line-height:60px; margin-right:5px; text-transform:uppercase;} div.search form {margin-top:18px;} div.search form input{border:none; color:#666666; float:left; font-size:11px; height:19px; padding:4px 0 0 2px; width:110px;} div.search form button{ background:url(../images/layout/btn_search.png) no-repeat left top; border:none; float:left; text-indent:-9999px; height:23px; text-indent:-9999px; width:23px;} div.search form button:hover{background-position:left bottom;} div#header div.wrapper {position: relative; width: 100%; height: 100%; overflow: hidden;} div#header div.wrapper img { position: absolute; top:0; left:0; } /* Content ---------------------------------------------------------- */ div#content{margin-top:20px; width:907px; z-index:0;} div#content h1{font-size:20px; margin-bottom:15px;} div#content h2{ /*color:#f89829;*/ color: #f7890b; font-size:18px; margin-bottom: 8px;} div#content div.one_col{ color:#244986; font-size:11px; width:258px; float:left; margin-bottom:30px;} div#content div.one_col.contact{width:286px} div#content div.three_col{width:616px; float:right; margin-bottom:30px; margin-left:4px; overflow:hidden;} div#content div.three_col.contact{width:609px; margin-bottom:0px;} div#content div.three_col.links{width:615px;} div#content div.three_col.products{width:615px;} /* left col */ div.one_col h1{color:#f7890b;} div.one_col form{margin-top:10px; overflow:hidden;} div.one_col form div.entry{ margin:6px 0px; clear:both; overflow:hidden;} div.one_col form label{color:#0a4b73; float:left; font-size:13px; font-weight:bold; position:relative; text-transform:uppercase; top:2px; width:95px;} div.one_col form input{ border:1px solid #c0d2dd; color:#666666; float:left; font-size:11px; height:19px; padding:4px 0 0 2px; width:159px;} body.nl div.one_col form button{ background:url(../images/layout/btn_inschrijven.png) no-repeat left top; border:none; float:right; height:36px; text-indent:-9999px; width:104px;} body.en div.one_col form button{ background:url(../images/layout/btn_inschrijven_en.png) no-repeat left top; border:none; float:right; height:36px; text-indent:-9999px; width:104px;} body.fr div.one_col form button{ background:url(../images/layout/btn_inschrijven_fr.png) no-repeat left top; border:none; float:right; height:36px; text-indent:-9999px; width:104px;} body.de div.one_col form button{ background:url(../images/layout/btn_inschrijven_de.png) no-repeat left top; border:none; float:right; height:36px; text-indent:-9999px; width:104px;} body.nl div.one_col form button:hover, body.en div.one_col form button:hover, body.fr div.one_col form button:hover, body.de div.one_col form button:hover {background-position:left -36px;} /*errors*/ div.one_col form div.entry.error span.error{ background:url(../images/layout/icons/error.png) no-repeat left top; color:#FF0000; float:left; line-height:15px; padding-left:20px;} div.one_col form div.entry.error input{border:1px solid #FF6A79;} div.one_col div.seperator{background:#d7dfe3; clear:both; height:1px; line-height:1px; font-size:0px; margin:20px; position:relative; left:-40px; width:278px;} div.one_col div.nieuwsbrief{border-top:1px solid #d7dfe3; margin-top:20px; overflow:hidden; padding-top:15px; position:relative; left:-30px; padding-left:30px; width:267px;} body.nl div.one_col div.nieuwsbrief a.nieuwsbrief{ background:url(../images/layout/btn_nieuwsbrief.png) no-repeat left top; border:none; float:right; height:36px; margin-top:12px; text-indent:-9999px; width:158px;} body.en div.one_col div.nieuwsbrief a.nieuwsbrief{ background:url(../images/layout/btn_nieuwsbrief_en.png) no-repeat left top; border:none; float:right; height:36px; margin-top:12px; text-indent:-9999px; width:158px;} body.fr div.one_col div.nieuwsbrief a.nieuwsbrief{ background:url(../images/layout/btn_nieuwsbrief_fr.png) no-repeat left top; border:none; float:right; height:36px; margin-top:12px; text-indent:-9999px; width:158px;} body.de div.one_col div.nieuwsbrief a.nieuwsbrief{ background:url(../images/layout/btn_nieuwsbrief_de.png) no-repeat left top; border:none; float:right; height:36px; margin-top:12px; text-indent:-9999px; width:158px;} body.nl div.one_col div.nieuwsbrief a.nieuwsbrief:hover, body.en div.one_col div.nieuwsbrief a.nieuwsbrief:hover, body.fr div.one_col div.nieuwsbrief a.nieuwsbrief:hover, body.de div.one_col div.nieuwsbrief a.nieuwsbrief:hover {background-position:left -36px;} body.nl div.one_col div.nieuwsbrief a.nieuwsbriefkranen{ background:url(../images/layout/btn_nieuwsbriefkranen.png) no-repeat left top; border:none; float:right; height:36px; margin-top:12px; text-indent:-9999px; width:209px;} body.en div.one_col div.nieuwsbrief a.nieuwsbriefkranen{ background:url(../images/layout/btn_nieuwsbriefkranen_en.png) no-repeat left top; border:none; float:right; height:36px; margin-top:12px; text-indent:-9999px; width:158px;} body.fr div.one_col div.nieuwsbrief a.nieuwsbriefkranen{ background:url(../images/layout/btn_nieuwsbriefkranen_fr.png) no-repeat left top; border:none; float:right; height:36px; margin-top:12px; text-indent:-9999px; width:158px;} body.de div.one_col div.nieuwsbrief a.nieuwsbriefkranen{ background:url(../images/layout/btn_nieuwsbriefkranen_de.png) no-repeat left top; border:none; float:right; height:36px; margin-top:12px; text-indent:-9999px; width:158px;} body.nl div.one_col div.nieuwsbrief a.nieuwsbriefkranen:hover, body.en div.one_col div.nieuwsbrief a.nieuwsbriefkranen:hover, body.fr div.one_col div.nieuwsbrief a.nieuwsbriefkranen:hover, body.de div.one_col div.nieuwsbrief a.nieuwsbriefkranen:hover {background-position:left -35px;} div.one_col.links div.nieuwsbrief{width:267px;} /*right cols */ div.three_col h1{color:#0a4b73;} div.three_col h2{font-size:16px !important;} div.three_col ul.home{overflow:hidden; width:642px; } div.three_col ul.home li{ background:url(../images/layout/small_img_bg.png) no-repeat left top; float:left; line-height:19px; margin:0 2px; padding:8px 7px; width:188px;} div.three_col ul.home li h2{margin:19px 0px 5px 0px;} div.three_col ul.home li a.more{ color:#0a4b73; display:block; float:right; margin-top:10px;} div.three_col ul.home li a.more:hover{text-decoration:none;} div.three_col ul.home li.last{margin:0 0 0 4px;} /*categories - home */ div.categories{left:-30px; position:relative; width:959px; overflow:hidden; margin-bottom:45px;} div.categories div.categories_top{background:url(../images/layout/categories_top.png) no-repeat left top; height:32px; width:959px; overflow:hidden;} div.categories div.categories_bottom{background:url(../images/layout/categories_bottom.png) no-repeat left top; height:35px; width:959px; overflow:hidden;} div.categories div.categories_content{background:url(../images/layout/categories_content.png) repeat-y left top; overflow:hidden; width:959px;} div.categories div.categories_top.smalltop{background:url(../images/layout/categories_top2.png) no-repeat left top; height:32px; width:959px;} div.categories div.categories_bottom.smallbottom{background:url(../images/layout/categories_bottom2.png) no-repeat left top; height:35px; width:959px;} div.categories div.small{background:url(../images/layout/categories_content2.png) repeat-y left top; clear:both; overflow:hidden; width:959px;} div.categories_content ul{margin:0 19px 0; overflow:hidden;} body.fr div.categories_content ul { margin: 0 15px !important; } div.categories_content ul li{ color:#244986; display:inline; float:left; font-size:11px; line-height:17px; margin:0 14px; width:156px;} body.fr div.categories_content ul li { width: 165px !important; margin: 0 10px !important; } div.categories_content ul li h2{ height:35px;padding-top:25px;} body.de div.categories_content ul li h2 { height: 50px; } h2.hydraulie{background:url(../images/layout/hydraulie_icon.png) no-repeat left top; padding-left:30px; } h2.se{background:url(../images/layout/se_icon.png) no-repeat left top; padding-left:20px; } h2.spits{background:url(../images/layout/spits_icon.png) no-repeat left top; padding-left:24px; } h2.flat{background:url(../images/layout/flat_icon.png) no-repeat left top; padding-left:30px; } h2.luffer{background:url(../images/layout/luffer_icon.png) no-repeat left top; padding-left:30px; } div.small ul{margin:0 16px 0; overflow:hidden; width:959px;} div.small ul li{ color:#244986; display:inline; float:left; font-size:11px; line-height:17px; margin:0 15px; width:204px;} div.small ul li.last{margin-right:0px;} div.small ul li h2{ height:35px;padding-top:15px;} h2.veiligheid{background:url(../images/layout/veiligheid_icon.png) no-repeat left top; padding-left:55px; } h2.kwaliteit{background:url(../images/layout/kwaliteit_icon.png) no-repeat left top; padding-left:55px; } h2.aanbod{background:url(../images/layout/aanbod_icon.png) no-repeat left top; padding-left:55px; } h2.opvolging{background:url(../images/layout/opvolging_icon.png) no-repeat left top; padding-left:55px; } /* sidebar - contact - ... */ div.sidebar {width:257px;} div.sidebar h3{ color:#0a4b73; font-size:14px;} div.sidebar h3 span{color:#f7890b; display:block;} div.sidebar span.text{ color:#0a4b73;font-size:13px;} div.sidebar div.image{background:url(../images/layout/sidebar_large_img_bg.png) no-repeat left top; padding:6px 7px; height:160px; left:-6px; margin:10px 0; position:relative; width:254px;} /*links + news*/ div.link{ border-bottom:1px solid #e4eaed; margin-bottom:20px; line-height:19px; overflow:hidden; padding-bottom:35px; position:relative;} div.link.last{border-bottom:none; margin-bottom:0px;} div.link h2{background:url(../images/layout/h2_bullet.png) no-repeat left center; font-size:16px; padding-left:15px;} div.link h2.margin{margin-bottom:10px;} div.link h2.no_bg{padding-left:0; background:none; margin-top:35px; margin-bottom:15px;} div.link div.image{ background:url(../images/layout/links_img_bg.png) no-repeat left top; float:left; height:70px; margin-right:10px; padding:5px; width:70px;} div.link div.image.vestimg{ background:url(../images/layout/vestigingen_img_bg.png) no-repeat left top; float:left; height:92px; margin-right:10px; padding:5px; width:90px;} div.link div.text{ overflow:hidden; float:left; line-height:19px; margin-top:2px; width:509px;} div.link div.text.vest{width:505px;} div.link a.link{ border-bottom:1px solid #f7890b; color:#f7890b; position:absolute; right:0px; bottom:20px; text-transform:uppercase; text-decoration:none;} div.link a.link:hover{border-bottom:1px solid #fff;} div.link h3{ color:#0c3854; font-size:16px; margin:22px 0;} /* news page + geschiedenis page */ ul.threeimages{overflow:hidden; width:615px; margin-top:35px; margin-bottom:20px;} ul.threeimages li{ background:url(../images/layout/small_img_bg.png) no-repeat left top; float:left; height:127px; padding:8px 7px; width:191px;} ul.threeimages.about{margin-top:0;} h2.attachements{ color:#468bb6 !important; margin-top:25px;} ul.attachements li{margin:2px 0;} ul.attachements li a{ background:url(../images/layout/h2_bullet.png) no-repeat left center; color:#468bb6; padding-left:15px; text-decoration:none;} ul.attachements li a:hover{text-decoration:underline;} /*vestigingen*/ div.text div.vest_adres{float:left; width:215px;} div.text div.vest_adres.bottom{width:252px; overflow:hidden; line-height:17px; margin-bottom:40px;} div.text div.vest_adres a{color:#468bb6} div.text div.vest_adres h2{padding-left:0; background:none;} div.text div.vest_adres img{float:left; margin-right:10px;} div.text div.vest_adres span{color:#0a4b73;} div.text div.vest_adres div.right{float:left; width: 170px; overflow: hidden; } /*products*/ div.product{ color:#10405f; font-size:11px; padding-bottom:27px; overflow:hidden; position:relative;} div.product a.more{color:#f7890b; position:absolute; right:0px; bottom:0px;} div.product a.more:hover{text-decoration:none;} div.product h2{ font-size:16px; line-height:30px; padding-top:6px;} div.product ul.products{overflow:hidden; margin-top:5px; width:620px;} div.product ul.products li{background:url(../images/layout/products_img_bg.png) no-repeat left top; float:left; height:141px; padding:7px; margin:0 4px; width:135px;} div.product ul.products li.first{margin-left:0px;} div.product ul.products li.last{margin-right:0px;} div.product ul.products span{display:block; padding:0 6px;} div.product ul.products span.place{font-weight:bold; margin-top:4px;} div.product ul.products a{ color:#10405f; text-decoration:none;} div.product ul.products a:hover{ text-decoration:underline;} div.product h2.hydraulie{background:url(../images/layout/hydraulie_icon_small.png) no-repeat left top; padding-left:20px; } div.product h2.se{background:url(../images/layout/se_icon_small.png) no-repeat left top; padding-left:20px; } div.product h2.spits{background:url(../images/layout/spits_icon_small.png) no-repeat left top; padding-left:20px; } div.product h2.flat{background:url(../images/layout/flat_icon_small.png) no-repeat left 7px; padding-left:20px; } div.product h2.luffer{background:url(../images/layout/luffer_icon_small.png) no-repeat left 7px; padding-left:20px; } /*products_detail*/ div.eyecatcher{ background:#eef4f8; font-size:12px; margin-top:30px; padding:20px;} div.eyecatcher h1{ font-size:16px !important;; z-index:9} div.eyecatcher h1 em{color:#0a4b73 !important;; display:block; font-style:normal;} div.eyecatcher a{color:#f7890b; text-decoration:underline;} div.eyecatcher a:hover{text-decoration:none;} div.media{ float:left; width:270px;} div.media h3{color:#f7890b; font-size:14px; margin:10px 0;} div.media div.image{background:url(../images/layout/product_img_bg_large.png) no-repeat left top; height:214px; padding:7px 5px; width:257px;} div.media ul.thumbs{width:272px; overflow:hidden;} div.media ul.thumbs li{ background:url(../images/layout/product_thumb_bg.png) no-repeat left top; float:left; padding:5px; height:57px; width:58px;} div.media ul.videos{width:272px; overflow:hidden;} div.media ul.videos li{background:url(../images/layout/product_video_thumb.png) no-repeat left top; float:left; padding:5px; width:124px; height:80px;} div.info{ color:#0e3d59; float:right; font-size:11px; line-height:15px; margin-top:5px; overflow:hidden; width:335px;} div.info div.details{ background:#eef4f8; margin-bottom:15px; overflow:hidden; padding:20px; width:100%;} div.info div.details ul{overflow:hidden;} div.info div.details ul li{background:url(../images/layout/detail_bullet.png) no-repeat 0 1px; padding-left:20px; margin:3px 0;} div.info div.details h3{ color:#0a4b73; font-size:16px;} div.info div.details a{ color:#0e3d59; text-decoration:underline;} div.info div.details a:hover{ color:#f7890b; text-decoration:underline;} div.info div.details a.download{background:url(../images/layout/btn_download_pdf.png) no-repeat left top; height:36px; float:left; margin-top:15px; text-indent:-9999px; width:115px;} body.fr div.info div.details a.download {background:url(../images/layout/btn_download_pdf_fr.png) no-repeat left top; height:36px; float:left; margin-top:15px; text-indent:-9999px; width:115px;} body.fr div.info div.details a.download:hover { background-position: left bottom; } body.de div.info div.details a.download {background:url(../images/layout/btn_download_pdf_de.png) no-repeat left top; height:36px; float:left; margin-top:15px; text-indent:-9999px; width:135px;} body.de div.info div.details a.download:hover { background-position: left bottom; } div.info div.details a.download:hover{background-position:left bottom;} body.nl a.back{background:url(../images/layout/btn_terug_naar_overzicht.png) no-repeat left top; clear:both; height:36px; float:right; margin-top:5px; text-indent:-9999px; width:155px;} body.en a.back{background:url(../images/layout/btn_terug_naar_overzicht_en.png) no-repeat left top; clear:both; height:36px; float:right; margin-top:5px; text-indent:-9999px; width:155px;} body.fr a.back{background:url(../images/layout/btn_terug_naar_overzicht_fr.png) no-repeat left top; clear:both; height:36px; float:right; margin-top:5px; text-indent:-9999px; width:155px;} body.de a.back{background:url(../images/layout/btn_terug_naar_overzicht_de.png) no-repeat left top; clear:both; height:36px; float:right; margin-top:5px; text-indent:-9999px; width:155px;} body.nl a.back:hover, body.en a.back:hover, body.fr a.back:hover, body.de a.back:hover {background-position:left -34px;} div.info span.type{color:#468bb6; display:block; float:right; margin-top:15px; margin-right: 6px; font-size:13px; text-transform:uppercase;} /*pagination*/ ul.pagination{ color:#0f3f5e; float:right; font-size:13px; margin-bottom:38px; overflow:hidden; position:relative;} ul.pagination li{float:left;margin:0 1px;} ul.pagination li.active {color: #F89829; } ul.pagination li a{color:#0f3f5e; float:left; text-decoration:none;} ul.pagination li a:hover{color:#f7890b; text-decoration:none;} ul.pagination li a.active{color:#f7890b; text-decoration:none;} ul.pagination li span.sep{margin:0 2px;} /* contact pagina */ div.contactgeg{float:left; line-height:19px; width:220px;} div.contactinfo{float:left; line-height:19px; width:220px;} /*contactform*/ form.contact{ clear:both; margin-top:40px; margin-bottom:0px;} form.contact div.entry{width:100%; overflow:hidden; margin-bottom:17px;} form.contact div label{ color:#124868; clear:both; display:block; font-size:13px; float:left; font-weight:normal;} form.contact div.entry.text input{border:1px solid #0a507c; clear:both; color:#666666; float:left; font-size:11px; height:19px; margin-top:8px; padding:4px 0 0 2px; width:600px;} form.contact div.entry span.select, select.select{background:url(../images/layout/select.png) no-repeat right top; border:1px solid #0a507c; clear:both; color:#666666; font-size:11px; height:19px; margin-top:8px; padding:4px 0 0 2px; width:600px;} form.contact div.entry.textarea textarea{border:1px solid #0a507c; height:127px; clear:both; color:#666666; float:left; font-size:11px; margin-top:8px; margin-bottom:17px; padding:4px 2px 4px 2px; width:598px;} body.nl form.contact div.entry.buttons button{ background:url(../images/layout/btn_verstuur.png) no-repeat left top; border:none; height:36px; float:right; margin-bottom:0px; text-indent:-9999px; width:76px;} body.en form.contact div.entry.buttons button{ background:url(../images/layout/btn_verstuur_en.png) no-repeat left top; border:none; height:36px; float:right; margin-bottom:0px; text-indent:-9999px; width:76px;} body.fr form.contact div.entry.buttons button{ background:url(../images/layout/btn_verstuur_fr.png) no-repeat left top; border:none; height:36px; float:right; margin-bottom:0px; text-indent:-9999px; width:76px;} body.de form.contact div.entry.buttons button{ background:url(../images/layout/btn_verstuur_de.png) no-repeat left top; border:none; height:36px; float:right; margin-bottom:0px; text-indent:-9999px; width:76px;} body.nl form.contact div.entry.buttons button:hover, body.en form.contact div.entry.buttons button:hover, body.fr form.contact div.entry.buttons button:hover, body.de form.contact div.entry.buttons button:hover {background-position:left -34px;} form.contact div.entry img{ clear:both; float:left; margin-right:20px; margin-top:8px;} form.contact div.entry input.captcha{border:1px solid #0a507c; clear:none; display:block; float:left; color:#666666; float:left; font-size:11px; height:19px; padding:4px 0 0 2px; width:100px;} form.contact div.entry div.captcha{clear:both;} /*errors*/ form.contact div.entry.error span.error{ background:url(../images/layout/icons/error.png) no-repeat left top; float:right; color:#FF0000; margin-right:5px; padding-left:20px;} form.contact div.entry.error input, form.contact div.entry.error textarea, form.contact div.entry.error select, form.contact div.entry.error span.select, select.select{border:1px solid #FF6A79;} /* sitemap */ body.nl div.sitemap{ background:url(../images/layout/tel_icon.png) no-repeat 720px center; border-top:1px solid #d1dae0; border-bottom:1px solid #d1dae0; font-size:11px; left:0px; position:relative; left:-5px; margin-top:30px; padding:25px 30px 25px 27px; width:890px; margin:0 auto 24px;} body.en div.sitemap { background:url(../images/layout/tel_icon_en.png) no-repeat 720px center; border-top:1px solid #d1dae0; border-bottom:1px solid #d1dae0; font-size:11px; left:0px; position:relative; left:-5px; margin-top:30px; padding:25px 30px 25px 27px; width:890px; margin:0 auto 24px; } body.fr div.sitemap { background:url(../images/layout/tel_icon_fr.png) no-repeat 585px center; border-top:1px solid #d1dae0; border-bottom:1px solid #d1dae0; font-size:11px; left:0px; position:relative; left:-5px; margin-top:30px; padding:25px 30px 25px 27px; width:890px; margin:0 auto 24px; } body.de div.sitemap { background:url(../images/layout/tel_icon_de.png) no-repeat 585px center; border-top:1px solid #d1dae0; border-bottom:1px solid #d1dae0; font-size:11px; left:0px; position:relative; left:-5px; margin-top:30px; padding:25px 30px 25px 27px; width:890px; margin:0 auto 24px; } div.sitemap ul.sitemap{ overflow:hidden; clear:both; margin-bottom:10px; width:100%;} div.sitemap ul.sitemap li{float:left; } div.sitemap ul.sitemap li span{ display:block; margin:0 8px; height:14px; width:2px;} div.sitemap ul.sitemap li a{background:url(../images/layout/bullet_sitemap.png) no-repeat right 1px; color:#0a4b73; float:left; margin-right:4px; padding-right:8px; text-decoration:none;} div.sitemap ul.sitemap li a.last{background:none;} div.sitemap ul.sitemap li a:hover{text-decoration:underline;} div.sitemap ul.lang{color:#f7890b; clear:both; width:100%;} div.sitemap ul.lang span{display:block; float:left; margin:0 3px;} div.sitemap ul.lang span.text{margin:0 4px 0 0; color: #F89829;} div.sitemap ul.lang li{ float:left; display:inline;} div.sitemap ul.lang li a{color:#f7890b; float:left; font-size:11px; font-weight:normal; text-decoration:none;} div.sitemap ul.lang li a:hover {text-decoration:underline;} /* Google maps */ div#googlemaps{} /* Error page */ div.errorpage ul li { margin-bottom: 8px; line-height: 18px; list-style-type: disc; margin-left: 25px;} /* Adjustmens for the branches page ---------------------------------------------------------- */ div.branches div.link { margin-bottom: 10px; padding-bottom: 0; } div.branches div.text { width: 610px; } div.branches div.text div.vest_adres { width: 300px !important; min-height: 110px !important; } div.branches div.textbranch { margin-bottom: 2px; width: 440px !important; float: right !important; } div.branches div.link div.image { background:url(../images/layout/branches_img_bg.png) no-repeat left top; float:left; height:110px; padding:5px; width:157px; margin: 0 0 15px 0; } div.textbranch div.vest_adres{float:left; width:215px;} div.textbranch div.vest_adres.bottom{width:252px; overflow:hidden; line-height:17px; margin-bottom:40px;} div.textbranch div.vest_adres a{color:#468bb6} div.textbranch div.vest_adres h2{padding-left:0; background:none;} div.textbranch div.vest_adres img{float:left; margin-right:10px;} div.textbranch div.vest_adres span{color:#0a4b73;} div.textbranch div.vest_adres div.right{float:left; width: 170px; overflow: hidden; } /* Footer ---------------------------------------------------------- */ div#footer{ color:#6ba6ca; height:38px; line-height:38px; font-size:11px; padding:0px 30px 0 24px; margin:0 auto 12px; width:897px; position:relative;} div#footer ul li{background:url(../images/layout/bullet_sitemap.png) no-repeat right 14px; display:inline; float:left; height:38px; line-height:38px; margin-right:4px; padding-right:8px;} div#footer ul li.last{background:none;} div#footer a.inventis{ background:url(../images/layout/inventis.png) no-repeat left top; display:block; float:right; height:26px; line-height:26px; margin-top:2px; text-indent:-9999px; width:75px;} div#footer a.inventis:hover{background-position:0 -26px;}