/*******************************/ /** CSS DOCUMENT **/ /** OWNED BY DROOMSLICING **/ /** COPYRIGHT 2009 - 1010 **/ /** www.idroom.nl **/ /*******************************/ /*******************************/ /* REGULAR */ /*******************************/ html{ height:100%; background:url(images/bg_html.jpg) repeat-x #f2f2f2;} body{ height:100%; min-height:100%; margin:0px; padding:0px; color:#080808; font-size:0.70em; font-family:Arial, Verdana, Helvetica, sans-serif; text-decoration:none; } body a{ text-decoration:underline; color:#fff; font-weight:bold;} body a:hover{ text-decoration:underline; color:#fff; font-weight:bold;} *{outline:0;} .clear{clear:both; overflow:hidden; height:0px;} .clear2{clear:both; } img{border:0px; display:block;} ul, li{list-style:none; margin:0px; padding:0px; } form, fieldset {margin:0px;padding:0px;border:0;} h1, h2, h3, h4, h5 {margin:0px; padding:0px; font-size:1.4em; color:#000; font-weight:bold; font-family:"Letter Gothic Std", "Trebuchet MS", Arial;} p{ margin:0px; padding:0px 0px 16px 0px;} /*******************************/ /* CONTAINER DIVISION */ /*******************************/ #container{ z-index:1; position:relative;margin:0 auto; background:url(images/bg_body.jpg) no-repeat top; height:auto !important; height:100%; min-height:100%; } #container #inner{ width:996px; margin:0 auto; } /*******************************/ /* TOP DIVISION */ /*******************************/ #container #top{ height:107px; padding:26px 0px 0px 0px; } #container #top #logo{ float:left; } #container #top #logo img{ width:439px; height:84px; } #container #top #menu{ float:right; padding:34px 0px 0px 0px; } #container #top #menu ul{ float:right; height:20px; } #container #top #menu ul li{ display:block; float:left; height:20px; } #container #top #menu ul li a{ outline:0; text-decoration:none; display:block; float:left; height:20px; line-height:18px; padding:0px 8px 0px 9px; background:url(images/bg_li.jpg) no-repeat right; font-weight:bold;} #container #top #menu ul li a.last{ background:none; } #container #top #menu ul li a:hover{ text-decoration:none; color:#c2cd23;} #container #top #menu ul li a.selected{ text-decoration:none; color:#c2cd23;} /*******************************/ /* TIJDELIJK */ /*******************************/ #container #tijdelijk{ line-height:18px; color:#fff; height:183px; width:996px; position:relative; background:url(images/bord.png); } #container #tijdelijk h1{ display:block; padding:40px 0px 10px 273px; position:relative; z-index:2; color:#fff; font-weight:normal; font-size:1.7em; } #container #tijdelijk h1 span{ font-weight:bold; } #container #tijdelijk em{ color:#fff; display:block; padding:33px 0px 0px 273px; position:relative; z-index:2; font-weight:normal; font-size:1.7em; font-style:normal; font-family:"Letter Gothic Std", "Trebuchet MS", Arial;} #container #tijdelijk em span{ font-weight:bold; } #container #tijdelijk em a{ font-weight:normal; text-decoration:none; } #container #tijdelijk em b a{ font-weight:bold; } #container #tijdelijk p{ position:relative; z-index:2; } #container #tijdelijk strong{ color:#aaecff; position:relative; z-index:2; display:block; padding:0px 0px 0px 273px; } #container #tijdelijk strong a{ color:#aaecff; text-decoration:none; } #container #tijdelijk ul{ position:relative; z-index:2; padding:0px 0px 0px 273px; } #container #tijdelijk ul li{ padding:0px 0px 0px 10px; background:url(images/bg_li.gif) no-repeat left; } /*******************************/ /* LEFT DIVISION */ /*******************************/ #container #left{ float:left; width:734px; } #container #left .rand{ border:5px solid white; background:#fff; margin:0px 0px 22px 0px;} #container #left #vacature, #container #left #kandidaten{ color:#fff; width:332px; height:170px; padding:25px 0px 0px 30px; float:left; position:relative; } #container #left #vacature img, #container #left #kandidaten img{ position:absolute; z-index:1; left:0px; top:0px; } #container #left #vacature h2, #container #left #kandidaten h2{ position:relative; z-index:2; color:#fff; font-size:3.2em; padding:0px 0px 15px 0px; } #container #left #vacature p, #container #left #kandidaten p{ position:relative; z-index:2; line-height:16px; } #container #left #vacature p a, #container #left #kandidaten p a{ color:#c1cd23; } #container #left #vacature p a:hover, #container #left #kandidaten p a:hover{ color:#fff; } #container #left .verhaal{ height:153px; color:#fff; line-height:22px; width:663px; padding:0px 30px 0px 30px; background:url(images/bg_verhaal.jpg) no-repeat; } #container #left .verhaal h3{ color:#fff; padding:28px 0px 14px 0px; font-size:1.8em;} #container #left .verhaal p a{ color:#c2ce24; } #container #left .verhaal p a:hover{ color:#fff; } #container #left #nederland{ height:460px; background:url(images/bg_nederland.jpg) no-repeat; position:relative; color:#fff; padding:25px 0px 0px 23px;} #container #left #nederland #map{ position:absolute; top:25px; right:70px; width:380px; height:430px; } #container #left #nederland #map ul{ display:block; } #container #left #nederland #map ul li{ display:block; position:absolute; text-indent:-3333px;} #container #left #nederland #map ul li a{ display:block; text-indent:-3333px;} #container #left #nederland #map ul li.groningen{ width:100px; height:55px; top:20px; right:0px; } #container #left #nederland #map ul li.groningen a{ width:100px; height:55px; cursor:pointer; display:block;} #container #left #nederland #map ul li.friesland{ width:70px; height:85px; top:30px; right:102px;} #container #left #nederland #map ul li.friesland a{ width:70px; height:85px; } #container #left #nederland #map ul li.drenthe { width:100px; height:65px; top:77px; right:0px; } #container #left #nederland #map ul li.drenthe a{ width:100px; height:65px; } #container #left #nederland #map ul li.flevoland { width:50px; height:75px; top:117px; right:138px; } #container #left #nederland #map ul li.flevoland a{ width:50px; height:75px; } #container #left #nederland #map ul li.noordholland { width:50px; height:120px; top:80px; left:135px; } #container #left #nederland #map ul li.noordholland a{ width:50px; height:120px; } #container #left #nederland #map ul li.overijssel { width:75px; height:55px; top:144px; right:28px;} #container #left #nederland #map ul li.overijssel a{ width:75px; height:55px; } #container #left #nederland #map ul li.gelderland { width:105px; height:60px; top:194px; right:48px; } #container #left #nederland #map ul li.gelderland a{ width:105px; height:60px; } #container #left #nederland #map ul li.utrecht {width:65px; height:40px; top:204px; right:155px; } #container #left #nederland #map ul li.utrecht a{width:65px; height:40px; } #container #left #nederland #map ul li.zuidholland { width:65px; height:80px; top:204px; right:222px; } #container #left #nederland #map ul li.zuidholland a{ width:65px; height:80px; } #container #left #nederland #map ul li.zeeland { width:85px; height:60px; top:286px; right:262px; } #container #left #nederland #map ul li.zeeland a{ width:85px; height:60px; } #container #left #nederland #map ul li.noordbrabant { width:115px; height:50px; top:286px; right:145px; } #container #left #nederland #map ul li.noordbrabant a{ width:115px; height:50px; } #container #left #nederland #map ul li.limburg { width:45px; height:105px; top:320px; right:98px; } #container #left #nederland #map ul li.limburg a{ width:45px; height:105px; } #container #left #nederland h1{ display:block; padding:80px 0px 20px 45px; color:#fff; font-size:2.4em; width:340px;} #container #left #nederland p{ display:block; padding:0px 0px 18px 45px; line-height:18px; width:260px;} #container #left #nederland p span{ color:#c2ce24; font-weight:bold;} #container #left #nederland h2{ position:absolute; bottom:50px; left:68px; color:#fff; font-size:1.7em; font-weight:normal;} #container #left #nederland #bread{ line-height:17px; height:17px; font-size:1.1em; display:block; width:460px; } #container #left #nederland #bread ul li{ display:block; float:left; padding:0px 0px 0px 6px; } #container #left #nederland #bread ul li a{ background:url(images/bg_libread.gif) no-repeat right; padding:0px 11px 0px 0px; text-decoration:none;} #container #left #nederland #bread ul li a:hover{ color:#c2ce24; } #container #left .content { border:1px solid #d2d2d2; padding:25px 29px 20px 29px; background:url(images/bg_left.jpg) no-repeat;} #container #left .content #bread{ line-height:17px; height:17px; font-size:1.1em; display:block; width:460px; position:relative; padding:0px 0px 40px 0px;} #container #left .content #bread ul li{ display:block; float:left; padding:0px 0px 0px 6px; } #container #left .content #bread ul li:first-child{ padding:0px 0px 0px 0px; } #container #left .content #bread ul li a{ background:url(images/bg_libread2.gif) no-repeat right; padding:0px 11px 0px 0px; color:#080808; text-decoration:none;} #container #left .content #bread ul li a:hover{ color:#949f06; } #container #left .content h1{ font-size:2.3em; position:relative; z-index:100; padding:0px 0px 20px 0px; } #container #left .content h2{ font-size:1.5em; color:#949f06; padding:0px 0px 20px 0px; position:relative; z-index:100;} #container #left .content p{ line-height:18px; } #container #left .content img{ display:inline; float:none; } #container #left .content ul.overzicht li{ position:relative; display:block; margin:0px 0px 5px 0px;} #container #left .content ul.overzicht li.cv a{ height:29px; } #container #left .content ul.overzicht li a{ height:52px; outline:0; text-decoration:none; color:#707070; display:block; padding:8px 0px 8px 8px; border:1px solid #d3d3d3; background:url(images/bg_item.jpg) no-repeat; } #container #left .content ul.overzicht li strong{ font-size:1.1em; cursor:pointer; color:#080808; display:block; float:left; width:380px;} #container #left .content ul.overzicht li a i{ height:50px; display:block; width:50px; cursor:pointer; } #container #left .content ul.overzicht li i{ height:50px; display:block; float:left; width:50px; margin-right:8px; border:1px solid #d4d4d4; background:#fff; position:relative; } #container #left .content ul.overzicht li i img{ margin-top:auto; margin-bottom:auto; } #container #left .content ul.overzicht li span{ position:absolute; bottom:8px; left:70px; font-weight:normal; cursor:pointer; display:block; float:left; width:440px;} #container #left .content ul.overzicht li span.cv{ position:relative; bottom:0px; left:0px; font-weight:normal; cursor:pointer; display:block; float:left; width:440px;} #container #left .content ul.overzicht li em{ font-style:normal; cursor:pointer; display:block; float:right; width:186px; font-weight:normal;} #container #left .content ul.overzicht li em b{ font-weight:bold;} #container #left .content ul.overzicht li a:hover{ background:url(images/bg_itemover.jpg) no-repeat; } #container #left .content ul.overzicht li a:hover strong{ color:#949f06; } #container #left .content ul.overzicht li a:visited{ color:#949f06; background:url(images/bg_itemover.jpg) no-repeat;} #container #left .content .pager{ text-align:center; padding:10px 0px 20px 0px;} #container #left .content .pager ul{ margin:0 auto;} #container #left .content .pager ul li{ display:inline; border:1px solid white; } #container #left .content .pager ul li a{ color:#fff; text-decoration:none; padding:2px 6px 2px 6px; background:#030303;} #container #left .content .pager ul li a:hover{ color:#949f06; } #container #left .content .pager ul li.selected a{ color:#949f06; } #container #left .content a{ color:#949f06; } #container #left .content ul.kandidaten{ display:block; float:left; width:320px; } #container #left .content ul.kandidaten li{ display:block; margin:0px 0px 5px 0px;} #container #left .content ul.kandidaten li a{ position:relative; outline:0; text-decoration:none; color:#707070; display:block; min-height:49px; padding:10px 0px 0px 12px; border:1px solid #d3d3d3; background:url(images/bg_item.jpg) no-repeat left top; } #container #left .content ul.kandidaten li strong{ font-size:1.0em; cursor:pointer; color:#080808; display:block; float:left; width:440px;font-weight:bold;} #container #left .content ul.kandidaten li span{ position:absolute; bottom:8px; left:12px; font-weight:normal; cursor:pointer; display:block; float:left; width:440px;} #container #left .content ul.kandidaten li a:hover{ background:url(images/bg_itemover.jpg) no-repeat top left; } #container #left .content ul.kandidaten li a:hover strong{ color:#949f06; } #container #left .content ul.kandidaten li a:visited{ color:#949f06; background:url(images/bg_itemover.jpg) no-repeat top left; } #container #left .content ul.vacatures{ display:block; float:left; width:320px; padding:0px 0px 0px 20px; } #container #left .content ul.vacatures li{ display:block; margin:0px 0px 5px 0px;} #container #left .content ul.vacatures li a{ position:relative; width:320px; outline:0; text-decoration:none; color:#707070; display:block; min-height:49px; padding:10px 0px 0px 12px; border:1px solid #d3d3d3; background:url(images/bg_item.jpg) no-repeat left top; } #container #left .content ul.vacatures li strong{ font-weight:bold; font-size:1.0em; cursor:pointer; color:#080808; display:block; float:left; width:320px;} #container #left .content ul.vacatures li span{ position:absolute; bottom:8px; left:12px; font-weight:normal; cursor:pointer; display:block; float:left; width:440px;} #container #left .content ul.vacatures li a:hover{ background:url(images/bg_itemover.jpg) no-repeat top left; } #container #left .content ul.vacatures li a:hover strong{ color:#949f06; } #container #left .content ul.vacatures li a:visited{ color:#949f06; background:url(images/bg_itemover.jpg) no-repeat top left; } #container #left .content .kolom{ padding:0px 0px 16px 0px; } #container #left .content .kolom .titel{ float:left; width:150px; font-weight:bold; } #container #left .content .kolom .omschrijving{ float:left; width:500px; color:#707070; } #container #left .content form{ padding:20px 0px 0px 0px; display:block; } #container #left .content form fieldset{ display:block; padding:0px 0px 9px 0px; } #container #left .content form fieldset label{ font-weight:bold; line-height:26px; display:block; width:150px; float:left; } #container #left .content form fieldset label.normal{ font-weight:normal; } #container #left .content form fieldset input{ font-size:1.0em; display:block; width:217px; height:20px; padding:4px 0px 0px 5px; background:url(images/bg_input.jpg) repeat-x; border:1px solid #d0d0d0; float:left; margin:0px;} #container #left .content form fieldset textarea{ font-size:1.0em; display:block; width:430px; height:66px; font-family:arial; padding:4px 0px 0px 5px; background:#e3e3e3; border:1px solid #d0d0d0; float:left; margin:0px;} #container #left .content form fieldset button{ outline:0; width:156px; height:34px;background:url(images/bg_btn.jpg) no-repeat; border:0px; cursor:pointer; float:left; margin:0px;} #container #left .content form fieldset select{ width:225px; height:20px; background:#fff; border:1px solid #d0d0d0; float:left; margin:0px;} #container #left .content form fieldset input.button{ text-indent:-3333px; outline:0; width:156px; height:34px;background:url(images/bg_btn2.jpg) no-repeat; border:0px; cursor:pointer; float:left; margin:0px;} #container #left .content form fieldset input.button2{ text-indent:-3333px; outline:0; width:156px; height:34px;background:url(images/bg_btn3.jpg) no-repeat; border:0px; cursor:pointer; float:left; margin:0px;} #container #left .content form fieldset input[type='radio']{ border:0; background:none; } #container #left .content #melding{ font-size:1.4em; font-weight:bold; padding-top:20px; } #container #left .content table{ padding:0px; display:block; line-height:37px; margin:0px 0px 20px 0px; width:100%; background:url(http://www.autnticpeople.nl/wp-content/themes/autntic/images/bg_contact.jpg) repeat-y; } #container #left .content table tr{ margin:0px; padding:0px; } #container #left .content table tr td.first{ width:200px; padding:0px 0px 0px 10px; font-weight:bold;} /*******************************/ /* RIGHT DIVISION */ /*******************************/ #container #right{ float:right; width:229px; padding:0px 0px 0px 0px; margin:0px 0px -12px 0px; } #container #right .rand{ border:5px solid white; background:#fff; margin:0px 0px 34px 0px; color:#fff; line-height:18px;} #container #right .rand .inner{ background:url(images/bg_right.jpg) no-repeat; padding:24px 27px 5px 27px; } #container #right .rand .inner h4{ color:#fff; font-weight:normal; font-size:1.3em; padding:0px 0px 14px 0px;} #container #right .rand .inner p a{ color:#c2ce24; } #container #right .rand .inner p a:hover{ color:#fff; } #container #right .rand .inner p strong{ color:#c2ce24; } #container #right .rand .bottom{ background:url(images/bg_rightbottom.jpg) no-repeat; height:2px; overflow:hidden; } #container #right .rand .inner_menu{ background:url(images/bg_right2.jpg) no-repeat; padding:5px 5px 0px 5px; } #container #right .rand .inner_menu ul{ display:block; font-size:1.1em; } #container #right .rand .inner_menu ul li{ float:left; display:block; width:209px; height:40px; } #container #right .rand .inner_menu ul li a{ outline:0; text-decoration:none; display:block; width:209px; height:35px; line-height:34px; background:url(images/bg_liright.jpg) no-repeat;} #container #right .rand .inner_menu ul li a span{ cursor:pointer; display:block; float:left; width:136px; padding:0px 0px 0px 15px;} #container #right .rand .inner_menu ul li a em{ cursor:pointer; font-style:normal; display:block; float:right; width:38px; } #container #right .rand .inner_menu ul li a:hover{ background:url(images/bg_lirightover.jpg) no-repeat;} #container #right .rand .inner_menu ul li.selected a{ background:url(images/bg_lirightover.jpg) no-repeat; color:#c2ce24;} #container #right .rand .inner_menu ul li.selected a em{ color:#fff; } #container #right .rand .contactform{ padding:0px 0px 20px 0px; } #container #right .rand .contactform input{ width:160px; margin:0; padding:0; height:24px; margin-bottom:4px; background:url(images/bg_input.jpg) repeat-x bottom; border:1px solid #D0D0D0; } #container #right .rand .contactform input#contactsubmit{ background:#fff; margin-top:8px; width:80px; } #container #right .rand .contactform label{ font-weight:bold; } #container #left .icons{ height:20px; margin-top:10px; } #container #left .icons img{ float:left; display:block; margin:0px 3px 0px 0px; cursor:pointer; } #container #left .icons span{ float:left; display:block; cursor:pointer; margin-right:18px; } #container #left .icons span em{ font-weight:normal; font-size:0.95em; font-style:normal; } #container #left .icons a{ text-decoration:none; } /*******************************/ /* FOOTER DIVISION */ /*******************************/ #container #footer{ clear:both; padding:0px 5px 25px 5px; color:#191617;} #container #footer strong{ display:block; float:left; font-weight:normal; } #container #footer strong span{ color:#949f06; } #container #footer em{ display:block; float:right; font-style:normal;} #container #footer em span{ color:#de6a11; } #container #footer a{ color:#191617; text-decoration:none; } #container #footer a:hover{ text-decoration:underline; }