/* -- General styles -- */
body{
	margin: 0;
	padding: 0;
	background-color: #333;
}

body, input, textarea, select, form, table, td{
	font-family: "Calibri",sans-serif;
	font-size: 13px;
	color: #333333;
}

a{
	color: #B1CC1B;
}

h1{
	padding: 0 0 10px 0;
	margin: 0;
	font-weight: normal;
	font-size: 30px;
}

.error, .required
{	color: #D64313;
}

h2{
	padding: 0 0 10px 0;
	margin: 0;
	font-weight: normal;
	font-size: 22px;
}

h3{
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 2px 0;
	margin: 0;
}

h3.side{ padding: 0 0 10px 4px; }

h4{
	padding: 0 0 5px 0;
	margin: 0;
	font-weight: normal;
	font-size: 28px;
	color: #FFF;
}

tr.invoicePayed {
	background: #edf4b6;
	cursor: pointer;
}

tr.invoiceOpen {
	background: #fec4b2;
	cursor: pointer;
}

img{ border: none; }

.sIFR-alternate{ display: none; }

p{
	margin: 0;
	padding: 0 0 10px 0;
}

.highlightText {
	color: #FA4D12 !important;
}

a.hoverbutton{
	text-transform: uppercase;
	display: block;
	width: 112px;
	color: #FFF;
	text-decoration: none;
	background: url(../img/button_out.jpg) center center no-repeat;
	padding: 7px 0;
	line-height: 12px;
	font-size: 12px;
	text-align: center;
}

a.hoverbutton:hover{
	background-image: url(../img/button_over.jpg);
}

.claro{
	clear: both;
	height: 0px;
	display: block;
}

.go{
	float: right;
	display: block;
	height: 38px;
}

/* -- The mainmain containerstyle -- */

.container{
	text-align: center;
	margin: 0px;
	padding: 0px 20px;
	border-bottom: #333 solid 1px;
	min-width: 840px;
}

.container .subcontainer{
	width: 840px;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
}

.subcontainer22{
	width: 840px;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
}

.startdemo{
	padding-top: 130px;
	padding-left: 37px;
}

.subcontainer2{
	width: 840px;
	text-align: left;
	padding: 0px;
	margin: 0px auto;
	background: url(../img/example.jpg) right top no-repeat;
}
.front-en{
	background: url(../images/languages/en/front1.jpg) right top no-repeat;
}

.front-nl{
	background: url(../images/languages/nl/front1.jpg) right top no-repeat;
}

/* -- Alternative container bars -- */

.container.c-header{
	background-color: #FFF;
}

.container.c-menu{
	background-color: #333;
	border-color: #FFF;
}

.container.c-menu2{
	background-color: #333;
	border-color: #000000;
}

.container.c-showcase{
	background: url(../img/submenu.jpg) left top repeat-x #C5E223;
}

.container.c-showcase2{
	background: url(../img/submenu.jpg) left top repeat-x #C5E223;
	height: 20px;
}

.subcontainer33{
	margin-top: 1px;
	margin-left: 15px;
}

.container.c-content{
	background-color: #FFF;
}

.container.c-submenu{
	background-color: #414141;
	color: #8d8d8d;
	border-color: #484848;
}

.container.c-footer{
	background-color: #333;
}

/* -- The header -- */

#header{ height: 104px; }

#header #headerlink{ padding-left: 15px; }

#header #login{
	float: right;
	width: 350px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-right: 0px;
}

#header #buttons{
	float: right;
	width: 220px;
	padding-top: 0px;
	text-align: center;
	height: 10px;
}

.black{
  color: #000000
}
.align_right{
  text-align: right;
}

#header #login .signup{
	float: right;
	width: 300px;
	text-align: right;
}

#header #login .languages{
	height: 21px;
	text-align: right;
}

#header #login .languagesHeader{
	height: 31px;
	padding-bottom: 5px;
}

#header #login form{
	margin: 0;
	padding: 0;
	display: block;
}

#header #login .languages span{
	float: right;
}

#header #logform{ padding-top: 1px; }

#header #logform form{
	height: 26px;
	margin: 0;
	padding: 5px 0 0 63px;
}

#header #logform form input{
	width: 107px;
	height: 16px;
	border: #CCCCCC solid 1px;
	color: #999999;
	font-style: italic;
	padding-left: 2px;
}

