/* CSS Document */


body {
font-family:Arial, Helvetica, sans-serif;
font-size:72%;
font-weight:normal;
z-index:1;
line-height:1.8em;
}
a, a:link, a:active, a:visited {
text-decoration:none;
color:#d60059;
}
a:hover {
text-decoration:underline;
}
em {
font-style:italic;
}
.support_login {
float:right;
border:dotted 1px #dedede;
padding:10px;
margin:0px 0px 5px 10px;
}
.icon_item {
float:left;
width:634px;
margin:0px 0px 15px 0px;
}
.faq_item1 {
float:left;
width:360px;
font-size:1.1em;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
border-bottom:dotted 1px #dedede;
margin:0px 0px 10px 0px;
padding:5px;
}
.faq_item2 {
float:left;
width:360px;
font-size:1.1em;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
border-bottom:dotted 1px #dedede;
margin:0px 0px 10px 0px;
padding:5px;
background-color:#f4f4f4;
}
#full_text {
float:left;
margin:20px 0px 0px 0px;
}
.full_news {
float:left;
width:634px;
margin:0px 0px 20px 0px;
border-bottom:dotted 1px #dedede;
}
#contact_outside {
float:left;
width:100%;
}
.topcontact_left {
float:left;
width:80px;
}
.topcontact_right {
float:left;
width:120px;
}
.top_contact {
line-height:2.3em;
float:right;
width:240px;
margin:20px 0px;
}
.top_contact .input {
padding:3px 2px;
margin:0px 0px 3px 0px;
}
.top_contact .input:focus {
background-color:#FFFFCC;
}
#logo {
float:left;
display:inline;
margin:0px 0px 0px 0px;
z-index:999999;
}
.tri {
float:left;
width:15px;
height:24px;
background-image:url('../img/triangle.gif');
background-repeat:repeat-y; margin-left:-15px; margin-right:0px; margin-top:30px; margin-bottom:0px
}
.top {
float:left;
width:246px;
height:10px;
display:inline;
background-image:url('../img/testimonial_top.gif');
background-repeat:no-repeat
}
.testimonial {
float:left;
margin:20px 0px 0px 0px;
}
.quote {
float:left;
width:23px;
height:17px;
background-image:url('../img/quote.gif');margin-left:3px; margin-right:0px; margin-top:0px; margin-bottom:0px
}
p.quotetext {
float:left;
width:210px;
margin:0px 0px 0px 2px;
}
.pink {
float:right;
color:#d60059;
}
.mid {
float:left;
width:246px;
display:inline;
background-image:url('../img/testimonial_mid.gif');
background-repeat:repeat-y
}
.bottom {
float:left;
width:246px;
height:10px;
display:inline;
background-image:url('../img/testimonial_bottom.gif');
background-repeat:no-repeat
}
#header {
float:left;
width:100%;
background-color:#2086b0;
border-top:5px solid #ffffff;
}
.support_item {
float:left;
width:285px;
padding:10px;
margin:0px 0px 20px 10px;
border:dotted 1px #dedede;
}
.news_detail {
float:left;
width:360px;
display:inline;
overflow:hidden;
margin:0px 20px 0px 0px;
}
.news_image {
float:right;
width:200px;
display:inline;
overflow:hidden;
margin:0px 0px 0px 0px;
}
.left {
float:left;
}
#signup_form {
float:left;
margin:0px 0px 0px 15px;
}
.testimonial {
float:left;
width:246px;
background-image:url('../img/testimonial_top.gif');
background-repeat:no-repeat; background-position-y:50%
}
#nav {
float:left;
width:100%;
height:36px;
background-image:url('../img/nav_bg.gif');
background-repeat:repeat-x;
border-bottom:2px solid #d0d0d0; margin-left:0px; margin-right:0px; margin-top:-25px; margin-bottom:0px
}
#banner {
float:right;
width:665px;
height:132px;
background-image:url('../img/slogan.gif');
background-repeat:no-repeat
}
.client {
float:right;
}
.client a {
float:left;
width:97px;
text-indent:-99999em;
height:24px;
background-image:url('../img/login.gif');
background-position-y:50%
}
.client a:hover {
background-position:bottom;
}
.nav_holder {
float:right;
}
#nav ul {
float:left;
margin:0px;
padding:0px;
list-style:none;
}
#nav li {
float:left;
}
#nav li a {
float:left;
width:82px;
text-indent:-99999em;
height:36px;
display:block;
background-position:top;
}
#nav li a:hover, #nav li a:focus {
background-position:bottom;
}
.down {
float:left;
width:17px;
height:13px;
overflow:hidden;
display:inline;
background-image:url('../img/bar_arrow.gif');
background-repeat:no-repeat; margin-left:0px; margin-right:0px; margin-top:-20px; margin-bottom:0px
}
.home a {
background-image:url('../img/home.gif');

}
.overons a {
background-image:url('../img/over-ons.gif');

}
.voorwie a {
background-image:url('../img/voor-wie.gif');

}
.diensten a {
background-image:url('../img/diensten.gif');
}
.portfolio a{
background-image:url('../img/portfolio.gif');
}
.nieuws a{
background-image:url('../img/nieuws.gif');
}
.contact a{
background-image:url('../img/contact.gif');
}
#content {
position:relative;
margin:0px auto 0px auto;
width:900px;
}
#left_col {
float:left;
width:246px;
margin:20px 0px 0px 0px;
}
#main_col {
float:left;
width:634px;
margin:20px 0px 0px 20px;
}
#bar {
float:left;
width:100%;
color:#ffffff;
padding:20px 0px;
margin:20px 0px 0px 0px;
background-color:#2e2e2e;
}

