/************************* ALGEMEEN ***/
	html, body {
	/*height: 100%;*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px; 
	margin-bottom: 0px; 
	color: #000000; 
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana;
	scrollbar-arrow-color: #FFFFFF; 
	scrollbar-3dlight-color: #F04906;
  scrollbar-darkshadow-color: #F04906;
  scrollbar-face-color: #F04906;
  scrollbar-highlight-color: #F04906;
  scrollbar-shadow-color: #F04906;
	scrollbar-track-color:	#FDEBE4;
	/*overflow-x: hidden; /*onderste scrollbar verbergen*/
	/* overflow: hidden; /*alle scrollbars verbergen*/
}



html {
	overflow-y:scroll;
}

ul {
 color: #4C4C4C;
 margin:         0px 0px 0px 10px;
 padding-left:   10px;
 font-size: 11px;
 text-indent: 0px;
}
li {
 	color: #4C4C4C;
	/*list-style-position: inside;*/
	font-size:11px;
	font-weight:normal;
	line-height:20px;
	list-style-image: url(images/li_bullit.gif);
	padding-bottom: 3px;
	background-image: url(images/bg_li.gif);
	background-repeat: repeat-x;
	background-position: 0% 100%;
}
/* geen plaatjes in de nieuwsticker, dit zorgt voor veel traffic */
#typetext ul,li {
 	list-style-image: none;
 	background-image: none;
 }
/* dit is de stijl voor alle (dus ook tekstblokken) td's en tabellen in de website (waar geen class met overrulende definities op zit) */
table,td {
	color: #4C4C4C;
	line-height: 18px;
 	font-family:verdana;
	font-size: 11px;
	font-weight: normal;
}
/* form elementen */
input {
	color: #4C4C4C;
	border: solid 1px #F69A75;
	background-color: #FDEBE4;
	font-size:11px;
	padding:4px;
}
textarea {
	color: #4C4C4C;
	border: solid 1px #F69A75;
	background-color: #FDEBE4;
	font-size:11px;
	padding:2px;
}
/* style voor links */
a,a:link,a:visited,a:active,a:hover { 
	color: #F04906; 
	line-height: 18px;
 	font-family: Verdana;
	font-size: 11px;
	font-weight: regular;
	font-family: Verdana;
	text-decoration: none;
}
/* style voor de rollover van de links */
a:hover {
	text-decoration: underline;
}
h1 {
	color: #18388F;
	font-size: 18px;
	line-height: 15px;
	font-weight: normal;
	font-family: Verdana;
	text-align: left;
	padding-top:2px;
}
/* titels */
.tab  {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bolder;
	font-family:  Swiss, Arial, Tahoma, Helvetica, Geneva, Georgia, SunSans-Regular;
	text-align: left;
	padding-top:2px;
	letter-spacing: 1px;
	line-height: 15px;
}
.topnavlink_active,.topnavlink_active:link,.topnavlink_active:active,.topnavlink_active:visited,.topnavlink_active:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.topnavlink,.topnavlink:link,.topnavlink:active,.topnavlink:visited,.topnavlink:hover {
	color: #FFFFFF;
	text-decoration: none;
}
/* TITELS tab */
.navbarlink,.navbarlink:link,.navbarlink:visited,.navbarlink:active,.navbarlink:hover {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bolder;
	font-family:  Swiss, Arial, Tahoma, Helvetica, Geneva, Georgia, SunSans-Regular;
	text-align: left;
	padding-top:2px;
	letter-spacing: 1px;
	line-height: 15px;
	white-space:nowrap;
}
.navbarlink_active,.navbarlink_active:link,.navbarlink_active:active,.navbarlink_active:visited,.navbarlink_active:hover {
	color: #F04906;
	font-size: 12px;
	font-weight: bolder;
	font-family:  Swiss, Arial, Tahoma, Helvetica, Geneva, Georgia, SunSans-Regular;
	text-align: left;
	padding-top:2px;
	letter-spacing: 1px;
	line-height: 15px;
	white-space:nowrap;
}
/* SUBtitels tab */
.navbarsublink,.navbarsublink:link,.navbarsublink:visited,.navbarsublink:active,.navbarsublink:hover {
	/*color: #F04906;*/
	color:#b5d7f9;
	font-size: 11px;
	font-family:  Swiss, Arial, Tahoma, Helvetica, Geneva, Georgia, SunSans-Regular;
	text-align: left;
	padding-top:2px;
	font-weight: normal;
	letter-spacing: 0px;
	white-space:nowrap;
}
.navbarsublink_active,.navbarsublink_active:link,.navbarsublink_active:active,.navbarsublink_active:visited,.navbarsublink_active:hover {
	color: #F04906;
	font-size: 11px;
	font-family:  Swiss, Arial, Tahoma, Helvetica, Geneva, Georgia, SunSans-Regular;
	text-align: left;
	padding-top:2px;
	font-weight: normal;
	letter-spacing: 0px;
	white-space:nowrap;
}
.navbarlink:hover {
	color: #FFFFFF;
	text-decoration: none;
}
/* style voor h2, h3, bold en strong tegelijk (dit is goed indexeerbaar. kopjes gewoon bold en dan zelf grootte bepalen) */
h2 {
	color: #18388F;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	font-family: Verdana;
	text-align: left;
}
h3{ 
	color: #18388F;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	font-family: Verdana;
	text-decoration: none; 
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
}
b,strong {
	color: #F04906;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	font-family: Verdana;
	text-decoration: none; 
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;

}

