/*@font-face{ font-family: 'Sketch';
 src: url('sketchrockwell-bold-webfont.eot');
 src: url('sketchrockwell-bold-webfont.eot?#iefix') format('embedded-opentype'),
  url('sketchrockwell-bold-webfont.woff') format('woff'),
  url('sketchrockwell-bold-webfont.ttf') format('truetype'),
  url('sketchrockwell-bold-webfont.svg#webfont') format('svg'); } */

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;
    font-weight:inherit;
    font-style:inherit;
    font-size:100%;
    font-family:inherit;
    vertical-align:baseline
}

body {
  font-size: 75%;
  font-family:Arial,Myriad Pro, Myriad, Tahoma, Arial, Helvetica, sans-serif;
  line-height: 165%;
}
.internal {width:100%;position:absolute;top:0px;z-index:2;left:0px;}
.wrappertool {width:956px;margin:auto;height:1px;background-color:none;}

/* Headings
-------------------------------------------------------------- */



h1 { font-size: 3em; font-family:Sketch,Tahoma,Helvetica,arial; margin-bottom: 0.5em;   }
h2 { font-size: 2.2em;font-family:Sketch,Tahoma,Helvetica,arial; margin-bottom: 0.75em;margin-top:20px;}
h3 { font-size: 1.6em; font-family:Sketch,Tahoma,Helvetica,arial;letter-spacing: 1px; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.3em;font-family:Sketch,Tahoma,Helvetica,arial; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1.0em; font-family:Sketch,Tahoma,Helvetica,arial;font-weight: normal; margin-bottom: 1.5em; }
h6 { font-size: 1em;font-family:Sketch,Tahoma,Helvetica,arial; font-weight: bold; }

h1,h2, h3, h4 { color:#0c546b; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; font-weight: normal; color:#505050}
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }


