﻿/* splash page --------------------------------------------------------------------------------------------------------------*/

body 				 { font-family: verdana; color: #542785; font-size: 13px; line-height: 16px; }
a 					 { color: #542785;}
#container           { width: 870px; position: relative; margin: 0 auto; padding: 100px 18px 0px 35px; }


/* header */
/*#header    		  	{ text-indent: -9988px; border-bottom: none; height: 30px; margin: 0px 0px 18px 0px; background: url(../Images/homepage/logo.png) no-repeat; width: 100%; height: 30px; margin: 0px 0px 16px 0px; text-indent: -9988px;   }*/
h1 a      		  	{ display: block; height: 30px; width: 120px; }
h1.onpic            { background:transparent none repeat scroll 0 0; color:#FFFFFF; font-family:Verdana; font-size:23px; line-height:30px; margin:75px 0 0 35px; padding:0; position:absolute; text-indent:0; width:100%; z-index:999; }

/* content */
#content   			{ height: 400px; padding: 50px 36px 0px; position: relative; margin-top: 10px; }

.boxes { background: url(../Images/homepage/splash_boxes.png) no-repeat;}

/*content-boxes */
#content .wrapper-boxes       { position: relative; margin-top: 0px; color: #c9c9c9; font-size: 11px; margin-left:-4px; padding-top: 277px;}
#content .boxes  	  		  { width: 295px; height: 91px; float: left;  padding-top: 19px; }
#content .last  	  	      { margin-right: 0px; }
#content .boxes .boxesnav 	  { height: 99px; margin-left: 13px; }
#content .boxes p 	  		  { margin-top: 0px; margin-left: -5px; width: 260px; margin-left: 7px; }
#content  a 	  			  { display: block;  }

.boxes a.boxes_nav_1_1	  	  { background: url(../Images/homepage/splash_boxes_1_li_1.gif) no-repeat; margin-bottom: 5px; text-indent: -9988px; width: 100% }
.boxes .boxes_sub_nav_1 	  { margin-left: 55px; margin-bottom: 10px; margin-top: -4px; }
.boxes .boxes_nav_1_li_1 	  { height: 12px; margin-bottom: 3px;   }
.boxes .boxes_nav_1_li_2 	  { height: 12px; margin-bottom: 6px;  }
.boxes .boxes_nav_1_li_3 	  { height: 12px; margin-bottom: 3px;  }
.boxes .boxes_nav_1_li_4 	  { height: 12px; margin-bottom: 6px;  }


.boxes a.boxes_nav_1_2 	  	  { background: url(../Images/homepage/splash_boxes_1_li_2.gif) no-repeat; text-indent: -9988px; width: 100%  }
.boxes .boxes_sub_nav_2  	  { margin-left: 55px;  }

/* selected */
.boxes_nav_1_1_selected       { background: url(../Images/homepage/splash_boxes_1_li_1_selected.gif) no-repeat;  text-indent: -9988px; margin-bottom: 5px; } 
.boxes_nav_1_2_selected       { background: url(../Images/homepage/splash_boxes_1_li_2_selected.gif) no-repeat;  text-indent: -9988px; }
.boxes_nav_2_1_selected       { background: url(../Images/homepage/splash_boxes_2_li_1_selected.gif) no-repeat;  text-indent: -9988px; margin-bottom: 5px;} 
.boxes_nav_2_2_selected       { background: url(../Images/homepage/splash_boxes_2_li_2_selected.gif) no-repeat;  text-indent: -9988px; }  
.boxes_nav_3_1_selected       { background: url(../Images/homepage/splash_boxes_3_li_1_selected.gif) no-repeat;  text-indent: -9988px; } 
.boxes_nav_3_2_selected       { background: url(../Images/homepage/splash_boxes_3_li_2_selected.gif) no-repeat;  text-indent: -9988px; }


/* 2de box */
.boxes a.boxes_nav_2_1	  	  { background: url(../Images/homepage/splash_boxes_2_li_1.gif) no-repeat; text-indent: -9988px;  margin-bottom: 5px; width: 100% }
.boxes a.boxes_nav_2_2 	  	  { background: url(../Images/homepage/splash_boxes_2_li_2.gif) no-repeat; text-indent: -9988px; width: 100% }
.boxes .boxes_sub_nav_2  	  { margin-left: 55px;  }
.boxes .boxes_2_sub_nav_1 	  { margin-left: 55px; margin-bottom: 10px; margin-top: -4px;   }
.boxes .boxes_2_sub_nav_2 	  { margin-left: 55px;  }

/* 3de box */

.boxes a.boxes_nav_3_1	  	  { background: url(../Images/homepage/splash_boxes_3_li_1.gif) no-repeat; text-indent: -9988px; margin-bottom:5px; width: 100%; width: 100%  }
.boxes a.boxes_nav_3_2 	  	  { background: url(../Images/homepage/splash_boxes_3_li_2.gif) no-repeat; text-indent: -9988px; margin-bottom:5px; width: 100%; width: 100%  }

.boxes a.boxes_nav_1_1:hover	  	  {  background: url(../Images/homepage/splash_boxes_1_li_1_selected.gif) no-repeat;  margin-bottom:5px;  }
.boxes a.boxes_nav_1_2:hover 	  	  { background: url(../Images/homepage/splash_boxes_1_li_2_selected.gif) no-repeat;  margin-bottom:5px;   }
.boxes a.boxes_nav_2_1:hover	  	  {  background: url(../Images/homepage/splash_boxes_2_li_1_selected.gif) no-repeat;  margin-bottom:5px;  }
.boxes a.boxes_nav_2_2:hover 	  	  { background: url(../Images/homepage/splash_boxes_2_li_2_selected.gif) no-repeat;  margin-bottom:5px;   }
.boxes a.boxes_nav_3_1:hover	  	  {  background: url(../Images/homepage/splash_boxes_3_li_1_selected.gif) no-repeat;  margin-bottom:5px;  }
.boxes a.boxes_nav_3_2:hover 	  	  { background: url(../Images/homepage/splash_boxes_3_li_2_selected.gif) no-repeat;  margin-bottom:5px;   }

/* bg - content picture */
.picture-1 					{ background: url(../Images/homepage/picture-1.jpg) no-repeat; width: 887px; margin-left: -35px; padding-left: 20px; }
.picture-1 					{ background: url(../Images/homepage/picture-1.jpg) no-repeat; width: 887px; margin-left: -35px; padding-left: 20px; }
.picture-1 					{ background: url(../Images/homepage/picture-1.jpg) no-repeat; width: 887px; margin-left: -35px; padding-left: 20px; }
.picture-1 					{ background: url(../Images/homepage/picture-1.jpg) no-repeat; width: 887px; margin-left: -35px; padding-left: 20px; }

p { margin-bottom: 15px;}

/*ErrorDisplay box on splashpage*/
.errorDisplay { color:#FF0000; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; margin-top:-10px; }

.logoBlock {

    background: url("../images/Nuon_logobaan_start.png") no-repeat scroll 0 0 #FFFFFF;

    clear: both;

    float: left;

    height: 50px;

    width: 765px;

}

.logoBlock_eni {

    background: url("../images/Eni_logobaan_start.png") no-repeat scroll 0 0 #FFFFFF;

    float: right;

    height: 60px;

    width: 104px;            

}

.logoBlock span {

    display:none;                                    

}

.logoBlock_eni span {

    display:none;

}

.logoBlock h1 {

    margin: 0;

    padding: 0;

}

.logoBlock a {

    display: block;

    height: 60px;

    width: 835px;

}

.logoBlock_eni h1 {

    margin: 0;

    padding: 0;

}

.logoBlock_eni a {

    display: block;

    height: 60px;

    width: 104px;

}

.subheader {

    margin-left: 12px;
	font-size:10px;
}

