/************************************************************** ** Algemeen ***************************************************************/ /*.pngfix{ behavior: url(http://www.ballonsjop.nl/Scripts/iepngfix.htc);}*/ HTML{ height: 100.01%;} BODY{ height: 100%; text-align: center; background: url(../../Images/body_bg.jpg) #2a6db5 no-repeat fixed 50% 0;} HTML, BODY{ margin: 0; padding: 0; font-size: 11px; color: #68696a; line-height: normal; font-family: Arial, Helvetica, sans-serif;} A{ color: #68696a;} A:hover{ color: #1d5ac8;} A:focus, INPUT:focus, IMG:focus{ outline: none;} A *{ cursor: pointer;} 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; line-height: 14px;} 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: Arial, Helvetica, sans-serif; color: #68696a; text-transform: uppercase;} INPUT.form_text{ float: left; padding: 2px; font-size: 12px; font-weight: normal; color: #68696a; border: #dcdcdc 1px solid; background: url(../../Images/input_bg.gif) repeat-x 0 0; margin: 0 0 2px 0; font-family: Arial, Helvetica, sans-serif;} INPUT.form_btn{ float: left; margin: 0; font-size: 12px; color: #68696a; font-family: Arial, Helvetica, sans-serif;} INPUT.form_box{ float: left; width: 13px; height: 13px; margin: 3px 3px 0 0;} TEXTAREA{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #68696a; border: #dcdcdc 1px solid;} BUTTON{ margin: 0px 0 -4px 8px; padding: 0px; border: none; position: relative; background-color: transparent; cursor: pointer; text-align: center; white-space: normal; float: right; overflow: visible;} *:first-child+html button[type]{ width: 1; margin-bottom: -15px;} /* IE7 */ BUTTON SPAN{ background: transparent url(../../Images/button_right.png) no-repeat scroll right top; display: block; position: relative; float: left; height: 22px; line-height: 22px; white-space: nowrap; padding: 0px 5px 0px 0px; margin: 0px; } BUTTON SPAN SPAN{ background: transparent url(../../Images/button_left.png) no-repeat; color: #FFFFFF; padding: 4px 6px 0px 10px; font-weight: bold; text-transform: uppercase; font-size: 10px; line-height: 13px; display: block; white-space: nowrap; text-decoration: none; } BUTTON SPAN SPAN IMG{ vertical-align: text-top;} BUTTON.over SPAN{ background: transparent url(../../Images/button_right_over.png) no-repeat scroll right top;} BUTTON.over SPAN SPAN{ background: transparent url(../../Images/button_left_over.png) no-repeat;} 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;} .clearer{ clear: both;} .hidden{ visibility: hidden;} .spamcontrole { width: 5px; visibility: hidden;} LABEL.error{ color: #F00; display: none;} /************************************************************** ** Inhoud v/d ***************************************************************/ .container{ width: 910px; margin: 0 auto; padding-top: 25px; text-align: left; position: relative;} .row{ width: 100%; float: left; clear: left;} .corner_small{ width: 8px; height: 8px; font-size: 1px; z-index: 900; position: absolute; background: url(../../Images/corners_small.gif) no-repeat;} .grijs_corner_small{ width: 5px; height: 5px; font-size: 1px; z-index: 900; position: absolute; background: url(../../Images/actie_corners.gif) no-repeat;} .contentcorner_small{ width: 8px; height: 8px; font-size: 1px; z-index: 900; position: absolute; background: url(../../Images/contentcorners_small.gif) no-repeat;} .tl{ top: 0; left: 0; background-position: 0 0;} .tr{ top: 0; right: 0; background-position: 100% 0;} .bl{ bottom: 0; left: 0; background-position: 0 100%;} .br{ bottom: 0; right: 0; background-position: 100% 100%;} DIV.display{ width: 100%; float: left; clear: left; position: relative; z-index: 1; margin-bottom: 12px; padding-bottom: 10px; background: url(../../Images/trans_bg_bottom.png) no-repeat 0 100%;} DIV.display DIV.display_outer{ float: left; width: 100%; margin-top: 10px; background: url(../../Images/trans_bg.png) repeat-y 0 0;} DIV.display DIV.display_inner{ float: left; width: 900px; position: relative; margin: -10px 0 -5px; padding: 5px 5px 0; background: url(../../Images/trans_bg_top.png) no-repeat 0 0;} DIV.header_display{ z-index: 999;} DIV.icoontjes{ width: 250px; text-align: right; position: absolute; top: 5px; right: 0; z-index: 3;} DIV.icoontjes UL{ float: right; width: 95px; margin: 0; padding: 0; padding-right: 8px; list-style: none;} DIV.icoontjes UL LI{ display: inline; padding: 0; float: left; border-left: #FFF 1px solid;} DIV.icoontjes UL LI#eerste{ border: 0;} DIV.icoontjes UL LI A{ width: 11px; height: 10px; font-size: 1px; margin: 0 10px; display: inline-block; float: left;} DIV.icoontjes UL LI A#home_ico{ background: url(../../Images/icons.gif) no-repeat 0 0;} DIV.icoontjes UL LI A#home_ico:hover, DIV.icoontjes UL LI.actief A#home_ico{ background-position: 0 100%;} DIV.icoontjes UL LI A#sitemap_ico{ background: url(../../Images/icons.gif) no-repeat -12px 0;} DIV.icoontjes UL LI A#sitemap_ico:hover, DIV.icoontjes UL LI.actief A#sitemap_ico{ background-position: -12px 100%;} DIV.icoontjes UL LI A#contact_ico{ background: url(../../Images/icons.gif) no-repeat -24px 0;} DIV.icoontjes UL LI A#contact_ico:hover, DIV.icoontjes UL LI.actief A#contact_ico{ background-position: -24px 100%;} /************************************************************** ** Breadcrumbs ***************************************************************/ .breadcrumbs{ width: 900px; height: 17px; margin: 0 auto -17px; text-align: left; position: relative; z-index: 2;} .breadcrumbs UL{ margin: 3px 0 5px 0; padding: 0; list-style: none; float: left;} .breadcrumbs UL LI{ padding: 0; display: inline; float: left; padding: 0 2px; color: #FFF;} .breadcrumbs UL LI A{ text-decoration: none; color: #FFF; font-size: 10px; line-height: 11px; position: relative; text-transform: uppercase;} .breadcrumbs UL LI A:hover{ text-decoration: underline;} /************************************************************** ** Menu ***************************************************************/ .hoofdmenu{ width: 900px; float: left; clear: left; position: relative; z-index: 999;} .hoofdmenu UL{ width: 100%; margin: 0; padding: 0; list-style: none; clear: both;} .hoofdmenu UL LI{ float: left; display: inline-block; padding: 0; margin: 0; position: relative;} .hoofdmenu UL LI A.menuitem{ float: left; display: inline-block; margin: 0; padding: 0; font-size: 12px; font-weight: bold; line-height: 27px; white-space: nowrap; color: #FFF; text-transform: uppercase; text-decoration: none; position: relative;} .hoofdmenu UL LI A.menuitem:hover{ color: #FFF;} .hoofdmenu UL LI A.menuitem SPAN{ display: inline-block; float: left; height: 27px; font-size: 1px; margin-top: 7px;} .hoofdmenu UL LI A.menuitem SPAN.left{ width: 19px; background: url(../../Images/ballon_ico.png) no-repeat 5px 5px;} .hoofdmenu UL LI A.menuitem SPAN.center{ text-align: center; font-size: 12px; line-height: 27px; position: relative;} .hoofdmenu UL LI A.menuitem SPAN.right{ width: 18px; border-right: #FFF 1px solid;} .hoofdmenu UL LI#home{ width: 72px;} .hoofdmenu UL LI#home A.menuitem{ background: url(../../Images/menu/home_bg.gif) repeat-x 0 100%;} .hoofdmenu UL LI#home A.menuitem SPAN.center{ width: 34px;} .hoofdmenu UL LI#producten{ width: 110px;} .hoofdmenu UL LI#producten A.menuitem{ background: url(../../Images/menu/producten_bg.gif) repeat-x 0 100%;} .hoofdmenu UL LI#producten A.menuitem SPAN.center{ width: 72px;} .hoofdmenu UL LI#winkelmand_menu{ width: 118px;} .hoofdmenu UL LI#winkelmand_menu A.menuitem{ background: url(../../Images/menu/winkelmand_bg.gif) repeat-x 0 100%;} .hoofdmenu UL LI#winkelmand_menu A.menuitem SPAN.center{ width: 80px;} .hoofdmenu UL LI#gesteldevragen{ width: 148px;} .hoofdmenu UL LI#gesteldevragen A.menuitem{ background: url(../../Images/menu/gesteldevragen_bg.gif) repeat-x 0 100%;} .hoofdmenu UL LI#gesteldevragen A.menuitem SPAN.center{ width: 110px;} .hoofdmenu UL LI#links{ width: 73px;} .hoofdmenu UL LI#links A.menuitem{ background: url(../../Images/menu/links_bg.gif) repeat-x 0 100%;} .hoofdmenu UL LI#links A.menuitem SPAN.center{ width: 35px;} .hoofdmenu UL LI#betaalinformatie{ width: 153px;} .hoofdmenu UL LI#betaalinformatie A.menuitem{ background: url(../../Images/menu/betaalinformatie_bg.gif) repeat-x 0 100%;} .hoofdmenu UL LI#betaalinformatie A.menuitem SPAN.center{ width: 115px;} .hoofdmenu UL LI#voorwaarden{ width: 132px;} .hoofdmenu UL LI#voorwaarden A.menuitem{ background: url(../../Images/menu/voorwaarden_bg.gif) repeat-x 0 100%;} .hoofdmenu UL LI#voorwaarden A.menuitem SPAN.center{ width: 94px;} .hoofdmenu UL LI#contact{ width: 94px;} .hoofdmenu UL LI#contact A.menuitem{ background: url(../../Images/menu/contact_bg.gif) repeat-x 0 100%;} .hoofdmenu UL LI#contact A.menuitem SPAN.left{ width: 19px;} .hoofdmenu UL LI#contact A.menuitem SPAN.center{ width: 56px;} .hoofdmenu UL LI#contact A.menuitem SPAN.right{ width: 19px; border: 0;} .hoofdmenu UL LI A.aan{ line-height: 34px;} .hoofdmenu UL LI A.aan SPAN{ height: 34px; margin: 0;} .hoofdmenu UL LI A.aan SPAN.left{ width: 10px; background: url(../../Images/menu/menuitem_over_left.png) no-repeat 0 0;} .hoofdmenu UL LI A.aan SPAN.center{ padding-top: 7px; height: 27px; background-color: #FFF;} .hoofdmenu UL LI A.aan SPAN.right{ width: 28px; border: 0;} .hoofdmenu UL LI#home A.aan, .hoofdmenu UL LI#home A.aan SPAN.center{ color: #f02d6e;} .hoofdmenu UL LI#home A.aan SPAN.right{ background: url(../../Images/menu/home_over_right.png) no-repeat 0 0;} .hoofdmenu UL LI#producten A.aan, .hoofdmenu UL LI#producten A.aan SPAN.center{ color: #ea1111;} .hoofdmenu UL LI#producten A.aan SPAN.right{ background: url(../../Images/menu/producten_over_right.png) no-repeat 0 0;} .hoofdmenu UL LI#winkelmand_menu A.aan, .hoofdmenu UL LI#winkelmand_menu A.aan SPAN.center{ color: #f3730d;} .hoofdmenu UL LI#winkelmand_menu A.aan SPAN.right{ background: url(../../Images/menu/winkelmand_over_right.png) no-repeat 0 0;} .hoofdmenu UL LI#gesteldevragen A.aan, .hoofdmenu UL LI#gesteldevragen A.aan SPAN.center{ color: #faa70a;} .hoofdmenu UL LI#gesteldevragen A.aan SPAN.right{ background: url(../../Images/menu/gesteldevragen_over_right.png) no-repeat 0 0;} .hoofdmenu UL LI#links A.aan, .hoofdmenu UL LI#links A.aan SPAN.center{ color: #8fe70d;} .hoofdmenu UL LI#links A.aan SPAN.right{ background: url(../../Images/menu/links_over_right.png) no-repeat 0 0;} .hoofdmenu UL LI#betaalinformatie A.aan, .hoofdmenu UL LI#betaalinformatie A.aan SPAN.center{ color: #00bfe6;} .hoofdmenu UL LI#betaalinformatie A.aan SPAN.right{ background: url(../../Images/menu/betaalinformatie_over_right.png) no-repeat 0 0;} .hoofdmenu UL LI#voorwaarden A.aan, .hoofdmenu UL LI#voorwaarden A.aan SPAN.center{ color: #0064e7;} .hoofdmenu UL LI#voorwaarden A.aan SPAN.right{ background: url(../../Images/menu/voorwaarden_over_right.png) no-repeat 0 0; border: 0;} .hoofdmenu UL LI#contact A.aan SPAN.left{ border: 0; width: 28px; background: url(../../Images/menu/contact_over_left.png) no-repeat 0 0;} .hoofdmenu UL LI#contact A.aan, .hoofdmenu UL LI#contact A.aan SPAN.center{ color: #6c0fe8;} .hoofdmenu UL LI#contact A.aan SPAN.right{ width: 10px; background: url(../../Images/menu/contact_over_right.png) no-repeat 0 0;} .hoofdmenu UL LI A.over SPAN.center{ text-decoration: underline;} .submenu{ width: 200px; position: absolute; left: -999em; top: 34px; z-index: 999; display: inline; border: 0; margin: 0; padding-bottom: 10px; background: url(../../Images/submenu_bottom.gif) no-repeat 0 100%;} .submenu *{ margin: 0; padding: 0;} .submenu DIV.submenu_outer{ float: left; width: 100%; display: inline; position: relative; margin-top: 10px; background: url(../../Images/submenu_bg.gif) repeat-y 0 0;} .submenu DIV.submenu_inner{ float: left; width: 100%; display: inline; margin: -10px 0 -5px; padding-top: 10px; background: url(../../Images/submenu_top.gif) no-repeat 0 0;} .submenu UL{ width: 200px; float: left; display: inline; margin: -5px 0 0 0; position: relative;} .submenu UL LI{ width: 200px; background: url(../../Images/submenu_border.gif) no-repeat 50% 100%; display: inline-block; border: 0; padding: 3px 0; margin: 0; position: relative;} .submenu UL LI A{ background: url(../../Images/submenu_bullet.gif) no-repeat 3px 3px; float: none; color: #68696a; display: block; text-transform: none; margin: 0 5px; padding: 4px 10px 4px 32px; position: relative; font-weight: bold; text-decoration: none; line-height: 14px;} .submenu UL LI A:hover{ color: #1d5ac8; text-decoration: underline;} /************************************************************** ** Header ***************************************************************/ .header{ width: 900px; height: 66px; float: left; clear: left; overflow: hidden; background: url(../../Images/header_bg.png) no-repeat 0 0;} .header DIV.logo{ width: 331px; height: 45px; float: left; clear: left; margin: 16px 0 0 17px;} .header DIV.logo A{ display: block; height: 100%; background: url(../../Images/logo.png) no-repeat 0 0;} .header DIV.winkelmand_venster{ width: 153px; height: 41px; float: left; margin: 14px 0 0 20px; background: url(../../Images/winkelwagen.png) no-repeat 0 0; overflow: hidden;} .header DIV.winkelmand_venster A{ text-decoration: none; text-transform: uppercase; color: #68696a; display: block; padding: 14px 0 13px 43px; background: url(../../Images/ww_ico.gif) no-repeat 15px 13px;} .header DIV.winkelmand_venster A STRONG{ color: #1d5ac8;} .header DIV.winkelmand_venster A:hover{ color: #1d5ac8; text-decoration: underline;} .header DIV.zoek_venster{ width: 260px; height: 31px; float: right; margin: 14px 10px 0 0; padding: 10px 10px 0 10px; background: url(../../Images/zoeken_bg.png) no-repeat 0 0;} .header DIV.zoek_venster INPUT.form_text{ width: 175px;} .header DIV.zoek_venster BUTTON{ margin-left: 2px;} /************************************************************** ** Content ***************************************************************/ DIV.content_container{ width: 100%; float: left; clear: left; overflow: hidden; position: relative; z-index: 1; padding-bottom: 6px; background: url(../../Images/content_bg_bottom.png) no-repeat 0 100%;} DIV.content_container DIV.content_container_outer{ float: left; width: 100%; margin-top: 10px; background-color: #FFF;} DIV.content_container DIV.content_container_inner{ float: left; width: 880px; position: relative; margin: -10px 0 -5px; padding: 10px 10px 15px; background: url(../../Images/content_bg_top.png) no-repeat 0 0;} DIV.content_container DIV.col_left{ width: 260px; display: inline; float: left;} DIV.content_container DIV.col_right{ width: 605px; display: inline; float: left; margin-left: 15px;} /********************************** ** Column Left ***********************************/ DIV.col_left DIV.venster{ width: 100%; float: left; clear: left; position: relative; padding-bottom: 20px;} DIV.col_left DIV.venster DIV.venster_header{ width: 100%; float: left; clear: left; overflow: hidden; padding-bottom: 6px; background: url(../../Images/col_left_header_bottom.png) no-repeat 0 100%;} DIV.col_left DIV.venster DIV.venster_header DIV.venster_header_outer{float: left; width: 100%; margin-top: 6px; background: url(../../Images/col_left_header_bg.png) repeat-y 0 0;} DIV.col_left DIV.venster DIV.venster_header DIV.venster_header_inner{ float: left; width: 880px; position: relative; margin: -6px 0 -5px; padding: 6px 10px 4px; background: url(../../Images/col_left_header_top.png) no-repeat 0 0;} DIV.col_left DIV.venster DIV.venster_header H2{ font-size: 11px; line-height: 16px; padding: 0 0 0 3px; margin: 0;} DIV.col_left DIV.venster DIV.venster_content{ width: 100%; float: left; clear: left;} DIV.sub UL{ width: 100%; float: left; clear: left; margin: 0; padding: 0; list-style: none;} DIV.sub UL LI{ display: block; width: 100%; float: left; clear: left; padding: 0; background: url(../../Images/submenu_border.gif) no-repeat 50% 100%;} DIV.sub UL LI A{ display: block; width: 227px; text-transform: uppercase; font-size: 11px; font-weight: bold; text-decoration: none; padding: 5px 5px 5px 28px; background: url(../../Images/submenu_bullet.gif) no-repeat 3px 3px;} DIV.sub UL LI A.aan{ color: #1d5ac8; text-decoration: underline;} DIV.sub UL LI A:hover{ color: #1d5ac8; text-decoration: underline;} DIV.subsubsub span.subsub{ display: block; width: 100%; float: left; clear: left; padding: 0; background: url(../../Images/submenu_border.gif) no-repeat 50% 100%;} DIV.subsubsub span.subsub a{ display: block; width: 227px; text-transform: uppercase; font-size: 11px; font-weight: bold; text-decoration: none; padding: 5px 5px 5px 28px; background: url(../../Images/submenu_bullet.gif) no-repeat 3px 3px;} DIV.subsubsub UL{ margin: 0; padding: 0; list-style: none; display:none;} DIV.subsubsub UL LI{ display: block; padding: 0; background: none;} DIV.subsubsub UL LI A{ display: block; width: 225px; text-transform: none; background: url(../../Images/tree_lines.gif) no-repeat 20px 0px; font-size: 11px; line-height: 13px; text-decoration: none; padding: 3px 0 4px 35px;} DIV.subsubsub UL LI A.aan{ background: url(../../Images/tree_lines.gif) no-repeat 20px 0px; color: #1d5ac8; text-decoration: underline;} DIV.subsubsub UL LI A:hover{ background: url(../../Images/tree_lines.gif) no-repeat 20px 0px; color: #1d5ac8; text-decoration: underline;} DIV.subsubsub UL LI.laatste A{ background: url(../../Images/tree_endline.gif) no-repeat 20px 0px;} DIV.subsubsub UL LI.laatste A.aan{ background: url(../../Images/tree_endline.gif) no-repeat 20px 0px; color: #1d5ac8; text-decoration: underline;} DIV.subsubsub UL LI.laatste A:hover{ background: url(../../Images/tree_endline.gif) no-repeat 20px 0px; color: #1d5ac8; text-decoration: underline;} DIV.col_left DIV.producten UL{ width: 100%; float: left; clear: left; margin: 0; padding: 0; list-style: none;} DIV.col_left DIV.producten UL LI{ display: block; width: 100%; float: left; clear: left; padding: 0; background: url(../../Images/submenu_border.gif) no-repeat 50% 100%;} DIV.col_left DIV.producten UL LI A{ display: block; width: 240px; float: left; text-decoration: none; padding: 10px;} DIV.col_left DIV.producten UL LI A SPAN.foto{ width: 67px; float: left; display: inline-block; margin-right: 5px; border: #b2b3b3 1px dotted;} DIV.col_left DIV.producten UL LI A SPAN.foto IMG{ float: left;} DIV.col_left DIV.producten UL LI A SPAN.gegevens{ width: 166px; float: left; display: inline-block;} DIV.col_left DIV.producten UL LI A SPAN.gegevens STRONG.titel{ display: block; text-transform: uppercase; margin-bottom: 8px;} DIV.col_left DIV.producten UL LI A SPAN.gegevens STRONG.titel SPAN.artnr{ font-weight: normal; text-transform: none;} DIV.col_left DIV.producten UL LI A SPAN.gegevens SPAN.uitleg{ display: block; margin-bottom: 8px; line-height: 16px;} DIV.col_left DIV.producten UL LI A SPAN.gegevens SPAN.button{ display: block; padding: 0 0 0 28px; line-height: 24px; text-transform: uppercase; font-weight: bold; background: url(../../Images/submenu_bullet.gif) no-repeat 3px 3px;} DIV.col_left DIV.producten UL LI A:hover{ color: #1d5ac8;} /********************************** ** Column Right ***********************************/ DIV.col_right DIV.actievenster{ width: 100%; float: left; clear: left; position: relative; margin-bottom: 40px;} DIV.col_right DIV.actievenster IMG{ float: left;} DIV.col_right DIV.actievenster DIV.info{ width: 250px; padding: 10px; position: absolute; top: 0; right: 0; background: url(../../Images/trans_zwart.png) repeat 0 0; color: #FFF;} DIV.col_right DIV.actievenster DIV.info H2{ color: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif;} DIV.col_right DIV.actievenster DIV.info H2 SPAN{ display: block; text-align: center; position: relative;} DIV.col_right DIV.actievenster DIV.info P{ text-transform: uppercase;} DIV.col_right DIV.actievenster DIV.actiemenu{ width: 100%; height: 54px; position: absolute; left: 0; bottom: -28px; background: url(../../Images/actiemenu_item_bg.png) repeat-x 0 100%;} DIV.col_right DIV.actievenster DIV.actiemenu DIV.wrapper{ width: 100%; float: left; position: relative;} DIV.col_right DIV.actievenster DIV.actiemenu UL{ margin: 0; padding: 0; list-style: none;} DIV.col_right DIV.actievenster DIV.actiemenu UL LI{ display: inline-block; padding: 0; float: left;} DIV.col_right DIV.actievenster DIV.actiemenu UL LI A{ float: left;} DIV.col_right DIV.actievenster DIV.actiemenu UL LI A:hover{ color: #1d5ac8;} DIV.col_right DIV.actievenster DIV.actiemenu UL LI.groot{ height: 54px; background: url(../../Images/actiemenu_groot_item_bg.png) repeat-x 0 100%;} DIV.col_right DIV.actievenster DIV.actiemenu UL LI.groot A{ height: 36px; padding: 18px 5px 0 15px; text-decoration: none; font-weight: bold; text-transform: uppercase;} DIV.col_right DIV.actievenster DIV.actiemenu UL LI.overgang{ width: 25px; height: 54px; background: url(../../Images/actiemenu_overgang.png) no-repeat 0 100%;} DIV.col_right DIV.actievenster DIV.actiemenu UL LI.klein A{ height: 22px; margin-top: 24px; padding: 8px 15px 0 35px; border-left: #acadad 1px dotted; text-decoration: none; background: url(../../Images/submenu_bullet.gif) no-repeat 8px 6px; font-weight: bold; text-transform: uppercase;} DIV.col_right DIV.actievenster DIV.actiemenu UL LI.laatste A{ border-right: #acadad 1px dotted;} /********************************** ** Content ***********************************/ DIV.content{ width: 400px; float: left; display: inline; min-height: 150px; height: auto !important; height: 150px; margin-right: 10px; line-height: 16px; padding: 15px; position: relative; background-color: #f5f5f5;} DIV.content H1{ font-size: 12px; line-height: 16px;} DIV.content H2{ font-size: 12px; line-height: 16px;} DIV.content DIV.button{ float: left;} DIV.content DIV.button A{ display: block; padding: 0 0 0 28px; line-height: 24px; text-decoration: none; text-transform: uppercase; font-weight: bold; background: url(../../Images/submenu_bullet.gif) no-repeat 3px 3px;} DIV.content DIV.button A:hover{ text-decoration: underline;} /********************************** ** Koopjes e.a. producten kolom ***********************************/ DIV.producten_kolom{ width: 164px; float: left; display: inline;} DIV.producten_kolom DIV.venster{ width: 100%; float: left; clear: left; position: relative; padding-bottom: 20px;} DIV.producten_kolom DIV.venster DIV.venster_header{ width: 100%; float: left; clear: left; overflow: hidden; padding-bottom: 6px; background: url(../../Images/producten_header_bottom.png) no-repeat 0 100%;} DIV.producten_kolom DIV.venster DIV.venster_header DIV.venster_header_outer{float: left; width: 100%; margin-top: 6px; background: url(../../Images/producten_header_bg.png) repeat-y 0 0;} DIV.producten_kolom DIV.venster DIV.venster_header DIV.venster_header_inner{ float: left; width: 144px; position: relative; margin: -6px 0 -5px; padding: 6px 10px 4px; background: url(../../Images/producten_header_top.png) no-repeat 0 0;} DIV.producten_kolom DIV.venster DIV.venster_header H2{ font-size: 11px; line-height: 16px; padding: 0 0 0 3px; margin: 0;} DIV.producten_kolom DIV.venster_content{ width: 100%; float: left; clear: left;} DIV.producten_kolom DIV.venster_content UL{ width: 100%; float: left; clear: left; margin: 0; padding: 0; list-style: none;} DIV.producten_kolom DIV.venster_content UL LI{ display: block; width: 100%; float: left; clear: left; padding: 0; margin-bottom: 5px; background: url(../../Images/submenu_border.gif) no-repeat 50% 100%;} DIV.producten_kolom DIV.venster_content UL LI A{ display: block; width: 100%; float: left; text-align: center; text-decoration: none; margin-top: 5px;} DIV.producten_kolom DIV.venster_content UL LI A SPAN.foto{ display: inline-block; border: #b2b3b3 1px dotted;} DIV.producten_kolom DIV.venster_content UL LI A SPAN.foto IMG{ float: left;} DIV.producten_kolom DIV.venster_content UL LI A SPAN.gegevens{ width: 158px; padding: 0 2px; float: left; display: inline-block; text-align: left;} DIV.producten_kolom DIV.venster_content UL LI A SPAN.gegevens STRONG.titel{ display: block; text-transform: uppercase; margin-bottom: 4px;} DIV.producten_kolom DIV.venster_content UL LI A SPAN.gegevens STRONG.titel.alleen{ display: block; font-size:11px; text-transform:none; margin-bottom: 8px;} DIV.producten_kolom DIV.venster_content UL LI A SPAN.gegevens STRONG.titel SPAN.artnr{ font-weight: normal; text-transform: none;} DIV.producten_kolom DIV.venster_content UL LI A:hover{ color: #1d5ac8;} /************************************************************** ** Producten ***************************************************************/ IMG.korting{ position: absolute; bottom: 0; right: 0;} DIV.sorteer{ width: 390px; float: left; clear: left; position: relative; margin-bottom: 5px; padding: 5px; background-color: #dcdcdc;} DIV.sorteer FORM{ float: right; display: block; margin: 0;} DIV.sorteer LABEL{ float: left; font-weight: bold; line-height: 20px; margin: 2px 3px 0 20px;} DIV.sorteer SELECT{ float: left; margin-right: 3px; margin-top: 2px;} DIV.pagination{ width: 100%; float: left; clear: left; margin: 10px 0;} DIV.pagination DIV{ float: left; height: 20px; line-height: 20px; color: #68696a;} DIV.pagination DIV A{ color: #68696a; text-decoration: none; text-transform: uppercase;} DIV.pagination DIV A:hover{ color: #1d5ac8; text-decoration: underline;} DIV.pagination DIV.vorige{ width: 20%; text-align: left; font-weight: bold; font-size: 12px;} DIV.pagination DIV.volgende{ width: 20%; text-align: right; font-weight: bold; font-size: 12px;} DIV.pagination DIV.vorige, DIV.pagination DIV.volgende{ line-height: 25px;} DIV.pagination DIV.index{ width: 60%; text-align: center; cursor: default; line-height: 19px;} DIV.pagination DIV.index SPAN.select SELECT{ font-size: 12px; border: #68696a 1px solid; margin-top: 2px; margin-left: 10px;} DIV.pagination DIV.index SPAN A{ cursor: pointer;} DIV.pagination DIV.index SPAN.current A{ font-weight: bold; color: #1d5ac8; text-decoration: underline;} DIV.pagination DIV.index SPAN.laatste{ margin-left: 5px;} DIV.categorie_overzicht{ border-bottom: #b2b3b3 1px dotted; margin-bottom: 5px;} DIV.categorie_overzicht UL{ width: 100%; float: left; clear: left; margin: 0; padding: 0; list-style: none;} DIV.categorie_overzicht UL LI{ background:#ffffff; display: block; width: 193px; float: left; margin:0 0 5px 0; padding: 0; border: #b2b3b3 1px dotted;} DIV.categorie_overzicht UL LI A{ display: block; width: 173px; float: left; text-decoration: none; padding: 10px;} DIV.categorie_overzicht UL LI A SPAN.foto{ width: 69px; height:77px; float: left; display: inline-block; margin-right: 5px; overflow:hidden; text-align:center;} DIV.categorie_overzicht UL LI A SPAN.foto IMG{ border: #b2b3b3 1px dotted; float: left;} DIV.categorie_overzicht UL LI A SPAN.gegevens{ width: 99px; float: left; display: inline-block;} DIV.categorie_overzicht UL LI A SPAN.gegevens STRONG.titel{ display: block; text-transform: uppercase; margin-bottom: 8px;} DIV.categorie_overzicht UL LI A SPAN.gegevens STRONG.titel SPAN.artnr{ font-weight: normal; text-transform: none;} DIV.categorie_overzicht UL LI A SPAN.gegevens SPAN.uitleg{ display: block; margin-bottom: 2px; line-height: 16px;} DIV.categorie_overzicht UL LI A SPAN.button{ display: block; clear: both; padding: 0 0 0 28px; line-height: 24px; text-transform: uppercase; font-weight: bold; background: url(../../Images/submenu_bullet.gif) no-repeat 3px 3px;} DIV.categorie_overzicht UL LI A:hover{ color: #1d5ac8;} DIV.categorie_overzicht UL LI.left{ margin-right: 5px;} DIV.categorie_overzicht UL LI.right{ margin-left: 5px;} DIV.producten_overzicht{ border-bottom: #b2b3b3 1px dotted; margin-bottom: 5px;} DIV.producten_overzicht UL{ width: 100%; float: left; clear: left; margin: 0; padding: 0; list-style: none;} DIV.producten_overzicht UL LI{ display: block; width: 128px; float: left; padding: 0;} DIV.producten_overzicht UL LI A{ display: block; width: 108px; float: left; text-decoration: none; padding: 10px;} DIV.producten_overzicht UL LI A STRONG.titel{ width: 100%; height:28px; float: left; clear: left; display: block; text-transform: uppercase; margin-bottom: 2px; overflow:hidden;} DIV.producten_overzicht UL LI A STRONG.titel SPAN.artnr{ font-weight: normal; text-transform: none;} DIV.producten_overzicht UL LI A SPAN.foto{ width: 106px; float: left; clear: left; position: relative; display: inline-block; border: #b2b3b3 1px dotted; border-bottom: 0; text-align:center; overflow:hidden; height:100px; } DIV.producten_overzicht UL LI A SPAN.foto IMG{ /*float: left;*/} DIV.producten_overzicht UL LI A SPAN.prijs{ width: 98px; float: left; position: relative; color: #1d5ac8; clear: left; display: block; text-align: right; padding: 2px 5px; margin-bottom: 2px; background-color: #dcdcdc; font-size: 16px; line-height: 16px; font-weight: bold;} DIV.producten_overzicht UL LI A SPAN.prijs SMALL{ font-size: 11px; color: #68696a; font-weight: normal;} DIV.producten_overzicht UL LI A SPAN.button{ display: block; clear: both; padding: 0 0 0 28px; line-height: 24px; text-transform: uppercase; font-weight: bold; background: url(../../Images/submenu_bullet.gif) no-repeat 3px 3px;} DIV.producten_overzicht UL LI A:hover{ color: #1d5ac8;} DIV.producten_overzicht UL LI.left{ margin-right: 5px;} DIV.producten_overzicht UL LI.right{ margin-right: 5px;} TABLE.fotos TD{ vertical-align: bottom;} TABLE.fotos TD IMG{ float: left;} TABLE.fotos TD DIV.groot{ position: relative; float: left; margin-right: 10px; display: inline;} TABLE.fotos TD DIV.groot A SPAN.vergroot{ width: 22px; height: 22px; position: absolute; right: 10px; top: 5px; background: url(../../Images/vergrootglas.png) no-repeat 0 0;} TABLE.fotos TD DIV.klein{ position: relative; float: left; margin-right: 5px; display: inline;} TABLE.fotos TD DIV.klein A SPAN.vergroot{ width: 22px; height: 22px; margin: 0; position: absolute; right: 5px; bottom: 5px; background: url(../../Images/vergrootglas.png) no-repeat 0 0;} DIV.product_details{ width: 100%; float: left; clear: left;} DIV.product_details TABLE{ width: 100%; font-size: 12px;} DIV.product_details TABLE TD{ background: url(../../Images/stippellijn.gif) repeat-x 0 100%; vertical-align: top;} DIV.product_details TABLE TD.left, DIV.product_details TABLE TH.left{ color: #68696a; font-weight: bold; text-align: left;} DIV.product_details TABLE TD.right, DIV.product_details TABLE TH.right{ color: #1d5ac8; font-weight: bold; text-align: right;} DIV.product_details STRONG.oude_prijs{ text-decoration: line-through;} DIV.product_details STRONG.prijs{ display: inline; font-size: 22px; line-height: 22px; color: #ef2d6e;} DIV.product_details STRONG.prijs SUP{ font-size: 15px; vertical-align: text-top;} DIV.product_details SMALL{ position: relative;} DIV.product_details A.kleur{ width: 17px; height: 17px; display: block; font-size: 1px; float: left; margin: 0 1px 1px; border: #FFF 1px solid; display: inline; background: url(../../Images/kleur_masker.png) no-repeat 0 0;} DIV.product_details A.kleur_aan{ border-color: #000;} DIV.product_details INPUT.form_text{ float: right; background: #FFF; width: 75px;} DIV.product_details INPUT#ProductAantal{ float: right; text-align: right; background: #FFF; color: #000; margin-right: 10px; width: 30px; padding-bottom: 1px;} DIV.product_details H3{ margin: 10px 0 0; text-transform: uppercase; font-size: 12px; line-height: 16px; color: #1d5ac8;} DIV.gekoppelde_producten{ width: 100%; float: left; clear: left; margin-bottom: -20px;} DIV.gekoppelde_producten H2.kop{ width: 400px; border-top: #b8b8b9 1px dotted; border-bottom: #b8b8b9 1px dotted; padding: 5px 15px; margin: 10px -15px; background-color: #dcdcdc;} DIV.gekoppelde_producten UL{ width: 100%; float: left; clear: left; text-align: left; margin: 0; padding: 0; list-style: none;} DIV.gekoppelde_producten UL LI{ display: inline-block; width: 200px; padding: 0; margin-bottom: 10px; padding-bottom: 10px; border-bottom: #b8b8b9 1px dotted;} DIV.gekoppelde_producten UL LI A{ display: block; width: 200px; margin: 0 auto; text-decoration: none;} DIV.gekoppelde_producten UL LI A STRONG.titel{ width: 100%; float: left; clear: left; display: block; text-align: left; text-transform: uppercase; margin-bottom: 2px;} DIV.gekoppelde_producten UL LI A STRONG.titel SPAN.artnr{ font-weight: normal; text-transform: none;} DIV.gekoppelde_producten UL LI A SPAN.combi{ background-color: #dcdcdc; float: left;} DIV.gekoppelde_producten UL LI A SPAN.foto{ width: 100px; float: left; clear: left; position: relative; display: inline-block;} DIV.gekoppelde_producten UL LI A SPAN.foto IMG{ float: left; width: 100%;} DIV.gekoppelde_producten UL LI A SPAN.prijs{ width: 87px; float: left; color: #1d5ac8; display: inline-block; text-align: right; padding: 2px 5px; margin-bottom: 2px; font-size: 16px; line-height: 16px; font-weight: bold;} DIV.gekoppelde_producten UL LI A SPAN.prijs SMALL{ font-size: 11px; display: block; color: #68696a; font-weight: normal;} DIV.gekoppelde_producten UL LI A SPAN.button{ display: block; clear: both; padding: 5px 0 0 28px; line-height: 14px; text-transform: uppercase; font-weight: bold; background: url(../../Images/submenu_bullet.gif) no-repeat 3px 3px;} DIV.gekoppelde_producten UL LI A:hover{ color: #1d5ac8;} /************************************************************** ** Winkelwagen ***************************************************************/ H3.ww_titel{ font-size: 12px; line-height: 16px; width: 390px; float: left; clear: left; background:url(../../Images/winkelmand_kop.jpg) no-repeat; color: #676869; padding: 5px; margin: 0;} .winkelwagen{ width: 100%; float: left; clear: left; padding-top: 1px; position: relative;} .winkelwagen DIV.product{ background: url(../../Images/stippellijn.gif) repeat-x 0 100%; padding: 10px 0 5px;} .winkelwagen DIV.product DIV.product_foto{ float: left; display: inline; width: 150px; margin-left: 10px;} .winkelwagen DIV.product DIV.product_foto DIV.foto{ width: 140px; float: left; position: relative;} .winkelwagen DIV.product DIV.product_foto DIV.foto IMG{ width: 100%; float: left;} .winkelwagen DIV.product DIV.product_info{ width: 228px; float: left; display: inline;} .winkelwagen DIV.product DIV.product_info DIV.product_titel{ width: 218px; margin-right: 10px; float: left; clear: left; background: url(../../Images/stippellijn.gif) repeat-x 0 100%;} .winkelwagen DIV.product DIV.product_info DIV.prijs_info{ width: 218px; margin-right: 10px; padding: 5px 0; float: left; clear: left; background: url(../../Images/stippellijn.gif) repeat-x 0 100%;} DIV.prijs_info DIV.totaalprijs{ float: right; color: #68696a; font-size: 13px; height: 17px; font-weight: bold; display: inline;} DIV.prijs_info INPUT.form_text{ float: right; background: #FFF; margin-right: 20px; width: 30px; padding: 0 1px; display: inline; color: #000; text-align: right;} DIV.prijs_info DIV.prijs{ float: right; color: #68696a; height: 17px; display: inline; margin-right: 10px;} DIV.prijs_info DIV.prijs SUB{ font-size: 11px;} .winkelwagen DIV.product DIV.product_info DIV.gegevens_container{ width: 228px; display: inline; float: left; clear: left; line-height: 12px;} DIV.gegevens_container DIV.delete{ float: right;} DIV.gegevens_container DIV.delete A{ text-decoration: none;} DIV.gegevens_container STRONG.gegevens_titel{ margin-top: 5px; float: left;} DIV.gegevens_container DIV.gegevens{ float: left;} DIV.gegevens_container DIV.gegevens TABLE{ float: left; width: 218px; margin-top: 5px; margin-left: 10px; font-size: 10px; color: #68696a;} DIV.gegevens_container DIV.gegevens TABLE TD{ vertical-align: top;} DIV.gegevens_container DIV.gegevens SPAN.kleur{ width: 12px; height: 12px; margin: 2px 0 0 1px; display: block; font-size: 1px; } .kassa{ width: 100%; float: left; clear: left; position: relative; margin-top: -1px; background-color: #676869; color: #FFF;} .kassa TABLE{ float: right; display: inline; margin: 2px 4px;} .kassa TABLE TD{ vertical-align: top; text-align: right;} .kassa TABLE TR.border TD{ background: url(../../Images/stippellijn.gif) repeat-x 0 100%;} .kassa TABLE TR.totaal TD{ font-size: 14px;} .winkelwagen DIV.buttons{ padding-top: 10px;} .buttons{ width: 100%; float: left; clear: left; margin: 0 0 10px;} .buttons DIV.left{ width: 30%; float: left; display: inline; text-align: left;} .buttons DIV.right{ width: 70%; float: left; display: inline; text-align: right;} .buttons BUTTON{ float: left;} .buttons BUTTON.bestellen{ float: right;} .buttons BUTTON.bestellen SPAN{ background: transparent url(../../Images/button_right_over.png) no-repeat scroll right top;} .buttons BUTTON.bestellen SPAN SPAN{ background: transparent url(../../Images/button_left_over.png) no-repeat;} .stappen{ margin: 10px 0 5px;} .stappen DIV{ background:url(../../Images/winkelmand_tab.jpg) no-repeat; float: left; display: inline; /*border-top: #68696a 3px solid;*/ text-align:center;} .stappen DIV.stap1{ width: 78px; height:60px; margin-right: 2px;} .stappen DIV.stap2{ width: 78px; height:60px; margin-right: 2px;} .stappen DIV.stap3{ width: 78px; height:60px; margin-right: 2px;} .stappen DIV.stap4{ width: 78px; height:60px; margin-right: 2px;} .stappen DIV.stap5{ width: 78px; height:60px; margin-right: 2px;} .stappen DIV H6{ margin-top: 4px; color: #68696a;} .stappen DIV P{ color: #575757; font-size: 10px; line-height: 12px;} .stappen DIV.aan{ background:url(../../Images/winkelmand_tab.jpg) no-repeat; /*border-color: #1d5ac8;*/} .stappen DIV.aan H6, .stappen DIV.aan p{ color: #1d5ac8;} TABLE.formulier{ width: 100%; float: left; /*border: #676869 solid; border-width: 0 2px 2px 2px;*/ margin-bottom: 0;} TABLE.formulier TH{ background-color: #676869; padding: 3px; color: #FFF; text-align: left; line-height: 12px;} TABLE.formulier TH H2{ color: #FFF !important; margin: 2px 0 !important;} TABLE.formulier TH.kop{background:url(../../Images/winkelmand_kop.jpg) no-repeat; padding-left:6px; color:#68696a;} TABLE.formulier TH.kop H2{ color:#68696a !important;} TABLE.formulier TH.kop_groot{background:url(../../Images/winkelmand_kop_groot.jpg) no-repeat; padding-left:6px; color:#68696a;} TABLE.formulier TH.kop_groot H2{ color:#68696a !important;} TABLE.formulier TD{ padding: 3px; border-bottom: #676869 1px solid; color: #676869; vertical-align: top; font-size: 10px; font-weight: bold;} TABLE.formulier TD LABEL{ float: left; display: inline; line-height: 20px;} TABLE.formulier TD LABEL.error{ display: none; line-height: 14px;} TABLE.formulier TD SPAN.separator{ float: left; display: inline; margin: 0 5px; line-height: 18px;} TABLE.formulier TD EM{ color: #68696a;} TABLE.formulier TD INPUT.form_text{ margin-right: 3px; background: #FFF; display: inline; color: #000;} TABLE.formulier TR.row_aan TD{ /*background-color: #f1f1f1;*/} TABLE.formulier TR.row_uit TD{ /*background-color: #FFF;*/} #tekst_toevoegen{ position:relative; width: 218px; margin-right: 10px; padding: 5px 0; float: left; clear: left; background: url(../../Images/stippellijn.gif) repeat-x 0 100% #676869; text-align:center;} #tekst_toevoegen a{ font-weight:bold; text-decoration:none; color:#ffffff;} #tekstveld{ background:#f1f1f1; position:absolute; left:-160px; top:-200px; width:204px; height:200px; margin:0px; padding:10px; z-index:9999; border:1px dotted #676869; display:none;} textarea.kaartje_tekst{ width: 204px; height:170px; margin:0 0 10px 0; padding:0px; text-align: left; color: #969696;} /************************************************************** ** Links ***************************************************************/ UL.links{ width: 398px; float: left; clear: left; margin: 0; padding: 0; list-style: none; border: #68696a dotted; border-width: 1px 1px 0 1px;} UL.links LI{ width: 100%; min-height: 15px; height: auto !important; height: 15px; padding: 0; float: left; clear: left; border-bottom: #68696a 1px dotted;} UL.links LI A{ display: block; height: 100%; float: left; font-size: 12px; text-decoration: none; color: #68696a; padding: 5px 0;} UL.links LI A SPAN{ float: left; display: block; height: 100%;} UL.links LI A SPAN.link{ width: 170px; overflow: hidden; padding-left: 10px; margin-right: 10px;} UL.links LI A SPAN.uitleg{ width: 198px; padding-right: 10px;} UL.links LI A.aan{ background-color: #F1F1F1;} UL.links LI A.uit{ background-color: #FFF;} UL.links LI A:hover{ background-color: #1d5ac8; color: #FFF;} /************************************************************** ** Sitemap ***************************************************************/ TABLE.sitemap{ width: 100%; float: left; clear: left;} TABLE.sitemap TD{ vertical-align: top; text-align: left;} TABLE.sitemap TD TABLE{ margin: 0; width: 100%;} TABLE.sitemap TABLE TH A{ display: block; padding: 5px; background-color: #68696a; text-decoration: none; margin-bottom: 3px; color: #FFF;} TABLE.sitemap TABLE TH A:hover{ background-color: #1D5AC8;} TABLE.sitemap TABLE TD DIV.sitesub{ margin-bottom: 3px; border: #68696a 1px dashed;} TABLE.sitemap TABLE TD A{ display: block; padding: 0 5px; background-color: #FFF; text-decoration: none; color: #444242;} TABLE.sitemap TABLE TD A.row_aan{ background-color: #F1F1F1;} TABLE.sitemap TABLE TD A.row_uit{ background-color: #FFF;} TABLE.sitemap TABLE TD A:hover{ background-color: #1D5AC8; color: #FFF;} /************************************************************** ** FAQ ***************************************************************/ .faq{ background: url(../../Images/stippellijn.gif) repeat-x 0 100%;} .faq DIV.vraag{ font-weight: bold; text-transform: uppercase; padding: 10px 5px 10px 32px; background: url(../../Images/submenu_bullet.gif) no-repeat 3px 10px;} .faq DIV.antwoord{ padding: 0 5px 5px 32px;} /************************************************************** ** Zoeken ***************************************************************/ .zoeken{ margin-top: 15px; width: 100%; float: left; clear: left;} .zoeken DIV.resultaat{ width: 100%; float: left; clear: left;} .zoeken DIV.resultaat DIV.resultaat_link{ width: 100%; background: url(../../Images/stippellijn.gif) repeat-x 0 100%;} .zoeken DIV.resultaat DIV.resultaat_link A{ display: block; padding: 3px 5px; background-color: #1D5AC8; text-decoration: none; color: #FFF; font-size: 12px; font-weight: bold;} .zoeken DIV.resultaat DIV.resultaat_link A:hover{ text-decoration: underline;} .zoeken DIV.resultaat DIV.crumbs{ font-size: 10px;} .zoeken DIV.resultaat DIV.crumbs A{ color: #68696a;} .zoeken DIV.resultaat DIV.crumbs A:hover{ color: #1D5AC8;} DIV.zoeken_pagination DIV.vorige{ width: 30%; line-height: 20px !important;} DIV.zoeken_pagination DIV.index{ width: 30%; line-height: 20px !important;} DIV.zoeken_pagination DIV.volgende{ width: 40%; line-height: 20px !important;} .highlight{ color: #1D5AC8;} STRONG.zoek_titel{ margin-top: 10px; font-size: 12px; display: block; float: left; color: #FFF;} /************************************************************** ** Formulieren ***************************************************************/ .formulier{ margin: 5px 0; float: left; width: 340px; padding: 20px 30px 10px; position: relative;} .formulier LABEL{ line-height: 20px; float: left;} .formulier TABLE{ width: 100%;} .formulier TABLE TD{ padding-bottom: 2px; vertical-align: top;} .formulier TABLE INPUT, .formulier TABLE SELECT, .formulier TABLE TEXTAREA{ margin-left: 3px; float: left;} .formulier TABLE INPUT.form_text{ width: 195px; background: #FFF; margin-right: 3px;} .formulier TABLE DIV.text{ float: left; clear: both; font-size: 10px; font-style: italic; width: 200px;} .formulier TABLE TEXTAREA{ width: 335px;} .formulier TABLE SMALL{ margin-top: -3px;} .formulier TABLE LABEL{ line-height: 20px; margin-right: 4px;} .formulier TABLE LABEL.error{ line-height: normal; font-size: 10px; font-weight: bold; color: #F00; margin: 0 0 3px 3px; display: none; clear: left; width: 100%;} .formulier TABLE LABEL.optie{ display: block; width: 101px;} .formulier DIV.vastTeken{ position: relative;} .formulier DIV.vastTeken LABEL{ float: left; margin-left: 5px; margin-right: -20px; position: relative; color: #000; display: block;} .formulier DIV.vastTeken INPUT.form_text{ padding-left: 14px; width: 188px;} /************************************************************** ** Footer ***************************************************************/ .footer{ width: 100%; float: left; clear: left; text-align: right;} .footer DIV.betaalmethoden{ float: left; display: inline; margin-top: 10px; text-align: right;} .footer DIV.betaalmethoden UL{ float: left; display: inline; margin: 0 0 0 5px; padding: 0; list-style: none;} .footer DIV.betaalmethoden UL LI{ padding: 0; display: inline; float: left; margin-left: 5px;} .footer DIV.footer_menu{ float: right; text-align: right; margin-top: 10px; margin-right: 5px;} .footer DIV.footer_menu UL{ float: right; margin: 0; padding: 0; list-style: none;} .footer DIV.footer_menu UL LI{ padding: 0; display: inline; float: left; color: #000; font-size: 10px;} .footer DIV.footer_menu UL LI.bull{ margin: 0 3px; font-size: 11px;} .footer DIV.footer_menu UL LI A{ float: left; text-decoration: none; color: #000; font-size: 10px;} .footer DIV.footer_menu UL LI A:hover, .footer DIV.footer_menu UL LI A.aan{ text-decoration: underline;} .footer UL.copyright{ clear: right; width: 241px; margin: 5px 0 10px; padding: 0; list-style: none;} .footer UL.copyright LI{ padding: 0; display: inline; float: left; color: #000; font-size: 10px; text-transform: uppercase;} .footer UL.copyright LI.bull{ margin: 0 3px; font-size: 11px;} .footer UL.copyright LI A{ float: left; text-decoration: none; color: #000; font-size: 10px;} .footer UL.copyright LI A:hover, .footer UL.copyright LI A.aan{ text-decoration: underline;}