html, body {width: 100%; height: 100%; margin: 0; padding: 0;}
body { vertical-align: top; margin: 0px; padding: 8px; font-family: Arial; font-size: 11px; color: #000000; text-align: left; }
body.site { height: 100%; width: 100%; margin: 0px; padding: 0px; font-family: Arial; font-size: 12px; color: #000000; background-image: url(../images/patroon_isaac.gif); background-repeat: repeat; }
a img { border: 0px; }
td, div { font-family: Arial; }
a, a:hover { font-size: 12px; color: #000000; text-decoration: underline; }
hr { height: 1px; border: 0px solid #cccccc; color:#cccccc; background-color:#cccccc; }
a.none { text-decoration: none; }
a.none:hover { text-decoration: none; }
a.visited { color:#000000; }
a.grijs { font-size: 11px; color: #9f9f9f; text-decoration: none; }
a.grijs:hover { font-size: 11px; color: #9f9f9f; text-decoration: underline; }
div.wwstap { cursor: default; width: 130px; height: 20px; background-image: url(../images/stapbg.gif); background-repeat: repeat-x; line-height: 20px; padding-top: 10px; padding-left: 10px; color:#999999; font-weight: bold; font-size: 11px; float: left; }
div.wwstap_ov { cursor: pointer; width: 130px; height: 20px; background-image: url(../images/stapbg_ov.gif); background-repeat: repeat-x; line-height: 20px; padding-top: 10px; padding-left: 10px; color:#000000; font-weight: bold; font-size: 11px; float: left; }
div.youtube { background-image: url(../images/icoon-youtube.jpg); background-repeat: no-repeat; min-height: 100px; display: block; width: 200px; overflow: visible; }
div.sitecontainer { position: absolute; top: 0px; left: 50%; margin-left: -475px; width: 950px; z-index: 40; }
div.siteheader { position: relative; top: 0px; left: 0px; width: 950px; height: 125px; background-image: url(../images/glow-top.png); background-repeat: no-repeat; }
div.wittebalk { position: absolute; top: 100px; left: 0px; z-index: 10; width: 100%; height: 25px; background-color: #fff; }
div.middenback { position: absolute; top: 125px; left: 0px; width: 100%; min-height: 200px; background-image: url(../images/midden_bg.jpg); background-repeat: repeat-x; background-color: #fff; background-position: top left; }
div.shadow { position: absolute; top: 0px; left: 50%; margin-left: -484px; min-height: 200px; width: 968px; background-image: url(../images/shadow.png); background-repeat: repeat-y; z-index: 30; }
div.beeldmerken { position: absolute; border: 0px solid red; top: 35px; min-height: 200px; width: 100%; background-image: url(../images/beeldmerken.png); background-position: top center; overflow: hidden; background-repeat: no-repeat; z-index: 25; }
div.logo { position: absolute; top: 12px; left: 0px; width: 201px; height: 53px; }
div.menu { position: absolute; top: 82px; left: 0px; height: 43px; width: 950px; padding: 0px; margin: 0px; }
div.vlaggen { position: absolute; top: 12px; right: 0px; width: 175px; height: 10px; text-align: right; }
div.middenvlak { width: 950px; min-height: 250px; background-color: #fff; z-index: 100; }
div.middentop { position: relative; top: 2px; left: 0px; width: 950px; height: 297px; }
div.fotoslider { position: absolute; top: 0px; right: 0px; width: 725px; height: 297px; overflow: hidden; }
div.linkertop { position: absolute; top: 0px; left: 0px; width: 225px; height: 297px; z-index: 60; }
div.linkertop .zoekdiv { position: relative; width: 225px; height: 71px; background-color:#9f9f9f; border-bottom: 1px solid #fff; }
div.linkertop .zoekdiv .zoekvelddiv { position: absolute; top: 25px; left: 14px; width: 173px; height: 22px; background-image: url(../images/zoekveld_bg.jpg); background-repeat: no-repeat; padding-left: 3px; }
div.linkertop .zoekdiv .zoekvelddiv input.zoekr { width: 170px; height: 20px; color: #9f9f9f; font-size: 11px; line-height: 20px; border: 0px; background-color: transparent; }
div.linkertop .zoekdiv .zoekbutton { position: absolute; top: 25px; left: 190px; height: 22px; width: 23px; }
div.linkertop .loginbar { cursor: pointer; font-size: 12px; font-weight:bold; color: #fff; line-height: 24px; padding-left: 35px; width: 190px; height: 24px; background-image: url(../images/loginbar_bg.gif); background-repeat: no-repeat; border-bottom: 1px solid #fff; }
div.linkertop .loginbar_ov { cursor: pointer; font-size: 12px; font-weight:bold; color: #707070; line-height: 24px; padding-left: 35px; width: 190px; height: 24px; background-image: url(../images/loginbar_bg_ov.gif); background-repeat: no-repeat; border-bottom: 1px solid #fff; }
div.linkertop .subscribebar { cursor: pointer; font-size: 12px; font-weight:bold; color: #fff; line-height: 24px; padding-left: 35px; width: 190px; height: 24px; background-image: url(../images/subscribebar_bg.gif); background-repeat: no-repeat; border-bottom: 1px solid #fff; }
div.linkertop .subscribebar:hover { cursor: pointer; font-size: 12px; font-weight:bold; color: #707070; line-height: 24px; padding-left: 35px; width: 190px; height: 24px; background-image: url(../images/subscribebar_bg_ov.gif); background-repeat: no-repeat; border-bottom: 1px solid #fff; }
div.linkertop .shopbar { cursor: pointer; font-size: 12px; font-weight:bold; color: #fff; line-height: 24px; padding-left: 35px; width: 190px; height: 24px; background-image: url(../images/shopbar_bg.gif); background-repeat: no-repeat; }
div.linkertop .shopbar:hover { cursor: pointer; font-size: 12px; font-weight:bold; color: #707070; line-height: 24px; padding-left: 35px; width: 190px; height: 24px; background-image: url(../images/shopbar_bg-ov.gif); background-repeat: no-repeat; }
div.linkertop .winkelmand_bg { width: 225px; height: 150px; background-image: url(../images/afbeelding-winkelwagen.jpg); background-repeat: no-repeat; }
div.linkertop .winkelmand_container { width: 225px; height: 150px; background-image: url(../images/cartbg.jpg); background-repeat: repeat-x; background-position: top; position: relative; }
div.linkertop .winkelmand_container .cart_aantal { position: absolute; top: 7px; line-height: 17px; font-size: 11px; left: 37px; width: 175px; height: 100px; color: #000; }
div.loginblok_fold { position: absolute; left: 450px; top: 71px; width: 0px; height: 126px; background-color: #beb9b1; z-index: 60; display: block; }
div.loginblok_fold_top { position: absolute; left: 450px; top: 71px; width: 0px; height: 126px; background-color: #ada9a3; z-index: 60; display: block; }
div.loginblok { position: absolute; left: 0px; top: 71px; width: 225px; height: 25px; background-image: url(../images/loginblok_bg.gif); background-repeat: repeat-x; z-index: 50; display: block; }
div.loginblok .login-user { position: absolute; left: 13px; top: 13px; width: 199px; height: 0px; background: url(../images/login-input-bg.png); background-repeat: no-repeat; overflow: hidden; }
div.loginblok .login-txt { position: absolute; left: 13px; top: 13px; width: 199px; height: 0px; overflow: hidden; }
div.loginblok .login-pwd { position: absolute; left: 13px; top: 40px; width: 199px; height: 0px; background: url(../images/login-input-bg.png); background-repeat: no-repeat; overflow: hidden; }
div.loginblok .login-btn { position: absolute; left: 124px; top: 67px; width: 88px; height: 0px; background-repeat: no-repeat; overflow: hidden; }
div.loginblok .txt { position: absolute; left: 22px; top: 96px; width: 165px; height: 0px; background-repeat: no-repeat; overflow: hidden; }
div.loginblok .txt a, div.loginblok .txt a:hover { font-size: 10px; color:#898989; text-decoration: none; line-height: 13px; }
input.loginform { margin-top: 1px; margin-left: 5px; width: 190px; height: 18px; border: 0px; line-height: 18px; font-size: 11px; color:#9f9f9f; }
td.productoverzicht { width: 208px; height: 258px; background-image: url(../images/prodoverzicht_bg.jpg); background-repeat: no-repeat; vertical-align:top; }
td.productoverzicht td.prodfoto { padding-top: 20px; width: 199px; height: 150px; text-align: center; vertical-align: top; }
td.productoverzicht td.prodinfo { padding-top: 10px; height: 69px; width: 199px; text-align: center; font-weight: bold; text-transform: uppercase; vertical-align: top; }
div.crumblebar { width: 725px; height: 25px; padding-left: 225px; line-height: 25px; color: #898989; font-size: 10px; }
div.crumblebar a { color: #898989; font-size: 10px; text-decoration: none; }
div.crumblebar a:hover { color: #898989; font-size: 10px; text-decoration: underline; }
div.bloklinks { width: 225px; float: left; min-height: 50px; }
div.contentblok { width: 725px; float: left; min-height: 50px; }
div.contentblok .tekst { padding: 25px 25px 25px 0px; font-size: 12px; line-height: 18px; }
.tekst a { color: #000000; text-decoration: underline; font-size: 12px; }
.tekst a:hover { color: #000000; text-decoration: underline; font-size: 12px; }
div.clear { clear: both; }
h1.kop { width: 675px; height: 25px; background-image: url(../images/h1_bg.jpg); background-repeat: no-repeat; padding: 0px; padding-left: 50px; text-transform: uppercase; color: #000; font-size: 14px; font-weight: bold; margin: 0; line-height: 25px; }
h1 { text-transform: uppercase; color: #000; font-size: 14px; font-weight: bold; margin: 0; line-height: 25px; }
h2 { text-transform: uppercase; color: #666666; font-size: 12px; font-weight: bold; margin: 0; line-height: 25px; }
div.koprechts { float:right; display: inline; color:#fff; font-size: 11px; text-transform: none; margin-right: 24px; }
div.koprechts img { margin-right: 5px; }
div.koprechts a { color:#fff; text-decoration: none; line-height: 25px; font-size: 11px; }
div.bottom { position: relative; width: 950px; height: 37px; background-image: url(../images/bottom-bg.png); background-repeat: no-repeat; }
div.bottom-l { position: absolute; left: 0px; line-height: 37px; width: 750px; height: 37px; color: #fff; padding-left: 15px; font-size: 10px; }
div.bottom-r { position: absolute; right: 0px; line-height: 37px; vertical-align: middle; width: 185px; height: 37px; color: #fff; }
div.bottom-r img { margin-right: 15px; border: 0px; }
td.stap2_links { width: 400px; }
td.stap2_rechts { width: 300px; }
/* Nieuws overzicht */
div.nieuwsblok { width: 700px; border-bottom: 1px solid #cccccc; margin-bottom: 10px; }
div.nieuwsblok h2 { color: #000; font-size: 12px; font-weight: bold; margin: 0; padding: 0; margin-bottom: 9px; }
div.nieuwsblok h2 span { color: #9f9f9f; }
div.nieuwsblok .nieuwstxt { width: 700px; }
div.nieuwsblok .nieuwstxtfull { width: 700px; padding-bottom:10px; }
/* MODELLEN */
div.prodblok { width: 700px; margin-bottom: 10px; }
div.prodblok .prodtxtfull { width: 700px; padding-bottom:10px; }
div.fotowide { width: 700px; height: 273px; overflow: hidden; border: 1px solid #e0e0e0; position: relative; margin-bottom: 0px; }
#modelfoto { position: relative; left: 142px; top: 0px; cursor: -moz-zoom-in; }
div.fotoblok { width: 260px; height: 259px; float: left; background: url(../images/fotoblok.gif); background-repeat: no-repeat; color: #707070; font-size: 10px; }
div.prodrechts { width: 700px; float: left; }
div.grfoto { width: 248px; height: 248px;margin-left: 1px; margin-top: 1px; text-align: center;}
div.prodfototxt { float: right; color: #9f9f9f; font-size: 10px; margin-bottom: 10px;}
/* modellen submenu */
div.modelkop { width: 176px; height: 25px; background-image: url(../images/modellen_kop.gif); line-height: 25px; color: #fff; padding-left: 36px; font-size: 12px; }
div.modelbutton { cursor: pointer; position: relative; text-decoration: none; height: 49px; background-image: url(../images/modelbutton_bg.gif); background-repeat: repeat-x; line-height: 49px; padding-left: 36px; width: 176px; font-size: 12px; color: #000; border-bottom: 1px solid #707070; font-weight:bold; }
div.modelbutton:hover,div.modelbutton_ov { cursor: pointer; position: relative; text-decoration: none; height: 49px; background-image: url(../images/modelbutton_bg_ov.gif); background-repeat: repeat-x; line-height: 49px; padding-left: 36px; width: 176px; font-size: 12px; color: #000; border-bottom: 1px solid #707070; font-weight:bold; }
div.modelbutton .fiets, div.modelbutton_ov .fiets { cursor: pointer; position: absolute; top: 4px; left: 122px; width: 66px; height: 41px; }
input.stdbutton { border: 0px; text-align:left; width: 200px; height: 22px; line-height: 22px; color:#fff; padding-left: 10px; cursor: pointer; background-image: url(../images/button.gif); background-repeat: no-repeat; text-decoration: none; }
div.stdbutton { text-align:left; width: 190px; height: 22px; line-height: 22px; color:#fff; padding-left: 10px; cursor: pointer; background-image: url(../images/button.gif); background-repeat: no-repeat; text-decoration: none; }
div.stdbutton_off { opacity:0.4;filter:alpha(opacity=40); text-align:left; width: 190px; height: 22px; line-height: 22px; color:#fff; padding-left: 10px; cursor: pointer; background-image: url(../images/button.gif); background-repeat: no-repeat; text-decoration: none; }
div.stdbutton_links { text-align:left; width: 165px; height: 22px; line-height: 22px; color:#fff; padding-left: 35px; cursor: pointer; background-image: url(../images/button-isaac-links.gif); background-repeat: no-repeat; text-decoration: none; }
div.nieuwsblok .readmore { width: 700px; text-align: right; font-size: 11px; }
div.nieuwsblok .readmore a, div.nieuwsblok .readmore a:hover, a.nieuwsarchieflink, a.nieuwsarchieflink:hover { color: #707070; text-decoration: none; font-size: 11px; }
div.newsbottomlink { width: 700px; text-align: right; font-size: 11px; margin-top: -10px; }
div.newsbottomlink a, div.newsbottomlink a:hover { color: #707070; text-decoration: none; font-size: 11px; }
/* SHOP CSS */
td.shopov { width: 209px; height: 258px; cursor: pointer; background-image: url(../images/shopov.gif); background-repeat: no-repeat; vertical-align: top; }
td.shopov table { width: 198px; height: 247px; margin: 1px 0px 0px 1px; }
td.shopovfoto { width: 100%; height: 198px; text-align: center; vertical-align: middle; }
td.shopovtitel { width: 100%; height: 23px; text-align: center; text-transform: uppercase; color:#000; font-weight: bold; font-size: 12px; line-height: 23px; }
td.shopovbottom { width: 100%; height: 27px; color: #707070; font-weight: bold; font-size: 12px; position: relative; }
td.shophorsplit { height: 43px; }
td.shopovtussen { width: 43px; }
div.shopovdetail { position: absolute; top: 0px; left: 112px; width: 67px; height: 16px; background-image: url(../images/detailsbg.gif); background-repeat: no-repeat; line-height: 15px; color:#fff; padding-left: 8px; font-size: 11px; font-weight: bold; }
div.shopovprijs { position: absolute; top: 0px; left: 11px; height: 16px; line-height: 16px; color: #707070; font-weight: bold; font-size: 12px; }
td.proddetail_links { width: 275px; vertical-align: top; }
td.proddetail_rechts { width: 445px; vertical-align: top; }
div.prodtext { padding: 0px 15px 20px 0px; color:#000; font-size: 12px; }
div.proddetailfoto { width: 258px; height: 258px; background-image: url(../images/proddetailbg.gif); background-repeat: no-repeat; padding: 1px 0px 0px 1px; }
td.proddetailfoto { width: 248px; height: 248px; text-align: center; vertical-align: middle; }
div.prodadd { width: 423px; height: 74px; border: 1px solid #cccccc; position: relative; }
div.prodadd .productprijs { font-weight: bold; font-size: 14px; color:#000; position: absolute; top: 46px; left: 10px; height: 23px; width: 90px;}
div.prodadd .prodaddbutton { position: absolute; top: 46px; left: 316px; width: 97px; height: 16px; background-image: url(../images/prodadd.gif); color:#fff; line-height: 16px; padding-left: 8px; background-repeat: no-repeat; }
div.prodoptievlak { position: absolute; top: 12px; left: 11px; width: 410px; height: 30px; }
select.productopties { width: 402px; border: 1px solid #cccccc; height: 24px; color:#333333; padding: 2px 5px; font-size: 12px; line-height: 20px; }
div.aantaltxtvlak { position: absolute; top: 46px; left: 205px; width: 50px; height: 20px; line-height: 20px; }
div.aantalvlak { position: absolute; top: 43px; left: 253px; width: 34px; height: 30px; }
div.aantalvlak input { width: 34px; height: 20px; line-height: 20px; border: 1px solid #cccccc; text-align: center; }
div.fotokleinbg { float: left; margin-right: 3px; width: 83px; height: 83px; background-image: url(../images/fotokleinbg.gif); background-repeat: no-repeat; padding: 1px 0px 0px 1px; }
td.fotokleinbg { width: 73px; height: 73px; text-align: center; vertical-align: middle; }
/* TOP navigatie */
/* nav1 */
#nav1 {
height: 43px;
width: 950px;
overflow: hidden;
border-bottom: 1px solid #e5e5e5;
padding: 0 0px;
float: left;
list-style: none;
position: absolute;
top: -11px;
}
#nav1 li,#nav1 li a {
position: relative;
float: left;
}
#nav1 li { top: 5px; margin: 0; background: none; padding: 0; margin-right: 1px; }
#nav1 li a {
display: block;
padding: 0.9em 15px;
background: url(../images/tab_body.png) 0 0 no-repeat;
color: #000;
text-decoration: none;
height: 195px;
font-size: 14px;
}
#nav1 li a span {
display: block;
position: absolute;
height: 195px;
width: 10px;
background: url(../images/tab_r.png) 0 0 no-repeat;
right: 0;
top: 0;
}
#nav1 li a:hover, #nav1 li a.actief, #nav1 li a:hover span, #nav1 li a.actief span { background-position: 0 -194px; color: #000; }
#nav1 li a:active, #nav1 li a:active span { background-position: 0 -387px; color: #fff; }
/* SUB navigatie */
#subnav {
width: 200px;
padding: 0 0px;
list-style: none;
margin: 0px;
margin-top: 50px;
}
#subnav li,#subnav li a {
position: relative;
}
#subnav li.streepje { border-top: 1px solid #b7b7b7; height: 1px; }
#subnav li { margin: 0; background: none; padding: 0; }
#subnav li a {
display: block;
padding-left: 25px;
line-height: 25px;
background: url(../images/subnav.gif) 0 0 repeat-x;
color: #000;
text-decoration: none;
height: 25px;
font-size: 12px;
}
#subnav li a:hover, #subnav li a.actief { background: url(../images/subnav-ov.gif) 0 0 repeat-x; }
#slider {
width: 700px;
margin: 0 auto;
position: relative;
}
.scroll {
/*height: 850px;*/
width: 700px;
overflow: auto;
overflow-x: hidden;
position: relative;
clear: left;
background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
border: 1px solid #cccccc;
top: -1px;
z-index: 900;
}
.scrollContainer div.panel {
padding: 10px;
/*height: 660px;*/
width: 680px;
border: 0px solid red;
}
div.scrollnav {
width: 300px;
height: 26px;
position: relative;
z-index: 1000;
}
ul.navigation {
list-style: none;
width: 300px;
height: 26px;
padding: 0;
margin: 0;
}
ul.navigation li {
display: inline;
width: 100px;
text-align: center;
height: 26px;
}
ul.navigation li a {
display:block;
float: left;
font-size: 11px;
text-align: center;
height: 26px;
line-height: 26px;
padding: 0px 0px;
width: 100px;
background-image: url(../images/texttab.gif); background-repeat: no-repeat;
color: #000;
text-decoration: none;
}
ul.navigation a:hover {
background-color: #f6f6f6;
font-size: 11px;
text-decoration: none;
}
ul.navigation a.selected {
background-color: #fff;
background-image: url(../images/texttab_ov.gif); background-repeat: no-repeat;
font-size: 11px;
text-decoration: none;
}
ul.navigation a:focus {
outline: none;
}
.scrollButtons {
position: absolute;
top: 150px;
cursor: pointer;
}
.scrollButtons.left {
display: none;
}
.scrollButtons.right {
display: none;
}
.hide {
display: none;
}
/* TAB-SYSTEEM voor modellen */
.stripViewer .panelContainer .panel ul {
text-align: left;
margin: 0 15px 0 30px;
}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
width: 425px;
position: relative;
margin: 0px 0;
}
/* These 2 lines specify style applied while slider is loading */
.csw {width: 50px; height: 20px; background: #fff; overflow: hidden;}
.stripViewer { /* This is the viewing window */
position: relative;
overflow: hidden;
z-index: 50;
border: 1px solid #cccccc; /* this is the border. should have the same value for the links */
margin: auto;
width: 425px; /* Also specified in .stripViewer .panelContainer .panel below */
height: 720px;
clear: both;
top: -1px;
background: #fff;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */
position: relative;
left: 0; top: 0;
width: 1275px;
list-style-type: none;
-moz-user-select: none; /* Stops the panels from highlighting/selecting, which I found problematic in Firefox. Also stops the CSS from validating though. Oh well. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
width: 425px; /* Also specified in .stripViewer above */
height: 100%;
}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
padding: 10px;
font-size: 11px;
line-height: 16px;
}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
width: 425px;
position: relative;
z-index: 100;
}
.stripNav ul { /* The auto-generated set of links */
list-style: none;
width: 300px;
height: 26px;
padding: 0;
margin: 0;
}
.stripNav ul li {
float: left;
width: 100px;
text-align: center;
}
.stripNav a { /* The nav links */
font-size: 11px;
text-align: center;
line-height: 26px;
background-image: url(../images/texttab.gif); background-repeat: no-repeat;
color: #000;
text-decoration: none;
display: block;
}
.stripNav a:hover {
/*background: #9cf;*/
}
.stripNav a.current {
/*background: #39c;*/
/*color: #fff;*/
background-image: url(../images/texttab_ov.gif); background-repeat: no-repeat;
}
.stripNavL, .stripNavR { /* The left and right arrows */
display: none;
}
.stripNavL a, .stripNavR a {
display: block;
height: 40px;
width: 40px;
}
.stripNavL {
left: 0;
display: none;
}
.stripNavR {
right: 0;
display: none;
}
.stripNavL {
}
.stripNavR {
}
/* AFBEELDINGEN */
.contactFormCellLeft { width: 90px; height: 25px; }
.img_left_border{
float:left;
margin-right:5px;
margin-bottom:5px;
border:1px solid #222222;
}
.img_left_noborder{
float:left;
margin-right:5px;
margin-bottom:5px;
}
.img_right_border{
float:right;
margin-left:10px;
margin-right:4px;
margin-bottom:5px;
border:1px solid #222222;
}
.img_right_noborder{
float:right;
margin-left:15px;
margin-bottom:10px;
margin-top: 10px;
}
.img_noalign_noborder{
margin:5px;
display: block;
margin-left: auto;
margin-right: auto
}
.img_noalign_border{
margin:5px;
display: block;
margin-left: auto;
margin-right: auto;
border:1px solid #222222;
}
/* FORMULIER */
.formulier {
width: 250px;
border: 0;
}
.formulier .zichtbaar td {
padding: 4px;
font-size: 10px;
color: #767676;
}
.formulier .header td {
font-weight: bold;
padding: 4px;
vertical-align: top;
font-weight: bold;
background-color: #F0F0F0;
}
.formulier .veld td {
padding: 4px 0px;
min-height: 24px;
border-bottom: 1px solid #F0F0F0;
vertical-align: top;
padding-left: 10px;
}
.formulier .naam label {
width: 250px;
line-height: 23px;
display: block;
}
.naamform { width: 200px; line-height: 23px; }
.veldform { width: 288px; line-height: 23px; }
.formulier .input textarea {
border: 1px solid #A8A8A8;
margin: 1px;
font-size: 11px;
width: 288px;
height: 160px;
padding: 3px 3px;
font-family: Arial, Helvetica, sans-serif;
}
.formulier .input textarea:focus {
border: 2px solid #666666;
margin: 0px;
}
.formulier .inputveld:focus {
border: 2px solid #666666;
margin: 0px;
}
.formulier .input .inputveld {
border: 1px solid #A8A8A8;
margin: 1px;
font-size: 11px;
width: 160px;
padding: 2px 3px;
}
.formulier .input .inputveld-postcode {
text-transform: uppercase;
}
.formulier .input .inputveld:focus {
border: 2px solid #666666;
margin: 0px;
}
.formulier .input select {
border: 1px solid #A8A8A8;
margin: 1px;
font-size: 11px;
min-width: 166px;
}
.formulier .input select.tijd {
min-width: 30px;
}
.formulier .input select:focus {
border: 2px solid #666666;
margin: 0px;
}
.formulier .input select option {
padding: 1px 5px;
}
.formulier .input, .formulier .knop {
width: 172px;
position: relative;
}
.formulier .input div.error-tekst {
font-size: 10px;
color: #E03131;
width: 200px;
margin-top: 4px;
min-height: 16px;
padding: 6px 4px 4px 24px;
background: #FFE5E5 url(../images/icoon-error.gif) no-repeat 4px 4px;
border: 1px solid #FF7373;
}
.formulier .input .error-tekst {
margin: 0px;
border: 2px solid #FF7373;
background-color: #FFF8F8;
}
.formulier .input .info-tekst {
position: absolute;
left: 172px;
top: 0px;
width: 159px;
font-size: 10px;
display: none;
z-index: 30;
}
.formulier .info-tekst .pijl {
float: left;
width: 6px;
height: 8px;
z-index: 10;
background-image: url(../images/formulier-bg-trans.png);
position: absolute;
left: 0px;
top: 6px;
font-size: 0px;
}
.formulier .info-tekst .inhoud {
margin-left: 5px;
float: left;
width: 124px;
min-height: 16px;
height: auto;
padding: 6px 4px 4px 24px;
background: #F2F2F2 url(../images/icoon-help.gif) no-repeat 4px 4px;
border: 1px solid #B9B9B9;
}
.formulier .info-opmerkingen {
color: #656565;
padding: 2px;
font-size: 10px;
}
.formulier img {
border: 1px solid #656565;
margin: 0px 1px 3px 1px;
}
/* ZOOM */
div.jqZoomTitle
{
z-index:5000;
text-align:center;
font-size:11px;
font-family:Tahoma;
height:16px;
padding-top:2px;
position:absolute;
top: 0px;
left: 0px;
width: 100%;
color: #FFF;
background: #999;
display: none;
}
.jqZoomPup
{
overflow:hidden;
background-color: #FFF;
-moz-opacity:0.6;
opacity: 0.6;
filter: alpha(opacity = 60);
z-index:10;
border-color:#c4c4c4;
border-style: solid;
cursor:crosshair;
}
.jqZoomPup img
{
border: 0px;
}
.preload{
-moz-opacity:0.8;
opacity: 0.8;
filter: alpha(opacity = 80);
color: #333;
font-size: 12px;
font-family: Tahoma;
text-decoration: none;
border: 1px solid #CCC;
background-color: white;
padding: 8px;
text-align:center;
background-image: url(../images/zoomloader.gif);
background-repeat: no-repeat;
background-position: 43px 30px;
width:90px;
* width:100px;
height:43px;
*height:55px;
z-index:10;
position:absolute;
top:3px;
left:3px;
}
.jqZoomWindow
{
border: 1px solid #999;
background-color: #FFF;
}