#header #logform form a{
	display: block;
	position: absolute;
	width: 38px;
	height: 32px;
	margin-left: 210px;
	margin-top: -4px;
}

html > /**/ body #header #logform form a{
	margin-top: -5px;
}

#header #logform #loginbut{
	float: right;
	padding-top: 3px;
}

/* -- The menu -- */

#menu{ height: 38px; }

#mainmenu{
	list-style: none;
	display: block;
	float: left;
	padding: 4px 0 0 4px;
	margin: 0;
	font-size: 14px;
}

#mainmenu li{
	display: block;
	float: left;
	margin-right: 3px;
}

#mainmenu li div{
	display: block;
	height: 29px;
	float: left;
	padding-right: 10px;
}

#mainmenu li a{
	display: block;
	padding: 5px 0px 6px 10px;
	color: #FFF;
	text-decoration: none;
	font-size: 13px;
	text-transform: uppercase;
}

#mainmenu li.active, #mainmenu li.over{
	background: url(../img/menubutton_bg.gif) 0px 0px repeat-x;
}

#mainmenu li.active div, #mainmenu li.over div{
	background: url(../img/menubutton_right.gif) top right no-repeat;
}

#mainmenu li.active a, #mainmenu li.over a{
	background: url(../img/menubutton_left.gif) top left no-repeat;
	color: #ffffff;
}

#sddm
{	
	list-style: none;
	display: block;
	float: left;
	padding: 0px 0 0 4px;
	margin: 0;
	z-index: 30
}

#sddm li
{	
	display: block;
	margin-right: 3px;
	padding: 0;
	list-style: none;
	float: left;
}

#sddm li a
{	
	
	display: block;
	padding: 0px 0px 6px 10px;
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 33px;
}

div.itemContainer{
	padding-right: 10px;
}

#sddm li:hover
{	
	background: url(../img/menubutton_bg2.gif) 0px 0px repeat-x;
}
#sddm li:hover div.itemContainer{
	background: url(../img/menubutton_bg2.gif) top right no-repeat;
}

#sddm li:hover a{
	background: url(../img/menubutton_bg2.gif) top left no-repeat;
	color: #ffffff;
}

#sddm div.subMenus
{	
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;	
	
	width: 210px;
}

#sddm div.subMenus a
{	
	text-transform: none;
	height: 33px;
	color: #ffffff;
	position: relative;
	display: block;
	margin:0px;
	padding: 0px 0 0px 10px ;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: url(../img/sidemenu_out2.gif) 0px 0px no-repeat;
	/*font-size: 11px;*/
}

#sddm div.subMenus a:hover
{	
	background-image: url(../img/sidemenu_over2.gif);
	color: #FFF;
}



#call_us_div{
        text-align: right;
}
#call_us_div img{
        cursor:pointer;
}
#current_language #lang{
  font-weight: bold;
  cursor: pointer;
  float: none !important
}
#current_language img{
        cursor:pointer;
}
#choice_languages
{
  display: none;
  position: relative;
  float: right;
  background-color: #333333;
  border: solid 0px black;
  padding: 5px 3px;
  width: 105px;
  z-index: 999;
}
#choice_languages a{
  color: White;
}

#choice_languages ul
{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.linkimage
{	cursor: pointer;
}

.linkimage2
{	padding-top: 10px;
	border: 10px;
	cursor: pointer;
}

.boldwhite
{	color: #ffffff;
	font-weight: bold;
}

a.boldwhite
{	text-decoration: none;
}

#aboutmenu{
	float: right;
	padding: 6px 0px 0px 0px;
	margin: 0px;
	display: block;
	list-style: none;
}

#aboutmenu li{
	float: left;
	background: url(../img/aboutmenu_line.gif) center right no-repeat;
	padding: 4px 11px;
}

#aboutmenu li.last{
	background: none;
}

#aboutmenu li a{
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
}

/* -- Sepparate menu items -- */


/* -- The showcase bar -- */

#showcase{
	height: 62px;
	overflow: hidden;
	/*text-align: center;*/
}


/*DEMO BUTTON*/
#demo_btn{
	height: 41px;
	float: left;
	margin-top: 8px;
	cursor: pointer;
}

#demo_btn a{
	display: block;
	padding: 8px 10px 13px 10px;
	color: #FFF;
	text-decoration: none;
	font-size: 20px;
	text-transform: uppercase;
}

