/***
	stijlbladen voor beeldschermweergave van de
	Electro-Wattsite
	
	02092003/nawien
	 * gemaakt
 	10022004/roel
	 * aanpassingen door verdwijnen submenu
	19032009/ronny
	 * geheel nieuwe stylesheet (deze wordt gebruikt icm een aparte 'reset stylesheet')
***/
	body{
		padding           : 0px;
		margin            : 0px;
		
		font-family       : Arial, Helvetica, Tahoma, sans-serif;
		font-size         : 10pt;
		
		background-color  : #fff; /*#000992;*/
		background-image  : url(../img/achtergrond2_32x4982.gif);
		text-align        : center;

		scrollbar-face-color		: #ffffff;
		scrollbar-highlight-color	: #ffffff;
		scrollbar-3dlight-color		: #17913C;
		scrollbar-darkshadow-color	: #17913C;
		scrollbar-shadow-color		: #ffffff;
		scrollbar-arrow-color		: #17913C;
		scrollbar-track-color		: #ffffff;
	}

  /*--(( menu ))--*/
  
	#menu{
		width             : 458px;
		height            : 101px;
		margin            : 0px auto 0px auto;
		white-space       : nowrap;
		background        : url(../../shared/img/menu_achtergrond_458x101.gif) no-repeat;
	}
	#electro-watt-logo-tekst {
		position          : absolute;
		top               : 18px;
		left              : 35px;
		width             : 110px;
		height            : 20px;
	}
	#electro-watt-logo-tekst img {
		width             : 110px;
		height            : 20px;
	}
	
	#electro-watt-logo-afbeelding {
		position          : absolute;
		right             : 40px;
		top               : 8px;
		width             : 42px;
		height            : 42px;
	}
	#electro-watt-logo-afbeelding img {
		width             : 42px;
		height            : 42px;
	}
	
	
	/* hoofdmenu */

	#menu ul#ul-menu-top {
		position          : absolute;
		left              : 34px;
		width             : 458px;
		top               : 68px;
	}
	
	#menu ul#ul-menu-top li	{
		float             : left;
		font-family 	  : Arial;
		font-size         : 11px;
		font-weight       : bold;
		color             : #52ae6d;
		padding-bottom    : 20px; /* nodig voor overlap met submenu */
	}
	
	#menu ul#ul-menu-top li#contact	{
		position          : absolute;
		left              : 365px;
	}

	#menu ul#ul-menu-top li a {	
		color             : #52ae6d;
		text-decoration   : none;
		margin            : 0px 6px;
		
	}
	#menu ul#ul-menu-top li a:hover {	
		color             : #125b26;
	}
	
	#menu ul#ul-menu-top li#blauw a {	
		color             : #091858;	
	}
	#menu ul#ul-menu-top li#blauw a:hover {	
		color             : #5F99BD;	
	}
	
	/* submenu */
	#menu ul ul.submenu{
		position          : absolute;
		top               : 17px;
		z-index           : 3;
		display           : none;
		background-color  : #fff;
		
		text-align        : left;
		
		border-width      : 0px 0px 1px 3px;
		border-style      : solid;
		border-color      : #ccc;
		
	}
	#menu ul#ul-menu-top li ul li {
		float             : none;
		display           : inline;
		font-family       : Arial;
		font-size         : 9pt;
		font-weight       : normal;
		
	}

	#menu ul#ul-menu-top li ul li a {
		display           : block;
		margin            : 0px;
		padding           : 1px 1em;
		color             : #17913C;
		text-decoration   : none;
		line-height       : 22px;
	}
	#menu ul#ul-menu-top li ul li a:hover{
		color             : #fff;
		background-color  : #17913C;
	}
	#menu ul#ul-menu-top li#blauw ul li a {	
		color             : #5F99BD;	
	}
	#menu ul#ul-menu-top li#blauw ul li a:hover {	
		background-color  : #5F99BD;	
		color             : #fff;
	}

	/* taalspecifiek */
	#menu #s1-nl{ left    : 7px; }
	#menu #s2-nl{ left    : 84px; }
	#menu #s3-nl{ left    : 170px; }
	#menu #s4-nl{ left    : 7px; }
	
	#menu #s1-en{ left    : 7px; }
	#menu #s2-en{ left    : 87px; }
	#menu #s3-en{ left    : 183px; }
	#menu #s4-en{ left    : 7px; }
	
	#menu #s1-de{ left    : 7px; }
	#menu #s2-de{ left    : 92px; }
	#menu #s3-de{ left    : 198px; }
	#menu #s4-de{ left    : 7px; }
	
	#menu ul#ul-menu-top li:hover ul, #menu ul#ul-menu-top li.over ul { display: block; } /* The magic */
	
	
	#menu #taalkeuze{
		position          : absolute;
		top               : 43px;
		right             : 90px;
	}
	#menu #taalkeuze p{
		color             : #999;
		font-size         : 7pt;
		margin            : 0;
	}
	#menu #taalkeuze a{
		font-size         : 7pt;
		color             : #999;
		text-decoration   : none;
		
	}
	
  /*--(( positionering ))--*/
	
	.absoluteContainer{
		position          : absolute;
		margin            : 0px;
		top               : 0px;
		left              : 0px;
		width             : 100%;
	}
	
	.relatieveContainer{
		position          : relative;
		margin            : 0px auto;
		width             : 488px;
	}

 /*--(( inhoud ))--*/

	.inhoud{
		position          : absolute;
		top               : 117px;
		left              : 0px;
		width             : 488px;
		height            : 360px;
		
		margin            : 0px auto 1em auto;
		
		background-color  : #fff;
		background-image  : url('../../shared/img/achtergrond_blok_groen_488x360.jpg');
		
		text-align        : left;
		font-size         : 0.80775em;
		line-height       : 1.3157em; /*1.06275em;*/
		color             : black;
	}
	.blauwachter{
		background-image  : url('../../shared/img/achtergrond_blok_blauw_488x360.jpg');
	}
	.inhoud .tekstBlok {
		position          : relative;
		top               : 23px;
		margin            : 0px 85px 0 40px;
		height            : 306px;
		font              : inherit;
	}

	.inhoud .tekstBlok h1 {
		font-family       : Tahoma;
		color             : #0A1959;
		font-size         : 19px;
		font-weight       : normal;
		margin-bottom     : 25px;
	}
	
	.inhoud .tekstBlok h2 {
		font-size         : 12px;
		color             : #091858;
		
	}
	
	.inhoud .tekstBlok p {
		margin            : 0 0 19px 0;
	}
	
	.inhoud .tekstBlok p.menu{
		font-size         : 0.974em; /*0.78675em;*/
		margin            : 0px;
	}
	.inhoud .tekstBlok p.menu a, .inhoud .tekstblok a, .heenenweerBlok a{
		color             : #313686;
		text-decoration   : none;
	}
	
	.inhoud .tekstBlok ul{
		list-style-type   : square;
		margin-left       : 2em;
	}
	
	.inhoud .tekstBlok th {
		text-align        : left;
	}
	.inhoud .plaatjesBlok {
		position          : absolute;
		left              : 417px;
		top               : 14px;
	}
	.inhoud .plaatjesBlok img {
		display           : block;
		margin            : 29px 0 0 0;
		width             : 29px;
		height            : 29px;
		border            : 0px;
	}
	
	.inhoud .heenenweerBlok{
		text-align        : right;
		position          : absolute;
		top               : 330px;
		right             : 40px;
		width             : 200px;
	}
	.inhoud .heenenweerBlok img {
		position          : relative;
		top               : 1px;
	}
	
	.inhoud .pijl {
		position          : absolute;
		right             : 0px;
	}
	
	
	/*De "vorige" en " volgende" navigatie knoppen rechts beneden
	hebben een andere positie nodig vanwege de verschillende taal opties */
	#pijl-links-nl  { right : 70px; }
	#pijl-links-en  { right : 45px;	}
	#pijl-links-de  { right : 55px; }
	
	.pijl .groen {
		color             : #17913C;
	}
	
	.pijl .blauw {
		color             : #000992;
	}


	
  /*--(( indicatoren ))--*/
	
	.lijn{
		position          : absolute;
		top               : 85px;
		width             : 2px;
		height            : 50px;
		background-color  : #17913C;
		z-index           : 2;
	}
		
	#lijn1-nl{	left      : 74px; }
	#lijn2-nl{	left      : 152px; }
	#lijn3-nl{	left      : 260px; background-color : #091858;}
	#lijn4-nl{	left      : 426px; }
	
	#lijn1-en{	left      : 74px; }
	#lijn2-en{	left      : 160px; }
	#lijn3-en{	left      : 265px; background-color : #091858;}
	#lijn4-en{	left      : 426px; }

	#lijn1-de{	left      : 74px; }
	#lijn2-de{	left      : 170px; }
	#lijn3-de{	left      : 289px; background-color : #091858;}
	#lijn4-de{	left      : 426px; }

  /*--(( iso gecertificeerd ))--*/
	
	#iso-gecertificeerd {
		position          : absolute;
		top               : 114px;
		left              : -60px;
	}
	
	#iso-gecertificeerd img {
		width             : 42px;
		height            : 69px;
	}
	
  /*--(( electronics-automation ))--*/
	
	#electronics-automation {
		position          : absolute;
		top               : 214px;
		left              : -168px;
	}	
	

  /*--(( formulier ))--*/
	.dataform td {
		vertical-align    : top;
		padding-top       : 4px;
	
	}
	.dataform input,
	.dataform textarea {
		font-family       : Arial, Helvetica, Tahoma, sans-serif;
		font-size         : 10pt;
		border            : 1px solid #999;
	}
	.dataform .breed {
		width             : 15em;
	}
	.dataform .noborder {
		border            : 0px;
	}
  
	.dataform .error {
		border            : 1px solid #c00;
		background-color  : #fee;
	}
	
	.dataform label.error {
		color             : #c00;
		display           : none;
		float             : left;
		background-color  : transparent;
		border            : 0px;
	}
	
	
	
  /*--(( footer ))--*/
	#footer {
		position: absolute;
		top: 480px;
		left: 40px;
		color: #ced1de;
		font-size: 7pt;
	}
	#footer a {
		color: #ced1de;
		text-decoration: none;
		margin: 0px 5px;
	}

  /*--((  voorpagina uitzonderingen ))--*/
	.voorpagina{
		background        : none;
		background-color  : #091858;		
	}
	.voorpaginaTop{
		position          : absolute;
		left              : 0px;
		width             : 100%;
		height            : 75px;
		background-color  : #fff;
		z-index           : 0;
	}
  	#animatie{
		position          : relative;
		top               : 0px;
		background        : none;
		text-align        : center;
		width             : 488px;
		height            : 349px;
	}