* { padding: 0; margin: 0; outline:none;} body { line-height: 18px; color: #000; font-size: 12px; font-family: Verdana,Helvetica,Arial,sans-serif; background-color: #FFFFFF; } img, table { border: 0; } table { border-spacing: 0; } a { color: #000099; text-decoration: none; cursor: pointer; } a:hover { color: #FF6600; cursor: pointer; } h1 {font: bold 20px Arial,Helvetica,sans-serif; color:#333333; } h2, .nieuwsblok h2 {font: bold 18px Arial,Helvetica,sans-serif; color:#FF6600; } div#panorama_visual { position:relative; float: left; margin-right: 10px; margin-bottom: 10px; } div#panorama_visual img {-moz-border-radius: 4px; -webkit-border-radius: 4px;} div#header_visual { position:absolute; top:30px; left:360px; width: 280px; padding: 10px; margin:10px; background-image: url( ../images/transparant.png ); } div.header_main { background-image: url( ../images/kopplaatje.png ); width: 680px; height: 200px; } div.header_main div { margin-left: 420px; margin-top: 40px; width: 240px; padding: 10px; background-image: url( ../images/transparant.png ); } .clear {height:0; display:none;} #container { position: absolute; top: 30px; width: 910px; left: 50%; margin-left: -460px; } #logo { cursor: pointer; width: 400px; height: 80px; background: url(../images/logo.png) no-repeat; background-position: top left; float: left; } #mainmenu { height: 45px; text-align: center; width: 958px; font-size:12px; margin-left: -5px; } #mainmenu_center { position: relative; left: 5px; height: 33px; width: 910px; background: url(../images/3dbalk.gif) repeat-x; background-position: center; } #mainmenu { position: relative; color: white; float: left; list-style-type: none; text-align: center; background: url(../images/devider.jpg) no-repeat; background-position: right center; width: 100%; } #mainmenu a { color: white; } #mainmenu li { float: left; list-style-type: none; list-style-image: none; margin-bottom: -1px; } #mainmenu li div { float: left; } #mainmenu li div.menuItemLeft { background-image: url( ../images/menu/blue_left.png ); } #mainmenu li div.menuItemCenter { background-image: url( ../images/menu/blue_mid.png ); } #mainmenu li div.menuItemRight { background-image: url( ../images/menu/blue_right.png ); } #mainmenu li div.menuItemLeftFocus { background-image: url( ../images/menu/blue_left_focus.png ); } #mainmenu li div.menuItemCenterFocus { background-image: url( ../images/menu/blue_mid_focus.png ); } #mainmenu li div.menuItemRightFocus { background-image: url( ../images/menu/blue_right_focus.png ); } #mainmenu li.active div.menuItemLeft { background-image: url( ../images/menu/orange_left.png ); } #mainmenu li.active div.menuItemCenter { background-image: url( ../images/menu/orange_mid.png ); } #mainmenu li.active div.menuItemRight { background-image: url( ../images/menu/orange_right.png ); } #mainmenu li.active div.menuItemLeftFocus { background-image: url( ../images/menu/orange_left_focus.png ); } #mainmenu li.active div.menuItemCenterFocus { background-image: url( ../images/menu/orange_mid_focus.png ); } #mainmenu li.active div.menuItemRightFocus { background-image: url( ../images/menu/orange_right_focus.png ); } #mainmenu li ul { margin: 0; text-align: center; display: none; position: absolute; z-index: 50; top: 30px; width: 500px;} #mainmenu li ul li { height: 15px; width: 240px; text-align: center; border: 1px solid gray; padding: 8px; background-color: #ffffff; text-align: left; clear: both; display: block; font-size: 12px; font-weight:normal; } #mainmenu li ul li a { color: #333333; text-align: center;vertical-align: middle; height: 15px; width: 200px; } #mainmenu li ul li a:hover { text-decoration: underline; text-align: center; } div#blockContainer { float: left; clear: both; margin-bottom: 10px; width: 910px; } ul#leftSubpagesMenu { margin-top: 20px; list-style-image: none; list-style-type: none; } ul#leftSubpagesMenu li { font-size: 13px; padding: 2px; } div#leftTextMenu { float: left; width: 190px; margin-top: 53px; } div#leftTextMenu h1 { font-size: 20px; } div#rightTextContent { float: right; width: 720px; right: 0; min-height:460px;} div#rightTextContent .paragraph { width: 450px; margin-bottom:20px;} div#rightTextContent ul li { margin-left: 10px; } div#rightTextContent ul li ul li { margin-left: 20px; } div#rightTextContent ul li ul li ul li { margin-left: 30px; } div.menuItemLeft, div.menuItemLeftFocus { height: 33px; width: 5px; } div.menuItemCenter, div.menuItemCenterFocus { height: 25px; padding: 8px 5px 0 5px; } div.menuItemRight, div.menuItemRightFocus { height: 33px; width: 5px; clear: right; } #informationblock { float: right; margin-top: 30px; } div#contactInformation { position: absolute; top: 50px; right: 50%; top:53px; margin-right: -455px; } div#searchField { position: absolute; top: 50px; right: 50%; margin-right: -450px; } #main { position: relative; float: left; background: url(../images/main_background.jpg) repeat-y; padding-bottom: 50px; } #main .col_left { position: relative; float: left; width: 202px; } #main .col_center { position: relative; float: left; width: 554px; background: url(../images/main_gradient_center.jpg) no-repeat; background-position: top left; } #main .col_center div { padding: 0 35px 0 40px; } #main .col_center .paragraph { color: #666; } #main .col_center #p1 { color: #000; font-weight: bold; padding: 30px 35px 0 40px; } #main .col_center .paragraph h2 { padding-bottom: 20px; } #main .col_right { position: relative; float: right; width: 200px; background: url(../images/main_gradient_right.jpg) no-repeat; background-position: top right; } #main .col_right h1 { font-size: 22px; padding: 15px; } #main .col_right .sponsorImage { width: 185px; text-align: center; padding: 15px 5px 15px 5px; cursor: pointer; } #slider { clear: both; width: 958px; } #sliderInner { height: 206px; } #slideContainer { position: relative; width: 822px; height: 206px; float: left; overflow: hidden; } #slideContainerInner { position: relative; display: block; height: 206px; } #slideLeft, #slideRight { display: block; float: left; cursor: pointer; width: 67px; height: 206px; } #slideLeft { background: url(../images/slide_left.jpg) no-repeat; background-position: top left; } #slideRight { background: url(../images/slide_right.jpg) no-repeat; background-position: top left; } #slideContainerInner table { position: absolute; left: 0; height: 206px; } #slideContainerInner table td { cursor: pointer; background: url(../images/slide_item.jpg) no-repeat; } #slideContainerInner table td span { text-align: center; width: 175px; padding: 15px; height: 175px; display: block; } #slideContainerInner table td h3 { margin-top: 20px; font-size: 14px; } #bottom_center { position: relative; left: 5px; height: 52px; width: 948px; background: url(../images/mainmenu_center.png) repeat-x; background-position: center; } #bottom_left { position: relative; height: 52px; width: 5px; background: url(../images/mainmenu_left.png) no-repeat; float: left; } #bottom_right { position: relative; height: 52px; width: 5px; background: url(../images/mainmenu_right.png) no-repeat; float: right; } #bottom ul li { position: relative; float: right; padding: 15px; list-style-type: none; text-align: center; font-weight: bold; background: url(../images/devider.jpg) no-repeat; background-position: left center; } #bottom ul li a { text-decoration: none; font-size: 13px; font-weight: normal; color: #afafaf; padding: 3px 13px 3px 6px; } #bottom #news { width: 958px; background-color: #303030; } #bottom #news div { position: relative; float: left; width: 279px; padding: 5px 15px; } #bottom #news div .paragraph { padding: 0 5px 5px 5px; } #bottom #news div .paragraph h2 { color: #999; } #bottom #news div .paragraph p { padding: 5px 0; color: #ccc; } #bottom #news div .paragraph span, #bottom #news div .paragraph a { color: #afafaf; text-decoration: none; } #bottom #news div .paragraph a:hover { text-decoration: underline; } #bottom #news div .paragraph span strong { font-family: Verdana; } #bottom #bottom_menu { width: 958px; height: 52px; background-color: #303030; } #bottom #bottom_menu ul li { float: left; background-position: right center; } #footer { font-size: 13px; font-weight: normal; background-color: #000; text-align: right; padding: 15px; color: #666; margin-bottom: 50px; } #footer a { font-size: 12px; font-weight: bold; text-decoration: none; } #footer a:hover { text-decoration: underline; } div.actieblok { width: 220px; margin-bottom: 10px; float: left; } div.actieblok h3 { width: 220px; height: 29px; float: right; background-color: #FF6600; background-repeat: no-repeat; } div.actieblok div { border-left: solid 1px #AAAAAA; width: 208px; border-bottom: solid 1px #AAAAAA; border-right: solid 1px #AAAAAA; padding: 5px 5px 12px 5px; margin-top: 29px; } div.actieblok ul { list-style-image: url( ../images/arrow.gif ); padding-left: 12px; } div.actieblok div li { background-repeat: no-repeat; background-position: bottom left; } h3.infoAfspraak { background-image: url( ../images/ac_afspraak.gif ); } h3.infoAanvragen { background-image: url( ../images/ac_aanvragen.gif ); } h3.infoBellen { background-image: url( ../images/ac_bel_09000907.gif ); } h3.infoBepalen { background-image: url( ../images/ac_bepaalin5min.gif ); } h3.infoZoeken { background-image: url( ../images/kop_zoeken.gif ); } div.nieuwsblok { border: 1px solid #D1D1D1; float:left; width: 218px; margin-bottom: 10px; margin-right: 10px; height: 165px; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .nieuwsblok p { padding: 8px; padding-top:4px; font-size:11px; line-height:16px;} .nieuwsblok h2 { padding:7px 8px 5px 8px; border-bottom: 1px solid #d1d1d1;} .nieuwsblok ul { padding-left: 17px; padding-top: 5px; list-style-image: url( ../images/arrow.gif ); } .nieuwsblok li { background-repeat: no-repeat; background-position: bottom left; margin-top:5px; margin-left: 5px; } div.nieuwsblok h5 { padding: 8px; border-bottom: 1px solid #d1d1d1;} div.nieuwsblok h3 { color: #FF6600; font-size: 16px; padding: 5px; width: 170px; color: #FF6600; } div#footerLeft { float: left; } div#footerLeft a { margin-right: 20px; } div#footerRight { float: right; } .image_left { float: left; } .image_left img { margin-right:10px;} .image_right { float: right; } .image_right img { margin-left:10px;} .image_center { float: center; } .image_left, .image_right, .image_center { } div#productMetaSearchContainer input, select { width: 140px; border: solid 1px gray; } div#products { float: left; width: 680px; margin-left: -15px; } div#products div.product { background-color: #FFFFFF; background-repeat:no-repeat; float:left; font-size:0.85em; height:180px; margin-bottom: 15px; margin-left: 15px; width: 150px; border: solid 1px #CCCCCC; } div.description { padding: 2px; } div#search { float: right; width: 150px; border: solid 1px black; } div#options ul { margin-left: 10px; } div#options ul li a:hover { text-decoration: underline; } div#productLeft { float: left; width: 490px; } div#productRight { float: left; width: 420px; } div#productRight div#pictures { width: 420px; } div#productRight div#pictures div.picture { float: left; margin-right: 10px; margin-bottom: 10px; } div#productRight div.details { width: 470px; clear: left; } div#productRight div.details table { float: left; margin-right: 10px; } div#content { width: 450px; padding-top: 10px; } div#options { padding-top: 15px; } div#contactcontainer input,textarea { border: solid 1px gray; } div#project { height: 165px; width: 218px; border: solid 1px #D1D1D1; float: left; text-align: right; } div#project div#project_slide { margin-bottom: 3px; height: 144px; } div#project_text { margin-left: 39px; float: right; text-align: left; position: absolute; margin-top: -55px; width: 170px; padding: 5px; background-image: url( ../images/transparant.png ); } div.reclame_banner { float: left; width: 220px; height: 165px; margin-bottom: 10px; margin-right: 10px; } div.reclame_banner div { margin-left: 30px; margin-top: 100px; width: 170px; padding: 10px; background-image: url( ../images/transparant.png ); } .bread_separate { margin-right: 4px; } table#kenmerkenTabel td { padding: 3px; } table#kenmerkenTabel td.fir { font-weight: bold; } div.page_results_index { margin-left: 15px; } div#products div#blockContainer { margin-left: 15px; } #bread { color: #666666; font-size: 10px;} .button-lenen {background-image: url( ../images/button-lenen.png); background-repeat:no-repeat; background-position: top left; width:260px; padding:20px; padding-right:40px; color:#FFFFFF; font:bold 11px/140% Verdana; text-align:right;} .button-lenen a { color:#FFFFFF;} form legend { font-weight:bold; padding-top:30px; padding-bottom:20px;} .paragraph td { border-bottom: solid 1px #EEEEEE; padding: 2px;} .yt { margin-left: 8px; } h2 em { color:#000099;} h2 em.jij { font-style:italic; color:#FF6600;} #aanbodHomeUL{ width:224px; height:331; float:left; margin-left:-10px; } .form_container{ width:200px; }