p {
	margin-top: 0px;
	line-height: 18px;
 	font-family:verdana;
	font-size: 11px;
	color: #4C4C4C;
}
.page_id {
	font-weight:normal;
}


/* style voor horizontale lijn */
hr {
	/*height: 1px;
	color: #B0B0B0;*/
	border: 1px solid #B0B0B0;
	height:1px;
}
.marge {
	font-size: 1px;
	line-height: 1px;
}
.ipkop {
	color: #FFFFFF;
}
.ip {
	color: #FFFFFF;
	font-weight: bold;
}
/****************************************************** BOVENKANT */
/* algehele tabel om de site heen */
.hoofdtabel_links {
	background: #ffffff;
	background-image: url(images/bg_links.gif);
	background-position:top right;
	background-repeat: no-repeat;
}

.hoofdtabel_rechts {
	background: #ffffff;
	background-image: url(images/bg_rechts.gif);
	background-position:top left;
	background-repeat: no-repeat;
}

.hoofdtabel {
	background: #ffffff;
	/*background-image: url(images/bg.gif);
	background-position:50% 0%;
	background-repeat: no-repeat;*/
	/*height: 100%;*/
	width: 100%;
}

.content_tabel {
	height:100%;
	width:980px;
	border:0px;
}

/* de relatieve marges links en rechts */
.linkstd,.rechtstd {

}
/* de td's in de hoofdtabel, als ze geen andere naam hebben, zoals linkstd, rechtstd etc */
.hoofdtabeltd {
	
}
/* tabel om de hele bovenkant */
.headertabel {
}
/* elke td in deze tabel */
.headertabeltd {
	font-size: 1px;
	line-height: 1px;
}
/* tabel om de td waarin het logo zit */
.logotabel {
}
/* hierin het logo en imagemap */
.logotabeltd {
}
/* tabel om de navigatie heen */
.topnavtabel {
}
/* hierin wordt het hoofdmenu gestopt */
.topnavtabeltd {
	text-align:right;
}
.topnavlink,.topnavlink:link,.topnavlink:visited,.topnavlink:active,.topnavlink:hover {
	font-family: Verdana;
	font-size: 11px;
	color: #757575;
	text-decoration: none;
	font-weight: normal;
}
.topnavlink:hover {
	color: #045789;
	text-decoration: underline;
}
.vlaggentd {
	text-align: right;
	vertical-align: bottom;
	padding-bottom: 5px;
}
/* style van de tabellen in de navigatie include (het pulldown menu) */
.hoofdnavtabel {
	background-image: url(images/dots_nav.gif);
	background-repeat: repeat-x;
}
/* */
.hoofdnavtabeltd {
	vertical-align: middle;
}
/* de tabel om de zoekfunctie heen */
.zoektabel {
	background-image: url(images/dots_nav.gif);
	background-repeat: repeat-x;
}
/* de td in de zoektabel */
.zoektabeltd {
	width: 10px;
	font-size: 1px;
}
/****************************************************** CONTENT */
/* de td met daarin de contenttabel */
.contenttabeltd {
}
/* stijl op de tabel met daarin de diverse td's met tekstblokken */
.contenttabel {
}
/* stijl op de td's waarin de tekstblokken gegenereerd worden */
.content {
	color: #000000;
	font-family: Verdana;
	line-height: 18px;
	align: justify;
	text-align: justify;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	background: transparent;
	padding-top:45px;
}
.content_bg {
	background: #FFF url(images/bg_content_rechts.gif);
	background-repeat:no-repeat;
	background-position: 0% 0%;
	vertical-align:top;
	height:400px;
}

