@charset "utf-8";
@import url("reset.css");

body { background:#ffffff url(../img/header/header_bckg.gif) repeat-x;	color:#221e1f; font-family: Georgia, "Times New Roman", Times, serif; font-size: 70%; line-height:140%;	padding-top:10px; }

/* ****************************************************************************************************************************** */
/* MAIN LAYOUT : */
#container { width:955px; margin:0 auto;}

	#header {height:108px; }
		#header img[alt="Belgacom"] { margin:16px 0px 0px 13px; float:left; }
		#header img[alt~="Proximus"] { margin:42px 0px 0px 0px; float:right; }
		#header ul#language { float:right; position:relative; right:-102px; }
			#header ul#language li { padding:0 0 0 5px; display:inline; background:url(../img/header/dashed.gif) repeat-y;}
			#header ul#language a { color:white; }
				#header ul#language a:hover { text-decoration:underline; }
				
	#content { padding:0 0 12px 0; }
	
	#sponsor { width:955px; height:86px; margin:0 0 12px 0; }
	.sponsor-default { background:url(../img/sponsor/sponsor_bckg.jpg); color:white; text-decoration:none; }
		.sponsor-default a { color:white;  }
	.sponsor-roll { background:url(../img/sponsor/sponsor_bckg_roll.jpg); color:#404041; cursor:pointer;  }
		.sponsor-roll a { color:#404041; }
		#sponsor img { float:left; }
		#sponsor h3 { font-size:14px; font-weight:bold; padding:12px 0 5px 0;  }
		#sponsor p { padding:0; margin:0; line-height:14px; }
	
	#footer { width:929px; margin:0 auto; padding:5px 0 0 0; border-top: dashed 1px #221e1f; font:90% Arial, Helvetica, sans-serif; color:#92b0bf; text-align:center; }
		#footer a { color: #779fae; }
			#footer a:hover { text-decoration:underline; }

/* ****************************************************************************************************************************** */
/* TYPOGRAPHY : */
h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif; }
	h1 {font-size:240%; line-height:240%; }
	h2 {font-size:190%; line-height:180%;}
	h3 {font-size:140%; line-height:160%; font-weight:bold; }
	h4 {font-size:120%; line-height:160%; font-weight:bold; }
	
p { margin:0 0 20px 0; }

strong {font-weight:bold;}

/* ****************************************************************************************************************************** */
/* FLOATING RULES : */
.floatLeft { float:left; }
.floatRight { float:right; }
.clear { clear:both; }

/* ****************************************************************************************************************************** */
/* NO CSS CONTENT : */
.hidden {display:none; }



/* ****************************************************************************************************************************** */
/* PAGE SPECIFIC RULES : */

/* Splashpages */
#splashpage { }
	#splashpage .fr { width:955px; height:316px; background-image:url(../img/spl_bckg_fr.jpg); }
	#splashpage .nl { width:955px; height:316px; background-image:url(../img/spl_bckg_nl.jpg); }
	#splashpage .en { width:955px; height:316px; background-image:url(../img/spl_bckg_en.jpg); }
	
	#splashpage h1 { display:none; }
	#splashpage h2 {display:none;}
	
	#splashpage ul.nav { width:180px; margin:0 0 0 30px; position:relative; top:140px; }
		#splashpage ul.nav li { padding:0 0 8px 0; }
		#splashpage ul.nav li p {
	width: 300px;
	padding:0 0 0 5px;
	position: absolute;
	top: 17px;
	left: 200px;
	z-index: 2;
	display: none;
	border-left:dotted 1px black;
}

	

/* ****************************************************************************************************************************** */
/* LINKS & BUTTONS : */
a.button { background: transparent url(../img/btn/btn_arrow.png) no-repeat scroll top right; display: block; height: 26px; padding-right: 27px; color:#FFFFFF; }
* html a.button { background: transparent url(../img/btn/btn_arrow.gif) no-repeat scroll top right; } /* switch to GIF image for IE6 */
	a.button span { background: transparent url(../img/btn/btn_extend.png) no-repeat; display: block; line-height: 26px; padding: 0 0 0 8px; } 
	* html a.button span { background: transparent url(../img/btn/btn_extend.gif) no-repeat; } /* switch to PNG image for browser supporting it */
a.button:hover { background: transparent url(../img/btn/btn_roll_arrow.png) no-repeat scroll top right; }
* html a.button:hover { background: transparent url(../img/btn/btn_roll_arrow.gif) no-repeat scroll top right; } /* switch to PNG image for browser supporting it */
	a.button:hover span{ background: transparent url(../img/btn/btn_roll_extend.png) no-repeat; color:#003a62; }
	* html a.button:hover span{ background: transparent url(../img/btn/btn_roll_extend.gif) no-repeat; } /* switch to PNG image for browser supporting it */