@charset "utf-8"; /* DEFAULT */ body { background-color:#323232; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; font-size:62.5%; } body,td,th { font-family:Arial, Helvetica, sans-serif; color:#000000; } html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0; padding:0; border:0; } input, textarea, select { border:1px solid #7ac142; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; color:#000; } p { margin:0 0 16px 0; } /* LINKS */ a { color:#000000; text-decoration:underline; } a:hover { color:#000000; text-decoration:none; } /* LAYOUT */ #wrapper { width:100%; text-align:center; overflow: hidden; font-size:1.2em; } #wrapperCenter { width:995px; margin:0 auto; text-align:left; overflow: hidden; } /* HOME */ #wrapperHome { width:995px; height:582px; background-image:url(../../images/layout/achter_home.jpg); background-position:left top; background-repeat:no-repeat; color:#FFF; overflow:hidden; } #wrapperHome a { color:#FFF; text-decoration:none; } #wrapperHome a:hover { color:#FFF; text-decoration:none; } #wrapperHome .links { width:254px; float:left; } #wrapperHome .logo { width:191px; height:66px; margin:32px 0 0 35px; background-image: url(../../images/layout/logo_otogros.png); background-position: top left; background-repeat: no-repeat; } #wrapperHome .login { width:201px; height:241px; margin:24px 0 0 32px; background-image:url(../../images/layout/achter_login.gif); background-position:left top; background-repeat:no-repeat; } #wrapperHome .login .titel { width:201px; height:30px; font-size:1.4em; text-transform:uppercase; font-weight:bold; text-align:center; margin:16px 0 0 0; float:left; } #wrapperHome .login .naam { width:183px; float:left; margin:10px 0 0 18px; color:#000; } #wrapperHome .login .invul { width:185px; height:25px; float:left; margin:4px 0 0 0; padding:0 0 0 16px; color:#000; background-image:url(../../images/layout/achter_invul.gif); background-position:left top; background-repeat:no-repeat; } #wrapperHome .login .invul input { width:160px; border:none; background-color:transparent; padding:5px 0 0 5px; } #wrapperHome .login .SavePasword {float:left;margin:10px 0 0 15px;} #wrapperHome .login .SavePasword span {font-size:0.9em; color:#000;} #wrapperHome .login .button { width:183px; float:left; margin:22px 0 0 0; text-align:right; } #wrapperHome .tekst { margin:20px 0 0 43px; } #wrapperHome .tekst .links { width:89px; height:25px; float:left; font-size:1.1em; } #wrapperHome .tekst .rechts { width:122px; height:25px; float:left; font-size:1.1em; } #wrapperHome .tekst .rechts a { text-decoration:underline; } #wrapperHome .tekst .rechts a:hover { text-decoration:none; } #wrapperHome .rechts { width:741px; float:left; } #wrapperHome .rechts .blok1 { width:222px; height:343px; float:left; margin:30px 0 0 0; background-image:url(../../images/layout/achter_homeblok1.png); background-position:left top; background-repeat:no-repeat; cursor:pointer; } #wrapperHome .rechts .blok2 { width:222px; height:343px; float:left; margin:30px 0 0 0; background-image:url(../../images/layout/achter_homeblok2.png); background-position:left top; background-repeat:no-repeat; cursor:pointer; } #wrapperHome .rechts .titel { width:201px; height:44px; margin:5px 0 0 6px; padding:26px 0 0 0; background-image:url(../../images/layout/achter_homebloktitel.gif); text-transform:uppercase; text-align:center; font-size:1.3em; font-weight:bold; } #wrapperHome .rechts .foto { width:198px; height:230px; overflow:hidden; margin:17px 0 0 7px; } #wrapperHome .rechts .button { width:217px; height:78px; float:left; margin:10px 0 0 5px; background-image:url(../../images/layout/achter_homebutton.png); background-position:left top; background-repeat:no-repeat; color:#73c267; text-transform:uppercase; font-size:1.3em; font-weight:bold; cursor:pointer; } #wrapperHome .rechts .button .center { width:201px; margin:25px 0 0 0; text-align:center; } #wrapperHome .rechts .button a { color:#73c267; } #wrapperHome .rechts .button img { margin:0 6px 0 0; } #wrapperHome .slogun { width:900px; float:left; margin:30px 0 0 40px; font-size:1.8em; font-weight:bold; text-transform:uppercase; letter-spacing:0.1em; } /* VERVOLG ALGEMEEN*/ #wrapperVervolg { width:995px; overflow:hidden; background-color:#FFF; } #wrapperVervolg .content .rechts .blok2 .midden { width:212px; height:246px; padding:20px 0 0 18px; background-image:url(../../images/layout/blok2rechts_midden.gif); background-position:left top; background-repeat:repeat-y; line-height:1.6em; } #wrapperVervolg .top { width:995px; height:118px; background-image:url(../../images/layout/achter_vervolg.jpg); background-position:left top; background-repeat:no-repeat; } #wrapperVervolg .top .logo { width:191px; height:66px; float:left; padding:18px 42px 0 31px; } #wrapperVervolg .top .button { width:110px; height:24px; float:left; padding:10px 0 0 0; margin:8px 10px 0 0; background-image:url(../../images/layout/achter_menubutton.gif); background-position:left top; background-repeat:no-repeat; color:#73c267; font-weight:bold; text-transform:uppercase; text-align:center; cursor:pointer; color:#73c267; text-decoration:none; } #wrapperVervolg .top a.button:hover { color:#FFF; text-decoration:none; } #wrapperVervolg .top a.button.hover { color:#FFF; text-decoration:none; } #wrapperVervolg .top .active { color:#FFF !important; } #wrapperVervolg .groenvlak { width:141px; height:193px; z-index:300px; margin:-193px 0 0 854px; position:relative; background-image:url(../../images/layout/groenvlak.png); background-position:bottom right; background-repeat:no-repeat; } #wrapperVervolg .top .enkeleregel { width:731px; float:left; margin:37px 0 0 0; } #wrapperVervolg .top .dubbeleregel { width:731px; float:left; margin:8px 0 0 0; } /* VERVOLG OPZET 1 */ #wrapperVervolg .content { width:967px; padding:12px 0 30px 28px; z-index:200px; position:relative; overflow:hidden; } #wrapperVervolg .content .links { width:716px; float:left; overflow:hidden; } #wrapperVervolg .content .links .titel { margin:20px 0 22px 0; font-size:2.3em; font-weight:bold; text-transform:uppercase; } #wrapperVervolg .content .links .titel img { margin:0 10px 5px 0; } #wrapperVervolg .content .links .tekst { width:680px; margin:0 0 0 3px; } #wrapperVervolg .content .links .foto { width:680px; text-align:right; } #wrapperVervolg .content .rechts { width:240px; float:left; } #wrapperVervolg .content .rechts .blok { width:230px; color:#73c267; font-weight:bold; } #wrapperVervolg .content .rechts .blok .boven { width:230px; height:2px; background-image:url(../../images/layout/blokrechts_boven.gif); background-position:left top; background-repeat:no-repeat; } #wrapperVervolg .content .rechts .blok .midden { width:190px; padding:20px; background-image:url(../../images/layout/blokrechts_midden.gif); background-position:left top; background-repeat:repeat-y; line-height:1.6em; } #wrapperVervolg .content .rechts .blok .onder { width:230px; height:3px; background-image:url(../../images/layout/blokrechts_onder.gif); background-position:left top; background-repeat:no-repeat; } #wrapperVervolg .content .rechts .blok ul { padding:0 0 0 20px; } #wrapperVervolg .content .rechts .blok2 { width:230px; color:#214702; } #wrapperVervolg .content .rechts .blok2 .boven { width:230px; height:12px; background-image:url(../../images/layout/blok2rechts_boven.gif); background-position:left top; background-repeat:no-repeat; } #wrapperVervolg .content .rechts .blok2 .onder { width:230px; height:15px; background-image:url(../../images/layout/blok2rechts_onder.gif); background-position:left top; background-repeat:no-repeat; } #wrapperVervolg .content .rechts .blok2 .regel1 { height:22px; padding: 0 0 0 12px; } #wrapperVervolg .content .rechts .blok2 .regel2 { height:22px; padding: 0 0 0 37px; } #wrapperVervolg .content .rechts .blok2 img { margin:0 10px 0 0; } #wrapperVervolg .content .rechts .blok2 .lijn { width:195px; height:2px; background-image:url(../../images/layout/blok2rechts_lijn.gif); background-position:left top; background-repeat:no-repeat; margin:10px 0 10px 0; } #wrapperVervolg .content .rechts .blok2 a { color:#214702; text-decoration:underline; } #wrapperVervolg .content .rechts .blok2 a:hover { text-decoration:none; } #wrapperVervolg .content .velden { width:716px; overflow:hidden; margin:30px 0 20px 0; } #wrapperVervolg .content .velden .blok { width:350px; float:left; margin:5px 0 0 0; } #wrapperVervolg .content .velden .kop { width:102px; height:18px; float:left; background-color:#daedca; margin:0 5px 0 0; padding:2px 8px 0 0; font-weight:bold; overflow:hidden; color:#000; text-align:right; } #wrapperVervolg .content .velden .invoer { width:217px !important; height:20px; float:left; } #wrapperVervolg .content .velden .invoer select { width:210px !important; height:20px; } #wrapperVervolg .content .velden .invoer input { width:30px !important; height:16px; } #wrapperVervolg .content .velden .tussenregel { width:716px; height:20px; float:left; } #wrapperVervolg .content .velden .aantal { margin:0 0 0 14px; } #wrapperVervolg .content .instellingen .velden { width:716px; overflow:hidden; margin:0 0 0 0; } #wrapperVervolg .content .instellingen .velden .blok { width:350px; float:left; margin:5px 0 0 0; } #wrapperVervolg .content .instellingen .velden .kop { width:160px; height:18px; float:left; background-color:#daedca; margin:0 5px 0 0; padding:2px 8px 0 0; font-weight:bold; overflow:hidden; color:#000; text-align:right; } #wrapperVervolg .content .instellingen .velden .invoer { width:177px !important; height:20px; float:left; } #wrapperVervolg .content .instellingen .velden .invoer select { width:170px !important; height:20px; } #wrapperVervolg .content .instellingen .velden .invoer input { width:170px !important; height:16px; } #wrapperVervolg .content .instellingen .velden .tussenregel { width:712px; height:20px; float:left; } #wrapperVervolg .content .instellingen .velden .aantal { margin:0 0 0 14px; } #wrapperVervolg .content .instellingen .velden .spacer { width: 340px !important; height:15px; float:left; padding: 5px 0 0 4px; font-weight: bold; } #wrapperVervolg .content .instellingen .naam { width:695px; height:22px; overflow:hidden; background-image:url(../../images/layout/achter_bestelbalk.gif); background-position:left top; background-repeat:repeat-x; border-bottom:1px solid #000; font-weight:bold; } #wrapperVervolg .content .instellingen .naam .naam1 { width:100px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .instellingen .naam .naam2 { width:195px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .instellingen .naam .naam3 { width:195px; height:17px; float:left; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .instellingen .naam .naam4 { width:202px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .instellingen .regel { width:695px; height:21px; overflow:hidden; font-size: 0.9em; } #wrapperVervolg .content .instellingen .regel div { overflow: hidden; } #wrapperVervolg .content .instellingen .regel .regel1 { width:100px; text-align: center; height:18px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; border-right:1px solid #dae5d2; padding:2px 0 0 0; } #wrapperVervolg .content .instellingen .regel .regel2 { width:193px; height:18px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:2px 0 0 2px; } #wrapperVervolg .content .instellingen .regel .regel3 { width:192px; height:18px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:2px 0 0 2px; } #wrapperVervolg .content .instellingen .regel .regel4 { width:199px; height:17px; float:left; border-left:1px solid #dae5d2; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:3px 0 0 2px; } #wrapperVervolg .content .instellingen .regel2 { width:695px; height:31px; overflow:hidden; font-size: 0.9em; } #wrapperVervolg .content .instellingen .regel2 .regelheader { width:689px; text-align: left; font-weight: bold; height:28px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; border-left:1px solid #dae5d2; padding:12px 0 0 4px; } #wrapperVervolg .content .instellingen .regel input { width: 189px; } #wrapperVervolg .content .instellingen .regel .regel1 input { width: auto; } #wrapperVervolg .content .regel a { color:#008000; text-decoration:underline; } #wrapperVervolg .content .regel a:hover { text-decoration:none; } #wrapperVervolg .content .regelB a { color:#008000; text-decoration:underline; } #wrapperVervolg .content .regelB a:hover { text-decoration:none; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader { width:946px; height:22px; overflow:hidden; background-image:url(../../images/layout/achter_bestelbalk.gif); background-position:left top; background-repeat:repeat-x; border-bottom:1px solid #000; font-weight:bold; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader .naam1 { width:40px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader .naam2 { width:140px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader .naam3 { width:200px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader .naam4 { width:100px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader .naam5 { width:150px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader .naam6 { width:120px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader .naam7 { width:189px; height:17px; float:left; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .regel { width:946px; overflow:hidden; font-size: 0.9em; } #wrapperVervolg .content .bandenplanoverzicht .regel .regel1 { width:39px; text-align: center; height:18px; float:left; border-right:1px solid #dae5d2; border-left:1px solid #dae5d2; border-bottom:1px solid #dae5d2; border-right:1px solid #dae5d2; padding:2px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .regel .regel2 { width:138px; height:18px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:2px 0 0 2px; } #wrapperVervolg .content .bandenplanoverzicht .regel .regel3 { width:198px; height:18px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:2px 0 0 2px; } #wrapperVervolg .content .bandenplanoverzicht .regel .regel4 { width:98px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:3px 0 0 2px; } #wrapperVervolg .content .bandenplanoverzicht .regel .regel5 { width:148px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:3px 0 0 2px; } #wrapperVervolg .content .bandenplanoverzicht .regel .regel6 { width:118px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:3px 0 0 2px; } #wrapperVervolg .content .bandenplanoverzicht .regel .regel7 { width:187px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:3px 0 0 2px; } #wrapperVervolg .content .bandenplanoverzicht .regel .regel123 { width:377px; height:70px; float:left; text-align: right; font-weight: bold; border-left:1px solid #dae5d2; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; padding:3px 2px 0 2px; } #wrapperVervolg .content .bandenplanoverzicht .regel .regel4567 { width:559px; height:70px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:3px 0 0 3px; } #wrapperVervolg .content .bandenplanoverzicht .regel .regel4567 textarea { width:554px; height:64px; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader2 { width:946px; height:22px; overflow:hidden; background-image:url(../../images/layout/achter_bestelbalk.gif); background-position:left top; background-repeat:repeat-x; border-bottom:1px solid #000; font-weight:bold; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader2 .naam1 { width:100px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader2 .naam2 { width:120px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader2 .naam3 { width:60px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader2 .naam4 { width:130px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader2 .naam5 { width:145px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader2 .naam6 { width:130px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader2 .naam7 { width:150px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader2 .naam8 { width:104px; height:17px; float:left; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader2 .naam1_2 { width:213px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader2 .naam2_2 { width:80px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader2 .naam3_2 { width:142px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader2 .naam4_2 { width:100px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader2 .naam5_2 { width:100px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader2 .naam6_2 { width:100px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader2 .naam7_2 { width:101px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .overzichtHeader2 .naam8_2 { width:104px; height:17px; float:left; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .regel .regel1_2 { width:210px; height:17px; float:left; border-right:1px solid #dae5d2; border-left:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:center; padding:4px 0 0 2px; } #wrapperVervolg .content .bandenplanoverzicht .regel .regel2_2 { width:78px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:center; padding:4px 0 0 2px; } #wrapperVervolg .content .bandenplanoverzicht .regel .regel3_2 { width:140px; height:17px; float:left; border-right:1px solid #dae5d2;border-bottom:1px solid #dae5d2; text-align:center; padding:4px 0 0 2px; } #wrapperVervolg .content .bandenplanoverzicht .regel .regel4_2 { width:98px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:center; padding:4px 0 0 2px; } #wrapperVervolg .content .bandenplanoverzicht .regel .regel5_2 { width:98px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:center; padding:4px 0 0 2px; } #wrapperVervolg .content .bandenplanoverzicht .regel .regel6_2 { width:98px; height:17px; float:left; border-right:1px solid #dae5d2;border-bottom:1px solid #dae5d2; text-align:center; padding:4px 0 0 2px; } #wrapperVervolg .content .bandenplanoverzicht .regel .regel7_2 { width:99px; height:17px; float:left; border-right:1px solid #dae5d2;border-bottom:1px solid #dae5d2; text-align:center; padding:4px 0 0 2px; } #wrapperVervolg .content .bandenplanoverzicht .regel .regel8_2 { width:100px; height:17px; float:left; border-right:1px solid #dae5d2;border-bottom:1px solid #dae5d2; text-align:center; padding:4px 0 0 2px; } #wrapperVervolg .content .bandenplanoverzicht .regelB { width:946px; overflow:hidden; font-size: 0.9em; } #wrapperVervolg .content .bandenplanoverzicht .regelB .regel1 { width:97px; height:37px; float:left; border-right:1px solid #dae5d2; border-left:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:center; padding:4px 0 0 2px; } #wrapperVervolg .content .bandenplanoverzicht .regelB .regel2 { width:118px; height:37px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:center; padding:4px 0 0 2px; } #wrapperVervolg .content .bandenplanoverzicht .regelB .regel3 { width:58px; height:37px; float:left; border-right:1px solid #dae5d2;border-bottom:1px solid #dae5d2; text-align:center; padding:4px 0 0 2px; } #wrapperVervolg .content .bandenplanoverzicht .regelB .regel4 { width:128px; height:37px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:center; padding:4px 0 0 2px; } #wrapperVervolg .content .bandenplanoverzicht .regelB .regel5 { width:143px; height:37px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:center; padding:4px 0 0 2px; } #wrapperVervolg .content .bandenplanoverzicht .regelB .regel6 { width:128px; height:37px; float:left; border-right:1px solid #dae5d2;border-bottom:1px solid #dae5d2; text-align:center; padding:4px 0 0 2px; } #wrapperVervolg .content .bandenplanoverzicht .regelB .regel7 { width:148px; height:37px; float:left; border-right:1px solid #dae5d2;border-bottom:1px solid #dae5d2; text-align:center; padding:4px 0 0 2px; } #wrapperVervolg .content .bandenplanoverzicht .regelB .regel8 { width:101px; height:37px; float:left; border-right:1px solid #dae5d2;border-bottom:1px solid #dae5d2; text-align:center; padding:4px 0 0 2px; } #wrapperVervolg .content .bandenplanoverzicht .velden { width:716px; overflow:hidden; margin:0 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .velden .blok { width:350px; float:left; margin:5px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .velden .blokGroot { width:716px; float:left; margin:5px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .velden .kop { width:160px; height:18px; float:left; background-color:#daedca; margin:0 5px 0 0; padding:2px 8px 0 0; font-weight:bold; overflow:hidden; color:#000; text-align:right; } #wrapperVervolg .content .bandenplanoverzicht .velden .invoer { width:177px !important; height:20px; float:left; } #wrapperVervolg .content .bandenplanoverzicht .velden .invoer select { width:170px !important; height:20px; } #wrapperVervolg .content .bandenplanoverzicht .velden .invoer input { width:170px !important; height:16px !important; border:1px solid #7AC142 !important; color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:1em; } #wrapperVervolg .content .bandenplanoverzicht .velden .invoer .radio input{ width:auto !important; height:16px; } #wrapperVervolg .content .bandenplanoverzicht .velden .tussenregel { width:712px; height:20px; float:left; } #wrapperVervolg .content .bandenplanoverzicht .velden .aantal { margin:0 0 0 14px; } #wrapperVervolg .content .bandenplanoverzicht .velden .spacer { width: 340px !important; height:15px; float:left; padding: 5px 0 0 4px; font-weight: bold; } #wrapperVervolg .content .bandenplanoverzicht .totaalLijn { border-top: 0px dotted #000000; width: 712px; float: left; margin: 7px 0 0px 0; clear:both; font-weight: bold; } #wrapperVervolg .content .bandenplanoverzicht .velden .blok2 { width: 712px; float:left; margin:5px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .velden .head1 { width: 168px; float: left; margin: 0 5px 0 0; padding: 2px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .velden .head2 { width: 175px; float: left; margin: 0 5px 0 0; padding: 2px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .velden .head3 { width: 49px; float: left; margin: 0 5px 0 0; padding: 2px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .velden .head4 { width: 50px; float: left; margin: 0 5px 0 0; padding: 2px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .velden .head5 { width: 55px; float: left; margin: 0 5px 0 0; padding: 2px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .velden .head6 { width: 79px; float: left; margin: 0 5px 0 0; padding: 2px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .velden .head7 { width: 79px; float: left; margin: 0 5px 0 0; padding: 2px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .velden .head12 { width: 350px; float: left; margin: 0 5px 0 0; padding: 2px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .velden .head34567 { width: 337px; float: left; margin: 0 5px 0 0; padding: 2px 0 0 0; } #wrapperVervolg .content .bandenplanoverzicht .velden .item1 { width:160px; height:18px; float:left; background-color:#daedca; margin:0 5px 0 0; padding:2px 8px 0 0; font-weight:bold; overflow:hidden; color:#000; text-align:right; } #wrapperVervolg .content .bandenplanoverzicht .velden .item2 { width:177px !important; height:20px; float:left; } #wrapperVervolg .content .bandenplanoverzicht .velden .item2 input { width:170px !important; height:16px; } #wrapperVervolg .content .bandenplanoverzicht .velden .item3 { width:57px !important; height:20px; float:left; } #wrapperVervolg .content .bandenplanoverzicht .velden .item3 input { width:50px !important; height:16px; } #wrapperVervolg .content .bandenplanoverzicht .velden .item4 { width:57px !important; height:20px; float:left; } #wrapperVervolg .content .bandenplanoverzicht .velden .item4 input { width:50px !important; height:16px; } #wrapperVervolg .content .bandenplanoverzicht .velden .item5 { width:57px !important; height:20px; float:left; } #wrapperVervolg .content .bandenplanoverzicht .velden .item5 input { width:50px !important; height:16px; } #wrapperVervolg .content .bandenplanoverzicht .velden .item6 { width:80px !important; height:20px; float:left; } #wrapperVervolg .content .bandenplanoverzicht .velden .item6 input { width:73px !important; height:16px; } #wrapperVervolg .content .bandenplanoverzicht .velden .invoer2 { width:177px !important; height:20px; float:left; } #wrapperVervolg .content .bandenplanoverzicht .velden .invoer2 input { width:170px !important; height:12px !important; border:1px solid #7AC142 !important; color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:1em; } #wrapperVervolg .content .bandenplanoverzicht .velden .invoerGroot { width:520px !important; height:105px; float:left; } #wrapperVervolg .content .bandenplanoverzicht .velden .invoerGroot input,textarea { width:422px !important; height:100px; float:left; } /* VERVOLG OPZET 2 */ /* -- LET OP: DE BENAMING IS AANGEPAST -- */ #wrapperVervolg .content2 { width:967px; padding:12px 0 30px 28px; z-index:200px; overflow:hidden; } #wrapperVervolg .content .boven2 { width:967px; overflow:hidden; } #wrapperVervolg .content .boven2 .links { width:340px; float:left; } #wrapperVervolg .content .boven2 .links .titel { margin:20px 0 12px 0; font-size:2.3em; font-weight:bold; text-transform:uppercase; } #wrapperVervolg .content .boven2 .links .titel img { margin:0 10px 5px 0; } #wrapperVervolg .content .boven2 .links .tekst { width:337px; margin:0 0 0 3px; } #wrapperVervolg .content .boven2 .rechts { width:590px; float:left; padding:0 0 16px 16px; color:#214702; } #wrapperVervolg .content .boven2 .rechts a { color:#214702; text-decoration:underline; } #wrapperVervolg .content .boven2 .rechts a:hover { text-decoration:none; } #wrapperVervolg .content .boven2 .rechts .boven { width:590px; height:12px; background-image:url(../../images/layout/blokcontent2_boven.gif); background-position:left top; background-repeat:no-repeat; } #wrapperVervolg .content .boven2 .rechts .midden { width:590px; background-image:url(../../images/layout/blokcontent2_midden.gif); background-position:left top; background-repeat:repeat-y; line-height:1.6em; overflow:hidden; } #wrapperVervolg .content .boven2 .rechts .onder { width:590px; height:15px; background-image:url(../../images/layout/blokcontent2_onder.gif); background-position:left top; background-repeat:no-repeat; } #wrapperVervolg .content .boven2 .rechts img { margin:0 10px 0 0; } #wrapperVervolg .content .boven2 .rechts .blok1 { width:172px; float:left; margin:4px 0 0 18px; overflow:hidden; } #wrapperVervolg .content .boven2 .rechts .blok2 { width:186px; float:left; margin:4px 0 0 17px; overflow:hidden; } #wrapperVervolg .content .boven2 .rechts .blok3 { width:180px; float:left; margin:4px 0 0 17px; overflow:hidden; } #wrapperVervolg .content .boven2 .rechts .regel1 { height:22px; } #wrapperVervolg .content .boven2 .rechts .regel2 { height:22px; padding: 0 0 0 25px; } #wrapperVervolg .content .onder2 .links { width:317px; margin:0 0 0 3px; padding:0 0 20px 22px; float:left; background-image:url(../../images/layout/achter_content2vlak.gif); background-position:left top; background-repeat:repeat-x; } #wrapperVervolg .content .onder2 .links .titel { width:283px; height:26px; font-size:1.3em; font-weight:bold; text-transform:uppercase; margin:20px 0 0 14px; } #wrapperVervolg .content .onder2 .links .item { width:283px; overflow:hidden; } #wrapperVervolg .content .onder2 .links .pijl { width:14px; float:left; padding:4px 0 0 0; } #wrapperVervolg .content .onder2 .links .kop { width:269px; height:16px; float:right; color:#169503; font-weight:bold; font-size:0.9em; margin:2px 0 0 0; } #wrapperVervolg .content .onder2 .links .kop a { color:#169503; text-decoration:underline; font-weight:bold; } #wrapperVervolg .content .onder2 .links .kop a:hover { text-decoration:none; } #wrapperVervolg .content .onder2 .links .tekst { width:269px; height:16px; float:right; font-size:0.9em; } #wrapperVervolg .content .onder2 .links .tekst p { margin:0; padding:0; } #wrapperVervolg .content .onder2 .rechts { width:590px; float:left; margin:0 0 0 16px; background-image:url(../../images/layout/achter_content2vlak.gif); background-position:left top; background-repeat:repeat-x; } #wrapperVervolg .content .onder2 .rechts .titel { width:590px; height:50px; font-size:1.3em; font-weight:bold; text-transform:uppercase; margin:20px 0 0 0; text-align:center; } #wrapperVervolg .content .onder2 .rechts .blok { width:590px; overflow:hidden; background-image:url(../../images/layout/blokcontent2_blok.gif); background-position:left top; background-repeat:repeat-y; } #wrapperVervolg .content .onder2 .rechts .rij { width:590px; overflow:hidden; margin:0 0 36px 0; } #wrapperVervolg .content .onder2 .rechts .rij2 { width:590px; overflow:hidden; } #wrapperVervolg .content .onder2 .rechts .item { width:270px; float:left; margin:0 2px 0 20px; font-size:0.9em; } #wrapperVervolg .content .onder2 .rechts .foto { width:88px; float:left; padding:0 4px 5px 0; background:url('../../images/layout/dropshadow.png') right bottom; overflow:hidden; } #wrapperVervolg .content .onder2 .rechts .kop { width:170px; height:18px; float:right; color:#169503; font-weight:bold; } #wrapperVervolg .content .onder2 .rechts .kop a { color:#169503; text-decoration:underline; font-weight:bold; } #wrapperVervolg .content .onder2 .rechts .kop a:hover { text-decoration:none; } #wrapperVervolg .content .onder2 .rechts .tekst { width:170px; height:18px; float:right; } #wrapperVervolg .content .onder2 .rechts.tekst p { margin:0; padding:0; } #wrapperVervolg .content .onder2 .rechts .prijs { width:170px; height:18px; float:right; } /* VERVOLG VESTIGINGEN */ #wrapperVervolg .content .vestigingen .links { width:525px; float:left; overflow:hidden; } #wrapperVervolg .content .vestigingen .links .titel { margin:20px 0 22px 0; font-size:2.3em; font-weight:bold; text-transform:uppercase; } #wrapperVervolg .content .vestigingen .links .titel img { margin:0 10px 5px 0; } #wrapperVervolg .content .vestigingen .links .tekst { width:525px; margin:0 0 0 3px; } #wrapperVervolg .content .vestigingen .rechts { width:440px; height:448px; float:left; overflow: hidden; } #wrapperVervolg .vestigingen .vestDetails { float: left; width: 270px; margin: 20px 0 0 3px; } #wrapperVervolg .vestigingen .vestDetails span { clear: both; float: left; width: 270px; font-weight: normal; margin: 0 0 3px 0; } #wrapperVervolg .vestigingen .vestDetails a { clear: both; float: left; width: 270px; font-weight: normal; margin: 0 0 3px 0; } #wrapperVervolg .vestigingen .vestDetails .regeltussen { float: left; clear: both; width: 200px; height: 15px; } #wrapperVervolg .vestigingen .vestDetails .breed { width: 270px !important; margin: 0 !important; } #wrapperVervolg .vestigingen .vestDetails .vestTitel { width: 270px !important; font-weight: bold; font-size: 1.2em; margin: 0 0 6px 0; } #wrapperVervolg .vestigingen .vestDetails .vestPostalZipcode { width: 50px; margin: 0 5px 0 0; } #wrapperVervolg .vestigingen .vestDetails .vestPostalCity { clear: none; width: 100px; } #wrapperVervolg .vestigingen .vestDetails .vestHeader { width: 90px; margin: 0 5px 0 0; font-weight: bold; } #wrapperVervolg .vestigingen .vestDetails .vestValue { clear: none; width: 160px; font-weight: normal; } #wrapperVervolg .vestigingen .vestThumbnail { margin: 20px 0 0 0; float: right; width: 252px; text-align: center; } #wrapperVervolg .vestigingen .vestThumbnail img { width: 250px; margin: 0 0 3px 0; border: 1px solid #ABD7A0 !important; } #wrapperVervolg .vestigingen .vestThumbnail span { font-weight: bold; } #wrapperVervolg .vestigingContainer { width:440px; position: absolute; } #wrapperVervolg .vestigingContainer div { width:auto; height: auto; position: absolute; z-index: 1; overflow:hidden; } #wrapperVervolg .vestigingContainer .kaart { width:471px; height: 448px; position: absolute; z-index: 0; } #wrapperVervolg .vestigingContainer div img { width:auto; height: auto; float: left; margin: 3px 4px 0 0; z-index:1; cursor: pointer; } #wrapperVervolg .vestigingContainer div span { background-color: #e2f1d5; display: none; color: #000000; z-index:3; width:auto; height: auto; float: left; font-weight: bold; margin: -2px 0 0 0; white-space: nowrap; padding: 2px; } #wrapperVervolg .vestigingContainer div.alt img { float: right; margin: 3px 0 0 4px; } #wrapperVervolg .vestigingContainer div.alt span { float: right; margin: -2px 0 0 0; } #wrapperVervolg .vestigingContainer div.hover span { background-color: #e2f1d5; display: block; color: #000000; } #wrapperVervolg .vestigingContainer div.active span { background-color: #73C167; display: block; color: #000000; } /* ACTUEEL */ ul.nieuwsContainer { margin: 20px 0 0 3px; padding: 0; width: 680px; overflow: hidden; } ul.nieuwsContainer li { margin: 0 0 20px 0; padding: 0;width: 680px; overflow: hidden; } ul.nieuwsContainer li div.nieuwsTitel { font-weight: bold; float: left; width: auto; margin: 0 7px 0 0; } ul.nieuwsContainer li div.nieuwsDatum { font-weight: normal; float: left; text-align: left; width: auto; } ul.nieuwsContainer li div.nieuwsTekst { float: left; clear: both; width: 680px; margin: 0 0 10px 0;} ul.nieuwsContainer li div.nieuwsLink { float: left; clear: both; width: 680px; text-align: right; } ul.nieuwsContainer li div.nieuwsLink a { color: #73C267; font-weight: bold; } ul.nieuwsContainer li div.nieuwsKop { width: 680px; float: left; } div.nieuwsContainer { margin: 20px 0 0 3px; padding: 0; width: 680px; } div.nieuwsContainer div.nieuwsTitel { font-weight: bold; float: left; width: auto; margin: 0 7px 0 0; } div.nieuwsContainer div.nieuwsDatum { font-weight: normal; float: left; text-align: right; width: auto; } div.nieuwsContainer div.nieuwsTekst { float: left; clear: both; width: 680px; margin: 0 0 10px 0;} div.nieuwsContainer div.nieuwsLink { float: left; clear: both; width: 680px; text-align: right; } div.nieuwsContainer div.nieuwsLink a { color: #73C267; font-weight: bold; } div.nieuwsContainer div.nieuwsKop { width: 680px; float: left; } /* CONTACT FORMULIER */ .contactForm { width: 562px; } .contactForm .button { margin: 20px 0 0 0; } .contactItem { overflow: hidden; margin: 20px 0 0 0; padding: 20px; background-color: #C3E4BD; width: 520px; border: 1px solid #000000; } .contactItem .formTitle { color: #000000; font-size: 15px; margin: 0 0 5px 0; height:30px; font-weight: bold; text-transform:uppercase; } .contactItem .formHeader { float: left; clear: both; width: 150px; font-weight: normal; margin: 7px 0 0 0; color: #000000; } .contactItem .formInput { float: left; width: 340px; margin: 5px 0 0 0; } .contactItem .formTextarea { float: left; width: 490px; height: 100px; margin: 5px 0 0 0; } .contactItem .invul { width:330px; height:25px; float:left; margin:4px 0 0 4px; padding:0 0 0 2px; color:#000; background-color: #FFFFFF; border: 1px solid #000000; } .contactItem .invul input { width:322px; border:none; background-color:Transparent; padding:5px 0 0 5px; } .contactItem .invulT { width:490px; height: 120px; float:left; margin:4px 0 0 0; padding:0 0 0 0; color:#000; background-color: #FFFFFF; border: 1px solid #000000; } .contactItem .invulT Textarea { width:480px !important; height: 107px; border:none; background-color:Transparent; padding:5px 0 0 5px; } .contactItem .formError { float: left; width: auto; margin: 7px 0 0 4px; font-weight: bold; color: #DD0000 !important; font-size: 14px; } .contactItem .formError span { position: absolute; color: #DD0000 !important; font-size: 14px; } /* ACTIES */ #wrapperVervolg .content .links .acties { width:590px; float:left; margin:10px 0 0 3px; padding: 20px 0 30px 0; background-image:url(../../images/layout/achter_content2vlak.gif); background-position:left top; background-repeat:repeat-x; } #wrapperVervolg .content .links .acties .titel { width:590px; height:50px; font-size:1.1em; font-weight:bold; text-transform:uppercase; margin:20px 0 0 0; text-align:center; } #wrapperVervolg .content .links .acties .blok { width:590px; overflow:hidden; background-image:url(../../images/layout/blokcontent2_blok.gif); background-position:center top; background-repeat:repeat-y; } #wrapperVervolg .content .links .acties .blokLeeg { width:590px; overflow:hidden; background-image:none !important; background-position:left top; background-repeat:repeat-y; } #wrapperVervolg .content .breed { width:670px !important; margin: 30px 0 0 3px !important; } #wrapperVervolg .content .links .breed .blok { width:670px !important; } #wrapperVervolg .content .links .breed .blokLeeg { width:670px !important; } #wrapperVervolg .content .links .breed .rij { width:670px !important; } #wrapperVervolg .content .links .breed .rij .item { width:300px !important; } #wrapperVervolg .content .links .breed .rij .kop { width:200px !important; } #wrapperVervolg .content .links .breed .rij .tekst { width:200px !important; } #wrapperVervolg .content .links .breed .rij .prijs { width:200px!important; } #wrapperVervolg .content .links .breed .rij2 { width:670px !important; } #wrapperVervolg .content .links .breed .rij2 .item { width:300px !important;} #wrapperVervolg .content .links .breed .rij2 .kop { width:200px !important; } #wrapperVervolg .content .links .breed .rij2 .tekst { width:200px !important; } #wrapperVervolg .content .links .breed .rij2 .prijs { width:200px!important; } #wrapperVervolg .content .links .acties .rij { width:590px; overflow:hidden; margin:0 0 36px 0; } #wrapperVervolg .content .links .acties .rij .item { width:270px; float:left; margin:0 2px 0 20px; font-size:0.9em; } #wrapperVervolg .content .links .acties .rij .foto { width:88px; float:left; padding:0 4px 5px 0; background:url('../../images/layout/dropshadow.png') right bottom; overflow:hidden; } #wrapperVervolg .content .rij .foto img { width:88px; } #wrapperVervolg .content .links .acties .rij .kop { width:170px; height:18px; float:right; color:#169503; font-weight:bold; } #wrapperVervolg .content .links .acties .rij .kop a { color:#169503; text-decoration:underline; font-weight:bold; } #wrapperVervolg .content .links .acties .rij .kop a:hover { text-decoration:none; } #wrapperVervolg .content .links .acties .rij .tekst { width:170px; height:18px; float:right; color:#73C267; font-weight:bold; } #wrapperVervolg .content .links .acties .rij .tekst p { margin:0; padding:0; } #wrapperVervolg .content .links .acties .rij .prijs { width:170px; height:18px; float:right; color:#73C267; font-weight:bold; } #wrapperVervolg .content .links .acties .rij2 { width:590px; overflow:hidden; } #wrapperVervolg .content .links .acties .rij2 .item { width:270px; float:left; margin:0 2px 0 20px; font-size:0.9em; } #wrapperVervolg .content .links .acties .rij2 .foto { width:88px; float:left; padding:0 4px 5px 0; background:url('../../images/layout/dropshadow.png') right bottom; overflow:hidden; } #wrapperVervolg .content .rij2 .foto img { width:88px; } #wrapperVervolg .content .links .acties .rij2 .kop { width:170px; height:18px; float:right; color:#169503; font-weight:bold; } #wrapperVervolg .content .links .acties .rij2 .kop a { color:#169503; text-decoration:underline; font-weight:bold; } #wrapperVervolg .content .links .acties .rij2 .kop a:hover { text-decoration:none; } #wrapperVervolg .content .links .acties .rij2 .tekst { width:170px; height:18px; float:right; color:#73C267; font-weight:bold; } #wrapperVervolg .content .links .acties .rij2 .tekst p { margin:0; padding:0; } #wrapperVervolg .content .links .acties .rij2 .prijs { width:170px; height:18px; float:right; color:#73C267; font-weight:bold; } #wrapperVervolg .content .links .acties .detail { width:670px; overflow:hidden; margin:0 0 36px 0; } #wrapperVervolg .content .links .acties .detail .item { width:630px; float:left; margin:0 2px 0 20px; font-size:0.9em; } #wrapperVervolg .content .links .acties .detail .foto { width:88px; float:left; padding:0 4px 5px 0; background:url('../../images/layout/dropshadow.png') right bottom; overflow:hidden; } #wrapperVervolg .content .detail .foto img { width:88px; } #wrapperVervolg .content .links .acties .detail .kop { width:510px; height:18px; float:right; color:#169503; font-weight:bold; } #wrapperVervolg .content .links .acties .detail .kop a { color:#169503; text-decoration:underline; font-weight:bold; } #wrapperVervolg .content .links .acties .detail .kop a:hover { text-decoration:none; } #wrapperVervolg .content .links .acties .detail .tekst { width:510px; float:right; color:#73C267; font-weight:bold; } #wrapperVervolg .content .links .acties .detail .tekst p { margin:0; padding:0; } #wrapperVervolg .content .links .acties .detail .prijs { width:510px; height:18px; float:right; margin: 10px 0 0 0; color:#73C267; font-weight:bold; } #wrapperVervolg .content .links .acties .detail .itemLink { width:510px; height:18px; float:right; margin: 10px 0 0 0; color:#73C267; font-weight:bold; } #wrapperVervolg .content .links .acties .itemReturnLink { width:510px; height:18px; float:right; color: #73C267; text-align: right; margin: 20px 30px 0 0; font-weight:normal; } #wrapperVervolg .content .links .acties .itemReturnLink a { color: #73C267; font-weight: bold; } /* -- TOEGEVOEGD -- */ #wrapperVervolg .content .velden .button { width:675px; float:left; text-align:right; margin:10px 0 0 0; } #wrapperVervolg .content .kleur { background-color:#eaf5e1; } .regel img { cursor: pointer; } /* ONDER 3 */ #wrapperVervolg .content .onder3 { width:946px; float:left; overflow:hidden; clear:both; } #wrapperVervolg .content .onder3 .naam { width:946px; height:22px; overflow:hidden; background-image:url(../../images/layout/achter_bestelbalk.gif); background-position:left top; background-repeat:repeat-x; border-bottom:1px solid #000; font-weight:bold; } #wrapperVervolg .content .onder3 .naam .naam1 { width:18px; height:17px; float:left; border-left:1px solid #78ae4d; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .onder3 .naam .naam2 { width:160px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .onder3 .naam .naam3 { width:75px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .onder3 .naam .naam4 { width:33px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .onder3 .naam .naam5 { width:33px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .onder3 .naam .naam45Spec { width:107px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .onder3 .naam .naam6 { width:86px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .onder3 .naam .naam7 { width:57px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .onder3 .naam .naam8 { width:192px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .onder3 .naam .naam9 { width:79px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .onder3 .naam .naam10 { width:79px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .onder3 .naam .naamVoorraad { width:79px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .onder3 .naam .naam11 { width:38px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .onder3 .regel { width:946px; height:21px; overflow:hidden; font-size: 0.9em; } #wrapperVervolg .content .onder3 .regel div { overflow: hidden; } #wrapperVervolg .content .onder3 .regel a { color:#008000; text-decoration:underline; } #wrapperVervolg .content .onder3 .regel a:hover { text-decoration:none; } #wrapperVervolg .content .onder3 .regel .regel1 { width:18px; height:18px; float:left; border-left:1px solid #dae5d2; border-bottom:1px solid #dae5d2; border-right:1px solid #dae5d2; text-align:left; padding:2px 0 0 0; } #wrapperVervolg .content .onder3 .regel .regel2 { width:158px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:3px 0 0 2px; } #wrapperVervolg .content .onder3 .regel .regel3 { width:73px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:3px 0 0 2px; } #wrapperVervolg .content .onder3 .regel .regel45Spec { width:101px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:3px 0 0 2px; } #wrapperVervolg .content .onder3 .regel .regel4 { width:31px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:3px 0 0 2px; } #wrapperVervolg .content .onder3 .regel .regel5 { width:31px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:3px 0 0 2px; } #wrapperVervolg .content .onder3 .regel .regel6 { width:84px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:3px 0 0 2px; } #wrapperVervolg .content .onder3 .regel .regel7 { width:55px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:3px 0 0 2px; } #wrapperVervolg .content .onder3 .regel .regel8 { width:190px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:3px 0 0 2px; } #wrapperVervolg .content .onder3 .regel .regel9 { width:77px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:right; padding:3px 0 0 2px; } #wrapperVervolg .content .onder3 .regel .regel10 { width:77px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:right; padding:3px 0 0 2px; } #wrapperVervolg .content .onder3 .regel .regelVoorraad { width:77px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:3px 0 0 2px; } #wrapperVervolg .content .onder3 .regel .regel11 { width:36px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:3px 0 0 2px; } #wrapperVervolg .content .onder3 .button { width:946px; float:left; text-align:right; margin:10px 0 0 0; } #wrapperVervolg .content .onder3 .regel .regel3 { width:73px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:3px 0 0 2px; } /* ONDER 4 */ #wrapperVervolg .content .onder4 { width:946px; float:left; overflow:hidden; clear:both; } #wrapperVervolg .content .onder4 .tekst { width:946px; padding:30px 0 20px 0; } #wrapperVervolg .content .onder4 .naam { width:946px; height:22px; overflow:hidden; background-image:url(../../images/layout/achter_bestelbalk.gif); background-position:left top; background-repeat:repeat-x; border-bottom:1px solid #000; font-weight:bold; } #wrapperVervolg .content .onder4 .naam .naam1 { width:18px; height:17px; float:left; border-left:1px solid #78ae4d; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .onder4 .naam .naam2 { width:164px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .onder4 .naam .naam3 { width:90px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .onder4 .naam .naam4 { width:314px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .onder4 .naam .naam5 { width:172px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .onder4 .naam .naam6 { width:90px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .onder4 .naam .naam7 { width:90px; height:17px; float:left; border-right:1px solid #78ae4d; text-align:center; padding:4px 0 0 0; } #wrapperVervolg .content .onder4 .regel { width:946px; height:21px; overflow:hidden; font-size: 0.9em; } #wrapperVervolg .content .onder4 .regel a { color:#008000; text-decoration:underline; } #wrapperVervolg .content .onder4 .regel a:hover { text-decoration:none; } #wrapperVervolg .content .onder4 .bold { font-weight: bold; } #wrapperVervolg .content .onder4 .regel div { overflow: hidden; } #wrapperVervolg .content .onder4 .regel .regelmaat { width:762px; text-align: right; height:18px; float:left; border-left:1px solid #dae5d2; border-bottom:1px solid #dae5d2; border-right:1px solid #dae5d2; padding:2px 0 0 0; } #wrapperVervolg .content .onder4 .regel .regel1 { width:18px; height:18px; float:left; border-left:1px solid #dae5d2; border-bottom:1px solid #dae5d2; border-right:1px solid #dae5d2; text-align:left; padding:2px 0 0 0; } #wrapperVervolg .content .onder4 .regel .regel2 { width:162px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:3px 0 0 2px; } #wrapperVervolg .content .onder4 .regel .regel3 { width:88px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:3px 0 0 2px; } #wrapperVervolg .content .onder4 .regel .regel4 { width:312px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:3px 0 0 2px; } #wrapperVervolg .content .onder4 .regel .regel5 { width:170px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:left; padding:3px 0 0 2px; } #wrapperVervolg .content .onder4 .regel .regel5 input { width:50px; height:14px; padding:0 3px 0 3px; margin:0; text-align:center; } #wrapperVervolg .content .onder4 .regel .regel5 .invul { float:left; padding:0 0 0 50px; margin:-1px 0 0 0; } #wrapperVervolg .content .onder4 .regel .regel5 .knop { float:left; padding:0 0 0 4px; margin:-1px 0 0 0; } #wrapperVervolg .content .onder4 .regel .regel6 { width:88px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align: right; padding:3px 0 0 2px; } #wrapperVervolg .content .onder4 .regel .regel7 { width:88px; height:17px; float:left; border-right:1px solid #dae5d2; border-bottom:1px solid #dae5d2; text-align:right; padding:3px 0 0 2px; } #wrapperVervolg .content .onder4 .button { width:946px; float:left; margin:10px 0 0 0; } #wrapperVervolg .content .onder4 .velden { width:430px; float:left; margin:30px 0 0 0; overflow:hidden; } #wrapperVervolg .content .onder4 .velden .naam1 { width:113px; height:18px; float:left; background-color:#DAEDCA; font-weight:bold; text-align:right; padding:2px 8px 0 0; margin:0 5px 5px 0; } #wrapperVervolg .content .onder4 .velden .naam2 { width:113px; height:18px; float:left; background-color:#DAEDCA; font-weight:bold; text-align:right; padding:2px 8px 0 0; margin:0 5px 5px 0; } #wrapperVervolg .content .onder4 .velden .naam3 { width:113px; height:73px; float:left; background-color:#DAEDCA; font-weight:bold; text-align:right; padding:2px 8px 0 0; margin:0 5px 5px 0; } #wrapperVervolg .content .onder4 .velden .regel1 { width:304px; height:25px; float:left; } #wrapperVervolg .content .onder4 .velden .regel1 input { width:300px; } #wrapperVervolg .content .onder4 .velden .regel2 { width:304px; height:25px; float:left; } #wrapperVervolg .content .onder4 .velden .regel3 { width:304px; float:left; overflow:hidden; margin:0 0 10px 0; } #wrapperVervolg .content .onder4 .velden .terug { clear:both; } #wrapperVervolg .content .onder4 .velden .terug a { font-size:0.9em; text-decoration:underline; } #wrapperVervolg .content .onder4 .velden .terug a:hover { text-decoration:none; } #wrapperVervolg .content .onder4 .velden textarea { width:300px; height:70px; } #wrapperVervolg .content .print { width:946px; float:left; margin:20px 0 0 0; } #wrapperVervolg .content .print .buttonContainer { float:left; } /* BUTTON */ .butleft { margin: 0 0 0 140px; } .butleft .buttonContainer { float: left; } .butleft .buttonContainerTussen { float:left; } .buttonContainer { overflow: hidden; float:right; } .buttonContainer .buttonTekst { float: left; display: block; background-image: url(../../images/layout/buttonMid.gif); background-repeat: repeat-x; background-position: 0 0; padding: 6px 5px 5px 5px; } .buttonContainer .buttonTekst a { color:#FFF; text-decoration:none; } .buttonContainer .buttonTekst a:hover { text-decoration:underline; } .buttonContainer .buttonLeft { float: left; display: block; width: 7px; height: 26px; background-image: url(../../images/layout/buttonLeft.png); background-repeat:no-repeat; background-position: 0 0; } .buttonContainer .buttonRight { float: left; display: block; width: 7px; height: 26px; background-image: url(../../images/layout/buttonRight.png); background-repeat:no-repeat; background-position: 0 0; } .buttonContainerTussen { width:10px; height:26px; float:right; } /* MODAL */ .modalContainer { position: fixed; top: 0; left: 0; width:100%; text-align: center; z-index: 2; } .modalBlock { margin: 100px auto; width: 400px; text-align: left; border: 1px solid #DAE5D2; } .modalTitle { font-weight: bold; color: #000000; padding: 3px 0 0 6px; font-size: 1.1em; background-image:url(../../images/layout/achter_bestelbalk.gif); height: 19px; } .modalContent { color: #000000; font-size: 1.1em; background-color: #FFFFFF; padding: 20px 6px; } .modalBackground { position: fixed; background-color: #000000; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; filter: alpha(opacity=80); opacity: 0.8; } /* KENTEKEN FORM */ .kentekenInputBG { background-image: url(../../images/layout/kenteken.jpg); width: 395px; height: 89px; } .kentekenInput { font-family: verdana; font-size: 42px; font-weight: bold; margin: 17px 0 0 50px; height: 50px; width: 310px; background-color: #FAB500; text-align:center; border: 1px solid #DFA81A; } .historieTitel { margin: 0 0 10px 3px; } .historieTitel .active { font-weight: bold; } .historieRegel { margin: 40px 0 0 0; overflow: hidden; } .historieRegel hr { color: #000000; } .historieHeader { float: left; clear: both; width: 130px; font-weight: bold; } .historieValue { float: left; width: 810px; } #wrapperVervolg .content .kenteken { overflow: hidden; width: 945px; margin: 10px 0 0 0; } #wrapperVervolg .content .kenteken .blok1 { float: left; clear: both; margin: 0 0 20px 0; width: 945px; overflow: hidden; } #wrapperVervolg .content .kenteken .blok1 .links { float: left; width: 472px; } #wrapperVervolg .content .kenteken .blok1 .rechts { float: right; width: 442px; margin: 30px 0 0 0; padding: 0 0 0 30px; font-weight: bold; } #wrapperVervolg .content .kenteken .blok2 { float: left; clear: both; margin: 0; padding: 3px 0 0 0; width: 945px; overflow: hidden; border-top: 1px solid #000000; } #wrapperVervolg .content .kenteken .blok2 .links { float: left; width: 472px; padding: 0 0 20px 0; border-right: 1px solid #000000; } #wrapperVervolg .content .kenteken .blok2 .rechts { float: right; width: 462px; padding: 0 0 0 10px; } #wrapperVervolg .content .kenteken .totaalLijn { border-top: 1px dotted #000000; width: 403px; float: left; margin: 5px 0 2px 0; clear:both; height: 1px; } #wrapperVervolg .content .kenteken .kop { background-color:#DAEDCA; float: left; clear: both; margin:2px 5px 0 0; height:18px; width:200px; padding:2px 8px 0 0; text-align:right; font-weight:bold; } #wrapperVervolg .content .kenteken .kopSpacer { float: left; clear: both; margin:2px 5px 0 0; height:18px; width:200px; padding:2px 8px 0 0; text-align:left; font-weight:bold; } #wrapperVervolg .content .kenteken .invoer { float:left; height:20px; width:220px; margin: 2px 0 0 10px; } #wrapperVervolg .content .kenteken .invoer input { float:left; width:80px; margin: 0 15px 0 0; } #wrapperVervolg .content .kenteken .invoer .radio input { float:left; width:auto; background-color: Transparent; border: 0; margin: 2px 15px 0 0; } #wrapperVervolg .content .kenteken .invoer .invoerSub { float:left; width:76px; margin: 0 15px 0 0; font-weight: bold; padding: 2px 0 0 4px; } #wrapperVervolg .content .kenteken .invoer .toolTip { float:left; width:200px; margin: 0 0 0 0; font-weight: normal; font-size: 0.9em; padding: 0; } #wrapperVervolg .content .kenteken .groot input { width:178px !important; } #wrapperVervolg .content .kenteken .blok3 { float: left; clear: both; margin: 3px 0 20px 0; padding: 0; width: 945px; overflow: hidden; border-top: 1px solid #000000; } #wrapperVervolg .content .kenteken .blok3 .links { float: left; width: 452px; padding: 20px 0 0 20px; } #wrapperVervolg .content .kenteken .blok3 .links .error { float: left; width: 452px; display:none; font-weight: bold; color: #FF0000; } #wrapperVervolg .content .kenteken .blok3 .links .message { float: left; width: 452px; display:none; font-weight: bold; color: #FF0000; } #wrapperVervolg .content .kenteken .blok3 .rechts { float: right; width: 442px; margin: 30px 0 0 0; padding: 0 0 0 30px; font-weight: bold; } .foto88px img { width: 88px; }