/*
	Archie stylesheet
	
	- default elementen
	- structuur
	- acties
	- default elementen binnen content
	- specifiek
		- home
		- klantenoverzicht
		- faq
		- handleiding
		- downloads
		- nieuws
		- eerdere producten
		- sitemap
	- popups
	- formulieren
		- specifiek

*/

body {
	font: normal normal 0.8em Arial, sans-serif;
}

/*
----- default elementen
*/

td {
	font: normal normal 0.8em Arial, sans-serif;
}

img {
	border: 0;
}

.break {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

.case {
	margin: 9px 10px 0 9px;
}

dl.naast-elkaar dt {
	float: left;
}

dl.naast-elkaar dd {
	width: 400px;
}

/*
----- structuur
*/

#centreer {
	width: 921px;
	margin: 0 auto;
}

#container {
	width: 921px;
	text-align: left;
}

#boven img#logo {
	float: left;
}
#boven a img.lang {
	margin-top: 10px;
	margin-left: 12px;
}
#boven a img.langdutch {
	margin-top: 11px;
	margin-left: 12px;
}

/* menu */

#menu {
	width: 922px;
	height: 29px;
	margin: 0; padding: 0;
	text-align: left;
	color: #ECF7F5;
	background: url(../images/bg_menu.gif) transparent repeat-x top left;
}

#menu li {
	margin: 0;
	float: left;
	position: relative; 
	cursor: hand;
 	z-index: 1; 
}

/*
	Suckerfish Dropdowns <http://www.alistapart.com/articles/dropdowns/>
*/

#menu li li a {
	text-decoration: none;
	display: block;
	font-weight: normal;
	color: #0A4B80;
	padding: 0em 10px;
	background-color: #ECF7F5;
	font-size: 105%;
}

#menu li li a:hover {
	color: #ECF7F5;
	background-color: #0A4B80;
}

#menu li ul {
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0px 0 0 0;
	display: none;
	border: 1px solid #0A4B80;
}

#menu li > #menu ul {
	top: auto;
	left: auto;
}

#menu li li {
	display: block;
	float: none;
	width: 118px;
	height: 22px;
}

#menu li:hover ul,
#menu li.over ul {
	display: block;
}

/*
	de truc op <http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/> is gebruikt om snelle /rollOvers/ te realiseren.
*/
#menu li#menu01 { width: 55px;	background-image: url(../images/menu/but_home.gif); }
#menu li#menu02 { width: 88px;	background-image: url(../images/menu/but_producten.gif); }
#menu li#menu03 { width: 78px;	background-image: url(../images/menu/but_diensten.gif); }
#menu li#menu04 { width: 98px;	background-image: url(../images/menu/but_oplossingen.gif); }
#menu li#menu05 { width: 71px;	background-image: url(../images/menu/but_klanten.gif); }
#menu li#menu06 { width: 73px;	background-image: url(../images/menu/but_support.gif); }
#menu li#menu07 { width: 72px;	background-image: url(../images/menu/but_nieuws.gif); }
#menu li#menu08 { width: 95px;	background-image: url(../images/menu/but_organisatie.gif); }
#menu li#menu09 { width: 72px;	background-image: url(../images/menu/but_contact.gif); }

#menu li#partner_menu01 { width: 141px;	background-image: url(../images/partner_menu/but_home.gif); }
#menu li#partner_menu02 { width: 141px;	background-image: url(../images/partner_menu/but_product.gif); }
#menu li#partner_menu03 { width: 141px;	background-image: url(../images/partner_menu/but_prijzen.gif); }
#menu li#partner_menu04 { width: 141px;	background-image: url(../images/partner_menu/but_downloads.gif); }
#menu li#partner_menu05 { width: 141px;	background-image: url(../images/partner_menu/but_omruil.gif);  }

/*
	width van het submenu per id
*/
#menu li#menu02 ul li { width: 184px; }
#menu li#menu03 ul li { width: 191px; }
#menu li#menu04 ul li { width: 168px; }
#menu li#menu05 ul li { width: 137px; }
#menu li#menu06 ul li { width: 181px; }
#menu li#menu07 ul li { width: 115px; }
#menu li#menu08 ul li { width: 125px; }
#menu li#menu09 ul li { width: 78px; }


