body{text-align:center;margin:10px 0 10px 0;padding:0;font-size:76%; background-image: url(http://www.tenniskreatief.nl/images/header_bg_top.png); background-position: top; background-repeat: repeat-x; background-color: #1f1f1f;}



img{border:0;}


#fixed-container{width:960px;margin-left:auto;margin-right:auto;text-align:center;}

#jx_les{width:960px;background:url(http://www.tenniskreatief.nl/images/jx_les.png);margin-left:auto;margin-right:auto;}
#jx_serv{width:960px;background:url(http://www.tenniskreatief.nl/images/jx_serv.png);margin-left:auto;margin-right:auto;}
#jx_group{width:960px;background:url(http://www.tenniskreatief.nl/images/jx_group.png);margin-left:auto;margin-right:auto;}
#jx_group2{width:960px;background:url(http://www.tenniskreatief.nl/images/jx_group2.png);margin-left:auto;margin-right:auto;}

#bg1{width:960px;background:url(http://www.tenniskreatief.nl/images/bg1.png);margin-left:auto;margin-right:auto;}
#bg2{width:960px;background:url(http://www.tenniskreatief.nl/images/bg2.png);margin-left:auto;margin-right:auto;}
#bg3{width:960px;background:url(http://www.tenniskreatief.nl/images/bg3.png);margin-left:auto;margin-right:auto;}

#header-wrapper{border-top:solid 5px white;border-left:solid 5px white;border-right:solid 5px white;}
#header{width:960px;height:89px;}

dt, dl, dd, ul, li {
list-style-type: none;
margin: 6px 10px 0 0;
padding: 0;
}
 
#menu {
position : relative;
left: 65px;
top: 35px;
font:normal 1.2em Arial,Helvetica,sans-serif; letter-spacing: -1px;text-transform: uppercase;

}
 
#menu dl {
float: left;
}
#menu li {
display: inline;
}
 
#menu a {
text-decoration: none;
color: #141414;
background: none;
}
 
#smenu1, #smenu2, #smenu3, #smenu4 {
position: absolute;
left: 0;
font-size: 0.8em;
border-top: 1px solid;
width: 500px;
margin-left: 255px;
text-align: left;
}


#header #logolink{width:205px;height:89px;float:left;margin-left: 50px;}






#bodybox{border-left:solid 5px #FFF;border-right:solid 5px #FFF;border-bottom:solid 5px #FFF;height:100%;}
#feature{width:760px;height:280px;padding-top:80px;margin-left:auto;margin-right:auto;clear:both;text-align:left;}

#casestudy-feature{width:760px;height:465px;margin-left:auto;margin-right:auto;clear:both;text-align:left;}
#casestudy-screenshots{width:390px;height:465px;float:left;}
#casestudy-text{width:360px;padding-top:160px;float:left;font:normal 1.2em Arial,Helvetica,sans-serif;color:#7A6F54;}

#featurebox-tles{margin:35px 0 0 215px;padding:0 0 0 9px;border-left:solid 1px #FFF;float:left;display:block;width:450px;}
#featurebox-racket2{margin:35px 0 0 215px;padding:0 0 0 9px;border-left:solid 1px #FFF;float:left;display:block;width:280px;}
#featurebox-racket{margin:35px 0 0 380px;padding:0 0 10px 0;border-bottom:solid 1px #FFF;float:left;display:block;width:300px;}

#feature p{padding:0;margin:0;color:#FFF;font:normal 1.4em Arial,Helvetica,sans-serif;line-height:20px;height:100px;}
#featurebox-holding p{padding:0;margin:0;color:#000;font:normal 1.3em Arial,Helvetica,sans-serif;line-height:20px;height:100px;text-align:left;}
#featurebox-thanks p{padding:0;text-align:left;margin:0;color:#000;font:normal 1.3em Arial,Helvetica,sans-serif;line-height:20px;height:100px;}

