/************************* ALGEMEEN ***/
body{
	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: -moz-scrollbars-vertical;
	/*overflow-x: hidden; /*onderste scrollbar verbergen*/
	/* overflow: hidden; /*alle scrollbars verbergen*/
	
}
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:22px;
	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;
	paddin:4px;
}
textarea {
	color: #4C4C4C;
	border: solid 1px #F69A75;
	background-color: #FDEBE4;
	font-size:11px;
	paddin: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;
}
.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;
}
/* 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;
}
.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;
}
.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 {
	background: #ffffff;
	background-image: url(images/bg.gif);
	background-position:50% 0%;
	background-repeat: no-repeat;
}
/* 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%:
}

/* 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;
}
.navigatieblok {
	background-image: url(images/bg_nieuws.gif);
	background-repeat: repeat-y;
}

/* 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;
}
.nieuws_titel {
	color: #18388F;
	font-size: 18px;
	line-height: 15px;
	font-weight: normal;
	font-family: Verdana;
	text-align: left;
	padding-top:2px;
}


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



/****************************************************** ONDERKANT */
.footertabel {
	
}
.footertabeltd {
}
.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;
	/*padding: 50px 0px 20px 0px;*/
}
/* bevat het subitem */
.submenutabeltd {
	padding: 0px;
	/*background-image: url(images/bullit_nav.gif);
	background-position: left center;
	background-repeat: no-repeat;*/
}

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

/* titel boven submenu is los gestyled */
.submenutabeltdtitel {
	font-weight: normal;
	color: #72134A6;
	height:20px;
	/*background-image: url(images/bg_form.gif);
	background-position: left bottom;
	background-repeat: repeat-x;*/
	text-indent:0px;
	font-style:italic;
}

/* het subitem zelf */

h3#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;	
}
ul#nieuwsmenulink li {
    background-image: url(images/bullit_nieuws.gif);
		background-position: left top;
		background-repeat: no-repeat;
		padding-left: 20px;
		padding-bottom: 3px;
		padding-top: 1px;
		border-bottom: 1px dotted #CCCCCC;
}
ul#nieuwsmenulink li a {
    text-decoration: none;
		font-size: 11px;
}

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: repeat-x;
	background-position: bottom left;
	display:block;
	/*text-indent:8px;*/
	padding-left:8px;
	height:23px;
}
/* hover */
.submenuitemlink:hover {
	color: #F04705;
	display:block;
	text-decoration:none;
	background-image: url(images/bg_menu_o.gif);
	background-position: bottom left;
	/*background-color:#dfdfdf;*/
}

.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: repeat-x;
	background-position:bottom;
	display:block;
	height:23px;
	/*background-color:#F04705;*/
	text-indent:8px;
}

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

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

/* 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;
	/*background-image: url(images/nieuwspijl.gif);
	background-position: left top;
	background-repeat: no-repeat;*/
}
img {
	border: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;
	/*filter: alpha(opacity=50); 
	-moz-opacity:0.50;*/
}

.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;
}
.sitewide:hover {
	font-size:9px;
	color:#F04906;
	text-decoration: none;
}
.sitewide-lijn {
	color:#9a9a9a;
	width:10px;
}
.navbar {
	background-image: url(images/nav-bar.jpg);
	background-repeat: no-repeat;
}






/* ------------------------ 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: 0 -10px;
}
#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 -----------------------*/
#gallery {
	font:11px verdana,arial,sans-serif; 
	width:380px; 
	padding:10px 3px 0px 0px; 
	line-height:15px;
	}
#gallery div.off {
	color:#666666; 
	height:33px; 
	margin-right:2px; 
	line-height:33px; 
	padding:0 15px; 
	float:left; 
	background:url(images/tabs_0.gif) repeat-x left bottom; 
	border:1px solid #dbdbdb; 
	cursor:pointer; 
	position:relative; 
	z-index:20;
	}
	/*- active tab --*/
#gallery div.on {
	color:#F04906; 
	padding:0 10px; 
	margin-right:1px; 
	margin-top:1px; 
	float:left; 
	background:url(images/tabs_2.gif) repeat-x left bottom; 
	border:1px solid #b0b0b0;
	cursor:pointer; 
	border-bottom:1pt solid #FFF; 
	height:33px; 
	line-height:32px; 
	position:relative; 
	z-index:100;}

div.hide {
	display:none; 
	width:0; 
	overflow:hidden;}
div.show {
	clear:left; 
	background:#fff; 
	width:380px;
	height:300px;
	margin-top:0; 
	top:-1px; 
	border:1px solid #b0b0b0;
	border-bottom: 3px solid #F04906;
	padding:10px; 
	position:relative; 
	z-index:50; 
	font:11px verdana, arial, sans-serif; 
	line-height:16px;
	}
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;
	border-bottom: 1 px solid green;
}

#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;
}


/*--------------------- 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;
}
.classnaam2,.classnaam2:link,.classnaam2:hover,.classnaam2:active,.classnaam2:visited {
	color: #F14905;
}