#menu li#block { 
	height: 22px;
	width: 1px;
	display: block;
	background-color: #fff;
}

/*
	2: over
*/

#menu li.over,
#menu li:focus {
	background-position: 0 -22px;
}

/*
	3: gekozen
*/
#menu li.selected,
#menu li.selected a {
	background-position: 0 -22px; 
}
	
#menu li,
#menu li a {
	height: 22px;
	display: block;
}

#menu li span {
	display: none;
}

/*
	zoeken
*/

#menu li#zoektitle {
	display: block;
	width: 32px;
	margin-top: 0px;
	margin-left: 13px;
	margin-right: 0px;
	cursor: pointer;
}
	
#menu li#zoekveld { 
	display: block;
	margin-top: 0px;
	margin-left: 0px;
}

#zoekveld .textfield {
	float: left;
	width: 107px;
	height: 18px;
	margin: 2px 0 0 13px;
	border: 0;
	font-family: Arial, sans-serif;
	font-size: 95%;
}
	
#zoekveld .but_arrow {
	margin: 0 13px 0 13px;
	height: 22px;
	width: 18px;
	border: 0;
	background-image: url(../images/menu/but_arrow.gif);
	cursor: hand;
}

/*
----- banner
*/

#banner {
	margin-bottom: 8px;
}

/*
----- acties
*/

#actie {
	width: 211px; 
	float: right;
	background: /*url(../images/bg_submenu.gif)*/ #ecf7f5 repeat-x top;
	clear:right;
}

#actie h3 {
	width: 202px;
	margin: 0; padding: 3px;
	font-size: 100%;
	color: #fff;
	background-color: #c30;
}

#actie h3 a.rss {
	float : right;
}

#actie .border {
	padding: 8px 6px 6px 6px;
	margin-bottom: 1em;
	border: 0px solid #C4DDDB;
	border-top: 0;
}

#actie .border ul {
	margin: 0 0 0 1em; padding-left: 0.5em;
}

#actie .border li {
	list-style-image: url(../images/bullet_actie.gif);
}

#actie .border ul li.selected {
	color: #c30;
}

#actie .border ul li a {
	color: #000;
	text-decoration: none;
}

#actie .border ul li a:hover {
	color: #c30;
}

#actie p.tekst {
	margin: 0; padding: 0;
}

#actie p.afbeelding {
	margin: 0; padding: 1em 0 0 0.5em;
}

#actie p.meer {
	text-align: right;
}

#actie p.meer a {
	font-size: 85%; 
	padding: 5px 30px 5px 0; 
	color: #c30; 
	text-decoration: none; 
	font-weight: bold; 
	background: url(../images/pijl_groot.gif) transparent no-repeat right;
	line-height: 30px;
}
#actie p.meer a.normal {
	margin:5 0 0 0;
	padding:0;
	width:100px;
	background:0;
}

#submenu {
	width: 197px;
	height: 275px;
/*	padding-top: 37px;*/
	float: left;
/*	background: url(../images/bg_submenu.gif) #ecf7f5 repeat-x top;*/
	background: #ecf7f5;
	clear:left;
}
#submenu2 {
	width: 197px;
	height: 200px;
	padding-top: 37px;
	float: left;
	background-color:#ecf7f5;
	clear:left;
}

#submenu .border {
	padding: 8px 6px 6px 6px;
	margin-bottom: 1em;
	border: 0px solid #C4DDDB;
	border-top: 0;
}

#submenu h3 {
   margin: 0; 
	padding: 3px; 
	font-size: 100%; 
	color: #fff; 
	background-color: #c30;
}

#submenu ul {
	margin: 0 0 0 1em; padding-left: 0.5em;
/*	margin: 0; 
	padding: 0; 
	margin-left: 12px;
	list-style: none;*/
}

#submenu li {
	list-style-image: url(../images/bullet_actie.gif);
/*	 list-style-image: none;
	 padding-left: 12px;
	 background: url(../images/bullet_submenu2.gif) transparent no-repeat top left;*/
}