#featurebox-tles h2{height:38px;color:#FFF;font:normal 1.8em Arial,Helvetica,sans-serif; white-space: nowrap; margin-bottom: 10px; margin-top: -1ex; line-height: 4ex;}
#featurebox-racket h2{height:38px;color:#FFF;font:normal 1.8em Arial,Helvetica,sans-serif; white-space: nowrap; margin-bottom: 10px; margin-top: -1ex; line-height: 4ex;}
#featurebox-racket2 h2{height:38px;color:#FFF;font:normal 1.8em Arial,Helvetica,sans-serif; white-space: nowrap; margin-bottom: 10px; margin-top: -1ex; line-height: 4ex;}

#feature h2 span{display:none;}
#featurebox-tles p a{font:normal .65em Arial,Helvetica,sans-serif;letter-spacing:-1px;text-transform:uppercase;color:#112966;text-decoration:none;margin:0 0 0 7px;padding:0 0 0 7px;border-left:solid 1px #323C44;}
#featurebox-racket p a{font:normal .65em Arial,Helvetica,sans-serif;letter-spacing:-1px;text-transform:uppercase;color:#D4003B;text-decoration:none;margin:0 0 0 7px;padding:0 0 0 7px;border-left:solid 1px #323C44;}
#featurebox-racket2 p a{font:normal .65em Arial,Helvetica,sans-serif;letter-spacing:-1px;text-transform:uppercase;color:#D4003B;text-decoration:none;margin:0 0 0 7px;padding:0 0 0 7px;border-left:solid 1px #323C44;}
#feature p a:hover{border-left:solid 1px #D4003B;background:url(http://www.tenniskreatief.nl/images/bullet-thing.gif) 0 4px no-repeat;}
.newjobsPanel{float:right;margin-right:110px;}
#letterbox{background: url("http://www.tenniskreatief.nl/images/transp.png");width:760px;height:111px;clear:both;text-align:left;margin:3px auto 40px auto; border: #ffffff solid 2px; }
#letterboxslim{background:#161E25;width:760px;height:30px;margin-left:auto;margin-right:auto;clear:both;text-align:left;}
#letterbox p{padding:0;margin:0;color:#C2BABA;font:normal 1.2em Arial,Helvetica,sans-serif;line-height:20px;}
#letterbox h1{height:41px;background:url(http://www.tenniskreatief.nl/images/digital_marketing.gif) no-repeat;display:block;margin:0;padding:0;}
#letterbox h1 span{display:none;}



#lbox{display:block;height:115px;margin:0 20px 0 20px;}
#lbox-blank{display:block;height:115px;margin:0;}
#lbox p a{font:normal .8em Arial,Helvetica,sans-serif;letter-spacing:-1px;text-transform:uppercase;color:#D4003B;text-decoration:none;margin:0 0 0 7px;padding:0 0 0 7px;border-left:solid 1px #323C44;}
#lbox p a:hover{border-left:solid 1px #D4003B;background:url(http://www.tenniskreatief.nl/images/bullet-thing.gif) 0 4px no-repeat;}
#lbox h1{height:30px;color:#FFF;font:normal 1.8em Arial,Helvetica,sans-serif; white-space: nowrap; margin-bottom: 8px; margin-top: 3px; line-height: 4ex;}