/* zijnavigatieholder */
.contenttabellinks {
	text-align:	left;
}
/* rechterkantpaneelholder */
.contenttabelrechts {
	text-align:	left;
}
/****************************************************** NIEUWS- en EVENTSBLOK */
/* class op de 'legend' (kopje) */
.head {
	padding: 0px;
	font-family:verdana;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
.nieuwsberichtentabeltd {
	color:#4c4c4c;
	line-height:20px;
}
.nieuwsitemtd {
	background:#FFFFFF;
	border-bottom: 0px solid #F04906;
}
.nieuwsblok {
	background-image: url(images/bg_nieuws.gif);
	background-repeat: repeat-y;
 	border-bottom: 3px solid #F04906;
	/*width:290px;*/
}

.nieuwsblok_nieuwsbrief {
	background-image: url(images/bg_nieuws.gif);
	background-repeat: repeat-y;
 	border-bottom: 3px solid #F04906;
	text-align:center;
}

.navigatieblok {
	background-image: url(images/bg_nieuws.gif);
	background-repeat: repeat-y;
	text-align:center;
	vertical-align:top;
	width:200px;
}

.navigatieblok_nieuwsberichten {
	background-image: url(images/bg_nieuws.gif);
	background-repeat: repeat-y;
	text-align:center;
	vertical-align:top;
}

.navigatieblok_route {
	background-image: url(images/bg_nieuws.gif);
	background-repeat: repeat-y;
	text-align:center;
	vertical-align:top;
	width:10px;
}

.navigatieblok_nieuws {
	background-image: url(images/bg_nieuws.gif);
	background-repeat: repeat-y;
	text-align:center;
}

/* de lees verder link onderin */
.nieuwslink,.nieuwslink:link,.nieuwslink:active,.nieuwslink:visited,.nieuwslink:hover{
	text-decoration:none;
	font-size: 9px;
	color:#70c4ff;
	font-weight:normal;
	text-decoration:none;
}
/* de hover class */
.nieuwslink:hover {
	text-decoration:none;
}
.nieuwstitelstabeltd {

}

/* class van de nieuwslinks aan de  rechterzijde van de nieuwspagin */
.nieuwslink_rechts,.nieuwslink_rechts:link,.nieuwslink_rechts:active,.nieuwslink_rechts:visited,.nieuwslink_rechts:hover{
	text-decoration:none;
	font-size: 11px;
	color:#006BB3;
	font-weight:normal;
	text-decoration:underline;
}
/* de hover class */
.nieuwslink_rechts:hover {
	text-decoration:none;
	text-decoration:none;
}

/* titel boven nieuwsbericht */
.nieuwstitel,.nieuwstitel:link,.nieuwstitel:ative,.nieuwstitel:visited,.nieuwstitel:hover {
	text-decoration:none;
	font-size: 11px;
	color:#FFFFFF;
	font-weight:bold;
}
/* platte tekst nieuwsbericht, aankeiler op homepage */
.nieuwsbody {
 	font-family:verdana;
	font-size: 9px;
	color: #ffffff;
}
/* platte tekst nieuwsbericht op nieuwspagina*/
.nieuwskop{
	font-weight:bold;
	color: #006BB3;
	font-size: 12px;
	/*background-color: #D0ECFF;
	padding-top:10px;
	padding-bottom:10px;*/
}
.nieuwsdatum {
	font-family:verdana;
	font-size: 11px;
	font-weight:normal;
	color: #767474;
	/*height:20px;*/
}
.aankeiler {
	font-weight:normal;
	color: #006BB3;
}
.nieuwsbodycontent {
 	font-family:verdana;
	font-size: 11px;
	color: #000000;
	padding-bottom:25px;
	border-bottom: 1px solid #00245D;
	background-image: url(images/verloop.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	/*border:1px solid green;*/
}

.inschrijven_nieuwsbrief {
	color: #FFFFFF;
}
.nieuwsscroller_td {
	background-image: url(images/bg_nieuwsscroller.gif);
	background-position: 0% 50%;
	background-repeat: repeat-x;
	padding-left:4px;
	vertical-align:middle;
	text-align:left;
	height:63px;
}
.nieuws_titel {
	color: #18388F;
	font-size: 18px;
	line-height: 15px;
	font-weight: normal;
	font-family: Verdana;
	text-align: left;
	padding-top:2px;
}


/*****************************************************************/



/****************************************************** ONDERKANT */
.footertabel {
	border:0px;
	height:100%;
	width:100%;
}

.footertabeltd {
	text-align:center;
	height:30px;
	width:100%;
}

.footertabeltd,.footerlink,.footerlink:link,.footerlink:active,.footerlink:visited,.footerlink:hover {
	background: #f04906;
	font-family: Verdana;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	text-align:center;
	text-indent: 10px;
	vertical-align:middle;
}
.footerlink:hover {
	text-decoration: underline;
}
/*****************************************************************/
.zoeken,.zoeken:link,.zoeken:active,.zoeken:visited,.zoeken:hover {
	font-size: 10px;
	color: #ffffff;
}
.notselected {
	font-size:1px;
	line-height:1px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background:transparent;
}
.selected {
	font-size:1px;
	line-height:1px;
	background:url(images/clickstate.gif) repeat-x top;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/* tabel met td's met subitems */
.submenutabel {
	border-top: solid 1px #CCDBE3;
	border-right: solid 1px #CCDBE3;
	border-bottom: solid 0px #CCDBE3;
	border-left: solid 0px #CCDBE3;
}
/* bevat het subitem */
.submenutabeltd {
	height: 26px;
	padding: 0px;
	text-align:left;

}

/* bevat het subitem niveau3 */
.submenutabeltd2 {
	padding: 0 0 3px 0px;
}

/* titel boven submenu is los gestyled */
.submenutabeltdtitel {
	font-weight: normal;
	color: #72134A6;
	height:20px;
	text-indent:0px;
	font-style:italic;
}

/* het subitem zelf */

.nieuws {
   text-indent:8px;
	 color:#F04906;
	 padding-bottom: 12px;
	 padding-top: 8px; 
	 background-image: url(images/nieuwstitelbg.gif); 
	 background-position: left top;
	 background-repeat: repeat-x;
}

ul.nieuwsmenulink {
    list-style: none;
		margin: 0px;
		padding: 0px;	
		clear:left;
}
ul.nieuwsmenulink li {
		padding-left: 8px;
		vertical-align:text-top;
		border-bottom: 1px dotted #CCCCCC;
		
}
ul.nieuwsmenulink li a {
		font-size: 11px;
		text-decoration: none;
}

ul.nieuwsmenulink li a:hover {
    font-size: 11px;
		text-decoration: none;
}

.submenuitemlink,.submenuitemlink:link,.submenuitemlink:active,.submenuitemlink:visited,.submenuitemlink:hover {
	font-family:verdana;
	font-size: 11px;
	color: #1c3ea2;
	text-decoration: none;
	background-image: url(images/bg_menu.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	display:block;
	padding-left:10px;
	height:23px;
}
/* hover */
.submenuitemlink:hover {
	color: #F04705;
	display:block;
	text-decoration:none;
	background-image: url(images/bg_menu_o.gif);
	background-position: bottom center;
}

.submenuitemlinkSel,.submenuitemlinkSel:link,.submenuitemlinkSel:active,.submenuitemlinkSel:visited,.submenuitemlinkSel:hover {
	font-family:verdana;
	font-size: 11px;
	color: #F04705;
	text-decoration: none;
	background-image: url(images/bg_menu_s.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	display:block;
	height:23px;
	text-indent:10px;
}

/* het subitem niveau 3 zelf */
.submenuitemlink2,.submenuitemlink2:link,.submenuitemlink2:active,.submenuitemlink2:visited,.submenuitemlink2:hover {
	font-family:verdana;
	font-size: 11px;
	color: #4C4C4C;
	padding-left:20px;
	padding-bottom:3px;
	text-decoration: none;
	background-image: url(images/bg_submenu.gif);
	background-repeat: no-repeat;
	background-position:bottom center;
	display:block;
	text-align:left;
}
/* hover */
.submenuitemlink2:hover {
	color: #F04705;
	text-decoration: none;
	padding-left:20px;
	padding-bottom:3px;
	background-image: url(images/bg_submenu_s.gif);
	background-repeat: no-repeat;
	background-position:bottom center;
	display:block;
}

.submenuitemlink2Sel,.submenuitemlink2Sel:link,.submenuitemlink2Sel:active,.submenuitemlink2Sel:visited,.submenuitemlink2Sel:hover {
	font-family:verdana;
	font-size: 11px;
	color: #F04705;
	text-decoration: none;
	padding-left:20px;
	padding-bottom:3px;
	background-image: url(images/bg_submenu_s.gif);
	background-repeat: no-repeat;
	background-position:bottom center;
	display:block;
	text-align:left;
}

/* class op tabel met gegenereerde nieuwsitems op nieuwspagina zelf */
.nieuwstitelstabel {
	width: 220px;
}
/* td in de tabel. bevat gegenereerde nieuwstitels */
.nieuwstitelstabeltd {
	padding: 8px 5px 15px 15px;;
	border-top: 0px solid #CCDBE3;
	/*border-right: 1px solid #CCDBE3;*/
	border-bottom: 1px dotted #CCDBE3;
	border-left: 0px solid #CCDBE3;
}
img {
	border:0px;
	margin:0px;
}

/*------------ support pagina -----------*/

.bg_support{
	background:  #E5EEF3 url(images/bg_support.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

/*------------ contact formulier -----------*/
.contactformtabeltd {
	font-size: 9px;
	font-weight: bold;
	color: #045789;
	height:25px;
}

.divider_form {
	background-image: url(images/bg_form.gif);
	background-position: left top;
	background-repeat: repeat-x;
	height:5px;

}

.tabel_versturenknopjelink {
	background-color: #045789;
	padding:8px;
	color:#FFFFFF;
}

.resellerslogin {
	border: 1px solid ##BDDAF6;
	border-bottom: 3px solid ##BDDAF6;
	background-color:red;
}

.tabelcontracten {
	border: solid 1px #efefff;
}

/* ------------  tab navigatie ------------- */
.topnavlink,.topnavlink:link,.topnavlink:visited,.topnavlink:active,.topnavlink:hover {
	font-family: Arial;
	color:#00245d;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	background-color:#d0ecff;
	
}
.topnavlink:hover {
	font-family: arial;
	color:#00245d;
	font-size: 11px;
	text-decoration: underline;
}
.margin_tab {
	background-image: url(images/bg_tab.gif);
	background-position:bottom;
	background-repeat: repeat-x;
	
}
.tab_normal {
	background-image: url(images/dividerkl.gif);
	background-position:right;
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-right: 15px;
	/*border-bottom:1px solid #ffffff;*/
}
.tab_active {
	background-image: url(images/dividermir.gif);
	background-position:right;
	background-repeat: no-repeat;
	background-color:#0a297b;
	/*border-bottom:1px solid #ffffff;*/
	font-weight:normal;
	padding-left: 15px;
	padding-right: 15px;
	height:45px;
}

.bg_navigatie {
	background-position:top;
	background-repeat:no-repeat;
}
/* tabel om de vragen in de faqmodule heen */
.FAQTITELTABEL {
}
/* td met de titel voor de faq er in */
.FAQTITELTABELTD {
}
/* td met daarin de link ga naar boven */
.FAQTITELANKERTD {
}
/* link op ga naar boven */
.FAQTITELANKER {
}
/* tabel om de antwoorden in de faqmodule heen */
.FAQTABEL {
	padding-left: 5px;
	padding-right: 5px;
}
/* class op de antwoorden in de faq module. wordt vanuit editor gezet */
.FAQBODY {
	font-weight: normal;
	font-size: 10px;
}
.FAQTITELTD {
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
}
.FAQTITEL {
}

.sitewide,.sitewide:link,.sitewide:active,.sitewide:visited,.sitewide:hover {
	font-size:9px;
	color:#4C4C4C;
	white-space:nowrap;
}
.sitewide:hover {
	font-size:9px;
	color:#F04906;
	text-decoration: none;
}
.sitewide-lijn {
	color:#9a9a9a;
	width:10px;
	vertical-align:bottom;
	text-align:center;
	padding-left:2px;
	padding-right:2px;
}
.navbar {
	background-image: url(images/nav-bar.jpg);
	background-repeat: no-repeat;
	height:45px;
}

/* ------------------------ SLIDER ------------------------------------*/

#login-wrap {
background: url(images/bg-login.gif) 0 0 repeat-x;
position: absolute;
top: -100px;
left: 0px;
padding-top: 26px;
width: 100%;
text-align: center;
z-index: 999;
color: #fff;
}
#login {
position: relative;
height: 134px;
}
#login a {
	background-color: transparent;
}
#login a {
	color: #b0c9de;}
#login a:hover {
	color: #fff;}
#login h3 {
	color: #FFFFFF;
	font-size: 1.6em;
}
#toggle {
position: absolute;
right: 0px;
bottom: 0px;
margin: 0px;
width: 80px;
height: 20px;
line-height: 20px;
}
#toggle a {
display: block;
padding-left: 0px;
width: 80px;
height: 14px;
color: #fff;
line-height: 18px;
outline: none;
text-decoration: none;
padding-bottom: 3px;
}
#toggle a:hover, #toggle a:focus {color: #fff; text-decoration: none;}
#toggle, #toggle a, #toggle a:hover {
background-image: url(images/bg-toggle.gif);
background-repeat: no-repeat;
}
#toggle.opened, #toggle.opened a {background-position: 0 0;}
#toggle.opened a:hover, #toggle.opened a:focus {background-position: -80px 0;}
#toggle.closed, #toggle.closed a {background-position: 0 -20px;}
#toggle.closed a:hover, #toggle.closed a:focus {background-position: -80px -20px;}
.lg-form {
width: 980px;
}
* {
	margin: 0px;
	padding: 0px;
}
form{
border: 0px;
}
#wrap {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 20;
	text-align: center; /* Allows IE 5 to center elements with margin: 0 auto */
}
 #login {
	width: 970px;
	text-align: left;
	margin: 0 auto;
	}