#submenu li.star {
	list-style-image: url(../imagemanager/ster1alleen.gif);
/*	 list-style-image: none;
	 padding-left: 16px;
	 background: url(../imagemanager/ster1alleen.gif) transparent no-repeat top left;*/
}

#submenu li.selected {
	font-weight: bold;
}

#submenu a {
	color: #000;
	text-decoration: none
}

#content {
	width: 465px;
	padding: 15px;
	margin-left: 205px;
	border: 1px solid #C4DDDB;
}

#home #content,
#business-case #content {
	/*padding: 0;*/
}

/*
	home kader
*/

#home #home-kader-container {
	width: 491px;
	height: 112px;
	margin-left: 210px;
	border: 1px solid #c4dddb;
}

#home .home-kader {
	padding: .65em;
	width: 80px; height: 95px;
	float: left;
	border-right: 1px solid #c4dddb;
	/* lichtblauwe achtergrond background-color: #f5fbfa; */
}

#home .home-kader a {
	color: #000;
	text-decoration: none;
}

#home .home-kader a:hover {
	color: #c30;
}

#home .home-kader h3 {
	padding-bottom: 0em;
	font-size: 90%;
	font-weight: bold;
	margin-top: 0px;
	height: 20px;
	margin-bottom: 0px;
}

#home .home-kader ul {
	margin: 0; padding: 0;
	list-style: none;
	font-size: 85%;
}

#home .home-kader ul li {
	line-height: 1.5em;
}

#home .usp h3 {
	padding-bottom: 0em;
	font-size: 100%;
	font-weight: bold;
}

#home .usp li {
   padding: 0em;
	margin: 0em;
	font-size: 100%;
	line-height: 1.5em;
}

/*
--- referentie
*/

#referentie {
	width: 460px;
	margin: 1em 0 0 210px; 
	background-color: #fff;
	border: 1px solid #C4DDDB;
	padding: 5px 15px 5px 15px;
}

#referentie img.fotoCase {
	float: right;
}

#referentie .specialCase {
	display: inline;
	float: left;
}

#referentie a.meerRef {
	float: right;
	height: 25px;
	margin-top: 1em;
	padding: 5px 30px 0 0;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	color: #c30;
	background: url(../images/pijl_groot2.gif) transparent no-repeat top right;
}

#referentie #Bookheader {
	background-color: #cc3300;
	color: #fff;
	padding-bottom: 3px;
	padding-top: 3px;
	margin-top: 3px;
	border: none;
	text-align: center;
	width: 463px;
}

#businesscases .home-kader {
	width: 122px; height: 111px;
	padding: .65em;
	float: left;
	border-right:1px solid #c4dddb;
	background-color: #fff;
	border-bottom: 1px solid #c4dddb;
	text-align:center;
}

.businesscases2 .home-kader {
	width: 122px; height: 114px;
	padding: .65em;
	float: left;
	text-align:center;
	border-right:1px solid #c4dddb;
	background-color: #fff;
	border-bottom: 1px solid #c4dddb;
}

#businesscases .last {
	border: none;
	border-bottom: 1px solid #c4dddb;
}

.businesscases2 .last {
	border: none;
	border-bottom: 1px solid #c4dddb;
}

#home #content .over {
	color: #c30;
	background-color: #fff;
}

#home #content .over a {
	color: #c30;
}

#footer {
	height: 28px;
	margin: 0 0 20px 0;
	padding: 6px 0 0 4px;
	background-color: #ecf7f5;
	clear: both;
}

#footer ul {
	margin: 0; padding: 0;
	list-style: none;
}

#footer ul.rechts {
	float: right;
}

#footer ul.links {
	float: left;
}

#footer li {
	padding: 0 1.5em 0 10px;
	float: left;
	background: url(../images/bullet_footer.gif) no-repeat;
}

#footer li a {
	vertical-align: top;
	color: #000;
	text-decoration: none;
}

/*
----- default elementen binnen content
*/
#content span.titel,
#content h1,
#content h2,
#content h3 {
	margin: 0; padding: 0;
}