#pageholder{width:760px;padding:40px 0 0 0;margin-left:95px;text-align:left;float:left;}
#leftcol{float:left;width:206px;margin-top:3px;}
#leftcol p{text-decoration:none;font:normal 1em Arial,Helvetica,sans-serif;color:#161E25;line-height:16px;display:block;padding:2px 0 10px 2px;margin:0 0 12px 10px;width:220px;}
#leftcol p strong{font-weight:normal;font-size:1.5em;color:#D4003B;letter-spacing:0;}
#leftcol a{color:#D4003B;text-decoration:none;}
#rightcol{float:right;width:520px;margin-bottom:20px;}
#subNav{list-style:none;padding:10px 0 0 7px;margin:0;}
#subNav li{padding:0;margin:0 0 8px 0;}
#subNav li a{text-decoration:none;font:normal 1.2em Arial,Helvetica,sans-serif;color:#FFF;background:#161E25;padding:2px 4px 2px 4px;margin:0 0 12px 5px;text-transform:uppercase;}
#subNav li a:hover{text-decoration:none;color:#CCC;border:none;}
#subNav li a.on,#subNav li a.on:hover{text-decoration:none;color:#CF033A;}
#subNavClientList{list-style:none;padding:10px 0 0 12px;margin:3px 0;font:normal 1.1em Arial,Helvetica,sans-serif;width:155px;color:#c4002f;}
#subNavClientList li{border-bottom:solid #ccc 1px;margin:0;padding:8px 0;list-style-position:inside;}
#subNavClientList li ul{margin:2px 0 0 0;padding:0;list-style-position:inside;}
#subNavClientList ul li{padding:0;margin:0;font-size:.80em;color:#333;font-weight:bold;font-style:italic;background:url(http://www.tenniskreatief.nl/images/0099_sosimple.png) no-repeat;list-style-type:none;padding-left:12px;padding-top:0;border:none;padding-bottom:0;}
#subNavClientList li a{text-decoration:none;color:#333;}
#subNavClientList li a:hover{text-decoration:none;border:none;color:#333;}
.subHead{padding:6px 10px 13px 10px;margin:170px 0 20px 0;background-color:#161E25;}
.subHeadPortfolio{padding:0 00px 0 10px;margin:0;background-color:#161E25;float:left;}
.galleryControl{width:92px;float:right;background:url(http://www.tenniskreatief.nl/images/controls_bg.gif) top left no-repeat;padding-left:15px;}
#portfolioContentWords blockquote{margin:10px 0 20px 00px;font-style:italic;padding:0;border-top:solid 1px #CCC;border-bottom:double 3px #DDD;width:340px;font-family:Lucida Sans,Trebuchet MS,Arial;line-height:22px;font-size:1.0em;letter-spacing:0;padding-left:70px;padding-top:20px;padding-right:40px;padding-bottom:15px;background:url(http://www.tenniskreatief.nl/images/quote_left_grey.gif) no-repeat 20px 25px;}
#portfolioContentWords blockquote span{font-size:10px;font-weight:bold;margin:5px 0;}
#portfolioContentWords ul{color:#000;width:400px;font-family:Arial,Helvetica,sans-serif;font-size:1.0em;line-height:22px;margin:0 0 15px 25px;padding:0 0 15px;}
#portfolioContentWords li{margin:4px 0 0 0;list-style-image:url(http://www.tenniskreatief.nl/images/0111_arrow.gif);list-style-position:outside;padding:0;}
img.morerecentwork{float:left;margin-left:-6px;}
img.featuredproject{float:left;margin-left:-22px;}
img.leftfeature{position:absolute;margin-left:-208px;}
img.leftfeature2{position:absolute;margin-left:-220px;}
#viewer_window{margin-bottom:0;border-bottom:5px #161e25 solid;border-left:5px #161e25 solid;float:left;background:#000 url(http://www.tenniskreatief.nl/images/spinner.gif) center center no-repeat;width:515px;height:289px;}
#viewer_buttons{float:right;}
#viewer_buttons ul{float:right;margin:0;padding:0;}
#viewer_buttons li{display:inline;width:33px;height:30px;float:left;color:#CCC;background:url(http://www.tenniskreatief.nl/images/portfolio/tab_down.jpg) left top no-repeat;text-align:center;padding-top:5px;margin-left:3px;}
#viewer_buttons li.on{display:inline;width:33px;height:30px;float:left;color:#CCC;background:url(http://www.tenniskreatief.nl/images/portfolio/tab.jpg) top left no-repeat;text-align:center;padding-top:5px;margin-left:3px;}
#viewer_buttons li a{color:#CCC!important;display:block!important;border:0!important;}
.article-divider{border-bottom:double 3px #ccc;margin:20px 0 35px;}
#footer{padding:10px 0 0 0;text-align:left;margin:0 auto;display:block;font:normal .8em "Trebuchet MS";color:#ccc;line-height:1.6em;}
#footerright{float:right;text-align:right;}
#footer a{color:#ccc;font-weight:bold;text-decoration:none;border-bottom:1px dotted;}


div.hrline{border-top:1px dotted #CCC;margin:20px 0;}