/* -------------------------------------------------------------- style.css -------------------------------------------------------------- */ /* header */ #header {height:105px; vertical-align:middle; } #logo {margin-top:25px;} .stripebox {height:30px; background-color:#ffffff; background-image: url(../images/stripes.gif); margin-top:0px;} .stripes {height:15px; background-color:#ffffff; background-image: url(../images/stripes.gif); margin-top:0px;} .stripebox-large {height:50px; background-color:#ffffff; background-image: url(../images/stripes.gif); margin-top:55px;} .doubleline {background-image:url(../images/doubleline.gif); background-repeat:repeat-x; height: 12px;} .singleline {background-image:url(../images/singleline.gif); background-repeat:repeat-x; height: 2px;} .mediumline {background-image:url(../images/mediumline.gif); background-repeat:repeat-x; height: 4px;} .dotline {height:1px; background-color:#FFF; border-top:1px dotted #000000; margin:0px;} .intro {font-size:1.2em; color:#222; font-family:georgia; font-style:italic; letter-spacing: 0.085em; line-height:1.55em;} .colborder-dotted {height:210px; border-right:1px solid #ddd;} .colborder-small {border-right:1px solid #ddd; padding-right:7px;} .leftborder-dotted {padding:0px 40px 0px 0px; border-right:1px solid #ddd;} .colborder-dot {padding-right:33px;margin-right:25px;border-right:1px dotted #000;} span.headline {font-size:2.8em; line-height:1.2em; margin-top:40px; color:#000; font-style:italic; font-family:georgia; letter-spacing:0.02em;} .georgia-caps{font-size:1em; text-transform:uppercase; font-family:georgia; color:#222; letter-spacing:0.05em;} .teamheader {font-size:1.8em; font-variant:small-caps; } h2.blog { line-height:1; margin-bottom:10px; margin-top:5px;} .s1 {font-size:80%; lineheight:1.25;} .s2 {font-size:100%; lineheight:1.25;} .s3 {font-size:130%; lineheight:1.25;} .s4 {font-size:170%; lineheight:1.25;} .s5 {font-size:210%; lineheight:1.25;} .active {font-weight:bold;} .comments-bubble {float:right; margin-top:5px; background-image:url(../images/bubble.gif); background-repeat:no-repeat; height:40px; width:34px; text-align:center; font-size:1.4em; font-family:Georgia; font-style:italic; color:#FFF; line-height:1.6} .uppercase {padding: 0px; text-transform: uppercase; letter-spacing: 0.08em; margin-top: 5px; margin-bottom: 5px;} .twitter-icon {float:right; margin-top:5px; background-image:url(../images/twitter.gif); background-repeat:no-repeat; height:40px; width:27px; text-align:center; line-height:1.6} ul.bullets { margin-left:10px; list-style:none;} ul.bullets li{background:url(../images/bullet.gif) no-repeat 0px 0; height:25px; padding-left:30px; color:#000; font-size:14px; font-weight:bold;} /* navigatie */ .stripedline {border-bottom:1px #ccc dotted; padding-bottom:5px; margin:0px 0px 5px 0px; } .solidline {border-bottom:1px #000 dotted; padding-bottom:3px; margin:3px 0px 3px 0px; } div#navbar li a {margin-top:45px; color:#000; display:block; padding-left:15px; padding-right:15px; text-align:center; height:1.2em; border-left:1px dotted #000; vertical-align:middle; } div#navbar a.menu:hover, div#navbar li.active a.menu:hover {margin-top:45px; color:#777; } div#navbar li.active a.menu {margin-top:45px; color:#000; } div#navbar ul {list-style: none;} div#navbar li {float:left; font-family: georgia,helvetica,Verdana, Geneva, sans-serif; font-size:1.6em; font-variant:small-caps; letter-spacing:0.11em; } .payoff {float:right; text-align:right; font-size:1.1em; margin-top:3px; padding: 0px 5px 0px 5px; color:#999; letter-spacing:1.4; line-height:0.8;} a.nav {text-decoration:none; color:#000;} a.nav:hover {color:#000; text-decoration:none; cursor:pointer; background-color:#FFCC00;} .anker {padding-top:15px;} .anker-bottom {padding-top:15px;} a.alt.arrow:hover {text-decoration:underline;} .blogrow {border-top:1px solid #ccc; padding-top:10px;} .blogcol {border-right:1px dotted #ccc;} .shadow {box-shadow:3px 3px 3px #999;-webkit-box-shadow:3px 3px 3px #999;-moz-box-shadow:3px 3px 3px #999999;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .headline {margin:0; padding:0;} /* content */ .vacature {padding: 5px 0px 15px 0px; font-size:1.2em;} .dicipline { font-size:1.2em; height:12px; padding:10px 0 10px 35px; } .print {background: url(../images/ico_print.gif) scroll no-repeat left top;} .interactive {background: url(../images/ico_web.gif) scroll no-repeat left top;} .identity {background: url(../images/ico_identity.gif) scroll no-repeat left top;} .interior {background: url(../images/ico_art.gif) scroll no-repeat left top;} .arrow {background: url(../images/arrow.gif) scroll no-repeat right bottom; padding: 0px 17px 0px 0px; vertical-align:baseline; } .arrow-right {height:15px; width:15px; float:right; background: url(../images/arrow.gif) scroll no-repeat right bottom; padding: 0px 17px 0px 0px; vertical-align:baseline; } .breadcrump {color:#f60; font-family: helvetica; background: url(../images/ico_formlab.png) scroll no-repeat left center; padding: 0px 0px 0px 25px; font-variant: small-caps; text-transform: lowercase; font-size:1.2em; margin:0px; } .smallcaps { font-variant: small-caps; letter-spacing: 1px; line-height:135%; text-transform: lowercase; font-size:1.15em; padding:0 2px; color:#555; margin-top:2px;} .smallcaps_02 { font-variant: small-caps; letter-spacing: 1px; line-height:135%; text-transform: lowercase; font-size:0.95em; padding:0 2px; color:#555; margin-top:2px;} .caps { text-transform:uppercase; letter-spacing: 1px; font-size:0.95em; line-height:185%; font-weight:bold; } .larger-caps { text-transform:uppercase; letter-spacing: 1px; font-size:1.1em; line-height:185%; font-weight:bold; } .img-holder{ border:1px solid #ccc;} .img-holdersmall{ border:1px solid #ccc; width:443px; margin:0px 0px 0px 11px;} .thumb {border:1px dashed #CCC; padding:1px; margin-right:5px;} .dashed {border:1px dashed #CCC; padding:1px;} #content {margin-top:1em;} .box { background-color:#fbfbfb; border:1px dotted #ccc; margin-bottom:0px; padding-bottom:15px;} ul.nobullets {list-style:none; margin:0px; color:#999; font-family: verdana; font-size:0.95em;} .quote {font-size:1.0em; color:#222; font-style:italic; font-family:georgia; letter-spacing:0.12em;} .row {height:1.45em; padding:4 0 4 0; border-top:1px #000 dotted ; } div.quotebubble {margin-bottom: 24px;} div.quotebubble blockquote { display: block; background-color:#FFF; font-size:1.1em; line-height:1.1em; padding:5px; margin: 0px; border: 1px dotted #ccc; background-image:url(../images/stiped_bg.png); } div.quotebubble blockquote p { margin: 10px; padding: 0px; } div.quotebubble cite {font-variant:small-caps; text-transform: lowercase; font-style:normal; font-family:helvetica; font-size:1.1em; position: relative; margin: 0px; padding: 10px 0px 0px 0px; top: 8px; background: transparent url(../images/tip.gif) no-repeat 20px 0;} div#team { font-family:helvetica; font-size:1em;} .team { font-family:helvetica; font-size:1em;} h4.blogtitle {font-size:1.2em; line-height:130%; margin-top:-5px; color:#777; text-decoration:underline; margin-right:10px;} .bijschrift{color:#777;} .blogbody {line-height:150%; font-size:1em; color:#777;} a.toggler {background:url(../images/collapse_ui.gif) no-repeat; cursor:pointer; float:right; display:block; width:25px; height:25px; z-index:10; margin-top:-36px;} a.toggler:hover {background-position:0px -25px;} a.toggler-opened {background-position:-25px 0px;} a.toggler-opened:hover {background-position:-25px -25px;} .stap-01 {background:url(../images/01.gif) no-repeat left top; height:30px; padding-left:30px; margin-bottom:5px; border-bottom:1px solid #ccc;} .stap-02 {background:url(../images/02.gif) no-repeat left top; height:30px; padding-left:30px; margin-bottom:5px;} .stap-03 {background:url(../images/03.gif) no-repeat left top; height:30px; padding-left:30px; border-bottom:1px solid #ccc; margin-bottom:15px;} /* footer */ #footer {background-image:url(../images/footer.gif); height:32px; width:950px; margin:0 0 3px 0;} .footernav {font-family:helvetica; font-variant: small-caps; letter-spacing: 1px; text-transform: lowercase; font-size:1.3em; padding:0px; height:20px; } a.footerlink {font-family:verdana;text-decoration:none; color:#999; font-size:1.1em;} a.footerlink_bold {text-decoration:none; color:#666; } a.footerlink_bold:hover {text-decoration:underline; color:#fff; background-color:#F60;} a.footerlink:hover {text-decoration:underline; color:#fff; background-color:#F60;} #adres {color:#999; font-size:1em;} .pullquote {margin-left:15px; padding-left:0px;border-left:1px dotted #ccc; } .button {background:#e5b908 url(../images/arrow.jpg) no-repeat center right; padding:0 15px 0 0; text-align:left; float:right; border:none; font-size:15px; text-transform:uppercase; cursor:pointer;} /* SmoothGallery */ #myGallery { width: 949px !important; height: 310px !important; } div.SmallGallery#myGallery { margin-top:25px; width: 459px !important; height: 280px !important; } /*mouseover*/ #pageWrap {position: absolute;z-index: 5;} .bubble {position: absolute;} .testimonial {position: absolute; z-index:10;margin-left:100px; top:375px; border:1px dashed #999; padding:15px; background-image:url(../images/stiped_bg.png); width:400px; background-color:#FFF;} /*tooltip*/ .tip { border:1px solid #ccc; width:450px; background-color:#eee; font-family:Verdana, Geneva, sans-serif; } .tip-top { height:85px; } .tip-title { color:#e95e25; font-weight:bold; padding:0 15px 0 20px; background-color:#ccc; font-variant:small-caps;} .tip-text { color:#666; padding:10px 15px 20px 20px; font-size:10px; } .tip-bottom { height:15px; } /*menu*/ #menu_nav { width: 480px; height: 20px; position: relative; list-style:none; background: url(../images/nav_menu_bg.png); top:61px; left:-10px; margin: 0; padding: 0; background-image: url(../images/nav_menu_bg.png); } #menu_nav li { float: left; } #menu_nav li a { position: absolute; top: 0; margin: 0; padding: 0; display: block; height: 20px; background: url(../images/nav_menu_bg.png) no-repeat; text-indent: -9999px; overflow: hidden; } /*up state*/ li#item_1 a { left: 0; width: 59px; background-position: 0 0; } li#item_171 a { left: 59px; width: 92px; background-position: -59px 0; } li#item_49 a { left: 151px; width: 115px; background-position: -151px 0; } li#item_6 a { left: 266px; width: 69px; background-position: -266px 0; } li#item_152 a { left: 335px; width: 57px; background-position: -335px 0; } li#item_42 a { left: 392px; width: 88px; background-position: -392px 0; } /*hover state*/ li#item_1 a:hover { background-position: 0 -22px; } li#item_171 a:hover { background-position: -59px -22px; } li#item_49 a:hover { background-position: -151px -22px; } li#item_6 a:hover { background-position: -266px -22px; } li#item_152 a:hover { background-position: -335px -22px; } li#item_42 a:hover { background-position: -392px -22px; } /*current state*/ li.active#item_1 a { background-position: 0 -22px; } li.active#item_171 a { background-position: -59px -22px; } li.active#item_49 a { background-position: -151px -22px; } li.active#item_6 a { background-position: -266px -22px; } li.active#item_152 a { background-position: -335px -22px; } li.active#item_42 a { background-position: -392px -22px; } /*JUITTER PLUGIN CSS*/ #juitterContainer{} /*Juitter container*/ #juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */ /* Bellow the list of tweets "
  • " */ #juitterContainer .twittLI{list-style:none;margin:0;padding:5px 0 0 0; font-size:1.1em; font-style:italic; color:#000; border-bottom:dotted 1px #000; padding:7px; min-height:70px; clear:both;} #juitterContainer .twittList A{color:#000; clear:both; font-size:0.9em; color:#555; font-style:normal; text-decoration:underline;} /*Links inside the tweets list */ #juitterContainer .twittList A:hover{color:#000; clear:both; font-size:0.9em; color:#444; font-style:normal; text-decoration:underline; cursor:pointer; background-color:#FFCC00;} /*Links inside the tweets list */ /* Bellow the CSS for the avatar image */ #juitterContainer .juitterAvatar{float:left;border:solid 1px #ccc;background:#FFF;margin-right:5px;padding:2px;width:60px;;height:60px;} #juitterContainer .jRM{float:right;} /*read it on twitter link*/ #juitterContainer .extLink{} /*CSS for the external links*/ #juitterContainer .hashLink{} /*CSS for the hash links*/ /*end of Juitter CSS*/