@charset "utf-8"; /* CSS Document */ /** * <*> */ html, body { background :#92d4f0; height :100%; margin :0; padding :0; text-align :center; font :12px verdana,arial,helvetica,sans-serif; color :#454545; scrollbar-face-color : #fff; scrollbar-highlight-color: #25AAE1; scrollbar-shadow-color : #25AAE1; scrollbar-3dlight-color : #ddd; scrollbar-arrow-color : #25AAE1; scrollbar-track-color : #fff; scrollbar-darkshadow-color: #fff; } .clear { clear :both; } a { color :#25aae1; text-decoration :none; padding :2px 0; } a:hover { background :#25aae1; color :#fff; text-decoration :none; } h1 { font-size :17px; color :#25aae1; margin :0 0 10px; } h2 { font-size :13px; color :#25aae1; margin :5px 0; } h3 { font-size :12px; font-weight :bold; margin :5px 0; } p { margin :5px 0 15px; } p.red { color :#CC0000; } a img { border :none; } a:hover img { background :none; border :none; } /** * */ div#wrapper { width :950px; min-height :100%; margin :0 auto; position :relative; text-align :left; } div#footer-wrapper { border-top :1px solid #fff; width :100%; text-align :left; background :#6B4F2E url(../_img/bg-footer-wrapper.gif) repeat-x top left; } /** * */ div#header { width :950px; height :70px; background :#92d4f0; } div#left-column { background :url(../_img/bg-left-column.gif); width :605px; height :825px; float :left; } div#right-column { background :url(../_img/bg-right-column.gif); height :825px; width :345px; float :left; } div#footer { width :910px; padding :30px 20px 20px; margin :0 auto; clear :both; } /* * */ ul#navigation { margin :0 0 0 40px; padding :0; list-style :none; } ul#navigation li { display :block; cursor :pointer; float :left; margin-right :10px; padding :5px 15px; background-color :#188092; } ul#navigation li:hover { background-color :#25aae1; } ul#navigation a { font-size :16px; color :#fff; padding :0; } ul#navigation li.home a { width :118px; } ul#navigation li.home a:hover { background-position :0px -40px; } ul#navigation li.productie a { width :114px; background-position :-118px 0px; } ul#navigation li.productie a:hover { background-position :-118px -40px; } ul#navigation li.creatie a { width :114px; background-position :-232px 0px; } ul#navigation li.creatie a:hover { background-position :-232px -40px; } ul#navigation li.cases a { width :114px; background-position :-346px 0px; } ul#navigation li.cases a:hover { background-position :-346px -40px; } ul#navigation li.contact a { width :116px; background-position :-462px 0px; } ul#navigation li.contact a:hover { background-position :-462px -40px; } /* * */ div#linkpath { margin :0 0 10px; } div#linkpath a { color :#aaa; font-size :11px; } div#linkpath a:hover { color :#fff; } div#content { height :500px; width :370px; margin :110px 0 0 210px; overflow :auto; padding :0 5px 0 0; } div#content img { border :2px solid #94D4F0; } /* * */ div#tagcloud { background :url(../_img/bg-tagcloud.gif); width :275px; height :95px; padding :85px 135px 201px 75px; text-align :justify; float :left; } div#factory-showcase { background :url(../_img/bg-factory.gif); width :465px; height :381px; float :left; } /* * */ div#content ul { margin :5px 0; padding :0 0 0 15px; } div#content ul li { margin :0; padding :0; } div#content-large p.portfolio, div#content-small p.portfolio { text-align :left; } /* * */ div#tags { width :275px; height :90px; } div#tags ul { margin :0; padding :0; } div#tags ul li { margin :0 5px 0; padding :0; display :inline; line-height :20px; } div#tags li.five { font-size :20px; font-weight :normal; } div#tags li.four { font-size :16px; font-weight :normal; } div#tags li.three { font-size :14px; font-weight :normal; } div#tags li.two { font-size :10px; font-weight :normal; } div#tags li.one { font-size :9px; font-weight :normal; } /* * */ ul#factory-windows { background :url(../_img/windows.gif); display :block; width :345px; height :121px; position :absolute; margin :180px 0 0 15px; padding :0; list-style :none; } ul#factory-windows li a { background :url(../_img/windows.jpg); display :block; height :100%; text-indent :-9999em; padding :0; } ul#factory-windows li.jillz { float :left; width :64px; height :64px; } ul#factory-windows li.jillz a { background-position :0 0; } ul#factory-windows li.jillz a:hover { background-position :0px -121px; } ul#factory-windows li.connexxion { float :left; width :64px; height :89px; margin :32px 0 0; } ul#factory-windows li.connexxion a { background-position :-160px -32px; } ul#factory-windows li.connexxion a:hover { background-position :-160px -153px; } ul#factory-windows li.bacardi { float :left; width :64px; height :57px; } ul#factory-windows li.bacardi a { background-position :0 -64px; } ul#factory-windows li.bacardi a:hover { background-position :0 -185px; } ul#factory-windows li.nuon { float :left; width :64px; height :64px; margin :32px 0 0; } ul#factory-windows li.nuon a { background-position :-96px 0; } ul#factory-windows li.nuon a:hover { background-position :-96px -121px;; } ul#factory-windows li.stegeman { float :left; width :64px; height :96px; } ul#factory-windows li.stegeman a { background-position :-224px 0; } ul#factory-windows li.stegeman a:hover { background-position :-224px -121px; } ul#factory-windows li.arbouw { float :left; width :25px; height :121px; } ul#factory-windows li.arbouw a { background-position :-320px 0; } ul#factory-windows li.arbouw a:hover { background-position :-320px -121px; } /* * */ div.footer-column { float :left; width :227px; } div#footer ul { font-size :10px; color :#fff; margin :15px 0; padding :0 0 0 20px; } div#footer ul a { color :#fff; } div#footer h2 { color :#FFFFFF; margin :0 0 2px; } div#footer .select { width :140px; padding :3px; margin :0 0 2px; border :1px solid #5a7581; } div#footer .submit { width :140px; padding :1px; border :1px solid #5a7581; background :#fff; } /* * */ #form_box { width :300px; background :#f8f8f8; border :1px solid #d6d6d6; border-left-color :#e4e4e4; border-top-color :#e4e4e4; padding :0.5em; margin-top :10px; margin-bottom :2px; } #form_box div { height :20px; padding :0.2em 0.5em; } #form_box div.textarea { height :100px; } #form_box div.hr { border-bottom :2px solid #e2e2e1; height :0px; margin-top :0pt; margin-bottom :7px; } #form_box p { float :left; margin :4px 0pt; width :120px; } #form_box input, textarea { border :1px solid #999; border-left-color :#ccc; border-top-color :#ccc; } #form_box textarea { width :140px; height :90px; font-family :Verdana, Arial, Helvetica, sans-serif; font-size :12px; }