/*--[ slider ]----------------------------------------------------------------*/
#slider {
	background: url(images/bg-slider.gif) 0 0 no-repeat;
	width: 920px;
	height: 300px;
	/*padding: 10px 20px 15px 20px;*/
	z-index: 10;
	margin: 0px;
}
#slider div {
	width: 920px;
	max-width: 920px;
	height: 300px;
	overflow: hidden;
	position: relative;
}
#slider img {
	float: left;
}

.diensten ul li  {
	color:#FFFFFF;
	font-size: 11px;
	font-weight:bold;
	line-height:28px;
}


.supportlink ul li a:link, a:visited, a:hover, a:active {
	color:#F04906;
	font-size: 11px;
	font-weight:normal;
	list-style-type: none;
	line-height:18px;
	list-style: none;
}

/* ------------------- style TAB homepage -----------------------*/
#routetabDiv {
	margin-left:20px;
	margin-top:33px;
}
#gallery {
	font:11px verdana,arial,sans-serif; 
	width:380px; 
	padding:0px 3px 0px 0px; 
	line-height:15px;
	}
	
#gallery div.off {
	color:#979896;
	font-weight:bold;  
	height:33px; 
	margin-right:2px; 
	line-height:33px; 
	padding:0px 5px;
	float:left; 
	background:url(images/tabs_0.gif) repeat-x left bottom; 
	border:1px solid #dbdbdb; 
	cursor:pointer; 
	position:relative; 
	z-index:20;
	}
	
	
	#gallery div.off:hover {
	color:#666;
	text-decoration:none;
	}
	/*- active tab --*/
