@charset "utf-8";
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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
body{background:#d6e1e8;font-family:tahoma;font-size:11px;line-height:1;margin:0;padding:0}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
#content{position: absolute; z-index: 1;  background:#fff;clear:both;padding:0 0 25px 1px;width:899px}
#footer{background:#a3c4d9; float: left; color:#02364c;height:48px;line-height:48px;margin:35px 0 0 0;text-align:center;width:900px}
#footer a{color:#02364c;text-decoration:underline}
#head{background:url(/ext/JSmedia/images/Header.png);height:166px;width:642px}
#info{background:url(/ext/JSmedia/images/info.png);display:block;height:166px;width:256px}
#info1{background:url(/ext/JSmedia/images/Info_CMS.png);display:block;height:85px;width:256px}
#info2{background:url(/ext/JSmedia/images/Info_bellen.png);display:block;height:81px;width:256px}
#info2 a{display:block;height:81px;width:256px} 
#inhoud{color:#02364c;line-height:20px;padding:10px 42px 0 20px;width:600px; overflow: hidden;}
#inhoud a,#right a{color:#06C;text-decoration:underline}
#inhoud h1{background:url(/ext/JSmedia/images/item.png) bottom repeat-x;color:#4b93bf;font-family:"Century Gothic";font-size:14px;margin:0 0 10px;padding:0 0 10px;width:100%}
#inhoud h2{color:#02364c;font-size:12px;line-height:20px;margin:30px 0 0;padding:0;text-decoration:underline}
#inhoud h3{color:#02364c;font-size:11px;line-height:20px;margin:20px 0 0}
#left{position: relative; z-index: 1; float:left;width:642px; background: #FFF; min-height: 500px; overflow: hidden;}
#logo{background:url(/ext/JSmedia/images/logo.png);float:left;height:95px;width:143px}
#menu{background:url(/ext/JSmedia/images/menu.png);font-weight:700;height:24px;margin:1px auto 0;padding-top:13px;width:898px}
#menu ul{margin:0;padding:0} 
#menu ul li{border-right:1px solid #fff;float:left;height:11px;list-style:none;padding:0 20px}
#menu ul li a{color:#F9F9F9;text-decoration:none}
#menu ul li a:hover{color:#F9F9F9;text-decoration:underline}
#menu ul li.none{border:none}
#right{color:#6f8ca2;float:left;line-height:20px;width:256px; overflow: hidden;}
#right h1{background:url(/ext/JSmedia/images/righth1.png);color:#4b93bf;font-family:"Century Gothic";font-size:14px;height:40px;line-height:40px;margin:10px 0 0;padding:0 0 0 17px;width:233px}
#right table{margin:0 0 0 15px;padding:0}
#slogan{background:url(/ext/JSmedia/images/slogan.png);float:right;height:95px;width:565px}
#wrapper{margin:auto;width:900px;}
 
/*background: url('/ext/JSmedia/images/nieuwsbrief-ontvangen.png');*/
ul.sideItem {margin: 0; padding: 0; position: absolute;left: -20px; top: 250px; z-index:1;}
ul.sideItem li img{cursor: pointer; width: 150px; height: 40px; }
ul.sideItem li img:hover {position: relative; left: -120px; }
ul.sideItem em{background: url('/ext/JSmedia/images/Blub.png') no-repeat; color: #000; width: 95px;height: 55px;
position: absolute; top: -70px;left: -130px;text-align: center; padding: 15px 5px; font-weight: 600;
z-index: 2;display: none;}


.table {border-collapse:inherit;border-spacing:5px;}
.table tr td {border: 1px solid #EEE; padding: 5px; background: #F7F7F7; }
#inhoud .table h2 { margin: 0 0 10px 0}
 
.clear{clear:both}
.item{background:url(/ext/JSmedia/images/item.png) bottom repeat-x;margin:0 0 0 15px;padding:10px 0;width:220px}

div.newCMS{background:url(/ext/JSmedia/images/adv/NewCMS_BG.png);height:400px;width:600px}
div.newCMS .cmsTitle{color:#D7E0E8;font-family:Arial;font-size:20px;font-style:italic;font-weight:600;margin-top:10px;text-align:center;width:600px}
div.newCMS .bigBlue{color:#2d6fa8;font-size:24px}
div.newCMS .information{float:left;margin-left:30px;margin-top:20px}
div.newCMS .informationPrice{float:left;font-size:20px;font-weight:600;line-height:30px;margin-left:130px;margin-top:50px;text-align:center}
div.newCMS .introFilm{float:left;margin-top:50px}
div.newCMS .introFilm ul li{float:left;margin-left:20px;text-align:center;width:255px}
div.pageFiles{margin:15px 0 10px}
div.pageFiles ul{background:#F0FFFF;list-style:none;margin-left:20px;padding:5px;width:300px}
div.contentOptions{margin-top:15px}
div.content{padding-bottom: 10px; border-bottom:1px dashed #CCC;clear:both;float:left;width:600px}
div.paragraph{float:left;width:600px}
div.paragraphOptions ul li img,div.contentOptions ul li img{vertical-align:middle}
.content p a[href^="http://"],.paragraph p a[href^="http://"]{background:transparent url(/ext/JSmedia/images/icons/page_white_world.png) 6px center  no-repeat;display:inline-block;line-height:18px;padding-left:25px}
.content p a[href^="mailto:"],.paragraph p a[href^="mailto:"]{background:transparent url(/ext/JSmedia/images/icons/email.png) center left no-repeat;display:inline-block;line-height:18px;padding-left:20px}
div.pageFiles a[href$='.pdf']{background:transparent url(/ext/JSmedia/images/icons/page_white_acrobat.png) center left no-repeat;display:inline-block;line-height:18px;padding-left:20px}
div.pageFiles a[href$='.jpg'],div.pageFiles a[href$='.png'],div.pageFiles a[href$='.gif'],div.pageFiles a[href$='.bmp']{background:transparent url(/ext/JSmedia/images/icons/page_white_picture.png) center left no-repeat;display:inline-block;line-height:18px;padding-left:20px}
div.pageFiles a[href$='.swf'],div.pageFiles a[href$='.fla'],div.pageFiles a[href$='.swd']{background:transparent url(/ext/JSmedia/images/icons/page_white_flash.png) center left no-repeat;display:inline-block;line-height:18px;padding-left:20px}
div.pageFiles a[href$='.xls'],div.pageFiles a[href$='.csv'],div.pageFiles a[href$='.xlt'],div.pageFiles a[href$='.xlw']{background:transparent url(/ext/JSmedia/images/icons/page_excel.png) center left no-repeat;display:inline-block;line-height:18px;padding-left:20px}
div.pageFiles a[href$='.ppt'],div.pageFiles a[href$='.pps']{background:transparent url(/ext/JSmedia/images/icons/page_white_powerpoint.png) center left no-repeat;display:inline-block;line-height:18px;padding-left:20px}
div.pageFiles a[href$='.doc'],div.pageFiles a[href$='.rtf'],div.pageFiles a[href$='.wps']{background:transparent url(/ext/JSmedia/images/icons/page_white_word.png) center left no-repeat;display:inline-block;line-height:18px;padding-left:20px}
div.pageFiles a[href$='.txt']{background:transparent url(/ext/JSmedia/images/icons/page_white_text.png) center left no-repeat;display:inline-block;line-height:18px;padding-left:20px}
div.pageFiles a[href$='.zip'],div.pageFiles a[href$='.gzip'],div.pageFiles a[href$='.rar']{background:transparent url(/ext/JSmedia/images/icons/page_white_zip.png) center left no-repeat;display:inline-block;line-height:18px;padding-left:20px}
ol,ul,div.newCMS ul li{list-style:none}
ins,#inhoud a:hover,#right a:hover{text-decoration:none;}
#header,div.paragraphOptions{margin-top:10px}
#info a,#info1 a{display:block;height:85px;width:256px}
div.contentOptions ul li,div.paragraphOptions ul li{float:left;line-height:16px;padding-right:10px;vertical-align:middle}
.paragraph p + ul,div.content p + ul{list-style:disc;margin:10px 0}
.paragraph p + ul li,div.content p + ul li{margin-left:25px}
.paragraph p + ol,div.content p + ol{list-style:decimal;margin:10px 0}
.paragraph p + ol li,div.content p + ol li{margin-left:25px}

.caption-top,.caption-bottom{background:#000;border:0 solid #334143;color:#fff;cursor:default;font-family:arial;font-size:13px;font-weight:700;padding:1.2em;text-shadow:1px 1px 0 #202020}
.caption-top{border-width:0 0 8px}
.caption-bottom{border-width:8px 0 0}
.caption a,.caption a{background:#000;border:0 none;padding:0.3em;text-decoration:none}
.caption a:hover,.caption a:hover{background:#202020}
.caption-wrapper{float:left}
br.c{clear:both}
ul.portfolio{width:600px}
ul.portfolio li{border-bottom:1px solid #CECECE;min-height:200px;overflow:hidden;padding:5px;width:600px}
ul.portfolio li span.title{color:#02364c;font-size:12px;font-weight:900}
ul.portfolio li img{margin-right:10px}
ul.portfolio li p{line-height:22px;padding:5px;text-align:justify}
ul.portfolio li div.diensten{float:left;margin-right:5px;text-align:left;width:175px}
ul.portfolio li div.website{float:left;width:175px}

div#feature_list{margin: 15px 0; height:240px;overflow:hidden;position:relative;width:600px}
div#feature_list ul{list-style:none;margin:0;padding:0;position:absolute;top:0}
ul#tabs .bigtekst{font-weight: 600; color:#02364c;font-size:11px;line-height:20px;margin:0;padding: 7px 0 0 0;font-size: 16px;text-transform: uppercase}
ul#tabs{left:0;width:295px;z-index:2}
ul#tabs li{font-family:Arial;font-size:12px} 
ul#tabs li img{border:none;float:left;margin:10px 10px 0 0;padding:5px}
ul#tabs li a{color:#222;display:block;height:60px;outline:none;padding:10px;text-decoration:none}
ul#tabs li a:hover{text-decoration:underline}
ul#tabs li a.current{background:url('/ext/JSmedia/images/features/feature-tab-current.png');color:#FFF} 
ul#tabs li a.current span{color: #FFF}
ul#tabs li a.current:hover{cursor:default;text-decoration:none}
ul#output{height:240px;position:relative;right:0;width:339px}
ul#output li{height:240px;position:absolute;width:339px}
ul#output li a{-moz-border-radius:5px;background:#364959;bottom:10px;color:#FFF;font-size:11px;padding:8px 12px;position:absolute;right:10px;text-decoration:none}
ul#output li a:hover{background:#627B8F}
 
#inhoud a.awesome {background-color:#3B8CCA;color:#FFF;text-decoration:none}
#right a.awesome {background-color:#3B8CCA;color:#FFF;text-decoration:none}
  
.awesome {margin: 10px;background-color:#222; -moz-border-radius:5px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);border-bottom:1px solid rgba(0,0,0,0.25);color:#fff;cursor:pointer;display:inline-block;padding:5px 10px 6px;position:relative;text-decoration:none;text-shadow:0 -1px 1px rgba(0,0,0,0.25)}
.awesome:visited{margin: 10px; -moz-border-radius:5px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);background-color:#222;border-bottom:1px solid rgba(0,0,0,0.25);color:#fff;cursor:pointer;display:inline-block;padding:5px 10px 6px ;position:relative;text-decoration:none;text-shadow:0 -1px 1px rgba(0,0,0,0.25)}
.awesome:hover{background-color:#111;color:#fff}
.awesome:active{top:1px} 
.small.awesome,.small.awesome:visited{font-size:11px}
.awesome,.awesome:visited,.medium.awesome,.medium.awesome:visited{font-size:12px;font-weight:700;line-height:1;text-shadow:0 -1px 1px rgba(0,0,0,0.25)}
.large.awesome,.large.awesome:visited{font-size:14px;padding:8px 14px 9px}
.green.awesome,.green.awesome:visited{background-color:#91bd09}
.green.awesome:hover{background-color:#749a02}
.blue.awesome,.blue.awesome:visited{background-color:#3B8CCA}
.blue.awesome:hover{background-color:#08598F} 
.paragraph ul.form {width: 500px}
.paragraph ul.form li {list-style: none; line-height: 20px; width: 500px; padding: 3px;}
.paragraph ul.form li p {text-align: left; float: left; line-height: 30px; height: 30px; width: 500px;}
.paragraph ul.form li p label {float: left; width: 250px}
p.error {margin-bottom:10px; text-align: left; float: left; line-height: 30px; height: 30px; width: 500px; background-color:#3B8CCA;color:#FFF;text-decoration:none; padding-left: 5px; border: 1px solid #3B8CCA; -moz-border-radius:5px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);}