/*============================*/
/* General
/*============================*/
html, body {
    background: #fff;
    margin: 0;
    padding: 0;
}

#container {            

}

#header {          
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0 0 10px;
}

#logo {
	float:left;
}

#estitle {
	float:left;
}
	
/*============================*/
/* Header
/*============================*/



/*============================*/
/* Content
/*============================*/

#Maincontent {
	padding-top:2em;
	padding-bottom:2em;
}

#Leftcolumn {
	clear:both;
	float:none;
	width: auto;
}

#LeftH1 {
	clear:both;
	float:none;
	width: auto;
}

#Rightcolumn {
	clear:both
	margin-bottom: 2em;
	float:none;
	width: auto;
}

#Wide {
	clear:both;
	margin: 1em 0;
	float:none;
	width: auto;
}

#Sidecolumn {
	clear:both
	float:none;
	padding: 16px;
	margin:0 0 3em 0;
	border: 2px solid #11ADF3; /*#9BE7FF;*/
	background-color: #def; /*#EEF6FF; /*#E9F8FF; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	width: auto;
}

#Attentionbox {
	padding: 0 1em;
	border: 1px solid #9BE7FF;
	background-color: #EFF9FF; /*#E9F8FF; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin:1em 0;
	width: auto;
}

#Maintenancebox {
	padding: 0 1em;
	border: 1px solid #FFA602;
	background-color: #FFFFC2; /*#E9F8FF; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin:1em 0;
	width: auto;
}

#sortinOptions {
    display: none;
	visibility:hidden;
}


/*============================*/
/* Bottom
/*============================*/
#bottom {
	clear:both;
	float:none;
	margin-top: 1em;
	border-top: 5px solid #11ADF2;
	position:relative;
	background-image:url(../images/logo-dgenergy-web-horizontal-color-en.png);
	background-position:center left;
	background-repeat:no-repeat;
	text-align: right;
	line-height:60px;
}

/* ========================== */
/* Other objects */
/* ========================== */
.button {
    background-color: #11ADF2;
    border: 1px solid #377;
    border-radius: 3px;
    color: white;
    font-size: 1em;
    margin: 0;
    padding: 0.5em;
}

table.wide td { 
	border: solid;
	border-width: 1px 0px 1px 0px;
	border-color:#ddd;
}	    


/* ========================== */
/* Navigation */
/* ========================== */

#nav {            
    display: none;
	visibility:hidden;
}

#ReturnHome {
    display: none;
	visibility:hidden;
}

#sortingOptions {
    display: none;
	visibility:hidden;
}

/* ========================== */
/* Typography */
/* ========================== */

html, body, .button, select, .input  /*, .zoekbutton, input.searchbox, H1, H2, H3*/ {
	font-family:	"Open Sans",
					"Segoe UI",
					"Lucida Grande",
					Arial,  
					Geneva,
					Helvetica, 
					Calibri,
					"Arial Narrow", 
					"Helvetica Condensed", 
					"Helvetica Narrow", 
					"DejaVu Sans Condensed", 
					sans-serif;
	font-size: 1.1em;
}

.estitle, .motto {
	font-family:"Open Sans", "Arial Narrow", "Helvetica Condensed", "Helvetica Narrow", "DejaVu Sans Condensed", Arial, Helvetica, sans-serif;
	color:#00A2DD;
}


.motto {
	font-size: 1em;
	margin:3px 0 5px 20px;
	line-height:100%;
	padding:0;
	}
	
.estitle {
	font-size: 2em;
	font-weight:normal;
	line-height:100%;
	letter-spacing : 0.03em;
	margin: 10px 0 0 20px;
	padding:0;
	letter-spacing:-0.01em;
}


/* ----------- content font -------------- */

#Maincontent {
	font-family:	
					"Open Sans",
					"DejaVu Sans",
					"Segoe UI",
					"Lucida Grande",
					Arial,
					Geneva,
					Helvetica,
					Candara,
					Tahoma,
					sans-serif;
}


/* ------------- reading content font-size ------------------------- */
#Maincontent P, UL, .lightgray, table.glossary td {
	color: #000;
	font-size: 90%;
	}

/* ---------------- maincontent column -------------------- */

#Maincontent P {
	line-height:1.5;
	padding: 0;
	margin: 0.5em 0 0.5em 0;
}

#Maincontent LI {
	line-height:1.5;
	padding: 0;
	margin: 0.8em 0;
	font-size: 100%;
}

#Maincontent P strong, #Maincontent P b {
	color: #000;
	/*letter-spacing:0.03em;*/
	}

#Maincontent h1 {
	font-size : 180%;
	color: #000;
	font-weight : normal;
	line-height : 1.3;
	letter-spacing:-0.03em;
	margin:0 0 1em 0;
}

#Maincontent h2 {
	font-size : 130%;
	color: #000;
	font-weight:normal;	
	line-height : 1.3;
	margin:0.6em 0 0.5em 0;
	/*letter-spacing : 0.02em;*/
	padding: 0;
}

#Maincontent h3 {
	font-size : 100%;
	color: #000;
	font-weight : bold;
	line-height : 1.3;
	margin:0 0 0 0; 
	padding:0;
}	

#Maincontent h4 {
	font-size : 100%;
	color: #000;
	line-height : 1.3;
	margin-bottom:0.5em; }	

#Maincontent UL {
	list-style-type: square;
}


#Maincontent A:link, #Maincontent A:active {
	color : #005AC6;
	text-decoration : none;
}

#Maincontent A:visited {
	color : #005AC6;
	text-decoration : none;
}

 
#Maincontent A:hover {
	color: #005AC6;
	text-decoration: underline;
}

#Sidecolumn P {
	color: #000;
	font-size: 85%;
	line-height:1.6;
}

#Sidecolumn H3 {
	font-size : 95%;
	color: #000;
	font-weight : bold;
	line-height : 1.5;
	display:block;
	background-color:#D6EFFF;
	border-bottom: 1px solid #0084BF;
	padding: 0.25em;
}

/* ----------------- other typography------------------- */

.special_intro {
	color:#000;
	font-weight : bold;
	line-height:1.5;
	}

.citation {
	font-size: 90%;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	line-height: 1.5;
}


#Maincontent P.small {
	font-size: 90%; /*0.85em;*/
	font-weight: normal;
	color: #000000;
	line-height: 1.4;
}


hr {
	color: #11ADF3; /* #00A2DD; /*#2FCDFF;*/
	border-top: 1px solid #11ADF3; /*#2FCDFF;*/
	margin: 2em 0;
}

/*----------------------- bottom bar ------------------------ */
#bottom, #bottom A:link, #bottom A:active, #bottom A:visited, #bottom A:focus, #bottom A:hover {
	font-size: 90%;
	color:#000;
	} 

#bottom A:link, #bottom A:active, #bottom A:visited, #bottom A:focus {
	text-decoration: none;
}

#bottom A:hover {
	text-decoration: underline;
	}