/* / version : 1.0 / author : T.Willems / company : BestMedia / url : BestMedia.nl */ body { background: url(../images/background.png) repeat-x #ebecec; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; } a:link { text-decoration: none; color: #008d25; } a:visited { text-decoration: none; color: #008d25; } a:active { text-decoration: none; color: #008d25; } a:hover { text-decoration: underline; color: #008d25; } a img { text-decoration: none; border: none; } p { color: #686868; } h1 { margin: 0 0 5px 0; font-size: 10px; } h1#title_welkom { background: url(../images/title_welkom.png) no-repeat; width: 381px; height: 23px; } h1#title_bedrijfsprofiel { background: url(../images/title_bedrijfsprofiel.png) no-repeat; width: 142px; height: 23px; margin: 0 0 20px 0; } h1#title_schadeproces { background: url(../images/title_schadeproces.png) no-repeat; width: 152px; height: 23px; margin: 0 20px 20px 0; } h1#title_partners { background: url(../images/title_partners.png) no-repeat; width: 88px; height: 23px; margin: 0 20px 20px 0; } h1#title_milieu { background: url(../images/title_milieu.png) no-repeat; width: 60px; height: 23px; margin: 0 20px 20px 0; } h1#title_vacatures { background: url(../images/title_vacatures.png) no-repeat; width: 106px; height: 23px; margin: 0 20px 20px 0; } h1#title_route { background: url(../images/title_route.png) no-repeat; width: 61px; height: 23px; margin: 0 20px 20px 0; } h1#title_contact { background: url(../images/title_contact.png) no-repeat; width: 82px; height: 23px; margin: 0 20px 20px 0; } h1#title_sitemap { background: url(../images/title_sitemap.png) no-repeat; width: 86px; height: 23px; margin: 0 20px 20px 0; } h1#title_wieiswie { background: url(../images/title_wieiswie.png) no-repeat; width: 107px; height: 23px; margin: 0 20px 20px 0; } h1#title_algemenevoorwaarden { background: url(../images/title_algemenevoorwaarden.png) no-repeat; width: 252px; height: 23px; margin: 0 20px 20px 0; } h2 { margin: 0 0 10px 0; font-size: 10px; } h2#subtitle_welkom { background: url(../images/subtitle_welkom.png) no-repeat; width: 316px; height: 17px; margin: 0 0 20px 3px; } h3 { font-size: 14px; font-weight: bold; color: #549400; } h4 { font-size: 14px; font-weight: bold; color: #ff0000; margin: 0; } h5 { font-size: 14px; font-weight: bold; color: #9ec800; margin: 0; } h6 { font-size: 18px; font-weight: bold; color: #549400; margin: 0 0 20px 0; } p.error { color: #ff0000; font-size: 11px; margin: 0 0 10px 0; } p.small { font-size: 11px; } .error { color: #ff0000; font-size: 11px; } .succes { color: #9ec800; font-size: 11px; } #container { width: 955px; height: auto; overflow: auto; text-align: left; margin: 0 auto; margin-top: 50px; margin-bottom: 10px; } #header { width: auto; height: auto; overflow: auto; } #header #logo { width: 469px; height: 118px; margin: 0 0 15px 0; background: url(../images/logo.png); } #header #contactinfo { width: auto; height: auto; float: right; } #header #contactinfo p { color: #008d25; font-size: 11px; margin: 0; } #navigation { width: 955px; height: 105px; margin: 10px 0 0 0; padding: 6px 0 0 0; background: url(../images/navigation_background.png); } #navigation .home a { display: block; float: left; width: 63px; height: 45px; float: left; margin: 0 15px 0 20px; background: url(../images/navigation_home.png) 0 0 no-repeat; text-decoration: none; } #navigation .home a:hover { background-position: 0 -45px; width: 63px; } #navigation .home a:active { background-position: 0 -45px; width: 63px; } #navigation .home a.enabled { background-position: 0 -45px; width: 63px; } #navigation .bedrijfsprofiel a { display: block; float: left; margin: 0 15px 0 0; width: 116px; height: 45px; float: left; background: url(../images/navigation_bedrijfsprofiel.png) 0 0 no-repeat; text-decoration: none; } #navigation .bedrijfsprofiel a:hover { background-position: 0 -45px; width: 116px; } #navigation .bedrijfsprofiel a:active { background-position: 0 -45px; width: 116px; } #navigation .bedrijfsprofiel a.enabled { background-position: 0 -45px; width: 116px; } #navigation .schadeproces a { display: block; float: left; margin: 0 15px 0 0; width: 117px; height: 45px; float: left; background: url(../images/navigation_schadeproces.png) 0 0 no-repeat; text-decoration: none; } #navigation .schadeproces a:hover { background-position: 0 -45px; width: 117px; } #navigation .schadeproces a:active { background-position: 0 -45px; width: 117px; } #navigation .schadeproces a.enabled { background-position: 0 -45px; width: 117px; } #navigation .partners a { display: block; float: left; margin: 0 15px 0 0; width: 81px; height: 45px; float: left; background: url(../images/navigation_partners.png) 0 0 no-repeat; text-decoration: none; } #navigation .partners a:hover { background-position: 0 -45px; width: 81px; } #navigation .partners a:active { background-position: 0 -45px; width: 81px; } #navigation .partners a.enabled { background-position: 0 -45px; width: 81px; } #navigation .milieu a { display: block; float: left; margin: 0 15px 0 0; width: 66px; height: 45px; float: left; background: url(../images/navigation_milieu.png) 0 0 no-repeat; text-decoration: none; } #navigation .milieu a:hover { background-position: 0 -45px; width: 66px; } #navigation .milieu a:active { background-position: 0 -45px; width: 66px; } #navigation .milieu a.enabled { background-position: 0 -45px; width: 66px; } #navigation .vacatures a { display: block; float: left; margin: 0 15px 0 0; width: 90px; height: 45px; float: left; background: url(../images/navigation_vacatures.png) 0 0 no-repeat; text-decoration: none; } #navigation .vacatures a:hover { background-position: 0 -45px; width: 90px; } #navigation .vacatures a:active { background-position: 0 -45px; width: 90px; } #navigation .vacatures a.enabled { background-position: 0 -45px; width: 90px; } #navigation .route a { display: block; float: left; margin: 0 15px 0 0; width: 61px; height: 45px; float: left; background: url(../images/navigation_route.png) 0 0 no-repeat; text-decoration: none; } #navigation .route a:hover { background-position: 0 -45px; width: 61px; } #navigation .route a:active { background-position: 0 -45px; width: 61px; } #navigation .route a.enabled { background-position: 0 -45px; width: 61px; } #navigation .contact a { display: block; float: left; margin: 0 15px 0 0; width: 75px; height: 45px; float: left; background: url(../images/navigation_contact.png) 0 0 no-repeat; text-decoration: none; } #navigation .contact a:hover { background-position: 0 -45px; width: 75px; } #navigation .contact a:active { background-position: 0 -45px; width: 75px; } #navigation .contact a.enabled { background-position: 0 -45px; width: 75px; } #navigation .wieiswie a { display: block; float: left; margin: 0 15px 0 0; width: 89px; height: 45px; float: left; background: url(../images/navigation_wieiswie.png) 0 0 no-repeat; text-decoration: none; } #navigation .wieiswie a:hover { background-position: 0 -45px; width: 89px; } #navigation .wieiswie a:active { background-position: 0 -45px; width: 89px; } #navigation .wieiswie a.enabled { background-position: 0 -45px; width: 89px; } #content { width: 875px; height: auto; overflow: auto; padding: 0 40px 40px; 40px; background: url(../images/content_background.png) repeat-y; } #content #left { width: 377px; height: auto; overflow: auto; float: left; } #content #left #top { width: 377px; height: 13px; background: url(../images/content_left_top_background.png); } #content #left #middle { width: 335px; height: auto; padding: 0 20px 0 20px; overflow: auto; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; } #content #left #middle #left .image { width: 143px; height: 87px; padding: 5px; margin: 0 0 20px 0; background: url(../images/content_left_image_background.png); } #content #left #middle #left { width: 155px; height: auto; overflow: auto; float: left; } #content #left #middle #left p.titel { font-weight: bold; color: #549400; } #content #left #middle #right { width: 155px; height: auto; overflow: auto; float: right; margin:0; } #content #left #middle #right .image { width: 143px; height: 87px; padding: 5px; margin: 0 0 20px 0; background: url(../images/content_left_image_background.png); } #content #left #middle #right p.titel { font-weight: bold; color: #549400; } #content #left #bottom { width: 377px; height: 13px; background: url(../images/content_left_bottom_background.png); } #content #right { width: 475px; height: auto; overflow: auto; margin: 20px 0 0 0; float: right; } #content #right .image { width: 217px; height: 142px; float: left; padding: 5px; margin: 0 20px 20px 0; background: url(../images/content_right_image_background.png); } #content #center { width: 100%; height: auto; overflow: hidden; } #content #center a[href $='.pdf'] { padding-left: 18px; color: #ee7a09; text-decoration: none; background: transparent url(../images/icon_pdf.gif) no-repeat center left; } #content #center #right { width: auto; height: auto; float: left; overflow: auto; margin: 0 0 0 20px; } #content #center .image { width: 217px; height: 142px; float: left; padding: 5px; margin: 0 20px 20px 0; background: url(../images/content_right_image_background.png); } #content #center .image1 { width: 217px; height: 142px; float: left; clear: left; padding: 5px; margin: 0 20px 20px 0; background: url(../images/content_right_image_background.png); } #content #center .imageRight { width: 217px; height: 142px; float: right; padding: 5px; margin: 10px 20px 0 0; background: url(../images/content_right_image_background.png); } #content #center .stap .image { width: 217px; height: 142px; float: left; padding: 5px; margin: 0 20px 20px 0; background: url(../images/content_right_image_background.png); } #content #center .stap { width: 100%; height: auto; margin: 0 0 20px 0; overflow: auto; float: left; } #content #center .stap .top { width: 874px; height: 13px; background: url(../images/content_center_top_background.png); } #content #center .stap .middle { width: 832px; height: auto; padding: 0 20px 0 20px; overflow: auto; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; } #content #center .stap .bottom { width: 874px; height: 13px; background: url(../images/content_center_bottom_background.png); } #content #center .stappen .image { width: 143px; height: 87px; padding: 5px; margin: 0 0 20px 0; background: url(../images/content_left_image_background.png); } #content #center .stappen { width: auto; height: auto; margin: 0 20px 20px 0; overflow: hidden; float: left; } #content #center .stappen .top { width: 195px; height: 13px; background: url(../images/content_center_stappen_top_background.png) no-repeat; } #content #center .stappen .middle { width: 153px; height: 353px; padding: 0 20px 0 20px; overflow: hidden; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; } #content #center .stappen .middleSmall { width: 153px; height: 130px; padding: 0 20px 0 20px; overflow: hidden; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; } #content #center .stappen .bottom { width: 195px; height: 13px; background: url(../images/content_center_stappen_bottom_background.png); } #content #center .stappen p.titel { font-weight: bold; color: #549400; margin: 0 0 10px 0; } #content #center .stappen p { margin: 0; } #content #center .stappen span.titel { font-weight: bold; color: #549400; } #content #center .stappen a { color: #549400; text-decoration: underline; } #content #center .wieiswie .image { width: 143px; height: 87px; padding: 5px; margin: 10px 15px 10px 0; background: url(../images/content_left_image_background.png); } #content #center .wieiswie { width: auto; height: auto; margin: 0 30px 20px 0; overflow: hidden; float: left; } #content #center .wieiswie .top { width: 403px; height: 13px; background: url(../images/content_center_wieiswie_top_background.png) no-repeat; } #content #center .wieiswie .middle { width: 363px; height: auto; padding: 0 20px 0 20px; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; } #content #center .wieiswie .bottom { width: 403px; height: 13px; background: url(../images/content_center_wieiswie_bottom_background.png); } #content #center .wieiswie p.titel { font-weight: bold; color: #00922f; margin-top: 10px; } #content #center .wieiswie p { margin: 4px; } #content #center .wieiswie a { color: #549400; text-decoration: underline; } #content #center #contact { width: auto; height: auto; overflow: auto; float: left; } #content #center li { color: #686868; list-style-image: url(../images/li.gif); } #content #center #table input[type="text"] { width: 200px; } #content #center #table label { width: 200px; } #content #center #table textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #bottom { width: 955px; height: 16px; background: url(../images/bottom_background.png); } #footer { width: 100%; height: 55px; background: #4a4b4d; } #copyright { width: 955px; height: auto; margin: 0 auto; text-align: right; } #copyright p.copyright { width: auto; float: right; color: #008d25; font-size: 11px; margin: 0; } #copyright p.algsite { width: auto; float: left; color: #008d25; font-size: 11px; margin: 0; }