blockquote  { margin: 1.5em; color:#505050; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre                 { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

label { cursor:pointer; }

a:link { color:#505050;  text-decoration: underline; }
a:visited { color: #505050; }
a:hover { color: #808080;  }
a:active { color: #505050; }

/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin:0 1.5em;}
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

li {background-image: url(../img/icon_ja.png); background-repeat: no-repeat; background-position: 0 .2em; list-style: none; padding-left: 30px; margin-bottom: 5px;color:#505050}
ul {margin:0px; padding:0px;}

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

.nobullets  {list-style-type: none;margin-left:0px;}

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%;}
th          {  background-color: #ffffff;  }
th a, th a:link, th a:visited {text-decoration: none;}
thead th { background-color: #0c546b; font-size: 1.1em; color: #ffffff; font-weight: bold; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
td {font-size: 1.1em; padding-bottom: 2px;}
tbody td { border-bottom:1px #e5ecf9 solid; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
p,h5 {margin:0px; padding:0px}

.defaultbox th, .defaultbox td, .defaultbox caption { padding: 0px; }


/* Page
-------------------------------------------------------------- */

.container { position: relative;width:956px;padding-bottom:40px;}
.logo {width:300px;height:60px;position:absolute;top:30px;}
#header { position: relative; background-color:#0c546b; height: 172px; }
#header h1 span, #header h2 span, #header p span { display: none;}
#header h1 { padding-top:20px;height:45px;display:block;}

#header .navigation {position:absolute;width:905px;height:57px;display:block; padding:0px 20px; background: transparent url(../img/bg_menubar.png) top left no-repeat;}
#header .navigation ul {padding:0px;margin:0px;}
#header .navigation li {padding:5px;margin:0px;display:block;float:left;height:37px;line-height:38px;background-image: none;color:white;font-weight:bold;font-size:11pt;margin-right:17px;}
#header .navigation  a {padding:13px 5px;color:white;text-decoration:none;-moz-border-radius: 7px;border-radius: 7px;-webkit-border-radius: 7px;background-color:transparent;background-repeat:repeat-x;background-position:left top; }
#header .navigation  a:hover {background-image:url(../img/bg_menuitem_hover.png);}
#tool:hover {background-image:url(../img/bg_menuitem_hover.png);}


#sfeer {position: relative; background-image: url(../img/bg_sfeer_all.png); height: 370px; position: relative;margin-left:0px;}
.sfeerbox {background-image: url(../img/bg_sfeer.jpg); height: 370px; background-position:center; background-repeat: no-repeat;margin-left:-90px;}
.boxback {background-image: url(../img/boxback.png); background-position: top left; background-repeat: no-repeat;width:227px;height:193px;color:white;}
.boxback p {color:white;}
.knop {margin-top:10px;}
.subnav {width:956px; background-image: url(../img/balktrans.png); background-position: top left; background-repeat: no-repeat;height:68px;line-height:68px;}
.subnav ul{	margin:0px;padding:0px;}
.subnav li {	margin-right:20px;display:inline; background-image: none;padding-left:0px;color:white; font-size:12pt;font-weight:bold;}
/* lijstitem op de homepage */
.homefeature{width:364px;float:left;height:157px;background-color:white;}
.homefeature_image {float:left;width:83px;}
.homefeature_text {	float:left;width:191px;}
.homefeature h3{ color:#0c546b;margin-bottom:5px;}

.addthis_toolbox {position:absolute;top:-120px;right:45px;z-index:200;}

.paragraaf_intro {
	color:white;
}
.paragraaf_intro h2 {color:white; line-height:25px;}

.footerrow {width:199px;float:left; height:100%;padding-right:40px;color:white; font-size:8pt;}
.footerrow a{ color:#73c1da; text-decoration:none;}
.footerrow h1,
.footerrow h2,.footerrow h3,.footerrow h4,.footerrow h5 {color:white;}
.blocks  {background-color: white; padding:0px;margin:0px;  -moz-border-radius: 15px;  -webkit-border-radius: 15px; margin-bottom: 15px;}
.blocksbottom  {background-color: white;   -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; margin-bottom: 15px;}
.blockstop  {background-color: white; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; margin-bottom: 15px;}
.blockstopbottom { -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; }
.stone{border-bottom: solid 3px white; background-color: #efefef; height: 80px; }
.bgarrow {
	background-image:  url(../images/arrow.png); background-repeat: no-repeat; background-position: right;
}
.pijl {
	background-image: url(../img/pijl.png);background-repeat: no-repeat; background-position: left;width:69px;height:28px;position:absolute;top:335px;z-index:2000;left:-50px;
}
.bgblocks { background-image:  url(../images/bg_box.gif); height: 250px;}

#intro-ervaringen {float:left; width:622px;}
#sidebar-ervaringen {position:absolute;top:60px;right:0px;}
.sidebar-button {margin-left:23px; margin-right:23px;}
.gratisbut {position:absolute;top:0;right:-362px;}


.ervaring {float:left; margin-top:30px; margin-right:46px; width:600px;clear:both;}
.ervaring-image {float:left; width:212px;height:212px; margin-left:-10px;}
.ervaring-text {float:left; width:380px;padding-top:20px;padding-left:10px;}
.ervaring strong {font-size:11pt;margin-bottom:0px;height:5px;display:block;}
.ervaring strong a {font-size:11pt;text-decoration:none;color:black;}
.ervaring strong a:hover {font-size:11pt;text-decoration:none;color:#0c546b;}



/* ROUNDED CORNER CLASSES */
.rounded_all_small{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-o-border-radius:3px;-icab-border-radius:3px;-khtml-border-radius:3px;}
.rounded_tr_small{border-radius-topright:3px;-o-border-radius-topright:3px;-icab-border-radius-topright:3px;-khtml-border-radius-topright:3px;-moz-border-radius-topright:3px;border-radius-top-right:3px;-o-border-radius-top-right:3px;-icab-border-radius-top-right:3px;-khtml-border-radius-top-right:3px;-webkit-border-top-right-radius:3px;}
.rounded_tl_small{border-radius-topleft:3px;-o-border-radius-topleft:3px;-icab-border-radius-topleft:3px;-khtml-border-radius-topleft:3px;-moz-border-radius-topleft:3px;border-top-left-radius:3px;-o-border-top-left-radius:3px;-icab-border-top-left-radius:3px;-khtml-border-top-left-radius:3px;-webkit-border-top-left-radius:3px;}
.rounded_bl_small{border-radius-bottomleft:3px;-o-border-radius-bottomleft:3px;-icab-border-radius-bottomleft:3px;-khtml-border-radius-bottomleft:3px;-moz-border-radius-bottomleft:3px;border-bottom-left-radius:3px;-o-border-bottom-left-radius:3px;-icab-border-bottom-left-radius:3px;-khtml-border-bottom-left-radius:3px;-webkit-border-bottom-left-radius:3px;}
.rounded_br_small{border-radius-bottomright:3px;-o-border-radius-bottomright:3px;-icab-border-radius-bottomright:3px;-khtml-border-radius-bottomright:3px;-moz-border-radius-bottomright:3px;border-bottom-right-radius:3px;-o-border-bottom-right-radius:3px;-icab-border-bottom-right-radius:3px;-khtml-border-bottom-right-radius:3px;-webkit-border-bottom-right-radius:3px;}
.rounded_all_large{-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;-o-border-radius:7px;-icab-border-radius:7px;-khtml-border-radius:7px;}
.rounded_tr_large{border-radius-topright:7px;-o-border-radius-topright:7px;-icab-border-radius-topright:7px;-khtml-border-radius-topright:7px;-moz-border-radius-topright:7px;border-radius-top-right:7px;-o-border-radius-top-right:7px;-icab-border-radius-top-right:7px;-khtml-border-radius-top-right:7px;-webkit-border-top-right-radius:7px;}
.rounded_tl_large{border-radius-topleft:7px;-o-border-radius-topleft:7px;-icab-border-radius-topleft:7px;-khtml-border-radius-topleft:7px;-moz-border-radius-topleft:7px;border-top-left-radius:7px;-o-border-top-left-radius:7px;-icab-border-top-left-radius:7px;-khtml-border-top-left-radius:7px;-webkit-border-top-left-radius:7px;}
.rounded_bl_large{border-radius-bottomleft:7px;-o-border-radius-bottomleft:7px;-icab-border-radius-bottomleft:7px;-khtml-border-radius-bottomleft:7px;-moz-border-radius-bottomleft:7px;border-bottom-left-radius:7px;-o-border-bottom-left-radius:7px;-icab-border-bottom-left-radius:7px;-khtml-border-bottom-left-radius:7px;-webkit-border-bottom-left-radius:7px;}
.rounded_br_large{border-radius-bottomright:7px;-o-border-radius-bottomright:7px;-icab-border-radius-bottomright:7px;-khtml-border-radius-bottomright:7px;-moz-border-radius-bottomright:7px;border-bottom-right-radius:7px;-o-border-bottom-right-radius:7px;-icab-border-bottom-right-radius:7px;-khtml-border-bottom-right-radius:7px;-webkit-border-bottom-right-radius:7px;}
.rounded_all_extralarge{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-o-border-radius:10px;-icab-border-radius:10px;-khtml-border-radius:10px;}

.toprightradius {-webkit-border-top-right-radius: 15px;-moz-border-radius-topright:15px;}
.bottomrightradius {-webkit-border-bottom-right-radius: 15px;-moz-border-radius-bottomright:15px;}
.onlyroundings  { -moz-border-radius: 15px;  -webkit-border-radius: 15px;}

#carousel-wrapper {
   width:931px;
    height: 302px;
    overflow: hidden;
}
#carousel-content {
    width: 4000px;
}
#carousel-content .slide {
    float: left;
	 width:931px;
    height: 302px;
}

.purple {background-color: #f1ecec;}


#slide-1 p, #slide-2 p, #slide-3 p, #slide-4 p, #slide-5 p, #slide-6 p, #slide-7 p, #slide-8 p, #slide-9 p, #slide-10 p, #slide-11 p, #slide-12 p { display: none;}
#slide-1 h3, #slide-2 h3, #slide-3 h3, #slide-4 h3, #slide-5 h3, #slide-6 h3, #slide-7 h3, #slide-8 h3, #slide-9 h3, #slide-10 h3, #slide-11 h3, #slide-12 h3 { display: none;}
#slide-1 a, #slide-2 a, #slide-3 a, #slide-4 a, #slide-5 a, #slide-6 a, #slide-7 a, #slide-8 a, #slide-9 a, #slide-10 a, #slide-11 a, #slide-12 a { display: none;}


.carousel-selected {background-color: #f4c7dd; border-bottom: solid 0px white;  height: 80px;}
#tekstpagina p{ font-size:11pt;}
#tekstpagina h1, h2,h3,h4,h5{ margin:0px; padding:0px;}

.api_voorbeeld_container { padding-top: 20px; padding-bottom: 20px; }
.api_voorbeeld { margin: 8px 0; padding: 5px; background-color: #eed9e4; border: 1px #ac3f76 solid; width: 870px; }
textarea.api_voorbeeld { height: 300px; overflow: auto; }
div.api_voorbeeld { max-height: 300px; overflow: hidden; }
table.api_actie_lijst tbody tr { cursor: pointer; }
table.api_actie_lijst tbody tr:hover { background-color: #f2f2f2; }
.xml_comment { padding: 1px 2px; color: #ac3f76; }
a.back_to_top { float: right; }
ul.no_image li { margin-left: 20px; padding-left: 10px; background-image: none; list-style: disc; }

input[type=text],input[type=password] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #a4a4a4;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:216px;
}
select {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #a4a4a4;
	font-size:13px;
	margin:0 0 5px 0;
	padding:5px 0;
	
}

.tariefbalk  h2 { color:#9d2c6a;padding-top: 0px;margin-top:20px;margin-bottom:20px; }
.editfield { margin-bottom:8px;padding: 8px 0;min-height:28px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; }
.editfield.active { background-color: #9D2C6A; }
.editfield h5 { padding-top:4px;text-align:right; }
.editfield.active h5 { text-align: right;color:white; }
.asterisk { color:gray; }
.editfield.active .asterisk { color:#dadada; }
.attention { display:none;font-size:80%;color:#9D2C6A; }
.editfield.active .attention { color:white; }
.breaker{ clear:both;height:0px;overflow:hidden; }
.hover a:hover { background-image: url(../img/zoom.png); background-repeat: no-repeat; background-position: left top;;height:147px; display:block;z-index:400;float:left;margin-left:0px; }

#slogan { width:100%;background-color:#1a81a1; }
#slogan img { margin-top:30px; }

.container h3 {color:#0c546b;}
.iconedit {border-top:1px solid #dddddd;border-right:1px solid #dddddd;border-bottom:none;width:60px;float:left;height:19px;background-color:#fafafa;}

#tool {width:110px;float:left;margin-top:105px;margin-left:100px;height:1px;}
/* tooltip styling */
.tooltip {
	display:none;
	background:url(../img/white_arrow_bottom.png);
	width:469px;
	height:349px;
	padding:0px 0px 0px 0px;
	font-size:11px;
	color:#fff;
	z-index:300000000;
}
.navblokje {float:left;width:120px;padding-left:25px;height:150px;}
.scheiding {width:878px; position:relative; left:50%; margin-left:-439px;}
.homefeatures{float:left;width:729px;}
.homeright {float:left;width:227px;}
.sloganmessage {width:100%;background-color:#1a81a1;}
.pagefooter {
	background-color:#0c546b; width: 100%; padding-top:50px;border-top:0px solid white;
	background-image:url(../img/onderkant.png); background-repeat:no-repeat; background-position:top;
	}
.tooltip h5 {
color:#0c546b;
font-size:12pt;
padding-bottom:10px;

}
/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#0c546b;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.tooltip a:hover {
	color:#ab3474;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
#mogelijkheden {padding:5px;margin:0px;display:block;float:left;text-decoration:none;height:34px;line-height:34px;background-image: none;color:white;font-weight:bold;font-size:11pt;margin-right:17px;clear:both;}

.addthis_button_facebook_like {margin-right:30px;}
.addthis {position:absolute;top:-110px;right:15px;z-index:200;}
/*front */
.textblock { margin:40px 0px 20px 0px;padding:20px;background-color:#fafafa;border:1px solid #dddddd; }
.inloggen {top:0px;right:0px;z-index:3;width:956px;margin:auto;position:relative;}
.inloggen .image {position:absolute;top:110px;right:25px;cursor:pointer;}