#gallery div.on {
	color:#F04906;
	font-weight:bold; 
	padding:0px 5px; 
	margin-right:2px; 
	margin-top:1px; 
	float:left; 
	background:url(images/tabs_2.gif) repeat-x left bottom; 
	border:1px solid #b0b0b0;
	cursor:pointer; 
	border-bottom:0pt solid #FFF; 
	height:33px; 
	line-height:32px; 
	position:relative; 
	z-index:100;
	}

div.hide {
	display:none; 
	width:0; 
	overflow:hidden;}
div.show {
	top:-1px;
	z-index:50; 
	position:relative; 
	width:380px;
	height:395px;
	border-top:1px solid #b0b0b0;
	border-left:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
	border-bottom: 3px solid #F04906;
	clear:left; 
	}
div.show img {
	float:left; 
	margin:0 10px 10px 0;
	}
.clear {
	clear:both;
	}
.typetext {
		border: 1px solid red;
	}
.tabtext {
	font-size:11px;
	color:#4C4C4C;
	line-height: 16px;
}



/* -------------  hover van de plaatjes in de tab ----------------*/

#box1, #box2, #box3, #box4{
  display:block;
	padding-top:3px;
	padding-bottom:15px;
	background-image: url(images/bg_li.gif);
	background-repeat: repeat-x;
	background-position: 0% 100%;
}

