/************************************************************** ** Algemeen ***************************************************************/ HTML{ height: 100%;} BODY{ margin: 0; height: 100%; text-align: center; background: url(../Images/header_bg.jpg) repeat-x 50% 0;} HTML, BODY{ font-size: 11px; color: #FFF; font-family: Arial, Helvetica, sans-serif;} A{ color: #004065;} P{ margin: 0; margin-bottom: 10px;} IMG{ border: none;} FORM{ margin: 0;} H1{ font-size: 26px; margin: 0 0 20px 0; line-height: normal;} H2{ font-size: 22px; margin: 0 0 16px 0; line-height: normal; font-weight: normal;} H3{ font-size: 20px; margin: 0; line-height: normal; font-weight: normal;} BR.clearer{ margin: 0; padding: 0; line-height: 0; font-size: 1px; height: 0; clear: both;} .clear-element:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;} /************************************************************** ** Inhoud v/d ***************************************************************/ .container{ text-align: left; position:relative;} .wrapper{ float: left; width: 100%; } /************************************************************** ** Header ***************************************************************/ .header{ width: 100%; float: left; height: 60px; background-color: #e8e8d9;} .header H3{ line-height: 60px; float: left; color: #f39911; padding-left: 25px;} .header H3 EM{ font-style: normal; color: #00ade6;} /************************************************************** ** Menu ***************************************************************/ .menu{ width: 255px; height: 337px; padding: 30px 20px 0 0; display: inline; background-color: #f3f2e3; float: left;} .menu UL{ margin: 0; padding: 0; list-style: none; float: right;} .menu UL LI{ float: right; clear: right; height: 30px; line-height: 30px; font-size: 13px; text-align: right; color: #000; font-family: Arial, Helvetica, sans-serif;} .menu UL LI A{ color: #000; display: block; float: right; white-space: nowrap; height: 100%; text-decoration: none; text-transform: uppercase; font-style: italic; font-weight: bold; padding-right: 18px; background: url(../Images/bullet.jpg) no-repeat 100% 50%;} .menu UL LI A:hover{ color: #f39911;} .menu UL LI A.current{ margin-right: 18px; color: #f39911;} /************************************************************** ** Content ***************************************************************/ .content_container{ width: 625px; height: 367px; float: left; display: inline; background: #FFFFFF url(../Images/content_hond.jpg) right bottom no-repeat;} .content_padding{ float: left; display: inline; height: 367px; width: 25px; background: #FFFFFF;} .content{ font-size:12px; line-height:18px; width: 525px; height: 332px; float: left; display: inline; color:#000000; padding: 25px 75px 10px 0; overflow: auto;} .content H1{ text-transform: uppercase; color: #00a1d6;} /************************************************************** ** Nieuwsberichten ***************************************************************/ TABLE.nieuwsbericht{ float: left; clear: left; margin-bottom: 15px; padding-bottom: 10px; border-bottom: #e8e8d9 1px dashed;} TABLE.nieuwsbericht TH{ color: #FFF; background-color: #004065;} TABLE.nieuwsbericht TH A{ color: #FFF; text-decoration: none;} TABLE.nieuwsbericht TH A:hover{ color: #FFF; text-decoration: underline;} TABLE.nieuwsbericht TH A SPAN.datum{ float: right; cursor: pointer;} /************************************************************** ** Logo + Nieuws ***************************************************************/ .logo{ width: 275px; height: 160px; float: left; display: inline; background: url(../Images/huidfonds_logo.jpg) #FFF no-repeat 50% 50%;} .logo A{ width: 100%; height: 100%; display: block;} .nieuws{ width: 575px; height: 110px; float: left; display: inline; padding: 25px; background: url(../Images/onder_content_bg.jpg) repeat-x right top;} .nieuws#hond{background: url(../Images/onder_content_bg_voeten.jpg) repeat-x right top;} .nieuws DIV.left{ width: 173px; height: 94px; padding: 8px 18px 8px 0; float: left; display: inline;} .nieuws DIV.center{ width: 155px; height: 94px; float: left; display: inline; padding: 8px 18px; border-left: #FFF 1px solid; border-right: #FFF 1px solid;} .nieuws DIV.right{ width: 173px; height: 94px; float: left; display: inline; padding: 8px 0 8px 18px;} .lees_meer{ float: right; color: #FFF;} /************************************************************** ** Footer ***************************************************************/ .footer{ width: 100%; height: 55px; float: left; background-color: #e8e8d9;} .footer A{ color: #00ade6; text-decoration:none; } .footer SPAN{ line-height: 55px; margin-left: 25px; color: #000;} .footer SPAN EM{ color: #00ade6; font-style: normal;} /************************************************************** ** Home ***************************************************************/ .pic_home{ position:absolute; right:0px; top:0px; }