@charset "utf-8"; /* LINKS */ a:link { color:#000000; text-decoration:none; } a:visited { color:#000000; text-decoration:none; } a:hover { color:#000000; text-decoration:none; } a:active { color:#000000; text-decoration:none; } #footerinhoud a:link { color:#d1d1d1; text-decoration:none; } #footerinhoud a:visited { color:#d1d1d1; text-decoration:none; } #footerinhoud a:hover { color:#d1d1d1; text-decoration:none; } #footerinhoud a:active { color:#d1d1d1; text-decoration:none; } .irlink:link { color:#000000; text-decoration:none; } .irlink:visited { color:#000000; text-decoration:none; } .irlink:hover { color:#EF0066; text-decoration:none; } .irlink:active { color:#000000; text-decoration:none; } /* BODY*/ body { min-height: 100%; height: 100%; margin:0px; padding:0px; font-family:Arial,sans-serif; font-size:12px; line-height:18px; color:#000000; background-image:url(../images/backgrounds/bg-4.png); background-color:#c5cdcf; background-repeat:repeat-x; } html { min-height: 100%; height: 100%; margin:0px; padding:0px; } /* GENERIC USE */ .cleardiv { clear:both; } h1 { margin:0px; padding:0px;} h2 { margin:0px; padding:0px; padding-bottom:3px; width:315px; font-size:26px; letter-spacing:-0.05em; border-bottom:1px solid #d4d4d4;} hr { display:block; color: #212221; height:1px; padding:0px; margin:5px 0px 0px 0px;} img { display:block; border:none; } .grey { color:#999999; } .padding-top { padding-top:5px; } .contactarea { padding-top:6px; line-height:22px; } .margin-top-ten { padding-top:10px; } .margin-top-twelve { margin-top:12px; } .button1 { border:none; background-color:#7FBC2D; color:#FFFFFF; padding:5px 10px 5px 10px; display:inline; margin-top:10px; } /* CONTAINERS */ #bg { position:fixed; position:absolute; position:fixed; top:0px; left:0px; bottom:0px; width:100%; height:100%; z-index:-1; overflow:hidden; overflow:auto; display:none;} #container { position:absolute; margin: 0px; padding: 0px; height:100%; min-height: 100%; width: 100%; z-index:0;} #container #wrapper { position:relative; margin-right: auto; margin-left: auto; min-height: 600px; width:1000px; background-image:url(../images/backgrounds/trans_big.png); } #container #wrapper #banner01 { position:absolute; height: auto; width:auto; left:1010px; top:251px; } #container #wrapper #centre { position:relative; height:auto; width:950px; padding-left:25px; padding-right:0px;} /* HEADER */ #container #wrapper #header { height:35px; width:950px; padding-top:24px; padding-bottom:24px; margin:auto;} #container #wrapper #header #logo { float: left; width: auto; height:36px; position: relative;} #container #wrapper #centre #vignet { float: right; width: 122px; height:121px; position: relative; right:65px; top:-10px;} #container #wrapper #centre #vignet2 { float: right; width: 122px; height:78px; position: relative; top:10px; right:-180px;} #container #wrapper #centre #vignet3 { float: right; width: 150px; height:150px; position: relative; top:-10px; right:-50px;} #container #wrapper #centre #titel { height: auto; padding-top: 36px; padding-bottom: 0px; border-bottom: 1px solid #000000; width:689px; } #container #wrapper #centre #homepagetitel { height: auto; padding-top: 30px; padding-bottom: 0px;} #container #wrapper #centre #subtitelhome { float: left; height: auto; width:100px; white-space: nowrap; padding-top: 10px; padding-bottom: 16px;} #container #wrapper #centre #subtitel { float: left; height: auto; width:100px; white-space: nowrap; padding-top: 10px; padding-bottom: 16px; position:relative; display:block;} html>body #container #wrapper #centre #subtitel { width: auto; min-width: 40px; } #container #wrapper #header #navigation-wrapper { float:right; width:675px; height:36px; position: relative;} #container #wrapper #header #navigation-wrapper ul { padding:0px; margin:0px; float:right; margin-top:7px;} #container #wrapper #header #navigation-wrapper li { float: left; height: 36px; width: auto; position: relative; list-style:none; display:block; line-height:35px; font-size:16px; cursor: pointer;} #container #wrapper #header #navigation-wrapper li a { display:block; } /* MENU ITEMS #container #wrapper #header #navigation-wrapper li #menuitem_contact { display:block; width:69px; height:25px; background-image:url(../images/navigation/menu_contact_n.png); background-repeat:no-repeat; } #container #wrapper #header #navigation-wrapper li #menuitem_contact:hover { display:block; background-image:url(../images/navigation/menu_contact_h.png); background-repeat:no-repeat; } #container #wrapper #header #navigation-wrapper li #menuitem_fotosenvideos { display:block; width:149px; height:25px; background-image:url(../images/navigation/menu_fotos-videos_n.png); background-repeat:no-repeat; } #container #wrapper #header #navigation-wrapper li #menuitem_fotosenvideos:hover { display:block; background-image:url(../images/navigation/menu_fotos-videos_h.png); background-repeat:no-repeat; } #container #wrapper #header #navigation-wrapper li #menuitem_vestigingen { display:block; width:113px; height:25px; background-image:url(../images/navigation/menu_vestigingen_n.png); background-repeat:no-repeat; } #container #wrapper #header #navigation-wrapper li #menuitem_vestigingen:hover { display:block; background-image:url(../images/navigation/menu_vestigingen_h.png); background-repeat:no-repeat; } #container #wrapper #header #navigation-wrapper li #menuitem_werkenbij { display:block; width:142px; height:25px; background-image:url(../images/navigation/menu_werken-bij-ons_n.png); background-repeat:no-repeat; } #container #wrapper #header #navigation-wrapper li #menuitem_werkenbij:hover { display:block; background-image:url(../images/navigation/menu_werken-bij-ons_h.png); background-repeat:no-repeat; } #container #wrapper #header #navigation-wrapper li #menuitem_overons { display:block; width:91px; height:25px; background-image:url(../images/navigation/menu_over-ons_n.png); background-repeat:no-repeat; } #container #wrapper #header #navigation-wrapper li #menuitem_overons:hover { display:block; background-image:url(../images/navigation/menu_over-ons_h.png); background-repeat:no-repeat; } #container #wrapper #header #navigation-wrapper li #menuitem_home { display:block; width:55px; height:25px; background-image:url(../images/navigation/menu_home_n.png); background-repeat:no-repeat; } #container #wrapper #header #navigation-wrapper li #menuitem_home:hover { display:block; background-image:url(../images/navigation/menu_home_h.png); background-repeat:no-repeat; } */ /* SUBHEADER */ #subtiteltext { background-color:#000000; height:63px;} #subtiteltext2 { background-color:#000000; height:44px; width:auto;} /* FOOTER */ #container #wrapper #footer { font-family:Helvetica, Arial, Tahoma; float:left; font-size:11px; margin-top:40px; padding-left:3px; float: left; height: 24px; width: 650px; text-align:left; position: relative; background-color:#000000;/*filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;*/} #container #wrapper #footer2 { font-family:Helvetica, Arial, Tahoma; float:right; font-size:11px; margin-top:12px; height: 24px; width: 155px; line-height:24px; text-align:right; position: relative;} #container #wrapper #footer #footerinhoud { font-family:Helvetica, Arial, Tahoma; font-size:11px; margin:0px; padding:0px 5px 0px 5px; float: left; line-height:24px; position: relative; color:#d4d4d4; text-align:left;} /* SUBMENU */ #container #wrapper #centre #submenu { font-family:Helvetica, Arial, Tahoma; font-size:11px; position:relative; float: right; height: auto; width: 236px;} #container #wrapper #centre #submenu ul { padding:0px; margin:0px;} #container #wrapper #centre #submenu li { height: 33px; width: 236px; padding:0px; background-color:#7fbc2d; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; list-style: none; margin-bottom:1px; text-transform: uppercase;} #container #wrapper #centre #submenu li a { display:block; color:#FFFFFF; line-height:33px; padding:0px; padding-left: 12px; height: 33px; width: 224px; text-decoration:none;} #container #wrapper #centre #submenu li .current { background-color:#ffffff; color: #000000; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;} #container #wrapper #centre #submenu li a:hover { background-color:#ffffff; color: #000000; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;} /* SEARCHBOX */ #container #wrapper #centre #searchbox { position:relative; float: right; height: 35px; width: 236px; top:27px; display:none;} #container #wrapper #centre #searchbox #si { float: left; height: 19px; width:189px; display: block; position: relative; background-color:#000000; color:#FFFFFF; border:1px #000000 solid; line-height:25px; text-indent: 5px; padding-top:3px;} #container #wrapper #centre #searchbox #ss { float: left; height: 25px; width: 32px; display: block; position: relative; background-color:#ffffff; color:#000000; border:1px solid #ffffff; line-height:25px; margin-left:10px;} /* CONTENT */ #container #wrapper #centre #contentbox { position:relative; float: left; height: auto; width: 638px; display: block; list-style: none; padding: 10px 25px 15px 25px; margin-right: 15px; background-color:#FFFFFF;} #container #wrapper #centre #contentbox .contentitem { position:relative; padding-top: 0px; padding-bottom: 10px; height: auto;} /* HOMEPAGE */ .margin-bottom { margin-bottom:12px; border:none; } #container #wrapper #centre #homepagebox { position:relative; float: left; height: auto; width: 875px; display: block; list-style: none; padding: 25px; margin-right: 14px; background-color:#000000;} #container #wrapper #centre #homepagebox #blok1 { float: left; height: 284px; width: 504px; } #container #wrapper #centre #homepagebox #blok2 { float: right; height: 80px; width: 345px; background-image:url(../images/blok2/google_bg.png); background-repeat:no-repeat; } #container #wrapper #centre #homepagebox #blok2 #search { position:relative; top:18px; left:20px; } #container #wrapper #centre #homepagebox #blok2 #search #searchinput { display:block; float:left; border:none; height:19px; width:231px; background:url(../images/blok2/google_input_bg.png); background-repeat:no-repeat; padding-left:3px; padding-top:3px; } #container #wrapper #centre #homepagebox #blok2 #search #submitbutton { display:block; float:left; margin-left:12px; width:60px; border-top:1px solid #808080; border-left:1px solid #808080; border-bottom:1px solid #d4d0c8; border-right:1px solid #d4d0c8; background-color:#FFFFFF; } #container #wrapper #centre #homepagebox #blok3 { float: right; height: auto; width: 345px; margin-top:4px; padding-top:6px;} #container #wrapper #centre #homepagebox #blok3 #slamfm { float:left; } #container #wrapper #centre #homepagebox #blok3 #hyves { float:left; margin-top:10px; height:auto; } #container #wrapper #centre #homepagebox #blok3 #youtube { float:right; height:auto; margin-top:3px; } #container #wrapper #centre #homepagebox #blok3 #myspace { float:right; height:auto; margin-top:3px;} #container #wrapper #centre #homepagebox #blok3 #facebook { float:right; height:auto; margin-top:3px;} #container #wrapper #centre #homepagebox #blok3 #gmail { float:right; height:auto; margin-top:3px;} #container #wrapper #centre #homepagebox #blok3 #messenger { float:right; height:auto; margin-top:3px;} #container #wrapper #centre #homepagebox #blok4 { float: right; height:auto; padding:18px 0px 5px 0px; width: 300px; text-align: right; color: #FFFFFF;} #container #wrapper #centre #blokNieuws { float: left; height: auto; width: 290px; margin-top:30px; margin-left:25px; position: relative;} #container #wrapper #centre #blokVacatures { float: left; height: auto; width: 291px; margin-left:25px; margin-top:30px;} #container #wrapper #centre #blokNieuws .smallnewsitem { border-bottom: 1px solid #000000; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-color: #000000; border-right-color: #000000; border-left-color: #000000; padding-bottom: 4px; padding-top: 4px; float: none;} #container #wrapper #centre #blokNieuws .smallnewsitem .text { line-height: 20px; text-transform: uppercase;} #container #wrapper #centre #blokNieuws .smallnewsitem .date { background-color: #B1DC74; padding: 0px 5px 0px 5px; position: relative; display: inline; float: left; margin: 1px 10px 0px 0px; line-height:17px;} .buttonhomepage { margin-top: 15px; float: left; position: relative; height: 21px;} .buttonhomepage2 { margin-top: 12px; float: left; position: relative; height: 21px;} #container #wrapper #centre #blokVacatures .vacatureitem { line-height: 28px; position: relative; height: auto; float: none; display: block;} #container #wrapper #centre #blokBackstage { float: left; height:auto; width: 294px; margin-top:30px;} #container #wrapper #centre #blokBackstage2 { float: left; height:auto; width: 294px; margin-top:10px; margin-left:20px;} #container #wrapper #centre #homepagebox #blok2 #titel { height: 44px; margin: 0px; padding-top: 8px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; text-align: right; width: 288px; display: block; border-style: none; position: relative; clear: both; float: none;} #titel1 { color: #7fbc2d; } #container #wrapper #centre #homepagebox #blok1 embed { display: block; margin: 0px; padding: 0px;} #container #wrapper #centre #homepagebox #blok2 #titel #titel1 { font-size: 18px; color: #7fbc2d;} #container #wrapper #centre #homepagebox #blok2 #titel #titel2 { font-size: 12px; } #container #wrapper #centre #homepagebox #blok2 #inhoud { display: block; margin: 0px; padding:19px; height: 76px; width: 263px; background-color: #515151; clear: both; position: relative;} #container #wrapper #centre #homepagebox #blok2 #inhoud img { display: block; float:left; width:65px; height:66px; padding: 0px; position: relative; border:5px solid #3a3a3a;} #container #wrapper #centre #homepagebox #blok2 #inhoud .margin { margin-right:19px;} .loginbox { width:275px; height:30px; } /* NEWS */ .nieuwsitem { position:relative; width:625px; height:auto; margin-top:20px;} .nieuwsitem .date { position:relative; padding: 0px 5px 0px 5px; height:17px; line-height:17px; background-color:#b1dc74; float:left;} .nieuwsitem .wrap { position:relative; width:552px; height:auto; float:left;} .nieuwsitem .title { position:relative; height:17px; width:400px; text-transform:uppercase; line-height:17px; font-weight:bold; float:left; margin-left:5px;} .nieuwsitem .content { position:relative; width:540px; height:auto; line-height:17px; margin-left:5px; float:left;} .nieuwsaanhef span { text-transform:uppercase; background-color:#b1dc74; line-height:17px; height:17px; padding:1px 5px 1px 5px;} /* FOTOGALLERY */ .fotogalleryOverzichtItem { position:relative; float:left; width:310px; height:163px; margin-top:15px;} .fotogalleryOverzichtItem .date { position:relative; padding: 0px 5px 0px 5px; height:17px; line-height:17px; background-color:#b1dc74; float:left;} .fotogalleryOverzichtItem .title { position:relative; width:230px; line-height:17px; font-weight:bold; float:left; margin-left:5px; height:auto;} .fotogalleryOverzichtItem .title .imagebg { width:150px; height:100px; padding:10px; background-color:#d1d1d1; float:left; display:block; margin-top:12px; margin-right:12px;} .fotogalleryOverzichtItem .title .imagebg img { height:100px; width:150px;} .fotogalleryDetailItem { position:relative; float:left; width:625px; height:auto; margin-top:15px;} .fotogalleryDetailItem .wrap { width:550px; height:auto; float:left; margin:0px;} .fotogalleryDetailItem .wrap .date { position:relative; padding: 0px 5px 0px 5px; height:17px; line-height:17px; background-color:#b1dc74; float:left; display:block;} .fotogalleryDetailItem .wrap .title { width:450px; line-height:17px; font-weight:bold; float:left; margin-left:5px; height:auto;} .fotogalleryDetailItem .wrap2 { width:552px; height:auto; float:right; margin:0px;} .fotogalleryDetailItem .wrap2 .images { position:relative; width:550px; line-height:17px; font-weight:bold; float:left; height:auto;} .fotogalleryDetailItem .wrap2 .images img { height:100px; width:150px;} .fotogalleryDetailItem .wrap2 .images .imagebg { width:150px; height:100px; padding:10px; background-color:#d1d1d1; float:left; display:block; margin-top:12px; margin-right:12px;} /* VIDEOGALLERY */ .videogalleryDetailItem { position:relative; float:left; width:625px; height:auto; margin-top:15px;} .videogalleryDetailItem .wrap { position:relative; width:550px; height:17px; margin:0px; clear:both;} .videogalleryDetailItem .wrap .date { position:relative; padding: 0px 5px 0px 5px; height:17px; line-height:17px; background-color:#b1dc74; float:left; display:block;} .videogalleryDetailItem .wrap .title { position:relative; width:450px; line-height:17px; font-weight:bold; float:left; margin-left:5px; height:auto;} .videogalleryDetailItem .wrap2 { width:479px; /*550*/ height:251px; margin:0px; padding-left:72px; padding-top:10px;} .videogalleryDetailItem .wrap2 .video { position:relative; width:441px; height:231px; padding:10px; margin-bottom:15px; background-image:url(../images/video/video_bg.gif);} .videogalleryDetailItem .videotext { height:auto; } /* VESTIGINGEN */ .vestiging { position:relative; height:168px; width:180px; float:left; margin-right:25px;} .vestiging .titel { height:35px; width:180px; text-transform:uppercase; border-bottom:1px solid #d4d4d4;} .vestiging .inhoud { height:135px; width:180px; padding-top:7px; line-height:18px;} #vestiging-denhaag { display:none; height:152px; width:290px; position:absolute; z-index:40; top:208px; left:253px; background:url(../../files/vestigingen/vestiging_denhaag_klein.png); border:7px solid #D1D1D1; } #vestiging-amsterdam { display:none; height:152px; width:290px; position:absolute; z-index:40; top:170px; left:300px; background:url(../../files/vestigingen/vestiging_amsterdam_klein.png); border:7px solid #D1D1D1; } #vestiging-groningen { display:none; height:152px; width:290px; position:absolute; z-index:40; top:95px; left:410px; background:url(../../files/vestigingen/vestiging_groningen_klein.png); border:7px solid #D1D1D1;} #vestiging-haarlem { display:none; height:152px; width:290px; position:absolute; z-index:40; top:179px; left:284px; background:url(../../files/vestigingen/vestiging_haarlem_klein.png); border:7px solid #D1D1D1;} #vestiging-rotterdam { display:none; height:152px; width:290px; position:absolute; z-index:40; top:221px; left:265px; background:url(../../files/vestigingen/vestiging_rotterdam_klein.png); border:7px solid #D1D1D1;} #vestiging-leiden { display:none; height:152px; width:290px; position:absolute; z-index:40; top:200px; left:277px; background:url(../../files/vestigingen/vestiging_leiden_klein.png); border:7px solid #D1D1D1;} #vestiging-enschede { display:none; height:152px; width:290px; position:absolute; z-index:40; top:198px; left:438px; background:url(../../files/vestigingen/vestiging_enschede_klein.png); border:7px solid #D1D1D1;} #vestiging-leeuwarden { display:none; height:152px; width:290px; position:absolute; z-index:40; top:66px; left:360px; background:url(../../files/vestigingen/vestiging_leeuwarden_klein.png); border:7px solid #D1D1D1;} #vestiging-utrecht { display:none; height:152px; width:290px; position:absolute; z-index:40; top:208px; left:321px; background:url(../../files/vestigingen/vestiging_utrecht_klein.png); border:7px solid #D1D1D1;} #vestiging-eindhoven { display:none; height:152px; width:290px; position:absolute; z-index:40; top:270px; left:318px; background:url(../../files/vestigingen/vestiging_eindhoven_klein.png); border:7px solid #D1D1D1;} #vestiging-maastricht { display:none; height:152px; width:347px; position:absolute; z-index:40; top:337px; left:362px; background:url(../../files/vestigingen/vestiging_maastricht_klein.png); border:7px solid #D1D1D1;} /* VACATURES */ .vacature { position:relative; width:625px; height:auto; margin-top:20px;} .vacature .date { position:relative; padding: 0px 5px 0px 5px; height:17px; line-height:17px; background-color:#b1dc74; float:left;} .vacature .wrap { position:relative; width:500px; height:auto; float:left;} .vacature .title { position:relative; height:17px; width:500px; line-height:17px; font-weight:bold; float:left; margin-left:5px;} .vacature .content1 { position:relative; width:95px; height:auto; line-height:18px; margin-left:5px; float:left;} .vacature .content2 { position:relative; width:400px; height:auto; line-height:18px; float:left;} .vacature .content3 { position:relative; width:600px; height:auto; line-height:18px; float:left; border-top:1px solid #000000; margin-top:12px; padding-top:12px;} /* FORMS */ /* input FIELDS */ .i207 { width:203px; height:20px; padding-left:4px; line-height:24px; background-color:#f4f4f4; color:#000; border:1px solid #B1DC74; padding-top:4px; } .i407 { width:395px; height:20px; padding-left:4px; background-color:#f4f4f4; color:#000; border:1px solid #B1DC74; padding-top:4px; line-height:24px;} .i191 { width:187px; height:20px; padding-left:4px; background-color:#f4f4f4; color:#000; border:1px solid #B1DC74; padding-top:4px; line-height:24px;} .i26 { width:22px; height:20px; padding-left:4px; line-height:24px; background-color:#f4f4f4; color:#000; border:1px solid #B1DC74; padding-top:4px; } .i42 { width:38px; height:20px; padding-left:4px; line-height:24px; background-color:#f4f4f4; color:#000; border:1px solid #B1DC74; padding-top:4px; } /* SELECT BOXES */ .s207 { width:207px; height:26px; padding-left:4px; line-height:26px; background-color:#f4f4f4; color:#000; border:1px solid #B1DC74; padding-top:4px; } .s80 { width:80px; height:26px; padding-left:4px; line-height:26px; background-color:#f4f4f4; color:#000; border:1px solid #B1DC74; padding-top:4px; } /* TEXTAREAS */ .t207 { width:204px; height:50px; padding-left:4px; background-color:#f4f4f4; color:#000; border:1px solid #B1DC74; padding-top:4px; font-family:Arial, Helvetica, sans-serif;} /* RADIOBUTTONS */ .radio { margin-top:4px; } .formKop { width:393px; height:33px; line-height:33px; font-weight:bold; color:#7fbc2d; border-bottom:1px solid #000000; margin-bottom:12px; text-transform:uppercase; margin-top:12px;} .formRow { width:393px; border-bottom:1px dotted #a8a8a8; height:35px; clear:both; float:left;} .validationError { width:175px; height:35px; padding-left:12px; line-height:35px; float:left; color:#FF0000; font-style:italic; font-size:11px;} .validationError img { margin-top:4px; margin-right:7px; height:25px; width:5px; float:left;} .formRow .label { position:relative; float:left; width:181px; height:35px; line-height:35px;} .formRow .input { position:relative; float:right; width:207px; height:31px; margin-top:4px; vertical-align:text-top; border:none;} .contactInput { display:block; width:208px; height:50px; float:left; line-height:22px;} .contactInput input { display:block; margin:0; } .contactTextarea { background-color:#f4f4f4; border:1px solid #B1DC74; padding:0; margin:0; width:621px; height:129px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-left:4px; padding-top:2px;} .submitBtn { color:#FFFFFF; background-color:#000000; text-transform:uppercase; border:none; font-size:11px; margin-top:5px; padding: 5px 5px 5px 5px;} .checkboxrow { float:left; height:14px; line-height:14px; width:40px; } .radiorow { float:left; height:25px; line-height:25px; width:60px; } /* SITEMAP */ .sitemap { list-style:none; text-decoration:none; padding:0px; margin:0px; list-style-position:inside; padding-left:10px; } .sitemap ul li { list-style:square; text-decoration:none; } /* OPDRACHTGEVERS */ .opdrachtgeveritem { position:relative; height:110px; width:625px; margin-bottom:25px; } .opdrachtgeverHeader { position:relative; height:110px; width:150px; border-right:1px solid #000000; float:left; margin-top:9px; } .opdrachtgeverContent { position:relative; width:430px; height:110px; float:left; padding:0px 0px 0px 25px; line-height:18px; } .opdrachtgeverContent .title { font-weight:bold; text-transform:uppercase; font-size:18px; } /* SHOPITEMS */ .shopitemWrapper { position:relative; width:150px; height:auto; float:left; margin-right:35px; margin-bottom:25px; } .shopitemWrapper .shopitemImage { background-color:#CCCCCC; display:block; margin-bottom:5px; } .shopitemWrapper .shopitemTitle { height:30px; font-size:16px; display:block; } .shopitemWrapper .shopitemPrice { height:20px; font-size:16px; line-height:20px; font-weight:bold; display:block; float:left; width:75px; text-align:left; overflow:visible; } .shopitemWrapper .shopitemSize { height:20px; font-size:12px; display:block; float:left; width:75px; text-align:left; margin-top:4px; } .shopitemWrapper .shopitemAmount { height:20px; font-size:12px; display:block; float:left; width:75px; text-align:right; line-height:20px; } .shopitemWrapper .shopitemAmount input { width:14px; height:16px; background-color:#FFFFFF; color:#000000; font-weight:normal; border:none; border-bottom:1px dotted #000000; vertical-align:middle; padding-left:4px; } .shopitemWrapper .shopitemOrder { text-align:right; height:20px; display:block; float:left; width:75px; } /* HOME input */ #homeinputwrap { height:80px; } .homeinput { width:219px; height:21px; border:none; background:#000000; color:#FFFFFF; margin:0px; padding:4px 0px 0px 4px; display:block; float:left; } #homebtn { width:55px; height:25px; border:none; background:#7fbc2d; color:#FFFFFF; margin-right:10px; float:right; font-size:11px; } /* onze vestigingen */ .vestigingContainer { width:305px; height:240px; float:left; } .vestigingContainer .vestigingTitel { width:305px; height:40px; } .vestigingContainer .vestigingFoto { width:291px; height:152px; border:7px solid #d4d4d4; } .vestigingContainer .vestigingFooter { width:305px; height:40px; } /* call me now */ #callmebody { background-image:none; background-color:#FFFFFF; color:#000000; padding:25px; } #callmebody .callinput { float:left; } #callmebody .callinput input { background-color:#f4f4f4; border:1px solid #b1dc74; } /* nieuw gedeelte 08-01-2010 op landingspages mini formulier */ #undersub { float:right; width:216px; height:auto; padding:10px; margin-top:10px; background-color:#fff; } #undersub input { float:right; width:130px; margin-top:5px; background-color:#F4F4F4; border:1px solid #B1DC74; color:#000000; height:20px; line-height:24px; padding-left:4px; padding-top:4px;} #undersub label { float:left; height:26px; line-height:26px; margin-top:5px; width:70px;} #undersub span { margin-top:10px; color:#7FBC2D; font-weight:bold; } #undersub h1 { margin-bottom:10px; background:url(../images/kop-snelform.png); width:161px; height:15px; display:block; text-indent:-5000px; overflow:hidden; } #undersub p { margin-bottom:0px; } #undersub #submitBtnSnelform { width:68px; height:25px; background-color:#000000; border:none; color:#FFFFFF; font-size:11px; margin-top:5px; padding:2px 5px 2px 5px; text-transform:uppercase; } #subsubheader { position:absolute; top:12px; left:332px; width:620px; height:45px; display:block; /*background:url(../images/subsub.png); text-indent:-5000px; overflow:hidden;*/ margin-bottom:0px; color:#8FC348; line-height:22px; font-size:18px; letter-spacing:-1px; font-weight:bold; text-transform:uppercase; } /* NIEUW FOOTER STUFF */ #footerpanelLink { position:relative; } #footerpanel { display:none; position:absolute; width:auto; height:auto; bottom:24px; right:-5px; background-color:#000; border-top:5px solid #fff; border-left:5px solid #fff; border-right:5px solid #fff;} #footerpanel #lefthover { display:block; position:absolute; height:100%; top:0px; left:-5px; width:5px; z-index:999; background-color:#fff; } #footerpanel #righthover { display:block; position:absolute; height:100%; top:0px; right:-5px; width:5px; z-index:999; background-color:#fff; } #footerpanel #tophover { display:block; position:absolute; height:5px; top:-5px; left:0px; width:100%; z-index:999; background-color:#fff; } #footerpanel a { color: #fff; } #footerpanel ul { list-style:none; margin:0; padding:5px 5px 0px 5px; } #footerpanel ul li { display:block; margin:0; padding:0; }