/***********************************************/
/*											   */
/* beklim_styles.css	                       */
/* (c) an webmaster (a) beklim.be			   */
/*	2010									   */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	background: url(images/bg.gif) left top repeat-y #44A2FF;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Tahoma, Lucida Sans, Arial, Verdana, Helvetica, sans-serif;
	width: 920px;
 	color: #0B1640;
	
		}
	 
a:link, a:visited, a:hover {
	color: #0B1640;
	text-decoration: none;
}


h1, h2, h3, h4, h5, h6 {
	font-family: Tahoma, Lucida Sans,sans-serif;
	margin: 0px;
	padding: 0px;
 	color: #0B1640;
	
}

h1{
 	font-size: 12px;
 	color:#FFF;
	text-transform: lowercase;

}

h2{
 font-size: 20px;
 color: #FFFFFF;
}

h3 {
 font-size: 16px;
}

h4, h5{
 font-size: 14px;
}


ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
	font: bold 12px Verdana, sans-serif;
	color: #FFFFFF;
}

table{
	width: 400px;
	border-bottom: 1px solid #BBBBBB;
	text-align: left;
	padding: 0px;
}

table th, td{
	border-top: 1px solid #BBBBBB;
	}

/************* general styles  *********/
	
.date {
	font-weight:bold;
	}
	
.act {
	text-transform:uppercase;
	}
	
.emph {
	font-weight:bold;
	}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	background: #44A2FF url(images/header.jpg) no-repeat;
	width: 920px;
	height: 150px;
}

#content{
	float: left;
	width: 460px;
	margin-left: 460px;
	margin-top: -60px;
}

#navBar {
	float: left;
	width: 240px;
	margin-left: -740px;
}



/***********************************************/
/*CONTENT divs                                 */
/***********************************************/

/************* general #content styles  *********/

	
#content a:link, #content a:visited, #content a:hover {
	color: #2245CC;
	text-decoration: underline;
}

#content a:hover {
	color: #DFF2FF;
	text-decoration: underline;
}

#content img {
	clear: both;
	padding: 10px ;
	width: 438px;
	background: url(images/hbg2.gif) left top repeat #DDDDDD;
	margin: 10px 0px 10px 0px;
}

/*************  navigation styles  *************/

#globalNav{
	color: #EEEEEE;
	margin-top: 20px;
	padding: 5px 0px 0px 10px;
	float:right;
}

#globalNav a {
	color: #EEEEEE;
	font-size: 12px;
}

#siteName {
	position: absolute; 
	top: 160px; 
	left: 10px; 
	width: 160px; 
	height: 110px;
}


#breadCrumb{
	font-size: 11px;
	color: #FFFFFF;
	margin-top: -30px;
	padding: 0px 0px 5px 0px;
}

#breadCrumb a:link, #breadCrumb a:visited, #breadCrumb a:hover {
	color: #EEEEEE;
	text-decoration: underline;
}

#breadCrumb a:hover {
	color: #2245CC;
	text-decoration: underline;
}

/************** .feature, .story, #pagename styles ***************/


#pageName {
	display: block;
	line-height: 40px;
	background: url(images/hbg.gif) left top repeat #000;
	margin: 30px 0px;
	padding-left: 20px;
	color: #FFF;
	font-size: 20px;
	text-transform: lowercase;
	width: 440px;
}

.feature h3, .story h3{
	display: block;
	line-height: 30px;
	background: url(images/hbg2.gif) left top repeat #000;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	color: #FFF;
	font-size: 16px;
	text-transform: lowercase;
	width: 440px;
}


.feature, .story{
	padding: 0px 10px 10px 0px;
}


.feature h4, .story h4{
	padding: 10px 0px 5px 0px;
	
}


.strong, .strongtitle, .invitation{
	width: 418px;
	margin: 20px 0px 20px 0px;
	padding: 20px;
	background: url(images/fbg.gif) left top repeat #DDDDDD;
	border:solid #FFFFFF 1px;
	text-align:center;
	line-height: 1.5em;
	}

	

/************* #siteInfo styles (footer) ***************/

#siteInfo{
	clear: both;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 11px;
	margin-left:460px;
	height: 30px;
	background: url(images/hbg.gif)  #000;

}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/*******************************************/
/*********** #navBar link styles ***********/
/*******************************************/

#navBar a:link {
	color: #8FC7FF;
	border: none;
}

#navBar a:visited, #navBar a:hover {
	color: #2245CC;
	border: none;
}


#navBar h3 {
	font-weight: bold;
	font-size: 14px;
	color: #2245CC;
	text-transform: uppercase;
	padding-top: 40px;
	padding-bottom: 10px;
}

#navBar h3 a:link {
	color: #2245CC;
	border: none;
}

#navBar h3 a:visited, #navBar h3 a:hover {
	color: #2245CC;
	border: none;
}

#navBar ul {list-style: none; margin: 0; padding: 0;}

#navBar ul a:link, #navBar ul a:visited {display: block;}

#navBar img{
	margin: 15px 5px;
	padding: 5px 5px;
	background-color: #EEEEEE;
	border: 1px solid #DDDDDD;
}

/*********** #sectionLinks styles ***********/

#sectionLinks{
	font-weight: bold;
	line-height: 30px;
	font-size: 14px;
	color: #0B1640;
	text-transform: uppercase;
	border-bottom: 1px solid #BBBBBB;
	background: url(images/fbg.gif) left top repeat #DDDDDD;

}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#sectionLinks li {border-bottom: 1px solid #BBBBBB;}

/* fix for browsers that don't need the hack */
html>body #sectionLinks li {border-bottom: none;}

#sectionLinks a:link{
	padding: 0px 10px;
	border-top: 1px solid #BBBBBB;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: auto;
	color: #0B1640;
}

#sectionLinks a:visited{
	border-top: 1px solid #BBBBBB;
	color: #0B1640;
	padding: 0px 10px;
}

#sectionLinks a:hover{
	background-color: #0B1640;
	color:#FFF;
	border-top: 1px solid #BBBBBB;
	padding: 0px 10px;
	
}

#sectionLinks .currentsection {
	background-color: #44A2FF;
	color: #FFF;
	border-top: 1px solid #BBBBBB;
	padding: 0px 10px;
	
}


/************** #headlines styles **************/

#headlines, .agenda, .relatedLinks {
	margin: 0px;
	padding: 5px 10px 5px 10px;
	font-size: 12px;
	}
	
#headlines p, .agenda p, .relatedLinks p, .relatedLinks li{
	margin: 0px;
	padding: 5px 0px;
	font-size: 12px;
	border-bottom: 1px solid #BBBBBB;
}