#demo_btn div {
	background: url(../img/demobutton_left.gif) top left no-repeat;
	padding: 0 0 0 54px;
}

#demo_btn div div{
	background: url(../img/demobutton_right.gif) top right no-repeat;
	padding: 0 8px 0 0;
}

/*#demo_btn div div{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../img/demobutton_right.png');
	background-repeat: no-repeat;
	background-position: top right;
	padding: 0 8px 0 0;
}

html > body #demo_btn div div{
	background: url(../img/demobutton_right.png) top right no-repeat;
}*/

#demo_btn a{
	background: url(../img/demobutton_bg.gif) 10px 0px repeat-x;
}



#demo_btn div.over {
	background: url(../img/demobutton_left_over.gif) top left no-repeat;
	padding: 0 0 0 54px;
}

#demo_btn div div.over{
	background: url(../img/demobutton_right_over.gif) top right no-repeat;
	padding: 0 8px 0 0;
}

#demo_btn a.over{
	background: url(../img/demobutton_bg_over.gif) 10px 0px repeat-x;
}
/*END DEMO BUTTON*/
/*TRY BUTTON*/
#try_btn{
	height: 41px;
	float: right;
	margin-top: 14px;
	cursor: pointer;
}

#try_btn a{
	display: block;
	padding: 3px 10px 13px 10px;
	color: #FFF;
	text-decoration: none;
	font-size: 20px;
	text-transform: uppercase;
}

#try_btn div {
	background: url(../img/trybutton_left.gif) top left no-repeat;
	padding: 0 0 0 7px;
}

#try_btn div div{
	background: url(../img/trybutton_right.gif) top right no-repeat;
	padding: 0 7px 0 0;
}

#try_btn a{
	background: url(../img/trybutton_bg.gif) 10px 0px repeat-x;
}

#try_btn div.over {
	background: url(../img/trybutton_left_over.gif) top left no-repeat;
	padding: 0 0 0 7px;
}

#try_btn div div.over{
	background: url(../img/trybutton_right_over.gif) top right no-repeat;
	padding: 0 7px 0 0;
}

#try_btn a.over{
	background: url(../img/trybutton_bg_over.gif) 10px 0px repeat-x;
}
/*END TRY BUTTON*/

#text_home{
	margin-top: 40px;
	color: #ffffff;
	font-size: 22px;
	width: 360px;
}

#text_home2{
	margin-top: 4px;
	color: #ffffff;
	font-size: 12px;
}

#showcase .bar.leftbar{
	width: 200px;
	float: left;
	z-index: 2;
}

#showcase .bar.rightbar{
	padding-right: 0px;
	float: right;
	z-index: 1;
}

#showcase .quote{
	top: 75px;
	height: 100px;
	right: 20px;
	width: 170px;
	position: relative;
	overflow: hidden;
	text-align: center;
}
#showcase .quoteNew{
	color: #000000;
    top: 215px;
	height: 25px;
	float: right;
	width: 320px;
	position: relative;
	overflow: hidden;
	text-align: left;
}
#showcase .quoteNew .bold_front
{
  font-size: 1.2em;
  font-weight: bolder;
}

a.white_bold_link:link, a.white_bold_link:visited, a.white_bold_link:hover, a.white_bold_link:active
{
  text-decoration: none;
  font-weight: bolder;
  color: #FFFFFF;
}

#demo_home{
	margin-top: 4px;
}

#flashcontent{
	margin-top: 22px;
}

/* -- The main content -- */

#content{
	padding: 40px 0px;
}

#contentwrapper{
	background: url(../img/content_bg_general.gif) center center repeat-y;
	border-bottom: #FFF solid 1px;
}

#content .bar{
	width: 170px;
	float: left;
	padding: 0px 20px;
}

#content .bar.midbar{
	width: 189px;
	float: left;
	padding: 0px 15px;
}
#content .bar.narrowBar{
	width: 189px;
	float: left;
	padding: 0px 7px;
}

#content .bar.leftbar{
	width: 175px;
	padding-left: 10px;
}

#content .bar.rightbar{
	width: 175px;
	padding-right: 0px;
}

#content .bar.double{
	width: 380px;
	min-height: 50px;
}

#content .sidemenu{
	display: block;
	margin: 0px 0px 18px 0px;
	padding: 0px;
	list-style: none;
}