#foto_1, #foto_2 {
		float: left;
		text-align: justify;
		margin: 0 3px 10px 0;
		padding: 10px;
		position : relative;
}

#foto_2 ul {
	margin-left : 10px;
    padding-left: 0;
	list-style : none;
}

#foto_2 ul li {
	background : url(redbullet.gif) no-repeat 0 50%;
	padding-left : 13px;
}
    
#foto_1 img, #foto_2 img{
		float: left;
		color: #303030;
		border: 1px solid #f5f5f5;
		background-color: #FFFFFF;
		margin: 3px 10px 7px 0;
}

#foto_1 span a img{
	display : none;
}

#box1 a:hover img {
  position: absolute;
	width: 90px;
	height: 130px;
	display : block;
	left: 280px;
  top : 0px;
}

#box2 a:hover img {
  position: absolute;
	width: 90px;
	height: 130px;
	display : block;
	left: 280px;
  top : 0px;
}

#box3 a:hover img {
   position: absolute;
	width: 90px;
	height: 130px;
	display : block;
	left: 280px;
  top : 0px;
}

#box4 a:hover img {
  position: absolute;
	width: 90px;
	height: 130px;
	display : block;
	left: 280px;
  top : 0px;
}


/* ------------------ LIGHTBOX CSS --------------------------*/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font-size: 1.0em; 
	font-family:'Lucida Grande', Lucida Sans, trebuchet MS, Verdana, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.6em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
.tarieven {
/*tabel op ebackup tarieven pagina*/
}

.tariefspecs {
	color: #F04906;
	background-color: #FDEDE7;
	padding: 5px;
}

.prijs {
	color: #FFFFFF;
	background-color: #F04906;
	padding: 5px;
}

.backupprijsmaand {
	background-color: #FDEDE7;
}

.backupprijsmaandtd {
	padding: 5px;
}

.downloads {
	background-color:#FDEDE7;
	padding: 5px;
}

.bannerrechtsmarge {
	height: 13px;
}

.menuitemtopmarge {
	height: 13px;
}

.raster {
	background-image: url(images/raster.gif);
	background-repeat: repeat;
	background-position: top left;
}

.brochure {
	padding: 10px 0px 10px 0px;
}

.topbrochure {
 background-image: url(images/lijn_bro.gif);
 background-repeat: repeat-x;
 background-position: bottom left;
}

.brochuretekst {
	padding: 10px 10px 10px 10px;
}

#holder_aktie{
	width:380px;
	background-image: url(images/bg_actieblok.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	}
.actie_tekst{
	font-size:11px;
	text-align:center;
	line-height:18px;
	font-weight:bold;
	color:#16358F;
	}
a.button1{
	background-image: url(images/but_online_spamfilter.gif);
	height:33px;
	width:242px;
	background-position: 0px 0px;
	background-repeat:no-repeat;
	margin:10px auto;
	cursor:pointer;
	display:block;
}
a.button1:hover{
	background-image: url(images/but_online_spamfilter.gif);
	height:33px;
	background-position:0px -33px;
	background-repeat:no-repeat;
	margin:10px auto;
}

a.button2{
	background-image: url(images/but_online_backup.gif);
	height:33px;
	width:242px;
	background-position: 0px 0px;
	background-repeat:no-repeat;
	margin:10px auto;
	cursor:pointer;
	display:block;
}
a.button2:hover{
	background-image: url(images/but_online_backup.gif);
	height:33px;
	background-position:0px -33px;
	background-repeat:no-repeat;
	margin:10px auto;
}

a.button3{
	background-image: url(images/but_online_apk.gif);
	height:33px;
	width:242px;
	background-position: 0px 0px;
	background-repeat:no-repeat;
	margin:10px auto;
	cursor:pointer;
	display:block;
}
a.button3:hover{
	background-image: url(images/but_online_apk.gif);
	height:33px;
	background-position:0px -33px;
	background-repeat:no-repeat;
	margin:10px auto;
}



	



/*--------------------- style thumbnail viewer*/

.thumbnail{
position: relative;
z-index: 0;
}

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

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

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

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


/* thickbox alleen met CSS*/

		.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=0);
		}
		
		.white_content {
			display: none;
			position: absolute;
			top: 25%;
			left: 0%;
			/*width: 100%;
			height: 100%;*/
			text-align:center;
		  border: 1px solid red;
			z-index:1002;
		}
		
		.test {
			position: absolute;
			z-index:2003;
		}
		
	/* thickbox alleen met CSS*/


	/* tellafriend tabelholder */
.tabel_tellafriend_holder {
}
/* tellafriend */
.tabel_tellafriend {
}
/* tellafriend */
.tabel_tellafriend_td {
}
/* tellafriend verzenden knopje */
.tabel_versturenknopje {
	background-color: #ff0000;
}
/* tellafriend verzenden knopje achtergrond */
.tabel_versturenknopjetd {
}
/* tellafriend */
.tabel_versturenknopjelink {
	background-color: #E5EEF3;	
}