#content .titel {
	padding-bottom: 0.5em;
	font-size: 120%;
	font-weight: bold;
}

#content .titel a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#content h1 {
	padding-top: 2px;
	font-size: 100%;
	color: #c30;
}

#content h2 {
	font-size: 100%;
	margin-top: 0.25em;
}

#content h3 {
	font-size: 95%;
	margin-top: 0.25em;
}

#content p {
	margin: 0.25em 0 1em 0;
	line-height: 150%;
	text-align: left;
}

#content a,
body#popup a {
	color: #c30;
}

#content a.keerterug {
	padding-left: 20px;
	background: url(../images/archie_back_icon.gif) transparent no-repeat left;
}

#content a.email {
	padding-left: 20px;
	background: url(../images/arrow_email.gif) transparent no-repeat left;
}

a.news {
	color:black;
}

#content ul {
	list-style-type: disc;
	font-size: 12px;
	line-height: 20px;
	vertical-align: middle;
}

#content dd {
	margin: 0.5em 0 1em 1em;
}

#content ul a:hover {
	color: #C62302;
}

/*
#content ul {
	margin: 1em 0 1em 2em;
}
*/

#content img {
	border: 0px solid #000;
}

#content img.floatright {
	margin: 0.5em 0.5em 0 1em;
	float: right;
	border:0;
}

#content img.floatleft {
	margin: 0.5em 1em 0 0;
	float: left;
	border:0;
}

#content .highlightbackground {
	background-color: #c30;
}

/*
----- specifiek
*/
#welkom {
	width: 200px;
	height: 261px;
	float: left;
	background-color: #ecf7f5;
	border: 0px solid #c4dddb;
}

#welkom h3 {
	margin: 0; 
	padding: 3px;
	font-size: 100%;
	color: #fff;
	background-color: #c30;
}

#welkom p {
	margin: 1em 1em .5em .75em;
}

#welkom ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 2.25em;
}

#welkom .border {
	padding: 8px 6px 6px 6px;
	margin-bottom: 1em;
	border: 0px solid #C4DDDB;
	border-top: 0;
}

#welkom .border ul {
	margin: 0 0 0 1em; padding-left: 0.5em;
}

#welkom li {
	list-style-image: url(../images/bullet_actie.gif);
}

#welkom li.star {
	list-style-image: url(../imagemanager/ster1alleen.gif);
}

#welkom li a {
	color: #000;
	text-decoration: none;
}

#welkom li a:hover {
	color: #c30;
}

#pijlOmhoog {
	text-align: right;
	padding-right: 20px;
	background: url(../images/archie_top_icon.gif) transparent no-repeat right;
}

/*
--- home
*/

#content ul#oplossing a {
	color: #000;
	text-decoration: none;
}

#content ul#oplossing a:hover {
	color: #C62302;
}

#content ul#oplossing {
	font-weight: bold;
	list-style-image: url(../images/pijl_klein.jpg);
	font-size: 12px;
	line-height: 20px;
	vertical-align: middle;
}

/*
--- klantenoverzicht
*/

/*
#content .klantenoverzicht {
	float: left;
	width: 220px;
}
*/

#content .klantenoverzicht ul {
	list-style-type: none;
	margin: 0 0.5em 0 0;
}

#content .klantenoverzicht ul li a {
    color: #000;
    text-decoration: none;
}

#content .klantenoverzicht ul li strong {
	font-size: 85%;
}

#content .klantenoverzicht ul li ul {
	margin: 0 0 0.5em 1em;
}

#content .klantenoverzicht ul li ul li a {
	color: #c30;
}

/*
--- faq
*/

#content #faq h2 {
	font-size: 120%;
}

#content #faq h3 {
	font-size: 105%;
	margin-left: 1.5em;
}

#content #faq h3 a {
	color: #000;
}

#content #faq p.antwoord {
	margin: 0.5em 0.5em 0 1.75em;
}

#content #faq p.omhoog {
	text-align: right;
}

#content #faq p.omhoog a {
	text-decoration: none;
	padding-right: 20px;
	background: url(../images/archie_top_icon.gif) transparent no-repeat right;
}

