/* versie 3.3 bijgewerkt 12 07 10 */

/* rood en bold voor aanbiedingen en actieprijzen */
.fontactieprijs {
	color: #cc1111;
	font-weight: bold;
} 
/* een font van 14 px */
.font14 {
	font-size: 11px;
}      
/* als een link een titel is en je wilt geen onderstreping omdat dat niet mooi is */
.titel {
	text-decoration: none;
}

.bold {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	}


/* plaatje aan de linkerkant van de pagina */
.piclinks {
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
	border-style: none;
}
/* plaatje aan de rechterkant van de pagina */

.picrechts {
	float: right;
	margin-bottom: 5px;
	margin-left: 20px;
	border-style: none;
}

.tekstrechts {
	text-align: right;
	vertical-align: top;
	padding: 0px 5px 0px 0px;
	}
.tekstlinks {
	text-align: left;
	vertical-align: top;
	padding: 0px 0px 0px 5px;
	}

/* dun grijs lijntje om een plaatje als er veel wit in zit */
#inhoud .lijntje{
	border-bottom-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
}

#menubalk {
	position: absolute;
	top: 0px;
	width: 759px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	}
#romp {
	width: 756px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	top:103px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	left: 3px;
}
 /* breadcrumbs is de navigatie link vlak onder de menu-balk */
#breadcrumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 10px 0px 10px 7px;
	color: #464d57;
	}
#breadcrumbs a:link {
	text-decoration:none;
	color: #0000CC;
	font-size: 11px;
	font-weight: normal;
	}
#breadcrumbs a:visited {
	text-decoration:none;
	color: #0000CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	}
#breadcrumbs a:hover {
	text-decoration:underline;
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	}
#breadcrumbs a:active {
	text-decoration:none;
	color: #0000CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	}

#links {
	font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-style: none;
	width: 140px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 9px;
	float: left;
}
#links table.stand-tabel-links {
	border-collapse: collapse;
	border: 1px solid #dddddd;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 15px 0px;
	background-color: #F8F8F8;
	width: 140px;
}
#links table.img-tabel-links {
	border-collapse: collapse;
	border: 1px solid #dddddd;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 15px 0px;
	width: 140px;
}
#links table.img-tabel-links-wit {
	border-collapse: collapse;
	border: 1px solid #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 15px 0px;
	width: 140px;
}
#links h3.stand-h3-links {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 5px;
	font-size: 13px;
	font-weight: bold;
	color: #656f7d
	}
#links h3.software-h3-links {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 5px;
	font-size: 13px;
	font-weight: bold;
	color: #cc2214;
	}
#links h3.boeken-h3-links {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 5px;
	font-size: 13px;
	font-weight: bold;
	color: #8c998b
	}
#links li {
	margin: -10px -10px 10px -25px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	font-size: 13px;
	font-weight: bold;
	color: #88929F;
}
#links li a {
	font-weight: normal;	
	font-size: 12px;
}
#links img {
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

#inhoud {
	border-style: none;
	width: 566px;
	margin: 0px 0px 0px 10px;
	padding: 0px 10px 0px 10px;
	font-family: Calibri, Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #FFFFFF;
	color:#222130;
	float: right;
}

/* inhoud algemene opmaak */
#inhoud h1 {Font-size: 18px; color:#222130; margin: 0px 0px -2px 0px; font-weight:bold }
#inhoud h2 {Font-size: 14px; color:#222130; margin: 0px 0px -2px 0px;font-weight:bold}
#inhoud h3 {Font-size: 13px; color:#464d57; margin: 0px 0px -13px 0px;font-weight:bold}
#inhoud h4 {Font-size: 14px; color:#222130; margin: 0px 0px -8px 0px;}

#inhoud ul.stand-ul-inhoud {
	font-size: 13px;
	padding-left: 14px;
	list-style-type: disc;
	margin-left: 2px;
}


#inhoud a {
	color: #376BC1;
	font-weight: bold;
}
#inhoud a:active {
	color: #e8b900;
	text-decoration: underline;
	}
#inhoud .aanbieding {
	color: #e85e5e;
	font-weight: bold;
	font-size: 13px;
	padding-left: 3px;
}
#inhoud .verwacht {
	color: #5281d0;
	font-weight: bold;
	font-size: 13px;
	padding-left: 3px;
}


#inhoud img.stand {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid 
	}
#inhoud img.lijntje {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #dddddd;
	}
#inhoud img.bordjeblokje {
	margin: 0px 0px 0px -1px;
	padding: 0px 0px 1px 0px;
	border: 0px solid;
}


/* opmaak tabel cellen onnafhankelijk van tabel */
#inhoud td.wit {
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
	background-color: #ffffff;
}
#inhoud td.kop-boven {
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
	text-align: center;
	padding: 5px;
	background-color: #5b86d0;
	color: #fffcfb;
	font-size: 14px;
	font-weight: bold;
	}
#inhoud td.kop-links {
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
	text-align: left;
	vertical-align: middle;
	padding: 5px 5px 5px 15px;
	background-color: #a1b1c7;
	color: #fffcfb;
	font-size: 16px;
	font-weight: bold;
	}
#inhoud td.grijs-even {
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
	text-align: center;
	vertical-align: top;
	padding: 5px;
	background-color: #eeeeee;
	}
#inhoud td.grijs-oneven {
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
	text-align: center;
	vertical-align: top;
	padding: 5px;
	background-color: #dddddd;
	}
#inhoud td.form-licht {
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
	text-align: left;
	vertical-align: middle;
	padding: 2px 5px 2px 10px;
	background-color: #eeeeee;
	font-size: 12px;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana;
}
#inhoud td.form-donker {
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
	text-align: left;
	vertical-align: middle;
	padding: 2px 5px 2px 10px;
	background-color: #dddddd;
	font-size: 12px;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana;
}
#inhoud  td.wit {
	border-color: #FFFFFF;
	background-color: #FFFFFF
	}