.spam_table {
	width: 550px;
	background-image: url(images/raster.gif);
	background-repeat: repeat;
	background-position: bottom left;
}

.spam_header {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #F04705;
	background-image: url(images/lijn_bro.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding: 2px 2px 2px 5px;
}

.spam_tekst {
	font-family: verdana;
	font-size: 11px;
	color: #4C4C4C;
	padding: 2px 2px 2px 5px;
}

.spam_veld {
	font-family: verdana;
	font-size: 11px;
	color: #4C4C4C;
	width: 85px;
	background: #FFFFFF;
	padding-left: 2px;
}

.spam_knop {
/*style van de knop*/
}

.spam_knop_regel {
	background: #FFFFFF;
	padding: 5px 2px 2px 5px;
}

.spam_tekst_bold {
	font-weight: bold;
	font-size: 11px;
	padding: 2px 2px 2px 5px;
}
.offerteaanvraagknop_spamcalc,.offerteaanvraagknop_spamcalc:link,.offerteaanvraagknop_spamcalc:active,.offerteaanvraagknop_spamcalc:visited {
	color: #13328C;
	font-family: verdana;
	font-weight: normal;
	font-size: 11px;
}

.offerteaanvraagknop_spamcalc:hover {
	color: #0061C0;
	font-family: verdana;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}

.nieuwspers_links,.nieuwspers_links:link,.nieuwspers_links:active,.nieuwspers_links:visited {
	color: #F34905;
	font-family: verdana;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

.nieuwspers_links:hover {
	font-family: verdana;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}
.formset {
	font-family: verdana;
	font-weight: normal;
	font-size: 11px;
	color: #4c4c4c;
}
.classnaam,.classnaam:link,.classnaam:hover,.classnaam:active,.classnaam:visited {
	color: #1c3ea2;
	line-height:14px;
}
.classnaam:hover {
	color: #F04705;
	line-height:14px;
}


.classnaam2,.classnaam2:link,.classnaam2:hover,.classnaam2:active,.classnaam2:visited {
	color: #F14905;
	line-height:14px;
}

.sitewide_align {
	vertical-align:bottom;
	text-align:center;
}

.maincontent {
	border:0px;
	width:555px; 
}

.maincontent_sitemap {
	border:0px;
	width:940px; 
}
.td_portfolio{/*td portfolio op de homepage*/
	padding:15px 0px 15px 0px;;
	text-align:center;
	background-image: url(images/bg_portfoliohome.gif);
	background-repeat: no-repeat;
	background-position: top center;
}

.maincontent_portfolio {
	border:0px;
	text-align: center;
}

.portfolio_class {
	padding-top: 5px;
	vertical-align:top;
	width:180px;
	height:100%;
}

.portfolio_class2 {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	vertical-align:top;
	width:185px;
	height:100%;
	text-align:left;
}

/*opzet voor portfolio DIVS*/
.portfolio_holder{
	width:550px;
	height:155px;
	float:left;
	border:1px solid #fff;
	margin:0px 10px 10px 0px;
	background-image: url(images/raster.gif);
	background-repeat: repeat;
	background-position: top left;
	text-align:left;
	}
	
.portfolio_holder_smal{
	width:360px;
	height:155px;
	float:left;
	border:1px solid #fff;
	margin:0px 10px 10px 0px;
	background-image: url(images/raster.gif);
	background-repeat: repeat;
	background-position: top left;
	text-align:left;
	}
	
.portfolio_holder:hover,
.portfolio_holder_smal:hover{
	border:1px solid #ccc;
	}
.portfolio_holder img,
.portfolio_holder_smal img{
	margin:5px 3px;
	float:left;
	}

.portfolio_holder b,
.portfolio_holder strong,
.portfolio_holder_smal b,
.portfolio_holder_smal strong{
	display:block;
	margin-top:10px;
	margin-bottom:5px;
	color:#18388f;
	}
	
.portfolio_holder p,
.portfolio_holder_smal p{
	display:block;
	padding-right:5px;
	}
/*einde opzet voor portfolio DIVS*/



.hoofdtabel_td {
	text-align:center;
	width:980px;
}

.tabel_content {
	/*height:100%;*/
	width:980px;
}

.sidewide_header {
	width:980px;
	height:100%;
	border:0px;
}

.image_header_td {
	text-align:left;
	height:120px;
	width:980px;
	background-color:#F04705;
}

.menuitems_td {
	vertical-align:top;
	text-align:left;
}

.menuitems_hoofdtabel {
	border:0px;
	width:980px;
}

.tekstblok_td {
	vertical-align: top;
	text-align: left;
	padding-top: 12px;
}

.tekstblok_td_sitemap {
	vertical-align: top;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(images/raster.gif);
	background-repeat: repeat;
	background-position: top left;
}

.tekstblok_td_portfolio {
	vertical-align: top;
	text-align: center;
	padding-top: 12px;
}

.menuitem_background {
	width:190px;
	background:#FFFFFF;
	vertical-align:top;
	padding-top:5px;
}

.menuitem_rand {
	width:5px;
}

.bannerrechts_td {
	width:210px;
	vertical-align:top;
}

.portfolio_tabel {
	border-right: 0px;
	border-top: 0px; 
	border-left: 0px; 
	border-bottom: 0px;
	width: 365px; 
	height: 175px
}

.portfolio_content {
	border-right: 0px; 
	border-top: 0px; 
	border-left: 0px; 
	border-bottom: 0px; 
	width: 365px; 
	height: 100%;
}

.portfolio_marge {
	width:10px;
}

.nieuwsberichten_td {
	vertical-align:top;
	text-align:left;
	width:320px;
	padding-top: 10px;
}

.nieuwsberichten_tabel {
	border:0px;
	width:100%;
}

.lees_verder {
	padding-left:30px;
	text-align:right;
}

.raster_nieuws {
	background-image: url(images/raster.gif);
	background-repeat: repeat;
	background-position: top left;
	padding: 5px;
}

.nieuws_tussen_marge {
	height:5px;
}

.nieuws_onder_marge {
	height:10px;
}

.nieuwsbericht_td {
	width:610px;
	vertical-align:top;
}

.nieuwsbericht_tabel {
	border:0px;
	height:100%;
	width:610px;
}

.nieuwsbericht_titel {
	color: #18388F;
	font-size: 18px;
	font-weight: normal;
	font-family: Verdana;
	text-align: left;
	vertical-align:top;
	height: 25px;
}

.nieuwsbericht_body {
	padding-top: 20px;
	vertical-align:top;
}

.routetab_td {
	width:400px;
	text-align:left;
	vertical-align:top;
}

.routetab_tabel {
	width:100%;
}

.routediv {
	vertical-align:top;
	padding-left:20;
	padding-top:14px;
}

.googlemaps {
	width: 440px;
	height: 405px; 
	border: 1px #B0B0B0 solid; 
	font-family: tahoma, verdana;
}

.homebanner {
	 height:240px;
	 text-align:left;
}

.inhoud_container {
	text-align:left;
	vertical-align:top;
	padding-bottom:10px;
}

.formulier_style {
	height:1090px;
	visibility:visible;
	border: 0px;
}

#simplegallery1, #simplegallery2{ 
	position: relative; /*keep this intact*/
	visibility: hidden; /*keep this intact*/
	float:left;
	padding-right:5px;
}
#simplegallery1 .gallerydesctext,
#simplegallery2 .gallerydesctext{ 
	text-align: left;
}