p.omhoog {
	text-align: right;
}

p.omhoog a {
	text-decoration: none;
	padding-right: 20px;
	background: url(../images/archie_top_icon.gif) transparent no-repeat right;
}


#content #faq ul {
	margin-top: 0;
}

#content #faq li {
	padding-bottom: 0.5em;
	list-style-image: url(../images/bullet.gif);
}

/*
--- handleiding
*/

#content #handleiding .categorie {
	margin-bottom: 2em;
}

#content #handleiding span.bestandsgrootte {
	font-size: 80%;
	white-space: nowrap;
}
#content #handleiding p.omhoog {
	text-align: right;
}

#content #handleiding p.omhoog a {
	text-decoration: none;
	padding-right: 20px;
	background: url(../images/archie_top_icon.gif) transparent no-repeat right;
}

/*===========================================================================*/

/*
#content ul {
	list-style: none;
}*/

#content ul#categorieen a {
	text-decoration: none;
}

#content ul#categorieen ul {
	margin: .5em 0 1em 1em;
}

#content ul#handleidingen li {
	margin-bottom: 1em;
}

/*
-- downloads
*/
#content #downloads p.omhoog {
	text-align: right;
}

#content #downloads p.omhoog a {
	text-decoration: none;
	padding-right: 20px;
	background: url(../images/archie_top_icon.gif) transparent no-repeat right;
}
#content #downloads p.nomargin {
	margin:0;
	margin-bottom:10px;
}

#content #downloads p.omhoog a {
	text-decoration: none;
	padding-right: 20px;
	background: url(../images/archie_top_icon.gif) transparent no-repeat right;
}

#content #downloads p.nomargin {
	margin:0;
}
/*
--- nieuws
*/

#content #nieuws h2 {
	font-size: 120%;
	margin-bottom: 0.5em;
}

#content #nieuws h2 a {
	color: #000;
	padding-top: 0.5em;
}

#content #nieuws h3 {
	margin-bottom: 0.5em;
	font-size: 100%;
}

#content #nieuws p.datum {
	margin: 0.25em 0 0 0;
	font-size: 90%;
	color: #c30;
}

#content #nieuws p.omhoog {
	text-align: right;
}

#content #nieuws p.omhoog a {
	text-decoration: none;
	padding-right: 20px;
	background: url(../images/archie_top_icon.gif) transparent no-repeat right;
}

/*
----zoek
*/
#content #zoek p.omhoog {
	text-align: right;
}

#content #zoek p.omhoog a {
	text-decoration: none;
	padding-right: 20px;
	background: url(../images/archie_top_icon.gif) transparent no-repeat right;
}
/*
--- eerdere producten
*/

#content #techniek dt {
	font-weight: bold;
}

#content #techniek dt p {
	margin: 0; padding: 0;
}

#content #techniek dd ul {
	margin: 0; padding: 0;
	list-style-type: none;
	list-style-position: outside;
}

#content #techniek dd ul li ul {
	margin-left: 2em;
	list-style-type: disc;
	list-style-position: outside;
}

#content #verschillen dt {
	float: left;
}

#content #verschillen dt {
	float: left;
	margin: 0 2em 0 0.5em;
}

#content #verschillen table.wijziging-termen {
	font-size: 1em;
}

#content #verschillen table.wijziging-termen td.oud {
	width: 150px;
}

#content #verschillen table.wijziging-termen td.nieuw {
	padding-left: 0.5em;
}

#content #verschillen ul.verschillen {
	margin-left: 1em;
	list-style-type: none;
}

#content #verschillen ul.verschillen li {
	margin-bottom: 0.25em;
	padding-left: 32px;
}

#content #verschillen ul.verschillen li.n	{ background: url(../images/icon_nieuw.gif) no-repeat transparent top left; }
#content #verschillen ul.verschillen li.w	{ background: url(../images/icon_gewijzigd.gif) no-repeat transparent left; }
#content #verschillen ul.verschillen li.v	{ background: url(../images/icon_verwijderd.gif) no-repeat transparent left; }

#content #verschillen p.omhoog {
	text-align: right;
}

