/************************************************************** ** Algemeen ***************************************************************/ HTML{ height: 100.01%;} BODY{ margin: 0; height: 100%; background: url(voorpagina/bg.gif) #FFF0D6 repeat-y 50% 0;} HTML, BODY{ font-size: 12px; text-align: center; color: #FFF; font-family: Arial, Helvetica, sans-serif;} A{ color: #5E5E5E;} A:hover{ color: #000;} P{ margin: 0; margin-bottom: 10px;} IMG{ border: none;} FORM{ margin: 0;} 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 ***************************************************************/ .bg_left{ float: left; width: 100%; height: 10px; margin-top: 55px; background:#f68f1e; /*background-color: #15559D;*/} .bg_right{ float: right; width: 50%; height: 100%; background:#FFF0D6; /*background-color: #F0913C;*/} .container{ background: url(voorpagina/aa_group_logo.jpg) 10px 10px no-repeat; width: 950px; max-width: 950px !important; margin: 0 auto; text-align: left; position: relative; top: -65px; clear: left;} .container DIV.wrapper{ width: 950px; float: left; padding-top: 38px;} /************************************************************** ** Header ***************************************************************/ .header{ width: 100%; height: 133px; float: left;} .header DIV.logo{ width: 270px; height: 100%; float: left; display: inline;} .header DIV.logo A{ display: block; float: right; width: 269px; height: 100%;} .header DIV.blauw{ width: 445px; height: 10px; margin-top: 17px; float: left; display: inline; background:url(img/fading_border.jpg) repeat-y; /*background-color: #15559D;*/} .header DIV.oranje{ width: 235px; height: 10px; margin-top: 17px; float: left; display: inline; background:#ffffff; /*background-color: #F0913C;*/} .header DIV.oranje DIV.lichter{ width: 172px; height: 100%; float: left; background:#ffffff; /*background-color: #F3A057;*/} /************************************************************** ** Menu ***************************************************************/ .menu{ width: 930px; float: left; padding: 32px 10px 10px 10px;} .menu DIV.menu_wrapper{ float: left; padding-bottom: 15px; border-bottom: #9C9C9C 1px solid;} .menu DIV.menu_item{ width: 222px; float: left; background-color: #FDECDA; margin-right: 10px;} .menu DIV.menu_item UL{ width: 202px; margin: 0; padding: 5px 10px; float: left; border-top: #FFF 1px solid; border-bottom: #FFF 1px solid; list-style: none;} .menu DIV.menu_item UL LI{ float: left; clear: left; width: 100%;} .menu DIV.menu_item UL LI A{ color: #5E5E5E; width: auto; height: auto; display: compact; font-weight: bold; text-decoration: none;} .menu DIV.menu_item UL LI A:hover{ color: #000;} .menu DIV.menu_item A{ width: 100%; float: left; height: 176px; display: block;} .menu DIV.menu_item A.knop{ width: 212px; padding: 0 5px; height: 22px; text-align: center; line-height: 22px; text-decoration: none; font-weight: bold; font-size: 11px; background-color: #F0913C; color: #FFF;} .menu DIV.menu_item A.knop:hover{ background-color: #15559D;} .menu DIV.menu_item A#aaglas{ background: url(voorpagina/aaglas.jpg) no-repeat 50% 10px; padding:0 0 20px 0;} .menu DIV.menu_item A#aaglas:hover{ background: url(voorpagina/aaglas_over.jpg) no-repeat 50% 10px; padding:0 0 20px 0;} .menu DIV.menu_item A#aahardware{ background: url(voorpagina/aaglashardware.jpg) no-repeat 50% 10px; padding:0 0 20px 0;} .menu DIV.menu_item A#aahardware:hover{ background: url(voorpagina/aaglashardware_over.jpg) no-repeat 50% 10px; padding:0 0 20px 0;} .menu DIV.menu_item A#oldstyle{ background: url(voorpagina/oldstyle.jpg) no-repeat 50% 10px; padding:0 0 20px 0;} .menu DIV.menu_item A#oldstyle:hover{ background: url(voorpagina/oldstyle_over.jpg) no-repeat 50% 10px; padding:0 0 20px 0;} .menu DIV.menu_item A#aaindustries{ background: url(voorpagina/aaindustries.jpg) no-repeat 50% 10px; padding:0 0 20px 0;} .menu DIV.menu_item A#aaindustries:hover{ background: url(voorpagina/aaindustries_over.jpg) no-repeat 50% 10px; padding:0 0 20px 0;} .menu DIV.menu_item A#aavision{ background: url(voorpagina/aavision.jpg) no-repeat 50% 10px; padding:0 0 20px 0;} .menu DIV.menu_item A#aavision:hover{ background: url(voorpagina/aavision_over.jpg) no-repeat 50% 10px; padding:0 0 20px 0;} .menu DIV.menu_item A#aazonwering{ background: url(voorpagina/aazonwering.jpg) no-repeat 50% 10px; padding:0 0 20px 0;} .menu DIV.menu_item A#aazonwering:hover{ background: url(voorpagina/aazonwering_over.jpg) no-repeat 50% 10px; padding:0 0 20px 0;} /************************************************************** ** Content ***************************************************************/ .content{ width: 930px; float: left; padding: 10px 10px 10px 10px; color: #000;} .content DIV.content_wrapper{ float: left; padding-bottom: 15px; border-bottom: #9C9C9C 1px solid;} /************************************************************** ** Nieuws ***************************************************************/ .nieuws{ width: 450px; float:left; margin: 0px 30px 0px 0px;} .nieuws H2{ color: #000000; font-size: 16px; margin: 0px 0px 10px 10px;} .nieuws DIV.nieuws_item{ width: 430px; background-color: #FFF0D6; white-space: nowrap; color: #00198B; font-weight: bold; float: left; font-size: 13px; margin: 0px 0px 5px; padding: 1px 10px 2px; } .nieuws DIV.nieuws_item STRONG{ padding-right: 10px; float: left; font-size: 12px; color: #000;} .nieuws DIV.nieuws_item A{ color: #00198B; text-decoration: none;} .nieuws DIV.nieuws_item A:hover{ color: #000;} .mededelingen{ width: 430px; background-color: #F0913C; color: #FFFFFF; float: left; font-size: 12px; padding: 5px 10px;} /************************************************************** ** Footer ***************************************************************/ .footer{ width: 100%; float: left; text-align: center; color: #5E5E5E; font-size: 12px; font-weight: bold;} .footer A{ text-decoration: none;} .footer A:hover{ text-decoration: underline;}