/************************************************************** ** Algemeen ***************************************************************/ HTML{ overflow-x: hidden; overflow-y: auto;} BODY{ margin: 0;} HTML, BODY{ font-size: 11px; height: 100%; color: #000; line-height: 18px; font-family: Arial, Helvetica, sans-serif;} A{ color: #000;} A:hover{ color: #6A2C91;} P{ margin: 0; margin-bottom: 10px;} IMG{ border: none;} FORM{ margin: 0;} H1{ font-size: 44px; line-height: 49px;} H2{ font-size: 38px; line-height: 42px;} H3{ font-size: 28px; line-height: 32px;} H4{ font-size: 20px; line-height: 25px;} H5{ font-size: 18px; line-height: 23px;} H6{ font-size: 12px; line-height: 14px;} H1, H2, H3, H4, H5, H6{ margin: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif;} H1.titel{ font-size: 14px; line-height: 20px; color: #6a2c91;} SELECT.form_text, INPUT.form_text{ float: left; height: 15px; padding-top: 1px; padding-left: 2px; font-size: 11px; font-weight: normal; color: #000; margin: 0 0 2px 0; width: 120px; border: #6A2C91 1px solid; font-family: Arial, Helvetica, sans-serif;} INPUT.form_btn{ float: left; margin: 0; font-weight: bold; font-size: 11px; color: #FFF; border: #000 1px solid; background-color: #6A2C91; font-family: Arial, Helvetica, sans-serif;} SELECT.form_text{ padding: 0; height: auto; font-size: 11px; margin-right:5px; border: 0; width: auto;} TEXTAREA.form_text{ border: #6A2C91 1px solid; font-family: Arial, Helvetica, sans-serif; font-size: 11px;} 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;} .png{ behavior: url(../Include/iepngfix.htc);} /************************************************************** ** Inhoud v/d ***************************************************************/ TABLE.container{ width: 100%; float: left; height: 100%;} TABLE.container TD{ vertical-align: middle;} DIV.container{ padding: 0 10px;} TABLE.container TD TD{ vertical-align: top;} /************************************************************** ** Header ***************************************************************/ .header{ width: 100%; height: 65px; margin-bottom: 10px; float: left; background-color: #dccbe6;} .header DIV.logo{ width: 445px; height: 100%; float: left; background: url(../Images/logo.jpg) no-repeat 0 0;} /************************************************************** ** Menu ***************************************************************/ #menu{ width: 212px; float: left; display: inline; margin-top: 5px;} /************************************************************** ** Content ***************************************************************/ .content_container{ width: 100%; height: 434px; float: left; margin-bottom: 10px; background: url(../Images/bg_foto_breed_links_2.jpg) no-repeat left 0 #d0d0d0; } .content_wrapper{ width: 988px; cursor: default; margin: 0 auto; margin-top: 15px;} .content{ width: 476px; height:394px; cursor: auto; float: left; display: inline; margin-top: 5px; background: url(../Images/content_bg.png) repeat 0 0;} .inhoud{ margin: 0 0 0 15px; padding: 15px 15px 15px 0; height: 364px; overflow: auto;} .iframe_content{ padding-bottom: 15px;} .iframe_content UL{ margin-top: -10px;} .formulier{ width: 280px; padding: 10px 15px; background-color: #DCCBE6; margin-bottom: 10px;} .formulier TABLE{ width: 100%;} A.btn{ display: block; padding: 2px 10px; border: #000 1px solid; font-weight: bold; color: #FFF; text-decoration: none; float: right; background-color: #6A2C91;} /************************************************************** ** Flash ***************************************************************/ .animatie_ruimte{ width: 300px; height: 100px; float: left; display: inline; position: relative;} .animatie_ruimte DIV.hoek{ width: 68px; height: 69px; position: absolute; left: 0; top: 0; background: url(../Images/hoek.png) no-repeat 0 0;} .animatie_ruimte DIV#flashcontent{ width: 300px; height: 600px; position: absolute; right: 0; top: -80px;} /************************************************************** ** Footer ***************************************************************/ .footer{ width: 100%; height: 40px; float: left; background-color: #6a2c91;} .footer DIV.wrapper{ margin: 10px 7px;} .footer SPAN{ float: left; clear: left; line-height: 11px; color: #FFF;} .footer SPAN A{ color: #FFF;} .footer SPAN A:hover{ text-decoration: underline;}