/* style voor het jquery image menu */
.jimgMenu {
 position:relative;
 padding: 0px;
 width:980px;
 height:160px;
 overflow: hidden;
}

.jimgMenu ul {
 list-style: none;
 margin: 0px;
 padding: 0px;
 display: block;
 height: 160px;
 position: relative;
 }

.jimgMenu ul li {
 width: 165px;
 float: left;
 display: block;
 overflow: hidden;
}

.jimgMenu ul li a {
 text-indent: -1000px;
 background:#fff repeat scroll 0%;
 border-right: 2px solid #fff;
 cursor:pointer;
 display:block;
 overflow: hidden;
 height: 200px;
}

.jimgMenu ul li.e-store a {
 background: url(images/but_estore0.gif) repeat scroll 0%;
}
.jimgMenu ul li.e-store a:hover {
 background: url(images/but_estore1.gif) repeat scroll 0%;
}

.jimgMenu ul li.e-site a {
 background: url(images/but_esite0.gif) repeat scroll 0%;
}
.jimgMenu ul li.e-site a:hover {
 background: url(images/but_esite1.gif) repeat scroll 0%;
}

.jimgMenu ul li.e-mailing a {
 background: url(images/but_emailing0.gif) repeat scroll 0%;
}
.jimgMenu ul li.e-mailing a:hover {
 background: url(images/but_emailing1.gif) repeat scroll 0%;
}

.jimgMenu ul li.e-hosting a {
 background: url(images/but_ehosting0.gif) repeat scroll 0%;
}
.jimgMenu ul li.e-hosting a:hover {
 background: url(images/but_ehosting1.gif) repeat scroll 0%;
}

.jimgMenu ul li.e-backup a {
 background: url(images/but_ebackup0.gif) repeat scroll 0%;
}
.jimgMenu ul li.e-backup a:hover {
 background: url(images/but_ebackup1.gif) repeat scroll 0%;
}

.jimgMenu ul li.netwerk a {
 background: url(images/but_netwerk0.gif) repeat scroll 0%;
}
.jimgMenu ul li.netwerk a:hover {
 background: url(images/but_netwerk1.gif) repeat scroll 0%;
}

.clear {
 clear: both;
}
.kop_knipoog{
	margin:10px;
	display:block;
}
.hidden_image{
		visibility:hidden;
		display:none;
	}
/* RSS knop*/
.rss_holder{
	padding:3px 5px 4px 0px;
	text-align:right;
	height:26px;
	border-bottom:1px solid #EBEBEB;
	background-image: url(images/nieuwstitelbg.gif); 
	background-position: left top;
	background-repeat: repeat-x;
}
.rss_holder a{	
	text-decoration:none;
	line-height:25px;
}
.rss_holder img{
	float:right;
}
.rss_tekst{
	font-size:10px;
	color:#1C3EA2;
	text-align:left;
	}