/************************************************************** ** Algemeen ***************************************************************/ .pngfix{ behavior: url(../Includes/iepngfix.php);} HTML{ height: 100.01%;} BODY{ height: 100%; text-align: center;} HTML, BODY{ margin: 0; padding: 0; font-size: 12px; color: #000; line-height: normal; font-family: Verdana,Arial,Helvetica,sans-serif;} A{ color: #C0272D;} A:hover{ color: #000;} 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: 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: 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: 950px; margin: 0 auto; text-align: left;} /************************************************************** ** Header ***************************************************************/ .header{ width: 100%; height: 134px; float: left; clear: left; background: url(../../Images/header.gif) no-repeat 0 0;} /************************************************************** ** Menu ***************************************************************/ .menu{ float: right; display: inline; background-color: #000; margin: 8px -5px -5px 0;} .menu DIV.menu_inner{ float: left; display: inline; margin: -5px 5px 5px -5px; background-color: #8dc63f; position: relative;} .menu DIV.menu_inner UL{ margin: 0; padding: 0; list-style: none; float: left; border-right: #000 1px solid;} .menu DIV.menu_inner UL LI{ float: left; display: inline; padding: 0; position: relative;} .menu DIV.menu_inner UL LI A{ border: #000 solid; float: left; color: #000; border-width: 1px 0 1px 1px; font-size: 13px; display: block; padding-right: 30px; padding-left: 5px; height: 20px; font-weight: bold; text-decoration: none;} .menu DIV.menu_inner UL LI A:hover{ color: #C0272D;} .menu DIV.menu_inner UL LI.laatste A{ padding: 0 5px;} /************************************************************** ** Content ***************************************************************/ .content_container{ width: 100%; float: left; clear: left; margin-top: 10px; position: relative; background: url(../../Images/filmstrip_verlengstuk.gif) repeat-y scroll 0 -50px;} .filmstrip{ width: 120px; display: inline; float: left;} .filmstrip DIV.wrapper{ width: 102px; float: left; background: url(../../Images/filmstrip.gif) #000 no-repeat 0 -25px; padding: 10px 0 0 0;} .filmstrip DIV.foto{ width: 102px; text-align: center; float: left; clear: left; position: relative; overflow: hidden;} .filmstrip DIV.foto IMG{ /*float: left;*/ margin: 7px 15px;} .filmstrip DIV.foto A{ display: block; position: absolute; left: 0; top: 0; width: 102px; height: 58px; background: url(../../Images/filmstrip.gif) repeat-y 0 0;} /*.filmstrip DIV.bottom{ width: 102px; height: 10px; float: left; background: url(../../Images/filmstrip.gif) #000 repeat-y 0 -10px;}*/ .content{ width: 780px; margin-top: 20px; font-size: 13px; line-height: 18px; padding: 25px; float: right; display: inline; background: url(../../Images/kaart.jpg) repeat-y 100% 0;} .content H1{ font-size: 18px; line-height: 18px; padding-bottom: 20px;} .content H2{ font-size: 13px; padding: 0; line-height: 13px; text-transform: uppercase;} .row{ width: 100%; float: left; clear: left; margin-bottom: 20px; border-bottom: #000 1px dotted;} TABLE.kind{ width: 100%; float: left;} TABLE.kind TABLE{ width: 100%; float: left;} TABLE.kind TD{ padding-bottom: 3px; vertical-align: top;} TABLE.kind TH{ padding-bottom: 3px; vertical-align: top; border-bottom: #000 1px dotted; background-color: #8dc63f;} TABLE.kind DIV{ float: left;} .links DIV.titel_balk{ width: 768px; float: left; clear: left; border: #000 1px solid; padding: 5px; background-color: #8dc63f; color: #000; font-weight: bold;} .links DIV.titel_balk A.link{ float: right; margin-left: 5px; color: #000; text-decoration: none;} .links DIV.titel_balk A.titel{ float: left; color: #000; text-decoration: none;} .links DIV.titel_balk A:hover{ color: #C0272D;} .links DIV.toelichting{ width: 100%; float: left; clear: left; margin-top: 10px;} .links DIV.toelichting TABLE{ width: 100%;} .links DIV.toelichting TABLE TD{ vertical-align: top;} .red{ color: #F00;} /************************************************************** ** Footer ***************************************************************/ .footer{ width: 779px; float: left; clear: left; border-top: #C0272D 1px solid; padding: 10px 0; margin-top: 10px; font-size: 10px; line-height: 15px;} /************************************************************** ** Formulier Styles ***************************************************************/ table.contactform{ margin:0px; padding:0px; } input.contactform{ background:#8dc63f; width:288px; height:18px; margin:0px; padding:0px; float:left; border:1px solid #000000; } textarea.contactform{ background:#8dc63f; width:269px; height:118px; margin:0 0 10px 0; padding:0px; border:1px solid #000000; } input.contactform_submit{ border:1px solid #000000; cursor:pointer; } input#Verder{ background:#8dc63f; margin:0px 10px 0px 0px; border:1px solid #000000; } input#Wissen{ background:#8dc63f; } .contact_id{ width:110px; height:18px; margin:0px; padding:0 0 6px 0; font-weight:bold; text-align:left; } .contact_input{ width:292px; height:18px; margin:0px; padding:0 0 6px 0; text-align:left; } .contactform_straat{ background:#8dc63f; width:202px; height:16px; margin:0px; padding:0px; border:1px solid #000; float:left; } .contact_nummer{ width:19px; height:16px; margin:0px; padding:2px 0 0 10px; font-weight:bold; text-align:left; float:left; } .contactform_nummer{ background:#8dc63f; width:36px; height:16px; margin:0px; padding:0px; border:1px solid #000; float:left; } .contactform_postcode{ background:#8dc63f; width:67px; height:16px; margin:0px; padding:0px; border:1px solid #000; float:left; } .contact_plaats{ width:47px; height:16px; margin:0px; padding:2px 2px 0 10px; font-weight:bold; text-align:left; float:left; } .contactform_plaats{ background:#8dc63f; width:152px; height:16px; margin:0px; padding:0px; border:1px solid #000; float:left; } .contactform_naam{ background:#8dc63f; width:161px; height:16px; margin:0px; padding:0px; border:1px solid #000; } .contactform_anders{ background:#8dc63f; width:40px; height:16px; margin:0px; padding:0px; border:1px solid #000; } .contactform_rekening{ background:#8dc63f; width:140px; height:16px; margin:0px; padding:0px; border:1px solid #000; }