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

*/

body {
	margin: 9px 10px 0 9px;
	font: Serif, Arial;
}

/*
----- default elementen
*/

img {
	border: 0;
}

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

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

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

/*
----- structuur
*/

#centreer {
	width: 100%;
	text-align: center;
}

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

#boven img#logo {
	float: left;
}

#servicemenu form {
	float: right;
	display:none;
}

#servicemenu ul
	{
	padding: 0;
	list-style-type: none;
	display:none;
	}
	
/*
#servicemenu li {
	height: 10px;
	float: left;
	background: url(../images/bullet_servicemenu.gif) no-repeat top left;
}
#servicemenu li#taal_en	{ width: 51px; }
#servicemenu li#taal_de	{ width: 57px; }
#servicemenu li#taal_fr	{ width: 49px; margin-right: 11px; }

#servicemenu a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
*/

#servicemenu input {
	font-family: Arial, sans-serif;
	display:none;
}


#servicemenu  p.print{
	display: block;
	float:left;
	margin-top: 4px;
	margin-left: 10px;
	display:none;
}

#servicemenu .textfield {
	width: 120px;
	border: 1px solid #0A4B80;
	display:none;
}

#servicemenu .button {
	width: 4em;
	font-family: Arial, sans-serif;
	border: 0;
	color: black;
	background-color: #0A4B80;
	display:none;
}

#menu {
	width: 922px;
	height: 29px;
	background: url(../images/bg_menu.gif) repeat-x top left;
	display:none;
}
#menu ul {
	margin: 0; padding: 0;
	list-style: none;
	display:none;
}

#menu li {
	margin: 0;
	float: left;
	display:none;
}

#menu li, #menu li a {
	height: 22px;
	display:none;
}

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

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

#menu li span {
	display: none;
}

/*
----- banner
*/

#banner {
	margin-bottom: 8px;
	float: left;
	display:none;
}

/*
----- acties
*/

#actie {
	width: 211px; float: right;
	display:none;
}


#submenu {

	display:none;
}

#content {
	width: 620px;
	margin-left:0px;
}

/*
	child hack. IE negeert de '>' ;]
*/
html>body #content {
}

#footer {

	display: none;
}


/*
----- default elementen binnen content
*/

#content h1,
#content h2,
#content h3 {
	margin: 0; padding: 0;
}

#content h1 {
	padding-bottom: 0.5em;
	font-size: 120%;
}

#content h1 a {
	color: black;
	text-decoration: underline;
}

#content h2 {
	font-size: 100%;
	color: black;
}

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

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

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

#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: 1px solid #000;
}

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

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

/*
----- specifiek
*/

#welkom {
	width: 200px;
	float: left;
}

#welkom p.titel {
	padding: 0.5em 0.5em 0.5em 1em; margin: 0;
	font-weight: bold;
	color: #fff;
	background-color: #c30;
}

#welkom p.content {
	margin: 0;
	padding: 0.5em 1em 1em 1em;
	color: #000;
	border: 1px dashed #C4DDDB;
	border-top: 0;
}

/*
--- home
*/

#content ul#oplossing a {
	color: black;
	text-decoration: underline;
}

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

#referentie {
	width: 493px;
	margin: 1em 0 0 207px;
	padding: 0px 15px 0px 15px;
	background-color: #ECF7F5;
}

#referentie img.logo {
	margin: 0.5em 0.5em 0 1em;
	float: right;
}

#referentie p a {
	color: black;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}

#referentie p.content {
	margin: 10px;
	margin-left: 0px;
}

#referentie p.afzender {
	font-style: italic;
	font-size: 11px;
	margin: 0px;
	width: 300px;
}

#referentie p.lees-verder {
	margin: -1em 0;
	float: right;
}

#referentie p.meer-referenties {
	margin-top: 1em;
}

#referentie p.lees-verder a {
	color: black;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}

#referentie p.meer-referenties img {
	vertical-align: middle;
	padding: 5px;
}

#referentie p.meer-referenties {
	margin-bottom: 0.5em;
}

/*
--- klantenoverzicht
*/
#content #klantenoverzicht1 {
	    float:left;
		width:230px;
}
#content #klantenoverzicht1 ul {
	margin-top: 0px;
	padding: 0;
	list-style-type: none;
    line-height: 20px;
}

#content #klantenoverzicht1 a {
    color: black;
    text-decoration: underline;
}

#content #klantenoverzicht1 li ul a {
	color: black;
}

#content #klantenoverzicht1 li ul {
	margin-top: 0px;
	padding: 0;
    font-size: 11px;
	list-style-type: none; 
    
}

#content #klantenoverzicht2 {
	float:right;
	width:242px;
}
#content #klantenoverzicht2 ul {
    width: 100%;   
    margin-top: 0px;
    line-height: 20px;  
    list-style-type: none; 
}

#content #klantenoverzicht2 a {
    color: black;
    text-decoration: underline;
}

#content #klantenoverzicht2 li ul a {
	color: black;
}

#content #klantenoverzicht2 li ul {
	margin-top: 0px;
	padding: 0;
    font-size: 11px;
	list-style-type: none; 
    
}

/*
--- faq
*/

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

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

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

#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: underline;
	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: underline;
	padding-right: 20px;
	background: url(../images/archie_top_icon.gif) transparent no-repeat right;
}
/*
-- downloads
*/
#content #downloads p.omhoog {
	text-align: right;
}

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

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

#content #nieuws h3 {
	margin-bottom: 0.5em;
}

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

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

#content #nieuws p.omhoog a {
	text-decoration: underline;
	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: underline;
	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: underline;
	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: black;
}

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

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

/*
----- 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: black;
	background-color: #c30;
}

body#popup #popup-content {
	margin: 1em;
	padding-bottom: 0.25em;
}

/*
----- formulieren
*/

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

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

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

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

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

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

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

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

.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: black;
}

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