/*
 * Dagravit Layout
 * 20080508
 * 
 */
/***** Initialize *****/
html, body {
	height: 100%;
}
* {
	margin: 0;
	padding: 0;
}
p, h1, h2, h3, h4, h5, h6 {
	padding: 0 0 1em 0; /* restore whitespace */
}
/***** General layout *****/
body {
	background: #AFAFAF url(/site/images/dagravit_energy/bg_body_7.jpg) repeat-x top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 14px;
}
.general {
}
.general #bg {
	height: 100%;
	width: 1000px;
	margin: 0 auto;
	background: url(/site/images/dagravit_energy/bg_general.jpg) repeat-x top left;
	padding:0;
	postion:relative;
}
.general a {
}
.general a:hover {
	text-decoration: none;
}
.general a img {
	border: none;
}
/***** Indeling *****/
.general #container {
	position:relative;
}
.general #content {
	overflow: hidden;
}
.general #col_left {
	float: left;
	width: 242px;
	padding: 13px 0 0 85px;
}
.general #col_right {
	float: left;
	width:396px; /*Totale breedte 660px */
	padding: 412px 10px 0 250px;
	position: relative;
}
/***** inhoud col_left *****/
.general #col_left #logo a {
	display: block;
	background: url(/site/images/dagravit_energy/logo.jpg) no-repeat top left;
	width: 242px;
	height: 115px;
	text-indent: -500em;
}
.general #col_left h1 {
	padding: 0;
}
.general #col_left #menu_left {
	list-style: none;
	text-align: right;
	padding: 0 12px 0 10px;
}
/* Niveau 1 */
.general #col_left #menu_left li {
	list-style: none;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 18px 0;
}
.general #col_left #menu_left a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #c2c4c6;
}
.general #col_left #menu_left a:hover, #col_left #menu_left li.selected a {
	color: #b7000c;
}
.general #col_left #menu_left li.type_0 {
	font-size: 25px;
}
.general #col_left #menu_left li.type_4 {
	font-weight: normal;
	padding: 0 0 14px 0;
}
.general #col_left #menu_left li.type_4 a {
	color: #96969a;
}
.general #col_left #menu_left li.type_5 {
	font-weight: normal;
	padding:0;
}
.general #col_left #menu_left li.type_5 a {
	font-size: 100%;
	color: #96969a;
}
.general #col_left #menu_left li.type_5 a:hover, .general #col_left #menu_left li.type_4 a:hover, .general #col_left #menu_left li.type_5.selected a, .general #col_left #menu_left li.type_4.selected a {
	color:#b7000c;
}
/* niveau 2 */
.general #col_left #menu_left li #subnav .type_0 {
	font-size: 15px;
}
.general #col_left #menu_left li ul {
	display: none;
}
.general #col_left #menu_left li.selected ul {
	display: block;
}
.general #col_left #menu_left li li {
	font-weight: normal;
	padding: 3px 0 0 0;
}
.general #col_left #menu_left li.selected li a {
	color: #c2c4c6;
}
.general #col_left #menu_left li.selected li a:hover, .general #col_left #menu_left li.selected li.selected a {
	color: #eba711;
}
/* niveau  */
.general #col_left #menu_left li #subsubnav .type_0 {
	font-size: 11px;
}
/***** Inhoud col_right *****/
.general #col_right h1 {
	position: absolute;
	top: 212px;
	left: 250px;
	width: 400px;
	font-weight: bold;
	font-size: 26px;
	line-height: 34px;
	padding: 0;
}
.general #col_right #text {
	overflow:auto;
	height: 150px;
	font-size:11px;
	line-height: 15px;
	color: #515151;
}
.general #col_right #text h1 {
	position: static;
}
.general #col_right #text li a {
	color: #515151;
}
.general #col_right #text li {
	margin-left: 1em;
	padding: 0 0 0 0;
}
/* Template .boosthome */
.boosthome #bg {
	background: url(/site/images/dagravit_energy/bg_boost_home.jpg) repeat-x top left;
}
.boosthome #col_right {
	width: 380px;
}
/* Template .boost */
.boost #bg {
	background: url(/site/images/dagravit_energy/bg_bg_7.jpg) repeat-x top left;
}
.boost #container {
	background: url(/site/images/dagravit_energy/bg_left_boost.jpg) no-repeat left top;
}
.boost #content {
	background: url(/site/images/dagravit_energy/bg_boost_1.jpg) no-repeat right top;
	height: 1000px;
	width: 1000px;
}
.boost #col_right {
	padding: 130px 0 0 40px;
	width:400px;
}
.boost #col_right h1 {
	position: absolute;
	top: 50px;
	left: 40px;
	width: 380px;
	color:#B7000C;
}
.boost #col_right #text {
	color: #6D6E71;
	height: 400px;
	padding-right: 10px;
}
/* Template .alldayhome */
.alldayhome #bg {
	background: url(/site/images/dagravit_energy/bg_allday_home.jpg) repeat-x top left;
}
.alldayhome #col_right {
	width: 330px;
	padding:400px 0 0 297px;
}
.alldayhome #col_right #text {
	color: #515151;
	padding-left: 5px;
}
/* Template .allday */
.allday #bg {
	background: url(/site/images/dagravit_energy/bg_bg_7.jpg) repeat-x top left;
}
.allday #container {
	background: url(/site/images/dagravit_energy/bg_left_allday.jpg) no-repeat left top;
}
.allday #content {
	background: url(/site/images/dagravit_energy/bg_allday_1.jpg) no-repeat right top;
	height: 1000px;
}
.allday #col_left {
	background: none;
}
.allday #col_right {
	padding: 130px 0 0 40px;
	width:400px;
}
.allday #col_right h1 {
	position: absolute;
	top: 50px;
	left: 40px;
	width: 380px;
	color:#B7000C;
}
.allday #col_right #text {
	color: #6D6E71;
	height: 400px;
	padding-right: 10px;
}

/** Opmaak contact **/
.contact #col_right h1 {
	position:static;
}
.textTitle {
	font-size: larger;
}
/***** Opmaak voor HOME pagina *****/
body.home {
	background: #b0afaf url(/site/images/dagravit_energy/bg_intro_pagebg.jpg) repeat-x top left;
}
.home #logo {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 137px;
	width: 328px;
}
.home #logo a {
	background-image: url(/site/images/dagravit_energy/logo_intro.png);
	text-indent: -500em;
	display: block;
	width: 328px;
	height: 137px;
}
.home #container ul {
	width:  950px; /* 1000 - 50 padding */
	padding: 0 0 0 50px;
	height: 900px;
	background: url(/site/images/dagravit_energy/bg_intro_200910.jpg) top center no-repeat;
	margin: 0 auto;
}
.home #content li {
	list-style:none;
	float: left;
}
.home #content li a {
	display: block;
	height: 900px;
	width: 475px;
	text-indent: -500em;
}
/***** FOOTER *****/
.home #footer {
	margin: 0 auto;
	font-size: 10px;
	text-align:center;
	width: 100%;
	top: 720px;
	color: #666;
	position: absolute;
	/*
	left: 330px;
	*/
}
.home #footer a {
	color: #666;
}
.general #footer {
	position: absolute;
	font-size: 10px;
	text-align: center;
	width: 670px;
	top: 570px;
	color: #999;
	left: 330px;
}