@charset "UTF-8";
/*------------------------------  GENERAL  ------------------------------*/


body {
 margin:0;
 padding:0;
 border:0;
 background:#FFF;
 font-family: Arial, Helvetica, sans-serif;
 behavior:url("csshover.htc");
}
a {
 text-decoration:none;
 color:#00CCFF;
}
img {
 border:0;
}
div.trans_bg {
 background:#000;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
 filter: alpha(opacity=60);
 opacity:.6;
 width:100%;
 height:100%;
 position:absolute;
 left:0;
 top:0;
 z-index:-10; 
}

/*------------------------------  LOGO/SLOGAN  ------------------------------*/



h1#logo_top a, h2#logo_top a {
 position:absolute;
 left:50%;
 margin:0;
 top:25px;
 margin-left:-450px;
 width:80px;
 height:80px;
 background:url('logo.gif') left top no-repeat;
 text-indent:-800px;
 overflow:hidden;
 z-index:50; 
}
h2#slogan {
 font:normal 12px Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 position:absolute;
 left:50%;
 margin:0;
 top:35px;
 margin-left:-350px;
 z-index:50; 
}


/*------------------------------  MENU  ------------------------------*/

div.menu-container {
 position:absolute;
 margin: 0;
 padding: 0;
 right:50%;
 margin-right:-450px;
 z-index:999;
 top:78px;
}
ul#menu-hoofdmenu {
 width:100%;
 float:left;
}
ul#menu-hoofdmenu a {
 text-align:left;
 display:block;
 white-space:nowrap;
 margin:0;
 padding: 0.3em;
}
ul#menu-hoofdmenu > li.current-menu-item > a, ul#menu-hoofdmenu > li.current-page-item > a {
 background:#00CCFF;
}
ul#menu-hoofdmenu li a {
 height:14px;
 padding:6px;
 text-decoration:none;
 color:#FFF; 
}
ul#menu-hoofdmenu li a:hover {
 background:#FFF;
 color:#00CCFF;
}
ul#menu-hoofdmenu > li:hover a {
 background:#FFF;
 color:#000;
}
ul#menu-hoofdmenu ul li a {
 height:14px;
 padding:5px 6px;
 text-decoration:none;
 color:#000;
 font:bold 11px Arial, Helvetica, sans-serif; 
}
ul#menu-hoofdmenu ul li a:hover {
 background:none;
 color:#00CCFF;
}
ul#menu-hoofdmenu {
 list-style:none;
 float:right;
 margin:0;
 padding:0;
}
ul#menu-hoofdmenu li {
 position:relative;
 min-height:1px;
 vertical-align:bottom;
 float:left;
 font:bold 12px Arial, Helvetica, sans-serif; 
}
ul#menu-hoofdmenu ul {
 position:absolute;
 display:none;
 top:auto;
 z-index:999;
 background:#FFF;
 padding:8px 0px;
 list-style: none;
}

ul#menu-hoofdmenu ul li {
 width:100%;
  overflow:hidden;
  background:none;
}
ul#menu-hoofdmenu ul li:hover {
 overflow:visible;
}
ul#menu-hoofdmenu ul ul {
 right:100%;
 top:-8px;
}
ul#menu-hoofdmenu ul li:hover ul a {
 color:#000; 
}
ul#menu-hoofdmenu ul li:hover ul a:hover {
 color:#00CCFF; 
}
ul#menu-hoofdmenu ul ul {
 right:100%;
 top:-8px;
}

ul#menu-hoofdmenu li:hover {
 cursor:pointer;
 z-index:999;
}

ul#menu-hoofdmenu li:hover ul ul,
ul#menu-hoofdmenu li li:hover ul ul,
ul#menu-hoofdmenu li li li:hover ul ul,
ul#menu-hoofdmenu li li li li:hover ul ul
{display:none;}

ul#menu-hoofdmenu li:hover ul,
ul#menu-hoofdmenu li li:hover ul,
ul#menu-hoofdmenu li li li:hover ul,
ul#menu-hoofdmenu li li li li:hover ul
{display:block;
}


/*------------------------------  GRAPHIC  ------------------------------*/


div#graphic{
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 overflow:hidden;
}
div#graphic img.bg {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:auto;
 min-height:100%;
}


/*------------------------------  CASES  ------------------------------*/


div.case {
 position:absolute;
 width:100%;
 height:100%;
 left:0;
 top:0;
 background-attachment:fixed;
 background-position:center top;
 z-index:-101; 
 display:none;
}
div.case a,div.case h1,div#graphic h1 {
 width:400px;
 position:absolute;
 padding:10px 20px;
 left:50%;
 margin-left:-450px;
 top:225px;
 margin-top:-50px;
 font:bold 24px Arial, Helvetica, sans-serif;
 color:#FFF;
 z-index:100; 
 line-height:28px;
overflow:hidden;
}
div#cases a#next,div#cases a#prev,div#cases a#more {
 width:90px;
 position:absolute;
 padding:5px 20px;
 left:50%;
 margin-left:-450px;
 top:225px;
 margin-top:60px;
 font:bold 11px Arial, Helvetica, sans-serif;
 color:#FFF;
 z-index:5555; 
 line-height:28px;
