/* laatste update: 11:23 */ /*--Reset--*/ *,html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin:0; padding:0;} h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th {font-size:100%; font-weight:bold; font-style:normal;} fieldset,input,textarea,img {border:none;} a, li, input, textarea {outline:none;} ul,ol {list-style:none;} caption,th {text-align:left;} table {border-collapse:collapse; border-spacing:0;} .clearboth {clear:both; font-size:1px; height:1px; line-height:1px;} hr {visibility:hidden; clear:both;} /*--Default--*/ body {background:url(../img/bg.jpg) repeat top center; font-family:Georgia; font-size:14px; word-spacing:1px; letter-spacing:1px;} a, a:hover {text-decoration:none; color:#FFF;} a.btnMeer {width:113px; height:33px; padding:7px 0 0 26px; background:url(../img/btn_meer.png) no-repeat; position:absolute;} a.btnMeerBlue {width:227px; height:37px; padding:8px 0 0 29px; background:url(../img/btn_meer_blue.png) no-repeat; position:absolute;} p {padding-bottom:15px; line-height:22px; text-align:justify;} p.italic {font-style:italic; padding-bottom:10px;} p.intro {font-size:22px; line-height:36px} h1 {font-size:23px; letter-spacing:2px; padding-bottom:10px;} #columnDiensten ul, #over_ons .column ul {padding-top:7px;} #columnDiensten ul li, #over_ons .column ul li {padding:3px 0 13px 28px; background:url(../img/vink.png) no-repeat;} /*--Header--*/ #top {width:100%; height:50px; background:url(../img/bg_top.png) repeat-x;} #topContent {width:901px; margin:0 auto; padding:11px;} #menu {float:right;} #menu li {padding-left:2px; font-size:12px; color:#FFF; display:inline;} #menu a {padding-bottom:6px; color:#FFF;} #menu a:hover {background:url(../img/a_underline_hover.jpg) no-repeat bottom;} #home .btnHome, #home .btnHome:hover, #over_ons .btnOns, #over_ons .btnOns:hover, #het_team .btnTeam, #het_team .btnTeam:hover, #werk .btnWerk, #werk .btnWerk:hover, #contact .btnContact, #contact .btnContact:hover {background:url(../img/a_underline.jpg) no-repeat bottom;} /*--Main--*/ .container {width:901px; height:auto; margin:0 auto;} #head {width:100%; height:149px;} #logo {width:341px; height:85px; float:left;} .bottomBorder {height:19px; background:url(../img/bg_brown_bottom_border.png) repeat-x;} .studentThumb, .studentThumbLast {width:101px; height:101px; margin-right:20px; /*-<<-*/ float:left;} .studentThumbLast {margin-right:-20px;} .studentThumb img, .studentThumbLast img {margin: 13px 0 0 15px;} /*--Home--*/ #home #head {background:url(../img/bg_head_home.png) no-repeat top right;} #recentThumb {width:610px; height:349px; padding:39px 0 0 35px; background:url(../img/bg_thumb_home.png) no-repeat; float:left;} #recentInfo {width:217px; min-height:260px; height:auto; padding:13px 15px 45px; background:url(../img/bg_brown.png) repeat; float:left;} #home .btnMeer {position:relative; padding:7px 50px 10px 26px; width:139px; height:40px;} #home .btnMeerBlue {margin-left:9px;} #home .bottomBorder {width:247px; margin-right:9px; float:right;} #leftCol {width:645px; float:left;} /*#rightCol {float:left;}*/ .column {width:291px; margin-right:35px; float:left;} .column .btnMeer {margin-left:180px; margin-top:-10px;} .lastColumn {margin-right:0;} #columnDiensten {width:249px; float:right; margin-top: 52px;} /*--Over ons--*/ #over_ons #head {background:url(../img/bg_head_overons.png) no-repeat top right;} #main {width:535px; padding:12px 15px 0 20px; background:url(../img/bg_brown.png) repeat; float:left;} #main img {margin-bottom:12px; float:right} #over_ons .bottomBorder {width:570px; margin:0 -15px -19px -20px; float:left;} #sideColumn {width:331px; float:right;} #sideColumn .column {margin:-3px 0 12px; float:right;} /*--Het team--*/ #het_team #head {background:url(../img/bg_head_hetteam.png) no-repeat top right;} #mainTeam {width:638px; float:left;} #mainTeam .studentThumb {margin-bottom:20px; background:url(../img/bg_thumb_student.png)} #flickrColumn {width:238px; height:auto; margin-bottom:20px; padding:13px 1px 0px 21px; background:url(../img/bg_footer.png) repeat; float:right;} #flickrColumn .head_end {width:17px; height:16px; margin-top:-13px; margin-left:167px; background:url(../img/bg_head_hetteam_das.png) no-repeat; position:absolute;} #flickrColumn h1 {padding-bottom:13px;} #flickrColumn img {margin:0 18px 18px 0; border:3px solid #FFF;} #flickrColumn .bottomBorder {width:260px; margin:1px -1px -20px -21px; background:url(../img/bg_blue_bottom_border.png) repeat-x; float:right;} /*--Werk--*/ #werk #head {background:url(../img/bg_head_werk.png) no-repeat top right;} #mainWerk {margin-left:0;} #mainWerk .werkThumb {width:275px; height:144px; margin:0 12px 24px 12px; background:url(../img/bg_thumb_werk.png) no-repeat; float:left;} #mainWerk .werkThumb img {margin: 12px 0 0 10px;} /*--Contact--*/ #contact #head {background:url(../img/bg_head_contact.png) no-repeat top right;} #contactInfo {width:285px; min-height:194px; padding:13px 15px; background:url(../img/bg_contact_info.png) repeat-y; float:left;} #contactForm {width:585px; height:auto; float:left;} #contactForm label {width:100px; margin-left:50px; padding:13px 0 29px; text-align:right; cursor:pointer; float:left;} #contactForm input, #contactForm textarea {font-family:inherit; font-size:13px; float:right; overflow:hidden;} #contactForm input {width:360px; height:30px; margin-bottom:12px; padding:6px 40px 13px 20px; background:url(../img/bg_contact_input.png) no-repeat;} #contactForm textarea {width:355px; height:138px; padding:25px 40px 75px 30px; background:url(../img/bg_contact_textarea.png) no-repeat;} #contactForm .form_btn {width:194px; height:37px; margin-right:27px; margin-top:-5px; padding-top:9px; color:#FFF; background:url(../img/btn_verzend.png) no-repeat; cursor:pointer;} #contactForm .fout {margin-left:170px; color:red} /*--Footer--*/ #footerBorder {width:100%; height:10px; margin-top:25px; background:url(../img/bg_footer_border.png) repeat-x;} #footer {width:100%; background:url(../img/bg_footer.png) repeat;} #footer .container {padding-top:17px; color:#FFF; background:url(../img/bg_footer_raket.png) no-repeat right 75px;} #left {width:585px; float:left;} #left .studentThumb, #left .studentThumbLast {margin-top:8px; background:url(../img/bg_thumb_student_footer.png) no-repeat;} #left .btnMeerFooter {width:214px; height:32px; margin:14px -12px 0; padding:7px 0px 23px 12px; color:#454a43; background:url(../img/btn_meer_footer.png) no-repeat; float:right;} #right {width:316px; padding-top:4px; font-size:11px; float:left;} #right ul {padding-bottom:10px; text-align:right;} #right li {display:inline; padding:0px;} #right a:hover {text-decoration:underline} #profileContainer {width:360px; position:absolute; left:50%; margin-left:-150px;} #popupTeamlidFoto {float:left;} #popupTeamlidDesc {float:left; width: 300px; margin-left:50px;} #portfolioContainer {width:540px;} #main_img {width:540px; height:250px;} #main_img img {border:1px solid #000;} .flickr_badge_image {margin:0 10px 10px 10px; float: left; margin: 0 3px 0 0;} .flickr_badge_image img {width: 52px; height: 52px; border:3px solid #fff;}