#content .submenu{
	margin: 0px 0px 0px 15px;
}

#content .sidemenu li{
	margin: 0;
	padding: 0;
}

#content .sidemenu a{
	display: block;
	width: 187px;
	height: 18px;
	background: url(../img/sidemenu_out.gif) 0px 0px no-repeat;
	padding: 4px 0 0px 25px ;
	color: #333;
	text-decoration: none;
}

#content .sidemenu a.down{
	background: url(../img/sidemenu_over_down.gif) 0px 0px no-repeat;
	color: #FFF;
}

#content .sidemenu a:hover, #content .sidemenu a.active{
	background-image: url(../img/sidemenu_over.gif);
	color: #FFF;
}

#content .sidemenu a.down:hover, #content .sidemenu a.activeDown{
	background-image: url(../img/sidemenu_over_down.gif);
	color: #FFF;
}

#content .submenu a{
	width: 120px;
	background: url(../img/submenu_out.gif) 0px 0px no-repeat;
}

#content .submenu a:hover, #content .submenu a.active{
	background: url(../img/submenu_over.gif) 0px 0px no-repeat;
	color: #FFF;
}

#content .infoblock .product{
	font-weight: bold;
	clear: both;
}

#content .product .producticon{
	display: block;
	float: left;
	padding-right: 21px;
}

#content .product .trybuy a{
	display: block;
	float: left;
}

#content .maintext{
	width: 380px;
	color: #333;
}

#content .infoblock{
	background: url(../img/borderdot.gif) left bottom repeat-x;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

#content .highlight{
	height: 139px;
	padding: 5px 30px 15px 130px;
	background: url(../img/highlight.jpg) left top no-repeat;
	color: #333;
}

#content .go.high{
	float: none;
	position: absolute;
	margin-top: 120px;
	margin-left: 310px;
}

#content .productsublinks{
	padding: 5px 0px 25px 0px;
}

#content .productdetails{
	color: #333;
	display: block;
	font-weight: normal;
	text-decoration: none;
	float: left;
	background: url(../img/benefiticon.gif) 25px 2px no-repeat;
	padding-left: 45px;
}

/* -- The subcontent menu bar -- */

#submenu{ padding: 10px 0; }

.partners {
	float: left;
}

#submenu .bar{
	width: 182px;
	float: left;
	padding: 0 14px;
	line-height: 16px;
}

#submenu a{
	color :#FFF;
	text-decoration: none;
	display: block;
}

/* -- The footer -- */

#footer{
	color: #666666;
	text-align: center;
	padding: 15px 0;
}

/* -- Matrix where needed -- */

.matrix, .tabbed{
	background-color: #C4E123;
	width: 100%;
	margin-bottom: 15px;
}

.matrix th{
	border-bottom: #FFF solid 1px;
	padding: 3px;
}

.matrix td, .tabbed td{
	border-style: solid;
	border-width: 0px;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 3px 5px;
}

.tabbed .tabs{
	padding: 0px 0px 0px 1px;
}

.matrix td.yes{
	background-image: url(../img/vink.gif);
}

.matrix .info{
	border-left: #FFF solid 1px;
	border-bottom: none;
}

.matrix .white, .tabbed .white{
	border-color: #C4E123;
	border-width: 0px 0px 1px 1px;
	background-color: #FFF;
	color: #333;
}

.tabbed .white{
	border-width: 0px 1px 1px 1px;
}

.matrix .bright{
	border-color: #FFF;
	border-width: 0px 0px 1px 1px;
	background-color: #D2E857;
	color: #333;
}

.matrix .regular{
	border-color: #FFF;
	border-width: 0px 0px 1px 1px;
	background-color: #C4E123;
	color: #333;
}

.lefttop, .righttop, .leftbottom, .rightbottom{
	background-repeat: no-repeat;
}

TABLE.wizzardAccount, TD.wizzardAccount
{	background: #bada31;
	font-size: 9px;
}

TD.wizzardAccountTop
{	background: #d5f25b;
}

TD.wizzardAccountRight
{	background: #caeb3d;
}

TD.wizardAccountName
{	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}

th.lefttop{
	background-image: url(../img/corner-lt.gif);
	background-position: top left;
}

th.righttop{
	background-image: url(../img/corner-rt.gif);
	background-position: top right;
}

td.leftbottom{
	background-image: url(../img/corner-lb.gif);
	background-position: bottom left;
}