#content #verschillen p.omhoog a {
	text-decoration: none;
	padding-right: 20px;
	background: url(../images/archie_top_icon.gif) transparent no-repeat right;
}

#content #stappenplan ol {
	margin-left: 2em;
}

#content #stappenplan ol li {
	margin-bottom: 1em;
	font-weight: bold;
	color: #c30;
}

#content #stappenplan ol li ol {
	margin-top: 1em;
}

#content #stappenplan ol li ol li,
#content #stappenplan ol li p {
	font-weight: normal;
	color: #000;
}

/*
----- sitemap
*/

ul#sitemap li.child {
    margin-left: 1.5em;
}

/*
----- popups
*/

body#popup {
	margin: 0;
}

body#popup h1 {
	font-size: 1.75em;
	padding: 0.25em 0.6em;
	color: #fff;
	background-color: #c30;
}

body#popup #popup-content {
	margin: 1em;
	padding-bottom: 0.25em;
}
.filesize{
	font-size:10px;
	color:red;
}

/*
----- formulieren
*/

form div.row {
  clear: both;
  padding-bottom: 0.5em;
}

form.wensen-en-ideeen div.row {
   clear: none;
	padding-bottom: 0.5em;
}

#contact-form div.row {
   clear: none;
	padding-bottom: 0.5em;
}

#contact-form div.row span.label {
	float: left;
	width: 160px;
}

#brochure-form div.row span.label,
#aanmeld-form div.row span.label,
#event-form div.row span.label {
	float: left;
	width: 160px;
}

#brochure-form div.row span.check,
#aanmeld-form div.row span.check,
#event-form div.row span.check {
	float: left;
}


form input.textfield_small  {
	padding: 2px;
	width: 50px;
	border: 1px solid #000;
}
form input.textfield_small_right  {
	padding: 2px;
	width: 50px;
	border: 1px solid #000;
	text-align:right;
}

form ul.checkboxList {
	margin: 0;
	width: 400px;
}

form ul.checkboxList li {
	margin-right: 1em;
	list-style: none;
	float: left;
}

form div.row-zin {
	width: 300px;
	margin-top: 0.5em;
	float: left;
	clear: both;
}

form div.row-inspringing {
	margin: 0.25em 0em 0.5em 0em;
	float: left;
	clear: both;
}

form.wensen-en-ideeen div.row-inspringing {
	margin: 0.25em 0em 0.5em 0em;
	float: none;
	clear: none;
}

form input.textfield,
form textarea  {
	padding: 2px;
	width: 200px;
	border: 1px solid #000;
}

form input.textfield,
form textarea,
form select  {
	font: normal normal 1em Arial, sans-serif;
}

form textarea.big  {
	margin-left: 2em;
	width: 330px;
	height: 150px;
}

form select {
	width: 202px;
}

form input.submit-button {
	margin-top: 1em;
	font: normal normal 1em Arial, sans-serif;
}

/*
--- specifiek
*/

.wensen-en-ideeen textarea.big {
	width: 337px;
}

.wensen-en-ideeen div.row span.label {
	width: 150px;
    float: left;
}

.wensen-en-ideeen div.row span.bijv {
	font-size: 85%;
	margin-left: 0.5em;
}

div.foutmelding {
	margin: 1em 0 1em 0;
	width: 400px;
	font: normal bold 1em Arial, sans-serif;
	color: #c30;
}

div.foutmelding ul {
	margin-left: 2em;
	font: normal bold 0.9em Arial, sans-serif;
}

div.popup, span.popup{
position: relative;
z-index: 0;
}

div.popup span.text, span.popup span.text{
color: #c30;
text-decoration: none;
}

div.popup:hover, div.popup.over, span.popup:hover, span.popup.over{
background-color: transparent; 
z-index: 50;
}

div.popup span.popupbox, span.popup span.popupbox{ /*CSS for enlarged image*/
position: absolute;
background-color: #ECF7F5;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

div.popup:hover span.popupbox, div.popup.over span.popupbox, span.popup:hover span.popupbox, span.popup.over span.popupbox{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
text-decoration: none;
}