/************************************************************** ** Algemeen ***************************************************************/ .pngfix{ behavior: url(/DeKoekenbieren/Includes/iepngfix.php);} HTML{ height: 100.01%; overflow-x: hidden;} BODY{ text-align: center; height: 100%; background: url(../../Images/Portal/body_bg.gif) fixed repeat-y 50% 0;} HTML, BODY{ margin: 0; padding: 0; font-size: 12px; color: #000; line-height: normal; font-family: Verdana, Arial, Helvetica, sans-serif;} A{ color: #000;} A:hover{ color: #FFF;} A:focus, INPUT:focus, IMG:focus{ outline: none;} P{ margin: 0 0 10px 0;} IMG{ border: none;} FORM{ margin: 0;} TABLE{ border-collapse: collapse; margin-bottom: 10px;} TABLE P{ margin: 0 0 5px 0;} UL, OL{ margin: 0 0 10px; padding: 0 0 0 18px;} LI{ padding-bottom: 5px;} LI LI{ padding-bottom: 2px;} H1{ font-size: 40px; line-height: 42px;} H2{ font-size: 34px; line-height: 36px;} H3{ font-size: 26px; line-height: 28px;} H4{ font-size: 18px; line-height: 20px;} H5{ font-size: 14px; line-height: 16px;} H6{ font-size: 12px; line-height: 14px;} H1, H2, H3, H4, H5, H6{ margin: 0 0 5px 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000;} SELECT.form_text, INPUT.form_text{ float: left; padding: 2px 0 2px 2px; font-size: 12px; font-weight: normal; color: #000; margin: 0 0 2px 0; font-family: Verdana, Arial, Helvetica, sans-serif;} INPUT.form_btn{ float: left; margin: 0; font-size: 13px; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif;} INPUT.form_box{ float: left; width: 13px; height: 13px; margin: 3px 3px 0 0;} SELECT.form_text{ padding: 0; font-size: 12px;} TEXTAREA{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border: #82A9EC 1px solid;} 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;} .ie_clearer{ content: "."; display: inline; height: 0; font-size: 1px; clear: both; visibility: hidden;} .spamcontrole { width: 5px; visibility: hidden;} /************************************************************** ** Inhoud v/d ***************************************************************/ .container{ width: 1070px; min-height: 100%; height: auto !important; height: 100%; text-align: left; cursor: default; position: absolute; left: 50%; margin-left: -535px; background: url(../../Images/Portal/slierten.gif) repeat-y 0 0;} .container DIV.wrapper{ width: 960px; margin: 0 auto; cursor: auto; position: relative;} /************************************************************** ** Header ***************************************************************/ .portal_header{ width: 100%; height: 112px; margin-top: 10px; margin-bottom: 3px; float: left; clear: left; background: url(../../Images/Portal/header.png) no-repeat 0 0;} /************************************************************** ** Kolommen ***************************************************************/ .cols{ width: 100%; float: left; clear: left;} .cols DIV.left{ width: 295px; float: left; display: inline; color: #24489c;} .cols DIV.middle{ width: 370px; float: left; display: inline; color: #b34400;} .cols DIV.right{ width: 295px; float: left; display: inline; color: #000;} DIV.titelbalk{ width: 100%; height: 50px; float: left; clear: left;} DIV.left DIV.titelbalk{ background: url(../../Images/Portal/titelbalk_blauw.gif) no-repeat 100% 0;} DIV.right DIV.titelbalk{ background: url(../../Images/Portal/titelbalk_rood.gif) no-repeat 0 0;} DIV.middle DIV.titelbalk{ background: url(../../Images/Portal/titelbalk_geel.gif) repeat-x 0 0; text-align: center;} DIV.middle DIV.titelbalk H1{ color: #FFF; font-size: 22px; line-height: 22px; margin: 12px 5px 0; font-weight: normal;} DIV.enter_btn{ width: 100%; height: 30px; margin-top: 3px; float: left; clear: left; position: relative; display: inline;} DIV.enter_btn A{ display: block; height: 100%; line-height: 30px; text-align: center; color: #FFF; font-size: 13px; text-decoration: none; cursor: pointer;} DIV.enter_btn A:hover{ color: #FFF;} DIV.left DIV.enter_btn A{ background: url(../../Images/Portal/blauw_btn_bg.jpg) repeat 0 -70px;} DIV.middle DIV.enter_btn A{ background: url(../../Images/Portal/geel_btn_bg.jpg) repeat 0 -70px;} DIV.right DIV.enter_btn A{ background: url(../../Images/Portal/rood_btn_bg.jpg) repeat 0 -70px;} DIV.left DIV.enter_btn{ width: 294px; margin-left: 1px;} DIV.right DIV.enter_btn{ width: 294px;} DIV.left DIV.enter_btn DIV.left_corners{ position: absolute; left: 0; top: 0; width: 8px; font-size: 1px; height: 30px; background: url(../../Images/Portal/blauw_btn_left_corners.png) no-repeat 0 0;} DIV.left DIV.enter_btn DIV.right_corners{ position: absolute; right: 0; top: 0; width: 8px; font-size: 1px; height: 30px; background: url(../../Images/Portal/blauw_btn_right_corners.png) no-repeat 0 0;} DIV.middle DIV.enter_btn DIV.left_corners{ position: absolute; left: 0; top: 0; width: 8px; font-size: 1px; height: 30px; background: url(../../Images/Portal/geel_btn_left_corners.png) no-repeat 0 0;} DIV.middle DIV.enter_btn DIV.right_corners{ position: absolute; right: 0; top: 0; width: 8px; font-size: 1px; height: 30px; background: url(../../Images/Portal/geel_btn_right_corners.png) no-repeat 0 0;} DIV.right DIV.enter_btn DIV.left_corners{ position: absolute; left: 0; top: 0; width: 8px; font-size: 1px; height: 30px; background: url(../../Images/Portal/rood_btn_left_corners.png) no-repeat 0 0;} DIV.right DIV.enter_btn DIV.right_corners{ position: absolute; right: 0; top: 0; width: 8px; font-size: 1px; height: 30px; background: url(../../Images/Portal/rood_btn_right_corners.png) no-repeat 0 0;} DIV.left DIV.content_container{ width: 100%; float: left; clear: left; margin-top: 10px; padding-bottom: 184px; background: url(../../Images/Portal/bl_bg.png) no-repeat 0 100%;} DIV.left DIV.content_container DIV.content_outer{ float: left; width: 100%;} DIV.left DIV.content_container DIV.content_inner{ float: left; width: 100%; position: relative; margin: 0px 0 -154px; background: url(../../Images/Portal/tl_bg.png) no-repeat 0 0;} DIV.middle DIV.content_container{ width: 100%; float: left; clear: left; margin-top: 10px; padding-bottom: 275px; background: url(../../Images/Portal/bm_bg.png) no-repeat 0 100%;} DIV.middle DIV.content_container DIV.content_outer{ float: left; width: 100%;} DIV.middle DIV.content_container DIV.content_inner{ float: left; width: 100%; position: relative; margin: 0px 0 -245px; background: url(../../Images/Portal/tm_bg.png) no-repeat 0 0;} DIV.right DIV.content_container{ width: 100%; float: left; clear: left; margin-top: 10px; padding-bottom: 231px; background: url(../../Images/Portal/br_bg.png) no-repeat 0 100%;} DIV.right DIV.content_container DIV.content_outer{ float: left; width: 100%;} DIV.right DIV.content_container DIV.content_inner{ float: left; width: 100%; position: relative; margin: 0px 0 -201px; background: url(../../Images/Portal/tr_bg.png) no-repeat 0 0;} /************************************************************** ** Content ***************************************************************/ DIV.content_container DIV.logo{ width: 100%; float: left; clear: left;} #kdv_logo{ height: 90px; background: url(../../Images/Portal/KDV_koekenbieren_logo.png) no-repeat 50% 100%;} #psz_logo{ height: 90px; background: url(../../Images/Portal/PSZ_humpiedumpie_logo.png) no-repeat 50% 100%;} #bso_logo{ height: 90px; background: url(../../Images/Portal/BSO_koekenbieren_logo.png) no-repeat 50% 100%;} DIV.content{ clear: left; width: 260px; margin: 0 auto; padding-top: 15px;} DIV.content DIV.contentgegevens{ width: 100%; float: left; clear: left; margin-bottom: 35px;} DIV.content DIV.txt{ width: 100%; float: left; clear: left; min-height: 375px; height: auto !important; height: 375px;} DIV.content DIV.txt H1{ font-size: 22px; line-height: 22px; font-weight: normal; margin-bottom: 20px;} DIV.left DIV.content A, DIV.left DIV.content H1{ color: #24489c;} DIV.left DIV.content A:hover{ color: #FFF;} DIV.middle DIV.content A, DIV.middle DIV.content H1{ color: #b34400;} DIV.middle DIV.content A:hover{ color: #000;} DIV.right DIV.content A, DIV.right DIV.content H1{ color: #000;} DIV.right DIV.content A:hover{ color: #FFF;} /************************************************************** ** Footer ***************************************************************/ DIV.left DIV.footer{ width: 100%; float: left; clear: left; margin-top: 10px; font-weight: bold; font-size: 11px;} DIV.left DIV.footer A{ color: #24489c; text-decoration: none; font-weight: bold;} DIV.left DIV.footer A:hover{ color: #FFF;}