/* opmaak standaard tabel (overzicht pakketten bijv.) */
#inhoud table.stand-tabel caption {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color:#464d57;
	margin: 0px;
	padding: 0px 0px 2px 1px;
	}
#inhoud table.stand-tabel {
	border: 1px solid #ffffff;
	border-collapse: collapse;
	width: 540px;
	margin-bottom: 20px;
	padding: 0px;
	}
/* opmaak iets smallere tabel (voor tabel in tabje binen tabjes) */
#inhoud table.smaller-tabel caption {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color:#464d57;
	margin: 0px;
	padding: 0px 0px 2px 1px;
	}
#inhoud table.smaller-tabel {
	border: 1px solid #ffffff;
	border-collapse: collapse;
	width: 520px;
	margin-bottom: 20px;
	padding: 0px;
	}

/* opmaak tabel kleur met titellijsten */
#inhoud table.kleur {
	border: 1px solid #ffffff;
	border-collapse: collapse;
	width: 540px;
	margin-bottom: 10px;
}
#inhoud table.kleur th {
	color: #FFFFFF;
	font-size: 14px;
	padding: 2px;
	}
#inhoud td.kleur {
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	border-collapse: collapse;
	}
#inhoud td.kleur-prijs {
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
	text-align: right;
	vertical-align: top;
	padding: 5px 10px 5px 5px;
	font-weight: bold;
	border-collapse: collapse;
	}
#inhoud td.hypercel {
	color: #FFFFFF;
	border-style: solid;
	border-color: #ffffff;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	border-width: 1px;
	}
#inhoud a.hypercel {
	display:block;
	text-decoration:none;
	padding:5px;
	padding: 5px 10px 5px 5px;
	color: #3c598a;
	border-collapse: collapse;
	}
#inhoud a.hypercel:hover {
     background:#fffbe8;
     color:#c55416;
 	}
/* opmaak losse rechthoekjes met plaatje en titel */
#inhoud table.blok1 {
	border: 1px solid #bbbbbb;
	margin: 0px 6px 0px 6px;
	width: 165px;
	float: left;
	border-collapse: collapse;
	height: 210px;
	}
#inhoud .blok1 th {
	color: #FFFFFF;
	font-size: 13px;
	padding: 5px 2px 2px 4px;
	text-align: center;
	height: 130px;
	}
#inhoud .blok1 td {
	font-size: 12px;
	padding: 2px 4px 2px 6px;
	text-decoration: none;
	text-align: left;
	color: #333333;
	border-style: none;
}
#inhoud table.blok1wit {
	border: 1px solid #ffffff;
	margin: 0px 20px 14px 0px;
	width: 170px;
	float: left;
	border-collapse: collapse;
}
#inhoud .blok1wit th {
	color: #FFFFFF;
	font-size: 13px;
	padding: 5px 2px 2px 4px;
	text-align: center;
	height: 130px;
}
#inhoud .blok1wit td {
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
	font-size: 12px;
	padding: 2px 4px 2px 6px;
	text-decoration: none;
	text-align: left;
	color: #333333;
	height: 60px;
}
#inhoud  table.blok2 {
	border: 1px solid #bbbbbb;
	margin: 0px 0px 10px 0px;
	float: left;
}
#inhoud .blok2 th {
	font-size: 13px;
	padding: 5px 2px 2px 8px;
	text-align: left;
	width: 30px;
}
#inhoud .blok2 td {
	font-size: 12px;
	padding: 2px 4px 2px 6px;
	text-decoration: none;
	text-align: left;
	color: #333333;
	width: 480px;
	border-style: none;
}

/* opmaak tabel zoals zoekpagina */

#inhoud table.zoek {
	border: 1px solid #ffffff;
	border-collapse: collapse;
	margin-bottom: 20px;
	padding: 0px;
}
#inhoud table.zoek caption {
	padding: 10px 0px 0px 15px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color:#464d57;
}
#inhoud table.zoek table.specs {
	background: #ffffff;
	font-size: 10px;
	border-color: #ffffff;
	border-collapse: collapse;
	width: 435px;
}
#inhoud table.zoek td.taal-prijs {
	vertical-align: bottom;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
#inhoud table.zoek td.categorie {
	vertical-align: bottom;
	text-align: right;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
#inhoud table.zoek  td.lijn {
	margin: 0px;
	padding: 0px;
}
#inhoud table.zoek th {
	text-align: left;
	padding: 3px 5px 4px 5px;
	border-style: none;
}
#inhoud table.zoek td {
	vertical-align: middle;
	text-align: left;
	padding: 5px 2px 5px 10px;
	border-style: none;
}
#inhoud table.zoek a.titel {
	font-weight: bold;
	font-size: 13px;	
}
#inhoud table.zoek .subtitel {
	font-size: 13px;	
}
#inhoud table.zoek .prijsinc {
	font-weight: bold;	
}
#inhoud table.specs img {
	margin-bottom: -2px;
	padding-top: 2px;
}

#voet {
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	clear: both;
	background-color: #ffffff;
	font-size: 12px;
}
#voet a {
	text-decoration:none;
	color: #1a4b92;
}
#voet a:hover {
	text-decoration:none;
	color: #0000ff;
}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:20px;
}


.tabbertab{
	border: thick;
	border-color: #1A4B92;
	border-style: solid;
	margin-bottom: 15px;
}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #8d9bae;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 5px;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 0px;
 margin-right: 0px;
 border: 1px solid #8d9bae;
 border-bottom: none;
 background: #f0f0f4;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #cde2ff;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:15px 10px 15px 10px;
 border:1px solid #8d9bae;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}