td.main-1 { width: 50%; height: 50%; vertical-align: bottom; text-align: right; } table.main-1 { width: 475px; height: 320px; margin: auto 0px 0px auto; } td.content-main-1 { font: 11px/13px verdana, arial; color: #333; text-align: left; vertical-align: top; padding: 20px 10px 10px 10px; border-top: 1px solid #e2edd5; border-left: 1px solid #e2edd5; } td.main-2 { width: 50%; height: 50%; background: #a6172c; vertical-align: bottom; text-align: left; } table.main-2 { width: 475px; height: 320px; margin: auto 0px auto 0px; } td.main-2-td { height: 20px; } td.content-main-2 { font: 11px/13px verdana, arial; color: #fff; text-align: left; vertical-align: top; padding: 20px 10px 10px 10px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; background: url(../images/shared/bg_top_right_475.gif) no-repeat bottom right; } td.content-main-2 td { font: 11px/13px verdana, arial; color: #fff; text-align: left; vertical-align: top; } td.main-3 { height: 50%; background: #6ca62f; vertical-align: top; text-align: right; } table.main-3 { width: 475px; height: 300px; margin: 0px 0px auto auto; } td.content-main-3 { font: 11px/13px verdana, arial; color: #333; padding: 0px; border-bottom: 1px solid #e2edd5; border-left: 1px solid #e2edd5; } td.main-4 { vertical-align: top; text-align: left; } table.main-4 { width: 475px; height: 300px; margin: 0px auto auto 0px; } td.content-main-4 { font: 11px/13px verdana, arial; color: #333; text-align: center; padding: 0px; border-bottom: 1px solid #e2edd5; border-right: 1px solid #e2edd5; background: url(../images/shared/bg_bottom_right_475.gif) no-repeat top right; } td.nav-left { text-align: right; font: 11px/15px verdana, arial; color: #000; height: 20px; padding-right: 5px; } td.nav-left a { color: #000; text-decoration: underline; } td.nav-left a:hover { color: #000; text-decoration: none; } td.nav-left a.active, td.nav-left a.active:hover { font-weight: bold; color: #000; text-decoration: none; } td.nav-right { text-align: left; font: 11px/15px verdana, arial; color: #fff; padding-left: 5px; } td.nav-right a { color: #fff; text-decoration: underline; } td.nav-right a:hover { color: #fff; text-decoration: none; } td.nav-right a.active, td.nav-right a.active:hover { font-weight: bold; color: #fff; text-decoration: none; } td.content-main-4 img { margin: auto; } td.content-main-4 a { color: #333; } td.content-main-2 li, td.vervolg-2 li { font: 11px/15px verdana, arial; color: #fff; } td.content-main-1 ul, td.content-main-2 ul { padding: 0px 12px; margin: 0px 12px; } body.offerte { margin: 20px 0px; padding: 0px; text-align: center; background: #6ca62f; } h4 { font: bold 16px/16px verdana; color: #fff; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; text-align: center; } td.vervolg-1 { vertical-align: middle; text-align: center; height: 150px; background: #FFF; } td.vervolg-2 { font: 11px/15px verdana, arial; color: #fff; background: #a6172c; vertical-align: top; text-align: left; padding: 15px; } td.vervolg-2 td { height: 20px; text-align: left; vertical-align: top; font: 11px/15px verdana, arial; color: #fff; } td.vervolg-2 b, td.vervolg-2 a { color: #fff; } body.offerte form { margin: 0px; } /**/ div.notice { background: #A6162D; color: #FFF; font-size: 12px; position: absolute; z-index: 10; border: 2px solid #FFF; width: 300px; margin: 400px 0px 0px -390px; } div.notice h1 { margin: 0; padding: 0; display: inline; color: #FFF; font-size: 16px; } div.notice a { color: #FFF; } div.notice div { padding: 15px 10px; }