/* ----------------  reset  -------------------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

ol, ul {list-style: none; }

.clear{clear:both;font-size:0px;line-height:0px;height:0px;}

/* ----------------  general  -------------------- */

html {background:#fafafa;}
body {font-family: "Lucida sans Unicode", Arial, "Trebuchet MS", sans-serif; color:#585a5a; font-size:10pt; width:100%; text-align:center; background: #fff url(images/bg.jpg) top left repeat-x;}
#container { margin:0px auto; width:980px; background:#fff url(images/top.jpg) top left no-repeat; text-align:left; }
#header {height:230px; margin-top:-16px;}
#footercontainer {background: #fafafa url(images/footer_bg.jpg) top left repeat-x;  }
#footer {text-align:left; font-size:9pt; color:#b2b1b1; margin:0px auto; width:980px;  }
strong {font-weight:700;}
em {font-style:italic;}

div.separator {background:url(images/diensten_separator.jpg) bottom left no-repeat; height:25px; margin-bottom:15px;} 

p {line-height:170%; margin:6pt 0 6pt 0;}
p a {color:#f46e07;}
p a:hover {color:#017485;}
p a.plainlink {color:#f46e07; font-weight:300;}
p a.plainlink:hover {color:#017485; font-weight:300;}

h1 {color:#018295; font-weight:700; font-size:13pt; margin-bottom:12pt;}
h2 {color:#018295; font-size:8pt; font-weight:700; margin:25pt 0 10pt 0; text-transform:uppercase; text-align:left; }
h2.condensed {margin-top:0;}
h2 span {color:#585a5a; font-weight:300; font-size:8pt; float:right;}
h2 span a {color:#585a5a; text-transform:lowercase; background:url(images/top_arrow.jpg) top right no-repeat; padding-right:16px;  }
h2 span a:hover {color:#fc6401;}
h2 span a.topwide {margin-right:18px;}
h3 {color:#018295; text-transform:uppercase; font-size:10pt; font-weight:700; margin-bottom:10pt;  }


img.lightborder {border:1px solid #bfd8d8;}

#crumbs {font-size:9pt; border-bottom:1px solid #ccc; padding:0 0 12pt 0; margin:0 0 25pt 0; }
#crumbs a {color:#018295;}



/* ----------------  header  -------------------- */

#logo {float:left; margin:10px 0 0 0;}
#gegevens {float:right; text-align:right; margin: 45px 16px 0 0;}
#gegevens a {color:#018193;}
#gegevens a:hover {color:#f46e07;}

/* ----------------  footer  -------------------- */


ul.footerlist {margin-top:12px; list-type-style:none; float:left; width:230px; padding-bottom:20px;}
ul.footerlist li {margin-bottom:8px;}
ul.footerlist li.standout {color:#018295; font-size:10pt; padding:12px 0;}
ul.footerlist li a {text-decoration:none; color:#585a5a;}
ul.footerlist li a:hover {padding-left:2px; color:#018295;}

#footer p.standout {padding:12px 0 0px 0; color:#018295; font-size:10pt; text-align:right; }

div.footerlist_right {display:block; float:left; width:273px; text-align:right; }
div.footerlist_right p {line-height:200%; color:#585a5a;}
div.footerlist_right p a.plainlink {color:#585a5a;}

#afsluitregel {border-top:1px solid #d9d9d9; text-align:center; padding:2pt 0 10pt 0;}
#afsluitregel p {font-size:8pt; color:#b2b1b1; font-weight:300;}
#afsluitregel p a {font-size:8pt; color:#898c8c; font-weight:300;}
#afsluitregel p a:hover {font-size:8pt; color:#b2b1b1; font-weight:300;}


/* ----------------  nav ------------------ */

#navcontainer {margin-top:6px;}
#navlist li {display: block; float:left;}
#navlist li.buttonleft {background:url(images/nav_home.jpg) top left no-repeat; width:30px;}
#navlist li.buttoncenter {background:url(images/nav_center.jpg) top right no-repeat; width:152px;}
#navlist li.buttoncenter2 {background:url(images/nav_center.jpg) top left no-repeat; width:152px;}
#navlist li.buttonright {background:url(images/nav_right.jpg) top left no-repeat; width:176px; text-align:center;}

#navlist li a.topnav, #navlist li a.topnav2 {color:#fff; font-size:10pt; text-decoration:none; text-transform:uppercase; font-weight:300; display:block; padding:18px 0 13px 0; text-align:center; }
#navlist li.buttonright a.topnav {color:#fff; text-align:center; }
#navlist li a.topnav:hover {text-decoration:underline;}

#navlist li a.topnav2 {color:#fff; font-size:10pt; text-decoration:none; text-transform:uppercase; font-weight:300; display:block; padding:18px 0 13px 35px; text-align:left; }
#navlist li.buttonright a.topnav2 {color:#fff; text-align:left; }
#navlist li a.topnav2:hover {text-decoration:underline;}


/* ----------------  home ------------------ */

#home_reflist {background:#eee; border:1px solid #f0f0f0; height:134px; padding:30px 0 0 0; margin-right:18px;}

div.button {float:left; width:20px; height:100px; overflow:hidden; padding-left:10px; text-align:center;}
div.home_carousel {float:left;}
#home_reflist ul {padding-right:35px;}
#home_reflist li {margin-left:15px;}

div.home_list {float:left;}
div.home_list li {float:left;}


#left {float:left; width:650px; margin-bottom:30px;}
#left p {text-align:justify;}




#right_home {float:left; border:1px solid #ccc; padding:20px; width:240px; margin-left:32px; text-align:justify; }
#right_home img {margin:15pt 0 0 0; }

ul#home_headlines {background:#fafafa; border:1px solid #eee; padding:20px 20px 40px 20px; float:left; width:643px; height:90px; overlofw:hidden; display:block;}
ul#home_headlines li {padding:6px 0 6px 0; border-bottom:1px solid #eee;}
ul#home_headlines li.last {border-bottom:0;}
ul#home_headlines li a {text-decoration:none; color:#585a5a;}
ul#home_headlines li a:hover {color:#018295; }
ul#home_headlines li a strong {color:#018295; margin-right:20pt;}

ul#home_newslinks {background:#eee; border:1px solid #eee; border-left:0; padding:20px 20px 40px 20px; float:left; width:237px; height:90px; overflow:hidden; display:block;}
ul#home_newslinks li {padding:6px 0 6px 0; }
ul#home_newslinks li a {color:#018295; }
ul#home_newslinks li a:hover {color:#f46e07; }


ul#home_redenen {margin:15pt 0 15pt 0;}
ul#home_redenen li {margin-bottom:5pt; background:url(images/bullets.jpg) 2px 7px no-repeat; padding-left:24px;}
ul#home_redenen li a {text-decoration:none; color:#018295;}

ul#home_actiedomeinen {margin-top:24pt; }
ul#home_actiedomeinen li {display: block; float:left; margin-right:17px; height:180px;}
ul#home_actiedomeinen li.last {margin-right:0; }


#newclientswrapper {position:relative; float:left; width:220px; height:140px; display:block; overflow:hidden; margin:5pt 0 10pt 0; border:1px solid #bfd8d8; padding-left:18px;}
#newclients {position:relative; float:left; width:220px; height:140px; display:block; overflow:hidden;}






/* ----------------  software ------------------ */

ul.standout {background:#fafafa; border:1px solid #eee; padding:20px 20px 20px 20px; margin:20pt 0 20pt 0;}
ul.standout li, ul.styled li {margin-bottom:5pt; background:url(images/bullets.jpg) 2px 10px no-repeat; padding-left:44px; text-align:justify; line-height: 170%;}   
ul.standout li a, ul.styled li a {color:#f46e07;}   
ul.standout li a:hover, ul.styled li a:hover {color:#018295;}   

#right {float:left; border:1px solid #ccc; padding:20px; width:240px; margin-left:32px; text-align:justify; }
#right img { margin-top:8px; }


#softlist {margin:10pt 0 10pt 0;}
#softlist li {border-bottom:1px solid #e9f4f7; margin:0 0 6px 20px; padding:1px 0 4px 0;}
#softlist li a {text-decoration:none; padding:3px 0px 3px 4px; display:block; color:#585a5a; font-size:8pt;}
#softlist li a:hover {background:#f0f8fa; color:#018295;}
#softlist li a#currentsoft, #currentsoft {background:#018295; color:#fff;}

p.tip {border:1px solid #d9d9d9; padding:20px 20px 20px 90px; background:url(images/tip.jpg) top left no-repeat; margin:20px 0 20px 0; }
p.tip span {font-weight:700; font-variant:small-caps; color:#ef660c; padding-top:-15px; font-size:12pt;  }


ul.modules {background:#fafafa; border:1px solid #eee; padding:20px 0px 20px 20px; margin:10pt 0 20pt 0; min-height:26px;}
ul.modules_2 {background:#fafafa; border:1px solid #eee; padding:20px 0px 20px 20px; margin:10pt 0 20pt 0; min-height:60px;}
ul.modules_3 {background:#fafafa; border:1px solid #eee; padding:20px 0px 20px 20px; margin:10pt 0 20pt 0; min-height:90px;}
ul.modules_3 li,ul.modules_2 li,ul.modules li {float:left; margin-right:10pt; margin-bottom:10pt;}
ul.modules_3 li.last, ul.modules_2 li.last, ul.modules li.last {margin-right:0;}
ul.modules_3 li a, ul.modules_2 li a, ul.modules li a {display:block; width:190px; border:1px solid #eee; background:#a1c6cc; color:#fff; text-align:center; text-decoration:none; padding :3px 0 3px 0;  }
ul.modules_3 li a:hover, ul.modules_2 li a:hover, ul.modules li a:hover {background:#018295; color:#fff;}

a.subsoft {display:block; background:#fff; color:#585a5a; border:1px solid #a1c6cc; text-transform:uppercase; text-decoration:none; padding:2px 0 2px 0; font-size:9pt; margin-top:6pt; text-align:center; }
a.subsoft:hover {display:block; background:#ecf4f6; color:#3e4040; border:1px solid #799599; text-transform:uppercase; text-decoration:none; padding:2px 0 2px 0; font-size:9pt; margin-top:6pt; text-align:center; }

img.leftborder {float:left; border:1px solid #bfd8d8; margin-right:15px;}
img.border {border:1px solid #bfd8d8; margin-right:9px;}

p.cta {background:url(images/cta.jpg) top left no-repeat; padding:20px 230px 0 30px; margin:30pt 0 10pt 0; height:150px; overflow:hidden; }
p.ctaxl {background:url(images/cta_xl.jpg) top left no-repeat; padding:20px 230px 0 30px; margin:30pt 0 10pt 0; height:177px; overflow:hidden; }


/* ----------------  hardware ------------------ */

img.partner {border:1px solid #bfd8d8; padding: 0 16px 0 16px; background:#fff;}
img.partnerleftborder {float:left; border:1px solid #bfd8d8; margin-right:8px;}

p.ctahardware {background:url(images/ctahardware.jpg) top left no-repeat; padding:20px 230px 0 30px; margin:30pt 0 10pt 0; height:150px; overflow:hidden; }

a.indekijker {text-decoration:none; border-bottom:1px solid #d9d9d9; color:#585a5a; font-weight:300;}
a.indekijker:hover {border-bottom:1px solid #585a5a;}


#hardwareitem ul {margin:0 0 20px 10px;}
#hardwareitem ul li {padding-left:30px; line-height:160%;  background:url(images/bullet.jpg) 0px 9px no-repeat;}




/* ----------------  internet ------------------ */

p.ctainternet {background:url(images/ctainternet.jpg) top left no-repeat; padding:20px 230px 0 30px; margin:30pt 0 10pt 0; height:150px; overflow:hidden; }
li.internetreferentie {text-align:center; margin-bottom:16px;}


#hostingtarieven {width: 98%;}
caption {padding-top:10pt; text-align: left; font-style:italic; padding-bottom:20pt; color:#006675; font-weight:bold; }
th {border-bottom:1px solid #d9d9d9; letter-spacing: 1px; text-align:left; color:#006675;}
th.col {text-align: right; padding:0 0 4px 0;}
th.row {text-align: left; padding:2px 0 2px 0;}
td {border-bottom:1px solid #d9d9d9; text-align:right; width:157px; padding:2px 0 2px 0;}




/* ----------------  referenties ------------------ */

#left ul.referentielijst {margin:15pt 0 30pt 0;}
#left ul.referentielijst li {float:left; margin-right:16px; margin-bottom:15px;}
#left ul.referentielijst li.last {margin-right:0;}

#refitem {margin:5pt 0 20pt 0; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding: 10pt 0 10pt 0;}


#refitem ul {margin:0 0 20px 10px;}
#refitem ul li {padding-left:30px; line-height:160%;  background:url(images/bullet.jpg) 0px 9px no-repeat;}



ul.reflist {margin:7pt 0 7pt 0;}
ul.reflist li {border-bottom:1px solid #e9f4f7; margin:0 0 5px 20px; padding:1px 0 3px 0;}
ul.reflist li a {text-decoration:none; padding:2px 0px 2px 4px; display:block; color:#585a5a; font-size:8pt;}
ul.reflist li a:hover {background:#f0f8fa; color:#018295;}
ul.reflist li a#currentref {background:#018295; color:#fff;}

p.subref {display:block; background:#fff; color:#585a5a; border:1px solid #a1c6cc; text-transform:uppercase; text-decoration:none; padding:1px 0 1px 0; font-size:9pt; margin-top:6pt; text-align:center; }


/* ----------------  contact ------------------ */

#contact {float:left; width:960px; margin-bottom:30px;}
#contact p {text-align:justify;}

div.chunk1 {float:left; width:450px; padding-right:40pt; }
div.chunk2 {float:left; width:450px; }

form {font-size:9pt;}
form label {display:block; float:left; width:150px;}
input, select {border:1px solid #C4C5CA; width:220px; padding:1px; background:#f3f3f3; font-size:9pt; font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; margin-bottom:5px;}
textarea {border:1px solid #C4C5CA; width:445px; padding:1px; background:#f3f3f3; font-size:9pt; font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; margin-bottom:5px;}
select {width:224px; }

iframe {width:445px; height:450px; background:#fff; padding:6px 6px 2px 6px; border:1px solid #d9d9d9; } 

div.val, input.val {display:none;}


/* ----------------  sitemap ------------------ */

ul.sitemap {margin:0 0 20px 10px;}
ul.sitemap li {padding-left:30px; line-height:160%;  background:url(images/bullet.jpg) 0px 9px no-repeat; margin-bottom:2px;}
ul.sitemap li a { color:#585a5a; text-decoration:none;}
ul.sitemap li a:hover { color:#017485; text-decoration:underline;}



/* ----------------  nieuws ------------------ */


div.newssep {font-size:9pt; border-bottom:1px solid #ccc; margin:0 10pt 0 0; }


ul.archive {background:#fafafa; border:1px solid #eee; padding:20px 16px 20px 16px; margin:20pt 0 20pt 0;}
ul.archive2 {background:#fafafa; border:1px solid #eee; padding:20px 16px 20px 16px; margin:20pt 10pt 20pt 0;}
ul.archive li, ul.archive2 li {margin-bottom:3pt; background:url(images/bullets.jpg) 0px 10px no-repeat; padding-left:14px; text-align:justify; line-height: 170%; }   
ul.archive li a, ul.archive2 li a {color:#f46e07; text-decoration:none; font-size:8pt; }   
ul.archive li a span, ul.archive2 li a span {color:#585a5a; font-weight:700; margin-right:10px; font-size:8pt; height:25px; width:90px; display:block; float:left; }   
ul.archive li a:hover, ul.archive2 li a:hover {color:#018295; text-decoration:underline; }

.nieuwsdetail ul li {margin-bottom:5pt; background:url(images/bullets.jpg) 2px 10px no-repeat; padding-left:44px; text-align:justify; line-height: 170%;}


/* ----------------  nieuwsbrief ------------------ */


#newsletterform input, #newsletterform select {border:1px solid #C4C5CA; width:235px; padding:1px; background:#f3f3f3; font-size:9pt; font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; margin-bottom:5px;}
#newsletterform select {width:239px; }
input#newslettersubmit {width:239px; background:#018295; color:#fff;}   

#newsletteritem ul {margin:0 0 20px 10px;}
#newsletteritem ul li {padding-left:30px; line-height:160%;  background:url(images/bullet.jpg) 0px 9px no-repeat;}

#newsletteritem img {border:1px solid #bfd8d8;}


ul.archive li.current {margin-top:12pt;}
ul.archive li.current a.currentlink {font-weight:700; color:#585a5a;}

ul.archive li.current2 {margin-bottom:12pt;}
ul.archive li.current2 a.currentlink {font-weight:700; color:#585a5a;}