#bar a, #bar a:link, #bar a:active, #bar a:visited {
text-decoration:none;
color:#ff207d;
}
#bar a:hover {
text-decoration:underline;
}
#footer {
float:left;
width:100%;
padding:5px 0px;
text-align:center;
color:#CCCCCC;
background-color:#1a1a1a;
}
.holder {
position:relative;
margin:0px auto;
width:900px;
}
.contact_left {
float:left;
width:110px;
overflow:hidden;
text-align:left;
}
.contact_right {
float:left;
width:300px;
overflow:hidden;
margin:0px 0px 0px 15px;
}
.contact_middle {
float:left;
width:300px;
overflow:hidden;
margin:0px 0px 0px 15px;
}
#signup {
float:left;
width:233px;
height:91px;
color:#FFFFFF;
line-height:2.3em;
background-image:url('../img/signup.gif');
background-repeat:no-repeat; margin-left:0px; margin-right:0px; margin-top:20px; margin-bottom:0px; padding-left:5px; padding-right:5px; padding-top:50px; padding-bottom:0px
}
#signup .input {
border:none;
padding:2px 2px;
width:160px;

margin:0px 0px 5px 0px;
}
#signup input:focus {
background-color:#FFFFCC;
}
.sign_left {
float:left;
width:50px;
text-align:right;
}
.sign_right {
float:left;
text-align:right;
margin:0px 0px 0px 7px;
}
.viewdemo a {
float:right;
width:122px;
text-indent:-99999em;
height:13px;
background-image:url('../img/viewdemo_button.gif');
background-repeat:no-repeat;
margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:0px
}
#main_text {
float:left;
width:370px;
font-size:1.1em;
line-height:1.8em;
margin:20px 0px 0px 0px;
}
#main_text p {
margin:0px 0px 15px 0px;
}
.callout {
float:right;
width:160px;
margin:0px 0px 10px 10px;
font-size:0.9em;
padding:5px 0px;
border-top:dotted 1px #c3c3c3;
border-bottom:dotted 1px #c3c3c3;
}
.demo_teaser a {
float:left;
width:245px;
height:158px;
text-indent:-99999em;
background-image:url('../img/online_demo.gif');
background-repeat:no-repeat
}
.demo_teaser a:hover {
background-position:0px -158px;
}
.guarantee_teaser {
float:left;
width:246px;
height:75px;
text-indent:-99999em;
background-image:url('../img/30day.gif');
background-repeat:no-repeat; margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:0px
}
#main_right {
float:left;
width:235px;
margin:20px 0px 0px 20px;
}
.plus {
float:right;
width:58px;
height:63px;
margin:-25px 0px 0px 5px;
z-index:9999;
display:inline;
}
.why {
float:left;
margin:0px 0px 0px 0px;
width:235px;
}
.why p {
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-size:1.2em;
}
.benefit_item {
float:left;
width:225px;
margin:0px 0px 20px 0px;
background-color:#fafafa;
padding:5px;
}
.benefit_line1 {
color:#be1159;
}
.benefit_line2 {
color:#24336d;
}
#contact {
float:left;
width:800px;
overflow:hidden;
border-right:solid 1px #303030;
}
#news h1 {
color:#ffffff;
}
#news {
float:left;
width:610px;
overflow:hidden;
display:inline;
margin:0px 0px 0px 20px;
}
.news_item {
float:left;
width:295px;
overflow:hidden;
display:inline;
margin:0px 0px 0px 10px;
}
.news_text {
float:left;
overflow:hidden;
width:250px;
margin:0px 0px 0px 2px;
}
.date {
float:left;
width:31px;
overflow:hidden;
margin:0px 5px 5px 0px;
}
.date img {
float:left;
border:none;
margin:0px;
padding:0px;
overflow:hidden;
outline:none;
}
/*                          Headings                        */
h1, h2, h3, h4 {
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-weight:100;
padding:0px;
}
.right {
float:right;
}
h1 {
font-size:1.9em;
margin:0px 0px 15px 0px;
color:#0b1c5c;
}
h2 {
font-size:1.6em;
margin:0px 0px 15px 0px;
color:#d60059;
}
h3 {
font-size:1.5em;
}