line-height:14px;
white-space:nowrap;
overflow:hidden;
}
div#cases a#more {
color:#00CCFF;
width:70px;
}
div#cases a#next {
 margin-left:-215px;
 width:85px;
}
div#cases a#prev {
 margin-left:-335px;
 width:75px;
}
div.case a span,div.case h1 span,div#cases h2#next span,div#graphic h1 span,ul#clients li a span {
color:#00CCFF;
}
div#cases h2#next span.n {
color:#FFF;
font-weight:normal;
}
div.case div.logo,div#graphic div.logo {
 padding:15px 20px;
 background-position:center;
 background-repeat:no-repeat;
 position:absolute;
 right:50%;
 margin-right:-450px;
 top:225px;
 margin-top:-50px;
 font:bold 24px Arial, Helvetica, sans-serif;
 color:#FFF;
 text-align:left;
 z-index:25; 
}
div.case div.logo img {
 position:relative;
 z-index:9999; 
}


/*------------------------------  SMALL VERSION  ------------------------------*/


div#graphic.small {
 overflow:hidden;
}
div#graphic.small div.logo,div#graphic.small  h1,div#graphic.small > a {
 top:225px;
}
div#graphic.small div#cases a#next,div#graphic.small div#cases a#prev,div#graphic.small div#cases a#more {
 top:225px;
}
div#graphic.small div#cases div.case {
 height:100%;
}


/*------------------------------  CONTENT  ------------------------------*/

div#content {
 position:absolute;
 width:900px;
 background:#FFF;
 z-index:20;
 bottom:110px;
 left:50%;
 margin-left:-450px;
 overflow:auto;
 padding-bottom:10px;
}
div#content div#page_text {
 float:left;
 width:400px;
 margin-left:20px;
}
div#content div#page_text h1, div#content div#right h1 {
 font:normal 32px Arial, Helvetica, sans-serif;
 color:#00CCFF;
 line-height:28px;
 margin:20px 0px;
 margin-bottom:15px;
}
div#content div#page_text p, div#content div#right p,
div#content div#page_text ul, div#content div#right ul {
 font:normal 12px Arial, Helvetica, sans-serif;
 line-height:18px;
 margin:10px 0px;
}
div#content div#page_text p.leader, div#content div#right p.leader, div#content em {
 font:normal 16px Arial, Helvetica, sans-serif;
 line-height:20px;
 color:#333;
 margin-bottom:15px;
}
div#content div#page_text h2, div#content div#right h2 {
 font:normal 18px Arial, Helvetica, sans-serif;
 line-height:24px;
 margin:9px 0px;
 color:#333;
 width:auto;
}
div#content div#page_text p span, div#content div#right p span {
 color:#00CCFF;
}
div#content div#page_text  a.leesmeer, div#content div#right a.leesmeer {
 font:bold 16px Arial, Helvetica, sans-serif;
 color:#7FE5FF;
}
div#content div#page_text  a.leesmeer:hover, div#content div#right a.leesmeer:hover {
 color:#00CCFF;
}
div#content div#right {
 float:right;
 width:400px;
 margin-right:20px;
}
div#content p img {
 border:0;
 margin:10px;
}

div#content ul {
 padding: 0px;
}
div#content ul li {
 padding:5px 10px;
 list-style: none;
 padding-left:25px;
 display:block;
 background:transparent url('lm.gif') left top no-repeat;
 color:#333333;
 margin-bottom:-5px;
}
div#content ul li a {
 color:#333;
}
div#content ul li:hover {
 background:#BFF2FF url('lm2.gif') left top no-repeat;
}

div#content div.quote, blockquote {
 background:#EEE url('q.gif') left top no-repeat;
 padding:15px 25px 15px 25px;
 margin: 0;
 
}
div#content div.quote p img, div#content blockquote p img {
 margin:0;
}

/*------------------------------  FOOTER  ------------------------------*/
div#footer {
 position:absolute;
 width:900px;
 background:#FFF;
 z-index:20;
 height:35px;
 overflow:hidden;
 bottom:60px;
 left:50%;
 margin-left:-450px;
 font:normal 11px Arial, Helvetica, sans-serif;
}
div#footer p {
 margin:11px 20px;
}
div#footer span {
 padding-right:20px;
}



/*------------------------------  FOOTER  ------------------------------*/

form#contact,form#contact input,form#contact label {
 display:block;
}
form#contact p {
 height:25px;
 margin:0;
}
form#contact label {
 float:left;
 width:110px;
 font:bold 12px Arial, Helvetica, sans-serif;
 color:#999;
 padding-top:4px;
 height:20px;
}
form#contact input,form#contact fieldset.radio,form#contact textarea {
 width:250px;
 font:normal 12px Arial, Helvetica, sans-serif;
 color:#000;
}
form#contact input.button {
 width:auto;
}
form#contact fieldset.radio {
 border:0;
 padding:0;
 margin:0;
 display:inline;
}
form#contact textarea {
 height:50px;
}
form#contact fieldset.radio input,form#contact fieldset.radio label {
 display:inline;
 float:none;
 width:auto;
 padding:0;
}