td.rightbottom{
	background-image: url(../img/corner-rb.gif);
	background-position: bottom right;
}

.tabbed .tab{
	float: left;
}

.tabbed .tab.active{
	background: url(../img/tabbed-lt.gif) top left no-repeat #FFF;
}

.tabbed .tab.active div{
	background: url(../img/tabbed-rt.gif) top right no-repeat;
	color: #E64B1B;
}

.tabbed .tab div{
	padding: 10px 15px;
	cursor: pointer;
}

.tabbed .white div{
	display: none;
}

.tabbed .white .active{
	display: block;
}

.tabbed .white div.active div{
	display: block;
	float: left;
	width: 120px;
	background: url(../img/arrow.gif) 10px 14px no-repeat;
	padding: 10px 20px;
}

.nieuwsitem h5 {
	margin:0;
	padding:0;
	color:#D64313;
	font-weight:bold;
	font-size:11px;
	margin-bottom:3px;
}
.nieuwsitem h6 {
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica;
	font-size:10px;
	color:#666;
}
.nieuwsitem {
	margin:5px 0 30px 0;
}
/* -- Reseller-- */

 #kaart
 {
 height: 325px;
 width: 270px;
 }
 
 
.nl
{
z-index: -1;
}
.noord_holland
{

position: absolute;
top: 220px;
left: 95px;
width: 50px;
height: 70px;
background-image: url('hover.png');
z-index: 5;
}

.zuid_holland
{
background-image: url('hover.png');
position: absolute;
top: 285px;
left: 70px;
width: 50px;
height: 50px;

}

.utrecht
{
background-image: url('hover.png');
position: absolute;
top: 300px;
left: 125px;
width: 30px;
height: 30px;

}

.zeeland
{
background-image: url('hover.png');
position: absolute;
top: 340px;
left: 15px;
width: 50px;
height: 50px;

}

.noord_brabant
{
background-image: url('hover.png');
position: absolute;
top: 350px;
left: 68px;
width: 100px;
height: 50px;

}
 
.limburg
{
background-image: url('hover.png');
position: absolute;
top: 410px;
left: 153px;
width: 20px;
height: 50px;

}

.limburg2
{
background-image: url('hover.png');
position: absolute;
top: 368px;
left: 170px;
width: 20px;
height: 50px;

}

.gelderland
{
background-image: url('hover.png');
position: absolute;
top: 300px;
left: 155px;
width: 60px;
height: 50px;

}

.flevoland
{
background-image: url('hover.png');
position: absolute;
top: 265px;
left: 155px;
width: 20px;
height: 20px;

}

.flevoland2
{
background-image: url('hover.png');
position: absolute;
top: 240px;
left: 170px;
width: 20px;
height: 20px;

}

.overijssel
{
background-image: url('hover.png');
position: absolute;
top: 290px;
left: 198px;
width: 60px;
height: 20px;

}

.overijssel2
{
background-image: url('hover.png');
position: absolute;
top: 270px;
left: 185px;
width: 60px;
height: 20px;

}

.overijssel3
{
background-image: url('hover.png');
position: absolute;
top: 250px;
left: 180px;
width: 53px;
height: 20px;

}

.drenthe
{
background-image: url('hover.png');
position: absolute;
top: 235px;
left: 210px;
width: 53px;
height: 20px;
}

.drenthe2
{
background-image: url('hover.png');
position: absolute;
top: 210px;
left: 225px;
width: 32px;
height: 20px;
}

.groningen
{
background-image: url('hover.png');
position: absolute;
top: 175px;
left: 225px;
width: 32px;
height: 30px;
}

.groningen2
{
background-image: url('hover.png');
position: absolute;
top: 195px;
left: 250px;
width: 20px;
height: 20px;
}

.friesland
{
background-image: url('hover.png');
position: absolute;
top: 175px;
left: 169px;
width: 50px;
height: 60px;
}
.biggerText
{
  font-size: 120%
}
/* -- show picture on mouseover-- */
.thumbnail{
position: relative;
z-index: 0;
font-weight: normal;
font-size: 12px;
color: black;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}
noscript
{
	color: red;
}

#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
color:#000000 !important;
font-size:1.06em;
font-family:Calibri, sans-serif;   
}
.twtr-bd { font-size: 1.1em; }
.twtr-hd, .twtr-ft
{
display: none;
}