ul.sem {margin: 20px 0 0 0; padding: 0;} 
ul.sem li {font-size: 12px; list-style: none; padding: 0 0 0 18px; margin: 2px 0px 2px 0px; background: url(/img/plussmall.gif) 0 3px no-repeat;}

ul.som {margin: 20px 0 0 0; padding: 0;} 
ul.som li {font-size: 12px; list-style: none; padding: 0 0 0 18px; margin: 2px 0px 2px 0px;}

label
{
width: 175px;
float: left;
text-align: left;
margin-right: 5px;
display: block
}

/*  portfolio menu */
    
#glowingtabs{
width:100%;
font-size:100%;
line-height:normal;
overflow: hidden;
}

#glowingtabs ul{
float:left;
list-style-type: none;
margin:0;
margin-left: 5px; /*Left offset of entire tab menu relative to page*/
padding:0;
border-bottom: 1px solid #7e9fff; /*Add border strip to bottom of menu*/

}

#glowingtabs li{
display:inline;
margin:0;
padding:0;
}

#glowingtabs a{
float:left;
background:url(../img/glowtab-left.gif) no-repeat left top;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

#glowingtabs a span{
float:left;
display:block;
background:url(../img/glowtab.gif) no-repeat right top;
padding: 4px 12px 2px 3px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabs a span {float:none;}
/* End IE5-Mac hack */

#glowingtabs a:hover span {
color: black;
}

#glowingtabs #current a{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs #current a span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

#glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}

/*nav*/

#navi{
  clear:both;
  font-weight:bold;
  color:#666;
  margin-left:4px;
  float:left;
  list-style-type:none;	
  background:url(../img/navshadow.gif) no-repeat 8px 100% #fff;
  padding-bottom:21px;
}

html>body #navi{
  margin-left:1px;
  background:url(../img/navshadow.gif) no-repeat 4px 100% #fff;
}

#navi li{
  list-style-type:none;
  float:left;
  margin:0 0 0 4px;
  padding:0 0 0 10px ;
  border-bottom:1px solid #999;
  background:url(../img/tabgrey.gif) #c0c0c0 top left no-repeat;
}
#navi li a{
  color:#666;	
  background:url(../img/tabgrey.gif) transparent top right no-repeat;
  display:block;
  padding:0 10px 0 0;
}

#navi li.cur,
#navi li.over,
#navi li:hover
{
  background:url(../img/tabblue.gif) #3375b2 top left no-repeat;
  border-bottom:1px solid #036;
}
#navi li strong,
ul#navi li.cur a,
ul#navi li.over a,
ul#navi li:hover a
{
  display:block;
  color:#fff;
  padding:0 10px 0 0;
  text-decoration:none;
  background:url(../img/tabblue.gif) transparent top right no-repeat;
}


.client {
	width: 600px;
	position: relative;
	left: -16px;
	margin: 0;
	padding: 0;
}

.client img {
	float: right;
	position: relative;
	top: 10px;
	margin: 0;
	border: 0;
}

.clientContent {
	width: 324px;
	min-height: 172px;
	padding: 0 25px 0 45px;
	margin: 0;
}

.clientContent p {
	color: #8F8F8F;
	margin: 15px 0 20px 0;
}

.clientContent h3 {
	padding: 0;
	margin: 0;
}

.clientTop {
	width: 394px;
	height: 36px;
	margin: 0;
	padding: 0;
}	

.clientClose {
	width: 394px;
	height: 32px;
	margin: 0;
	padding: 0;
}

#bpict {
	position:relative;
	width:634px;
	height:150px;
}
#bpict img {
    position:absolute;
    z-index:11;
}

#bpict img.sel {
    z-index:13;
}

#bpict img.lsel {
    z-index:12;
}