/* CREDITS * ---------------------------------------------------------- * Title: WEBSITE - Main CSS file * Author: Tom Claus * Date: 01/09/2009 * Last Edit: 02/09/2009 [Author] * ---------------------------------------------------------- * Inventis - Web Architects - We design the Web! * www.inventis.be */ /* Algemene Styles ---------------------------------------------------------- */ textarea, body{ font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:12px; } body{ min-height:100%; height:auto !important; height:100%; color:#444; background: url(../images/layout/background.jpg) no-repeat right 100%; } html{ background:#74C6E7; height:100%; } /*default elements*/ strong,b{ font-weight:bold; } em{ font-style:italic; } a{ color:#f28b05; } a:focus{ outline:none; } a:hover{ text-decoration:none; } abbr, acronym{ border-bottom:1px dotted; cursor:help; } div.clear{ clear:both; } button{ cursor:pointer; } .np{ padding:0 !important; } /* Container ---------------------------------------------------------- */ div#container_wrapper{ width:100%; background:#FFFFFE url(../images/layout/body_tile.png) repeat-x 0 0; } div#container_tile{ margin:0 auto; width:965px; background:url(../images/layout/container_tile.png) repeat-y 0 0; } div#container{ position:relative; margin:0 auto; padding:0 19px 0 29px; width:917px; background:url(../images/layout/container_background.png) no-repeat 0 0; } /* Header ---------------------------------------------------------- */ div#header{ height:122px; position:relative; } /* form */ div#header a#ingelicht {border:none; width:201px; height:70px; display:block; float:left; text-indent:-9000px;} div#header form{ width:460px; margin:0 auto 0 233px; padding:28px 0 0 12px; } div#header form legend{ display:none; } div#header form label{ display:block; float:left; width:61px; height:30px; text-indent:-9000px; background:url(../images/layout/elements/header/search/search.png) no-repeat 0 center; } div#header form input.text{ margin:0 3px 0 10px; float:left; padding:5px 0 0 4px; width:323px; font-size:14px; font-weight:bold; height:23px; border:1px solid #b0b0b0; background:url(../images/layout/elements/header/search/text.png) no-repeat 0 0; } div#header form button{ float:left; text-indent:-9000px; border:0; width:32px; height:30px; background:url(../images/layout/elements/header/search/submit.png) no-repeat 0 0; } div#header form button:hover{ background-position:left bottom; } /* tags*/ div#header div.tags{ font-size:11px; color:#FFF; padding:2px 0 0 70px; clear:both; } div#header div.tags a{ color:#FFF; } div#header div.tags span{ font-weight:bold; color:#4c4c4c; } /* servicelinks */ div#header ul.servicelinks{ position:absolute; right:19px; top:10px; } div#header ul.servicelinks li{ float:left; margin:0 0 0 18px; padding:0 0 0 16px; } div#header ul.servicelinks li.home{ background:url(../images/layout/elements/header/servicelinks/home.png) no-repeat 0 center; } div#header ul.servicelinks li.sitemap{ background:url(../images/layout/elements/header/servicelinks/sitemap.png) no-repeat 0 center; } div#header ul.servicelinks li.tags{ background:url(../images/layout/elements/header/servicelinks/tags.png) no-repeat 0 center; } div#header ul.servicelinks li a{ font-size:11px; color:#FFF; text-decoration:none; background:url(../images/layout/elements/general/1px_dotted_white.png) repeat-x left bottom; } div#header ul.servicelinks li a:hover{ background:none; } /* titels */ div#header span.title{ position:absolute; bottom:2px; left:0; color:#d6d6d6; font-size:27px; } div#header span.title em{ color:#0a7cb1; font-style:normal; } /* Breadcrumbs ---------------------------------------------------------- */ div#breadcrumbs{ height:28px; color:#FFF; line-height:28px; font-size:11px; } div#breadcrumbs ol li{ float:left; margin:0 4px 0 0; font-weight:bold; } /*div#breadcrumbs ol li a{ color:#FFF; font-weight:bold; padding:0 7px 0 0; background:url(../images/layout/breadcrumbs_bullet.gif) no-repeat right center; }*/ div#breadcrumbs ol li a{ color:#FFF; font-weight:bold; padding:0 0 0 0; } div#breadcrumbs ol li.first{ color:#a9d1e4; } /* Content ---------------------------------------------------------- */ div#content{ margin:18px 0 0 0; padding:0 0 18px; background:url(../images/layout/elements/sidebar_right/tile.png) repeat-y 719px 0; overflow:auto; } div#content_big{ margin:18px 0 0 0; padding:0 0 18px; } /* Main ---------------------------------------------------------- */ div#content div#main{ float:left; padding:0 0 0 7px; width:485px; } div#content_big div#main{ float:left; padding:0 0 0 7px; width:681px; } div#main{ font-size:13px; } div#main a{ color:#0a7cb1; } /* title */ div#main div.title{ clear:both; padding:0 0 10px 15px; background:url(../images/layout/elements/main/title_shadow.png) no-repeat left bottom; } div#main div.title span, div#main div.title h1{ font-size:20px; color:#f28b05; } div#main div.title h1 a { font-size:20px; color:#f28b05; text-decoration:none; } div#main div.title h2{ font-size:16px;} /*div#main div.title h3, div#main div.title h2, div#main div.title h1{ font-size:20px; color:#f28b05; } div#main div.title h3 { padding-top:15px; }*/ /* Images */ div#main div.image{ position:relative; float:left; padding:0px 12px 13px 7px; background:url(../images/layout/elements/main/article_list/shadow.png) no-repeat left bottom;} div#main div.image img{ float:left;} div#main div.image div.lefttop{ position:absolute; top:0; left:7px; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat left top; } div#main div.image div.righttop{ position:absolute; top:0; right:12px; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat right top; } div#main div.image div.leftbottom{ position:absolute; bottom:13px; left:7px; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat left bottom; } div#main div.image div.rightbottom{ position:absolute; bottom:13px; right:12px; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat right bottom; } /* search */ div#main div.search{ padding:0 0 0 15px; margin-bottom:10px; width:485px; overflow:hidden; } div#main div.search label{ font-weight:bold; width:100%; display:block; height:18px; } div#main div.search div{ float:left; margin:0 5px 0 0; } div#main div.search input.text{ float:left; padding:5px 0 0 4px; width:205px; font-size:14px; font-weight:bold; height:23px; border:1px solid #b0b0b0; background:url(../images/layout/elements/main/search/text.png) no-repeat 0 0; } div#main div.search button{ margin-top:18px; float:left; text-indent:-9000px; border:0; width:32px; height:30px; background:url(../images/layout/elements/header/search/submit.png) no-repeat 0 0; } div#main div.search button:hover{ background-position:left bottom; } /* links */ div#main ul.links{ padding:0 9px 10px 15px; font-family:Arial, Helvetica, sans-serif; } div#main ul.links.small{ width:222px; float:left; padding: 0 0 10px 15px; } div#main ul.links li{ line-height:24px; } div#main ul.links li a{ color:#0a7cb1; padding:0 0 0 9px; background:url(../images/layout/elements/general/bullet_arrow_green_right.png) no-repeat 0 6px; } /* images */ div#main ul.images{ padding:0 0 0 5px;} div#main ul.images li.image{ float:left; padding:4px 7px 13px 7px; position:relative; height:81px; background:transparent url(../images/layout/elements/main/article_list/shadow.png) no-repeat scroll left bottom} div#main ul.images li.image div.lefttop{ position:absolute; top:4px; left:7px; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat left top; } div#main ul.images li.image div.righttop{ position:absolute; top:4px; right:7px; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat right top; } div#main ul.images li.image div.leftbottom{ position:absolute; bottom:13px; left:7px; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat left bottom; } div#main ul.images li.image div.rightbottom{ position:absolute; bottom:13px; right:7px; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat right bottom; } div#main ul.images li.first{ clear:both; } /* actions */ div#main div.actions{ padding:0 0 15px 12px; } div#main div.actions a.all{ padding:0 0 0 8px; background:url(../images/layout/elements/general/bullet_arrow_green_right.png) no-repeat 0 6px; } div#main div.actions.small{ font-size:12px; } div#main div.actions.companies{ padding:0 0 5px 15px; } div#main div.actions.companies h2{ background:transparent url(../images/layout/elements/general/bullet_square_green.png) no-repeat scroll 0 5px; padding: 0 0 0 14px; font-weight:bold; } div#main div.actions.companies h3{ font-weight:bold; margin-top:5px; } div#main div.actions.companies p{ padding-left:25px; } div#main div.actions.companies div.spaceleft{ margin-left:30px; } div#main div.actions.tags{ color: #000; font-weight: bold; font-size: 15px; } div#main div.actions.tags span{ color: #DDD; } /* article list */ div#main ol.article_list{ padding:0 5px; } div#main ol.article_list li{ width:100%; clear:both; overflow:hidden; padding-bottom:13px; margin-bottom:6px; } div#main ol.article_list li div.data h2 a{ font-weight:bold; text-decoration:none; padding:0 0 0 14px; background:url(../images/layout/elements/general/bullet_square_green.png) no-repeat 0 5px; } div#main ol.article_list li div.data p strong{ color:#737373; } div#main ol.article_list li div.data{ float:left; width:370px; } div#main ol.article_list li div.image{ margin-top:4px; } div#main ol.article_list li div.image.right{ margin-top:0px; float:right; } /* article list */ div#main ol.tree_articles{ padding:0 0 0 5px; overflow:hidden;} div#main ol.tree_articles li{ overflow:hidden; padding:0 7px 13px 0; width:153px; float:left; } div#main ol.tree_articles li div.image{float:left; margin-top:5px; background:url(../images/layout/elements/main/detail/image_background_medium.png) no-repeat center bottom;} div#main ol.tree_articles li div.data{float:left; padding: 0 18px 0 13px; margin-top:-3px;} div#main ol.tree_articles li div.data h2 {display:block; width:135px;} div#main ol.tree_articles li div.data h2 a{display:block; text-align:center; text-decoration:none;} div#main ol.tree_articles li div.data h2 a:hover{text-decoration:underline;} div#main ol.city_articles{ padding:0 0 0 5px; overflow:hidden;} div#main ol.city_articles li{ overflow:hidden; width:94px; float:left; } div#main ol.city_articles li div.image{float:left; margin-top:5px;} div#main ol.city_articles li div.data{float:left; margin-top:-3px;} div#main ol.city_articles li div.data h2 {display:block; width:94px;} div#main ol.city_articles li div.data h2 a{display:block; text-align:center; text-decoration:none;} div#main ol.city_articles li div.data h2 a:hover{text-decoration:underline;} /* headliners */ div#main div.headliners{ background:#e6f5fb; width:466px; clear:both; overflow:hidden; margin:0 auto 10px; } div#main div.headliners div.inner{ padding:4px 11px; } div#main div.headliners div.top{ overflow:hidden; width:100%; height:5px; background:url(../images/layout/elements/main/headliner/top.png) no-repeat 0 0; } div#main div.headliners div.bottom{ overflow:hidden; width:100%; height:7px; background:url(../images/layout/elements/main/headliner/bottom.png) no-repeat 0 0; } div#main div.headliners div.image{ position:relative; width:202px; float:left; background:url(../images/layout/elements/main/headliner/shadow.png) no-repeat left bottom; padding:0 0 9px 0; } div#main div.headliners div.image img{ float:left; } div#main div.headliners div.image div.lefttop{ position:absolute; top:0; left:0; height:10px; width:10px; background:url(../images/layout/elements/general/blue_corner.png) no-repeat left top; } div#main div.headliners div.image div.righttop{ position:absolute; top:0; right:0; height:10px; width:10px; background:url(../images/layout/elements/general/blue_corner.png) no-repeat right top; } div#main div.headliners div.image div.leftbottom{ position:absolute; bottom:9px; left:0; height:10px; width:10px; background:url(../images/layout/elements/general/blue_corner.png) no-repeat left bottom; } div#main div.headliners div.image div.rightbottom{ position:absolute; bottom:9px; right:0; height:10px; width:10px; background:url(../images/layout/elements/general/blue_corner.png) no-repeat right bottom; } div#main div.headliners div.title{ background:none; clear:none; width:225px; float:right; padding:0 0 5px 0;} div#main div.headliners div.title span{ font-size:18px;} div#main div.headliners.no-border{ height:202px; background: url('../images/layout/elements/main/headliner/no-border-top.jpg') no-repeat 0 0 } div#main div.headliners.no-border div.inner{ padding:0px; } div#main div.headliners.no-border div.image{ position:relative; width:202px; float:left; background:none; padding-bottom:0;} div#main div.headliners.no-border div.image div.lefttop{ position:absolute; top:0; left:0; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat left top; } div#main div.headliners.no-border div.image div.righttop{ position:absolute; top:0; right:0; height:10px; width:10px; background:none; } div#main div.headliners.no-border div.image div.leftbottom{ position:absolute; bottom:0; left:0; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat left bottom; } div#main div.headliners.no-border div.image div.rightbottom{ position:absolute; bottom:0; right:0; height:10px; width:10px; background:none; } div#main div.headliners div.adsense{ float:left; padding:0 0 0 20px; width:240px; } div#main div.headliners ul{ float:left; padding:0 0 0 16px; width:225px; } div#main div.headliners ul.hide{ display:none; } div#main div.headliners ul li{ padding:8px 0 9px 0; background:url(../images/layout/elements/main/headliner/seperator.png) no-repeat left bottom; } div#main div.headliners ul li img{ display:none; } div#main div.headliners ul li.last{ background:none; } div#main div.headliners ul li h1{ padding-left:19px; font-weight:bold; color:#0a7cb1; } /*div#main div.headliners ul li a{ color:#9ed227; font-weight:normal; font-size:11px; }*/ div#main div.headliners ul li a{ font-weight:bold; color:#0a7cb1; text-decoration:none; } div#main div.headliners ul li a:hover{ text-decoration:underline; } div#main div.headliners ul li.active h1{ color:#f28b05; background:url(../images/layout/elements/general/bullet_square_green.png) no-repeat 2px 4px; } div#main div.headliners ul li.active h1 a{ color:#f28b05; } /* category list */ div#main ul.category_list{ padding:5px 0 0 15px; overflow:hidden; } div#main ul.category_list li{ float:left; width:33%; } div#main ul.category_list li.first{ clear:both;} div#main ul.category_list li span.title{ color:#0A7CB1; font-weight:bold; text-decoration:none; padding:0 5px 0 12px; background:url(../images/layout/elements/general/bullet_square_green.png) no-repeat 0 5px;} /*div#main ul.category_list li h2{ color:#0A7CB1; font-weight:bold; text-decoration:none; padding:0 5px 0 12px; background:url(../images/layout/elements/general/bullet_square_green.png) no-repeat 0 5px;} div#main ul.category_list li h2 a{ text-decoration:none; }*/ div#main ul.category_list ul{ padding:0 0 15px 13px; } div#main ul.category_list ul li{ float:none; line-height:18px; display:block; width:100%; height:inherit;} div#main ul.category_list ul li a{ display:block; padding:0 0 0 12px; color:#000; text-decoration:none; background:url(../images/layout/elements/general/bullet_arrow_blue.png) no-repeat 0 7px; } div#main ul.category_list ul li a:hover{ margin-left:2px; } /* pagination */ div#main div.pagination{ padding:5px 0 0 15px; overflow:hidden; } div#main div.pagination ul li{ float:left; padding:0 1px 0 2px; height:18px;} div#main div.pagination ul li a{ text-decoration:none; display:block; font-weight:bold; text-transform:uppercase; padding:1px 3px; text-align:center; line-height:15px; color:#f28b05; font-size:12px; } div#main div.pagination ul li a:hover, div#main div.pagination ul li.active a{ background:#9bd025; color:#FFF; } div#main div.pagination ul li.current{ background:#9bd025; color:#FFF; font-weight:bold} /* list */ ol.list{ padding:0 0 0 15px; } ol.list li{ line-height:24px; } ol.list li a{ font-size:12px; } /* content */ div.content{ padding:0 0 15px 15px; } div.content p{ padding:0 0 6px 0; } div.content ul, div.content ol{list-style-type:inherit; margin: 0 0 0 30px; } /* adsense markup */ div#main div.adsense-horizontal { padding: 4px 0 1px 0; border-bottom: #ccc 1px solid; border-top: #ccc 1px solid; margin: 0 3px 10px 15px;} div#main ul.adsense-markup{ padding:10px 0 0 4px; font-size:12px; line-height:15px; list-style:none; margin:0; } div#main ul.adsense-markup li{ margin-bottom:15px; width:330px; } div#main ul.adsense-markup li h3 a{ font-weight:bold; } div#main ul.adsense-markup li p{ padding:0;} div#main ul.adsense-markup li a.small{ color:#a7d527; text-decoration:none; } div#main ul.adsense-markup li a.small:hover{ text-decoration:underline; } /* box */ div#content_big div#main div.box{ width:671px; margin:0 auto 10px; display:block; } div#content_big div#main div.box div.bottom{ height:7px; width:671px; overflow:hidden; clear:both; background:url(../images/layout/elements/main/box_big/blue/bottom.png) no-repeat 0 0; } div#content_big div#main div.box div.top{ height:7px; width:671px; overflow:hidden; clear:both; background:url(../images/layout/elements/main/box_big/blue/top.png) no-repeat 0 0; } div#content_big div#main div.box.blue .inner{ padding:0 8px 4px 8px; background:#e6f5fb; /*overflow:hidden;*/ } div#content_big div#main div.box.blue .inner p{ margin:5px 0; } /* article */ div#content div.article{ line-height:20px; margin-bottom:10px; } div#content div.article h1{ padding:0 0 15px 15px; font-size:20px; color:#f28b05; background:url(../images/layout/elements/main/detail/title_shadow.png) no-repeat left bottom; } div#content div.article h2{ padding:10px 0 0 0; font-size:16px; color:#f28b05; font-weight:bold; } div#content div.article h2 a{ padding:10px 0 0 0; font-size:16px; color:#f28b05; } div#content div.article h3{ padding:10px 0 0 0; font-size:14px; color:#f28b05; } div#content div.article h3 a{ padding:10px 0 0 0; font-size:14px; color:#f28b05; } div#content div.article .content{ padding:0 15px 0 15px; } div#content div.article div.image{ position:relative; padding: 0 0 13px 0; margin:0 8px 0 9px; float:right; background:url(../images/layout/elements/main/detail/image_background.png) no-repeat center bottom; } div#content div.article div.image.big{ padding: 0 0 13px 0; background:url(../images/layout/elements/main/title_shadow.png) no-repeat -11px bottom; } div#content div.article div.image img{ float:left; } div#content div.article div.image div.lefttop{ position:absolute; top:0; left:0; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat left top; } div#content div.article div.image div.righttop{ position:absolute; top:0; right:0; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat right top; } div#content div.article div.image div.leftbottom{ position:absolute; bottom:13px; left:0; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat left bottom; } div#content div.article div.image div.rightbottom{ position:absolute; bottom:13px; right:0; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat right bottom; } div#content div.article table.imagenav{margin:0 8px 10px 15px; width:460px;} div#content div.article table.imagenav td.previous{ width:25%; text-align:left;} div#content div.article table.imagenav td.overview{ width:50%; text-align:center; } div#content div.article table.imagenav td.next{ width:25%; text-align:right;} /* The Pages */ div#content div#themepage div.image{ float:left; margin-left:5px; } div#content div#themepage div.content{ float:right; width:375px; padding-left: 0px; } /* box */ div#content div#main div.box{ width:466px; margin:0 auto 10px; display:block; } div#content div#main div.box div.bottom{ height:7px; width:466px; overflow:hidden; clear:both; background:url(../images/layout/elements/main/box/blue/bottom.png) no-repeat 0 0; } div#content div#main div.box div.top{ height:7px; width:466px; overflow:hidden; clear:both; background:url(../images/layout/elements/main/box/blue/top.png) no-repeat 0 0; padding:0; } div#content div#main div.box.blue .inner{ padding:0 8px 4px 8px; background:#e6f5fb; overflow:hidden; } div#content div#main div.box.blue .inner p{ margin:5px 0; } /* Google Search */ div#content_big div#cse-search-results{padding: 3px 0 0 10px; } /* Google Maps */ div#main div.mapcorners{position:relative; padding:0 0 10px 10px;} div#main div.mapcorners div.lefttop{ position:absolute; top:0; left:10px; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat left top; z-index:9999; } div#main div.mapcorners div.righttop{ position:absolute; top:0; right:0; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat right top; z-index:9999; } div#main div.mapcorners div.leftbottom{ position:absolute; bottom:10px; left:10px; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat left bottom; z-index:9999; } div#main div.mapcorners div.rightbottom{ position:absolute; bottom:10px; right:0; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat right bottom; z-index:9999; } div#main div.mapcorners.small{position:relative; padding:0 0 13px 0; float:right; background:transparent url(/design/images/layout/elements/main/detail/image_background.png) no-repeat scroll center bottom; margin:0 8px 5px 9px; width:202px; height:202px;} div#main div.mapcorners.small div.lefttop{ position:absolute; top:0; left:0; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat left top; z-index:9999; } div#main div.mapcorners.small div.righttop{ position:absolute; top:0; right:0; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat right top; z-index:9999; } div#main div.mapcorners.small div.leftbottom{ position:absolute; bottom:13px; left:0; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat left bottom; z-index:9999; } div#main div.mapcorners.small div.rightbottom{ position:absolute; bottom:13px; right:0; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat right bottom; z-index:9999; } div#main div.mapcorners div#map div.attraction h2{display:block; float:left; margin-top: -3px; } div#main div.mapcorners div#map div.attraction h2 a{color:#FFF; text-decoration:none; } div#main div.mapcorners div#map div.attraction div.image{background:none; padding: 0 5px 0 0; margin-top: -3px; margin-left:-3px;} div#main div.mapcorners div#map div.attraction div.image div.lefttop{ position:absolute; top:0; left:0; height:10px; width:10px; background:url(../images/layout/elements/general/darkblue_corner.png) no-repeat left top; } div#main div.mapcorners div#map div.attraction div.image div.righttop{ position:absolute; top:0; right:5px; height:10px; width:10px; background:url(../images/layout/elements/general/darkblue_corner.png) no-repeat right top; } div#main div.mapcorners div#map div.attraction div.image div.leftbottom{ position:absolute; bottom:0; left:0; height:10px; width:10px; background:url(../images/layout/elements/general/darkblue_corner.png) no-repeat left bottom; } div#main div.mapcorners div#map div.attraction div.image div.rightbottom{ position:absolute; bottom:0; right:5px; height:10px; width:10px; background:url(../images/layout/elements/general/darkblue_corner.png) no-repeat right bottom; } div#main div.mapcorners div#map div#logocontrol{} div#main div.mapcorners div#map span{color:#FFF; display:none;} div#main div.mapcorners div#map a.gmnoprint{color:#FFF!important; padding-right:7px;} div#main div.mapcorners div#map a.gmnoprint:hover{color:#FFF!important;} div#main div.direction form.default{padding:0 0 0 15px; height:55px;} div#main div.direction form.default div.entry{float:left; clear:none;} div#main div.direction form.default div.text{width:340px;} div#main div.direction form.default div.text input{width:330px;} div#main div.direction form.default div.button{width:120px;} div#main div.direction form.default div.button button {margin-top:22px; width:115px;} div#main div.direction form.default span.error {margin-top:3px;} div#main div.direction div#route {clear:both; padding:0 10px 0 15px!important;} div#main div.direction div.mapcorners { margin:0 12px 0 3px;} /* Google Adsense */ div#content div.google-ads{ clear:both; margin:0 0 8px 10px;} /*div#adsenseblock_a_placeholder { height:220px;} div#adsenseblock_a { position: absolute; left: 275px; top: 240px;} div#adsenseblock_a.tweeregel {top: 260px;} div#adsenseblock_a.map {top: 550px;}*/ div#adsenseblock_a_placeholder { height:20px;} div#adsenseblock_a { position: absolute; left: 270px; top: 175px;} div#adsenseblock_b_placeholder { height:310px;} div#adsenseblock_b { position: absolute; left: 265px; top: 225px;} div#adsenseblock_c_placeholder { height:600px;} div#adsenseblock_c { position: absolute; left: 40px; top: 450px;} /* Sidebar Left ---------------------------------------------------------- */ div#sidebar_left{ width:221px; float:left; } /* navigation */ div#sidebar_left ul.navigation li.top{ height:6px; padding:0; background:url(../images/layout/sidebar_background_top2.png) no-repeat left top; overflow:hidden; } div#sidebar_left ul.navigation li.first{ padding: 5px 0 10px 0; } div#sidebar_left ul.navigation li.last{ padding: 10px 0 20px 0; background:url(../images/layout/sidebar_background_bottom.png) no-repeat left bottom; } div#sidebar_left ul.navigation li{ padding: 9px 0 10px 0; width:221px; background:url(../images/layout/sidebar_background_middle.png) no-repeat left bottom; } div#sidebar_left ul.navigation li a{ width:187px; padding:0 5px 0 29px; display:block; color:#535353; text-decoration:none; background:url(../images/layout/sidebar_bullet.gif) no-repeat 11px 3px; } div#sidebar_left ul.navigation li.active a{/*font-weight:bold;*/ text-decoration:underline; background:url(../images/layout/sidebar_bullet.gif) no-repeat 13px 3px; } div#sidebar_left ul.navigation li a:hover{ /*font-weight:bold;*/ text-decoration:underline; background:url(../images/layout/sidebar_bullet.gif) no-repeat 13px 3px; } div#sidebar_left ul.navigation li.extra{ width:212px; padding:0 9px 0 0; position:relative; margin-top:-5px; line-height:13px; background:none; text-align:right; } div#sidebar_left ul.navigation li.extra a{ padding:0 0 0 9px; display:inline; background:none; font-size:11px; color:#0a7cb1; text-decoration:underline; background:url(../images/layout/elements/general/bullet_arrow_green_right.png) no-repeat 0 6px; } div#sidebar_left ul.navigation li.extra a:hover{ font-weight:normal; text-decoration:none; } /* Subjects Box */ div#sidebar_left div#subject_list {height:355px; width: 190px; overflow:auto; background:#E6F5FB; padding: 5px 5px 5px 10px; margin:10px 0 0 0; float:left; color:#0A7CB1;} div#sidebar_left div#subject_list a{color:#0A7CB1; display:block;} div#sidebar_left div#subject_letters {float:right; width:10px; line-height:14px; margin:10px 0 0 0;color:#0A7CB1;} div#sidebar_left div#subject_letters a{text-decoration:none; color:#0A7CB1; width:8px; float:left; clear:both;} div#sidebar_left div#subject_letters a:hover{color:#F28B05;} div#sidebar_left div#subject_letters a.disabled{color:#CCC; cursor:default;} div#sidebar_left div#subject_letters a.disabled:hover{color:#CCC;} /* box */ div#sidebar_left div.box{ margin:10px 0 0 0; } div#sidebar_left div.box.nomargin{ margin:0; } div#sidebar_left div.box span.title, div#sidebar_left div.box h3.title{ color:#a9d1e4; width:201px; padding:4px 10px; background:#0a7cb1; line-height:18px; display:block; } div#sidebar_left div.box div.content{ padding:10px; } /* Links */ div#sidebar_left div.box ul.links{ padding:10px 9px 0 10px; font-family:Arial, Helvetica, sans-serif; margin-left:9px; list-style-image: url(../images/layout/elements/general/bullet_arrow_green_right.png); list-style-position: outside;} div#sidebar_left div.box ul.links li{ line-height:16px; margin-bottom: 5px; } div#sidebar_left div.box ul.links li a{ color:#0a7cb1; } /* tags */ div#sidebar_left div.box ul.tags{ margin:15px 8px 0 8px;} div#sidebar_left div.box ul.tags li{ display: block; color: #DDD; font-weight: bold; font-size: 15px; padding: 2px 0; } div#sidebar_left div.box ul.tags li a{ color: #0A7CB1; } /* adsense markup */ div#sidebar_left div.box ul.adsense-markup{ padding:15px 9px 0 10px; font-family:Arial, Helvetica, sans-serif; } div#sidebar_left div.box ul.adsense-markup li{ margin-bottom:17px; } div#sidebar_left div.box ul.adsense-markup li h3 a{ font-weight:bold; } div#sidebar_left div.box ul.adsense-markup li a.small{ font-size:11px; text-decoration:none; } div#sidebar_left div.box ul.adsense-markup li a.small:hover{ text-decoration:underline; } div#sidebar_left div.box ul.adsense-markup li div.image{ float:left; margin: 5px 4px 0 0;padding:0px; position:relative; height:50px;} div#sidebar_left div.box ul.adsense-markup li div.image div.lefttop{ position:absolute; top:0px; left:0px; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat left top; } div#sidebar_left div.box ul.adsense-markup li div.image div.righttop{ position:absolute; top:0px; right:0px; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat right top; } div#sidebar_left div.box ul.adsense-markup li div.image div.leftbottom{ position:absolute; bottom:0px; left:0px; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat left bottom; } div#sidebar_left div.box ul.adsense-markup li div.image div.rightbottom{ position:absolute; bottom:0px; right:0px; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat right bottom; } div#sidebar_left div.image{ position:relative; padding: 0 0 13px 0; margin:20px 8px 0 8px; overflow: hidden; background:url(../images/layout/elements/main/detail/image_background.png) no-repeat center bottom; } div#sidebar_left div.image img{ float:left; } div#sidebar_left div.image div.lefttop{ position:absolute; top:0; left:0; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat left top; } div#sidebar_left div.image div.righttop{ position:absolute; top:0; right:0; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat right top; } div#sidebar_left div.image div.leftbottom{ position:absolute; bottom:13px; left:0; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat left bottom; } div#sidebar_left div.image div.rightbottom{ position:absolute; bottom:13px; right:0; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat right bottom; } /* Sidebar Right ---------------------------------------------------------- */ div#sidebar_right{ width:183px; float:right; padding:0 0 0 13px; } /* box */ div#sidebar_right div.box{ } div#sidebar_right div.box span.title, div#sidebar_right div.box h3.title{ color:#a9d1e4; width:163px; padding:4px 10px; background:#0a7cb1;line-height:18px; display:block; } div#sidebar_right div.box div.content{ padding:10px; } /* adsense markup */ div#sidebar_right div.box ul.adsense-markup{ padding:15px 9px 0 10px; font-family:Arial, Helvetica, sans-serif; } div#sidebar_right div.box ul.adsense-markup li{ margin-bottom:17px; } div#sidebar_right div.box ul.adsense-markup li h3 a{ font-weight:bold; } div#sidebar_right div.box ul.adsense-markup li a.small{ font-size:11px; text-decoration:none; } div#sidebar_right div.box ul.adsense-markup li a.small:hover{ text-decoration:underline; } div#sidebar_right div.box ul.adsense-markup li div.image{ float:left; margin: 5px 4px 0 0;padding:0px; position:relative; height:50px;} div#sidebar_right div.box ul.adsense-markup li div.image div.lefttop{ position:absolute; top:0px; left:0px; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat left top; } div#sidebar_right div.box ul.adsense-markup li div.image div.righttop{ position:absolute; top:0px; right:0px; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat right top; } div#sidebar_right div.box ul.adsense-markup li div.image div.leftbottom{ position:absolute; bottom:0px; left:0px; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat left bottom; } div#sidebar_right div.box ul.adsense-markup li div.image div.rightbottom{ position:absolute; bottom:0px; right:0px; height:10px; width:10px; background:url(../images/layout/elements/general/white_corner.png) no-repeat right bottom; } /* links */ div#sidebar_right div.box ul.links{ padding:10px 9px 0 10px; font-family:Arial, Helvetica, sans-serif; margin-left:9px; list-style-image: url(../images/layout/elements/general/bullet_arrow_green_right.png); list-style-position: outside;} div#sidebar_right div.box ul.links li{ line-height:16px; margin-bottom: 5px; } div#sidebar_right div.box ul.links li a{ color:#0a7cb1; } /*div#sidebar_right div.box ul.links li a{ color:#0a7cb1; padding:0 0 0 9px; background:url(../images/layout/elements/general/bullet_arrow_green_right.png) no-repeat 0 6px; }*/ /* Content ---------------------------------------------------------- */ form.default{ width:460px; } /*fieldset*/ form.default fieldset{ padding:0; } form.default fieldset legend{ border:1px solid black;; } /*entry*/ form.default div.entry{ clear:both; overflow:hidden; margin:0 0 5px; padding:5px 0; } form.default div.entry label{ float:left; } /*error*/ form.default div.error{ background:#FFE6E7; border:1px solid #CC0000; } form.default span.error{ color:#CC0000; float:right; display:block; line-height:18px; padding:0 0 0 18px; font-size:11px; background:url(../images/layout/icon_error.gif) no-repeat 0 0; } /*text*/ form.default div.text label{ line-height:18px; } form.default div.text input{ clear:both; width:455px; padding:2px; border: 1px solid #ccc; } form.default div.text input#frm_captcha{ clear:none; width:365px; float:right;} /*textarea*/ form.default div.textarea label{ clear:both; line-height:18px; display:block; } form.default div.textarea textarea{ width:455px; padding:2px; border: 1px solid #ccc; } form.default div.button button{margin:5px 5px; float:right;} /*form.default div.button button{background: url('../images/layout/verzenden.png') top left; height: 30px; width:70px; text-indent:-9000px; border:none; margin:5px 0 0 5px; } form.default div.button button:hover{background: url('../images/layout/verzenden.png') bottom left;}*/ /*radiobutton*/ form.default div.radiobutton label{ width:100%; display:block; } /*checkbox*/ form.default div.checkbox label{ width:100%; display:block; } /*select*/ form.default div.select select{ clear:both; width:460px; padding:2px; border: 1px solid #ccc; } form.default div.select label{ display:block; } /* Footer ---------------------------------------------------------- */ div#catfooter{ color:#DDD; text-align:center; font-size:15px; margin: 10px 10px 0 10px; padding:20px 0 10px 0; font-weight:bold; background:transparent url(../images/layout/elements/footer/tile.png) repeat-x 0 0;} div#catfooter a{ color:#0A7CB1; margin: 0 8px;} div#footer{ width:965px; margin:0 auto; padding:40px 0 40px 0; font-size:11px; text-align:center; color:#FFF; background:url(../images/layout/footer_background.png) no-repeat 0 0; } div#footer ul li{ display:inline; padding:0 10px; background:url(../images/layout/elements/footer/seperator.png) no-repeat right center; } div#footer ul li.last{ background:none; } div#footer ul li a{ color:#FFF; text-decoration:none; background:url(../images/layout/elements/general/1px_dotted_white.png) repeat-x left bottom; } div#footer ul li a:hover{ background:none; } /** * Adjustments for the skyscraper on the right * * Author: Stijn Janssen * Date: 10-08-2011 */ div#container_tile, div#footer { padding-right: 170px; } #skyscraper_right { width: 160px; overflow: hidden; position: absolute; right: -170px; top: 169px; }