/*

uitleg ie5/ie6 hack

De boxmodel van ie5/5.5 en ie6 verschillen. ie6 is gelijk aan opera en firebird mozilla etc geen probleem hier.

stel je heb een element met een mooie zwarte border in photoshop die 300 px breed is en 50px hoog

in je stylesheet defineer je een element van 300px breed en 50pxhoog en voegt daar een 'border: 1px solid black;' aantoe

hier ontstaat dus het probleem. ie5 behoud de 300px en plaatst de 1px border binnen het element. ie 6 en de rest van de wereld plaatst de border erbuiten

Het element in ie6 ea is dus 302 pixels breed (300px + leftborder:1px + rightborder:1px)

dit geld dus ook voor hoogte van een element en waneer je die elementen gaat positioneren moet je er ook rekening mee houden



we zouden behoorlijk in de problemen zitten als we er geen 'hack' hadden. (zie voorbeeld)

deze hack is werkt op een andere bug in ie5/5.5

waneer ie5/5.5 dit: 'voice-family: "\"}\"";voice-family: inherit;'  ziet raakt ie in paniek en lees die definitie niet meer verder en gaan naar de volgende

ie6 ea hebben geen probleem met die voice-familiy element en leest er gewoon overheen en voert uit wat er na dat element komt

waneer daarna dus weer een height of width element staat neemt hij die voor waar aan en overschrijft de eerst width waarde die boven de voice-family element zat 

gevolg is dus dat ie5/5.5 de bovenste waarde pakt en ie6 ea de onderste 

voorbeeld: 



.box_content1 {

border: 1px solid black;

width: 391px; <-- deze waarde neemt ie5/5.5

padding: 2px 4px 2px 4px;  <-- deze waarde neemt ie5/5.5 en ie6 ea

height: 33px; <-- deze waarde neemt ie5/5.5

voice-family: "\"}\"";

voice-family: inherit;

width: 381px; <-- deze waarde moet kleiner zijn omdat de padding/margins/borders er nog af moeten voor ie6 ea

height: 29px; <-- deze waarde moet kleiner zijn omdat de padding/margins/borders er nog af moeten voor ie6 ea

}



over het voice-family element 

dit element word nog niet gebruikt door browsers dus je hoeft niet bang te zijn dat hij ooit in de weg zit 

waneer in de toekomst dit element ooit wel ondersteund word dan zorgt 'voice-family: inherit;' ervoor dat het een op zich zelf staand element blijft 

en niet in de weg gaat zitten met al die andere voice elementen die je site gaan verfraaien 

*/



html {

	background-color: #5E90BA;

	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;

	font-size: 9px;

}



body{

	text-align: center;

	voice-family: "\"}\"";/* boxmodel hack. hieronder: ie6. hierboven: ie5. */

	voice-family: inherit;

	text-align: left;

}



div table {

	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;

	font-size: 9px;

}



a{

	color: #182d3b;

	text-decoration:none;

}



img {

	border: none;

}



form {

	padding: 0px;

	margin: 0px;

}



select {

	font-size: 9px;

}



input {

	font-size: 9px;

}



textarea {

	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;

	font-size: 11px;

}



a:hover {

	text-decoration:underline;

}



a:visited {

	color: #182d3b;



}



.red {

	background-color: #CA8469;

}

.lred {

	background-color: #EBCCC0;

}



.blue {

	background-color: #5E90BA;

}



.lblue {

	background-color: #8abae5;

}



.vlblue {

	background-color: #6A99BF;

}

.vlblue2 {

	background-color: #b4cee3;

}



.green {

	background-color: #9BBE93;

}



.lgreen {

	background-color: #E1ECDF;

}







.dblue {

	background-color: #376891;

}



.content{

	position: relative;

	margin-left: auto;

	margin-right: auto;

	width: 942px;

	/*background-color: lime;*/

}



.content .dynamic_navigation {

	

	height: 40px;

	text-align: left;

	/*background-color: blue;*/

}



.content .checkbox {

	float: right;

}



.content .google {

	width: 942px;

	border: 1px solid #376891;

	color: #376891;

	text-align: center;

	margin-bottom: 2px;

	voice-family: "\"}\"";/* boxmodel hack. hieronder: ie6. hierboven: ie5. */

	voice-family: inherit;

	width: 940px;

}



.content .question {

	width: 942px;

	border: 1px solid #376891;

	text-align: center;

	margin-bottom: 2px;

	voice-family: "\"}\"";/* boxmodel hack. hieronder: ie6. hierboven: ie5. */

	voice-family: inherit;

	width: 736px;

}



.content .targetpoint {

        width: 942px;

	height: 75px;

/*

        border: 1px solid #376891;

        color: #376891;

        text-align: center;

        margin-bottom: 2px;

        voice-family: "\"}\"";

        voice-family: inherit;

        width: 736px;

*/

}



.content .images_textures {

	color: #273d50;

	text-align: center;	

	font-size: 12px;

}

.content .images_textures a {

	color: #273d50;

	text-decoration: underline;

}

.content .images_textures a:visited {

	color: #273d50;

	text-decoration: underline;

}

.content .images_textures img {

	margin-bottom: -5px;

	margin-left: 4px;

}



.dblue_text, .dblue_text td {

	font-size: 11px;

	color: #324D63;

}

.dblue_text a, .dblue_text td a {

	color: #324D63;

}

.dblue_text a:hover, .dblue_text td a:hover {

	color: #324D63;

	text-decoration: underline;

}

.vlblue {

	background-color: #80a7c8

}

.bigbanner{
	width: 940px;

	overflow: hidden;
	background-color: #76a1c4;


}

.bigbanner img {
	border: none;
}
.bigbannercontent{
	float: left;
/*	position:absolute;
	clip:rect(0px,998px,128px,0px);	*/
}
.bigbannercontent img {
	border: none;

}