/*
	kleuren die gebruikt kunnen worden:
	#8595BB = blauw als in de kopregelletters
	#18326A = donker blauw als in de achtergrond in de kopregel
	#1E2C70 = officieel donker blauw in Fortes Logo
	#007489 = groen als in Fortes Logo

	zorg ervoor dat overal Arial het lettertype is
	en dat de kleuren goed staan
	
	nieuwe kleuren:
	#2a2c6b koppen
	#002d68 donkerblauw achtergrond
	#dfe3e6 grijze achtergrond
	#d6e4ec licht blauwe achtergrond
	
 */

body, table, tr, td, p, div, ol, ul {
	font-family:	Helvetica, Arial, sans-serif;
	color:			#000000;
	background:		#FFFFFF;
	margin-top:		0;
	vertical-align: top;
}


.pageBodyContainer td {
	padding-left: 10px;
}

input {
	font-family:	Helvetica, Arial, sans-serif; 
}

textarea{
	font-family:	Helvetica, Arial, sans-serif;
}

.tekstTABLE, .tekstTR, .forteslogo HR, .forteslogo IMG {
	margin:		0;		/* ruimte laten bepalen door de childelements (bv .tekstTD) */
	padding:	0;		
	border:		0;		
}

.tekstTD { /* ruimte om een kolom heen */
	padding-top:	0;
	padding-bottom:	0;	
	margin:			0.2em;
	border:			0;	
}

p, div { /* ruimte om een alinea */
	margin-top:		0em;
	margin-bottom:	0.5em;
}

ol, ul, table { /* ruimte om een lijst of tabel */
	margin-top:		0.5em;
	margin-bottom:	0.5em;
}

.tekstTD, .alineas, .forteslogo { /* ruimte binnen tekstvakken */
	padding-left:	1.5em;
	padding-right:	1.5em;
}

.alineas_ll, .alineas_ll p {
	background-color: #002D68;
	color: #FFFFFF;
	padding: 5px 0 0 8px;
}

.alineas_ll p a{
	color: #FFFFFF;
}

.forteslogo HR, .forteslogo IMG { /* ruimte rondom Forteslogo */
	margin: 0;
}

h1, h2, h3, h4, h5, h6 { /* ruimte rond koppen */
	margin-top:		1em;
	margin-bottom:	0.1em;
}

/****************************
 *  Lettertypen en Kleuren  *
 ****************************/

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.inleiding { /* inleidende alinea, groter, dikker en grotere regelhoogte */
	line-height:	150%;
	font-weight:	bold;
	background:		transparent;
	margin-bottom:	0.1em;
	margin-top:		0;
}

.tekstTD, .inleiding, .alineas, .forteslogo, td, input,blockquote, textarea { /* tekst standaard klein */
	font-size:	12px;
}

h1 { /* belangrijke kop */
	font-size:		110%;		font-weight:	bold;
}

h2, h3, h4, h5, h6 { /* subkop (alleen H2 gebruiken) */
	font-size:		100%;		font-weight:	bold;
}

A:link { /* normale link, nog niet gevolgd */
	font-weight:	bold;
	color:			#18326A;	background:		transparent;
}

A:visited { /* normale link, al gevolgd */
	font-weight:	bold;
	color:			#8595BB;	background:		transparent;
}

A:hover { /* normale link, als muis er over hangt */
	font-weight:	bold;
	color:			#FFFFFF;	background-color:		#003366;
}

HR { /* tussen balk */
	color: 			#8595BB;	background:		transparent;
}

SPAN.plaatjetekst { /* bijschrift bij een foto (wordt nog niet gebruikt) */
	font-size:		90%;
	color:			#8595BB;	background:		transparent;
}

/* als een IMG in een link staat, geef dan de link altijd een vaste opmaak 
   wordt alleen gebruikt op pagina "solutions" */

A.withpicture:link, A.withpicture:visited, A.withpicture:hover {
	text-decoration:	none;
	font-weight:		bold;
	color:				#18326A;
	background:			transparent;
}

.module { /* naam van een module */
	font-size:   110%;
	font-weight: bold;
	color:       #18326A; 
}

.moduletekst { /* beschrijving van een module */
	line-height:    150%;
	padding-top:    0.7em;
	padding-bottom: 1em;
	padding-right:  2em;
}

.demoform { /* opmaak van het aanvraag van een demo formulier */
	color:      #000000;
	background: #EEECEE;
	margin-top: 1em;
	padding:    0.1em;
	font-style: italic;
	text-align: left;
}

sup { /* superscript ((c), TM, (r) etc) */
	font-size: 80%;
}

@media print {
   BODY {
   	font-size: 8pt;
	line-height: 100%;
	background: white;
	}
   .nodisplay {
   	display:none;
   }
}

.plattetekst { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 17px
}
.inleiding { 
	padding-left:	0em;
	padding-right:	1.5em;
 } 
 
 
 /* menu for navigation */
.topMenu {
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: right;
	height: 26px;
	width: 942px;
	line-height: 26px;
	background-color: #B2B2B2;
	padding: 0 0 0 0px;
	display: block;
	margin: 3px 0 6px 0;
	z-index: 20;
	background-image: url("images/simplyfortes.jpg");
	background-repeat: no-repeat;
	background-position: right;
	clear: both;
}
 
.topMenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #FFFFFF;
	z-index: 99;
}

.topMenu ul li {
	position: relative;
	display: inline;
	float: left;
	padding: 0 0 0 0;
}

.topMenu ul li a, .topMenu ul li a:visited {
	display: block;
	text-align: center;
	padding: 4px 15px 4px 15px;
	border: 0;
	text-decoration: none;
	line-height: 18px;
	vertical-align: middle;
	font-family: Arial;
	font-size: 13px;
	color: #FFFFFF;
}


.topMenu ul li a:hover {
	color: #FFFFFF;
}
	
.topMenu ul li ul {
	left: 0;
	position: absolute;
	top: 1em;
	display: block;
	visibility: hidden;
	border-right: solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	margin: 0 -1px 0 -1px;
}

.topMenu ul li ul li {
	display: list-item;
	padding: 0 0 0 0;
}

.topMenu ul li ul li ul { 
	left: 149px;
	top: 0;
}

.topMenu ul li ul li a {
	display: block;
	text-align: left;
	width: 140px;
	text-decoration: none;
	background-color: #183363;
	text-transform: none;
	font-weight: normal;
	line-height: 16px;
}

.topMenu ul li ul li a:hover {
	text-decoration: underline;
}

.topMenu ul li:hover {
	background-color: #183363;
}

.topMenu ul li a:hover {
	background-color: #183363;
}

* html p#iepara {
	padding-top: 1em;
}