/* DEFAULT STYLES */
* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

body {
	color: #000;
	background: #fff;
	font: 12px/18px Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000;
	font: bold 16px/18px Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}

h3,
h4,
h5,
h6 {
	font-size: 14px;
	margin-bottom: 1px;
}

a {
	color: #5eb6e4;
	text-decoration: none;
}

	a:visited {
		color: #4b92b6;
	}
	
	.my-overview a {
	    color: #bed600;
	}
	
	    .my-overview a:visited {
	        color: #98ab00;
	    }

	a span {
		font-size: 11px;
		font-weight: bold;
		background: url(../images/arrows.png) no-repeat 100% -95px;
		padding-right: 9px;
	}
	
	    a:visited span {
			background-position: 100% -195px;
		}
	
	    .my-overview a span {
	        background-position: 100% -295px;
	    }
	
		    .my-overview a:visited span {
	            background-position: 100% -395px;
	        }
		
    a:hover {
		text-decoration: underline;
	}
		
p,
ul,
ol,
dl {
	margin: 0 0 18px;
}

img {
	display: block;
	border: 0;
}

hr {
	clear: both;
	display: none;
}

span.pipe {
	padding: 0 3px;
}

input.input,
textarea.input,
input.button,
input.submit,
button {
	color: #000;
	background: #fff;
	font: 11px/18px Arial, Helvetica, sans-serif;
	padding: 3px 4px 2px;
	border: 1px solid #b2b2b2;
}

input.input {
    line-height: 11px;
}

textarea.input {
    overflow: auto;
	height: 72px;
}

input.ivld,
textarea.ivld {
	background: #fce7f1;
}

input.required,
textarea.required {
	padding-left: 3px;
	border-left: 2px solid #e21776;
}

input.input:focus,
textarea.input:focus,
input.button:hover,
input.submit:hover,
button:hover {
	background: #f5f5f5;
}

.vsummary {
	font-size: 11px;
	background: #f5f5f5;
	padding: 10px;
	margin: 0 0 18px;
	border: 1px solid #b2b2b2;
}

	.vsummary ul {
		margin: 0;
	}

/* ID: wrapper */
#wrapper {
	width: 976px;
	margin: 0 auto;
}

/* ID: container */
#container {
    background: url(../images/eerlijk-en-eenvoudig-over-energie.png) no-repeat 0 100%;
	padding: 19px;
	margin: 0 0 8px;
	border: solid #d9d9d9;
	border-width: 0 1px 1px;
}

/* ID: header */
#header {
	height: 71px;
}

	#header h1 {
		float: left;
		position: relative;
		margin: -9px 0 0;
	}
	
		#header h1 a {
			display: block;
			background: url(../images/nife-energieadvies-logo.png);
			text-indent: -9999px;
			width: 180px;
			height: 70px;
			outline: none;
		}
		
	#header p {
		float: right;
		color: #bed600;
		margin: 38px 10px 0 0;
	}
	
		#header p a {
			color: #bed600;
			text-decoration: underline;
		}

/* ID: navigation */
#navigation {
	display: block;
	position: relative;
	list-style: none;
	background: url(../images/navigation.png) repeat-x;
	height: 30px;
	margin: 0;
	border: solid #d9d9d9;
	border-width: 0 1px;
}

	#navigation li {
		float: left;
		position: relative;
		height: 28px;
		margin-left: -1px;
		border: 1px solid;
		border-color: #d9d9d9 #d9d9d9 #b2b2b2;
	}
	
		#navigation li:hover {
			z-index: 1;
			background-color: #fff;
			border-color: #b2b2b2;
		}
		
			#navigation li.expandable:hover {
				height: 24px;
			}
	
		#navigation li a {
			display: inline-block;
			position: relative;
			color: #000;
			font: 12px/26px Arial, Helvetica, sans-serif;
			text-decoration: none;
			height: 28px;
			padding: 0 8px;
		}
		
			#navigation li.expandable:hover a {
				z-index: 3;
				overflow: hidden;
				height: 24px;
				border-bottom: 1px solid #d9d9d9;
			}
			
		#navigation li ul {
			position: absolute;
			top: 24px;
			left: -1px;
			z-index: 2;
			visibility: hidden;
			list-style: none;
			background: #fff;
			overflow: hidden;
			min-width: 150px;
			margin: 0;
			border: 1px solid #b2b2b2;
		}
	
			#ie6 #navigation li ul {
				width: 150px;
			}
		
			#navigation li:hover ul {
				visibility: visible;
			}
			
			#navigation li ul li {
				float: none;
				display: block;
				white-space: nowrap;
				background: #fff;
				height: 24px;
				margin: 0;
				border-width: 1px 0 0;
			}
			
				#ie6 #navigation li ul li.first,
				#navigation li ul li:first-child {
					border: none;
				}
	
				#navigation li ul li:hover {
					background: url(../images/navigation.png) repeat-x 0 -30px;
					border-color: #d9d9d9;
				}
				
				#navigation li ul li a,
				#navigation li.expandable ul li a {
					display: block;
					min-width: 134px;
					height: 24px;
					border: none;
				}
				
	#navigation li.my-overview {
		float: right;
		color: #fff;
		background: url(../images/navigation.png) repeat-x 0 -54px;
		margin: 0 -1px 0 0;
		border-color: #a2b600 #a2b600 #859500;
	}
	
		#navigation li.my-overview:hover {
			background-position: 0 -82px;
			border-color: #859500;
		}
	
		#navigation li.my-overview a {
			color: #fff;
			background: url(../images/navigation.png) no-repeat 8px -110px;
			padding-left: 22px;
		}
	
/* ID: breadcrumb */
#breadcrumb {
	list-style: none;
	font: 10px/20px Arial, Helvetica, sans-serif;
	height: 20px;
	padding: 0 9px;
	margin: 0;
}

	#breadcrumb li,
	#breadcrumb li ul {
		display: inline;
	}
	
	#breadcrumb li ul {
		background: url(../images/arrows.png) no-repeat 0 4px;
		padding-left: 10px;
		margin: 0 0 0 4px;
	}
	
	#breadcrumb,
	#breadcrumb a {
		color: #b2b2b2;
	}
	
/* ID: content */
#content {
	overflow: hidden;
	width: 100%;
}

/* TAG: ol */
#content ol {
	list-style-position: inside;
}

/* TAG: ul */
#content ul li {
	list-style: none;
	background: url(../images/arrows.png) no-repeat 0 -492px;
	padding-left: 10px;
}

	#content .columns ul li,
	#content #sidebar-left ul li,
	#content #sidebar-right ul li {
		background-position: 0 -592px;
	}
	
		#content .columns ul li a,
		#content #sidebar-left ul li a,
		#content #sidebar-right ul li a {
			font-weight: bold;
		}
	
	.my-overview #content ul li,
    #content .my-overview ul li,
    #content #sidebar-left .my-overview ul li,
    #content #sidebar-right .my-overview ul li {
        background-position: 0 -692px;
    }

/* TAG: dl */
#content dl {
	overflow: hidden;
	width: 100%;
}

	#content dl dt,
	#content dl dd {
		float: left;
	}
	
	#content dl dt {
		width: 35%;
	}
	
	#content dl dd {
		width: 65%;
	}
	
/* CLASS: news */
#content dl.news dt {
	width: 24.5%;
}

#content dl.news dd {
	width: 75.5%;
}

#content .news-description {
    color: #b2b2b2;
    font-size: 11px;
    margin-bottom: 9px;
}

#content .news-enclosure {
    color: #b2b2b2;
    font-size: 11px;
    margin-bottom: 9px;
}

    #content .news-enclosure p {
        margin-bottom: 0;
    }

#content .news-more {
    margin-top: -9px;
}
	
/* CLASS: image-mask */
#content .image-mask {
	display: block;
	background: url(../images/image-mask.png) no-repeat;
	max-height: 838px;
}

	#content .image-mask img {
		position: relative;
		z-index: -1;
	}

/* CLASS: image-description */	
#content .image-description {
    color: #b2b2b2;
    text-align: right;
}

/* CLASS: splash */
#content .splash {
	width: 428px;
	height: 232px;
	padding: 47px 500px 0 10px;
	margin: 0 0 12px;
	border-bottom: 1px solid #b2b2b2;
}

	#content .splash h2 {
		display: none;
	}
	
	#content .splash a {
		text-decoration: underline;
	}

	#content .splash.energie-zonder-zuchten {
		background: url(../images/content/eyecatcher-energie-zonder-zuchten.jpg) no-repeat;
	}
	
		#content .splash.energie-zonder-zuchten,
		#content .splash.energie-zonder-zuchten a {
			color: #f18bbb;
		}
		
	#content .splash.focus-op-uw-onderneming {
		background: url(../images/content/eyecatcher-focus-op-uw-onderneming.jpg) no-repeat;
	}
	
		#content .splash.focus-op-uw-onderneming,
		#content .splash.focus-op-uw-onderneming a {
			color: #bfe2f4;
		}
		
	#content .splash.glasheldere-afspraken {
		background: url(../images/content/eyecatcher-glasheldere-afspraken.jpg) no-repeat;
	}
	
		#content .splash.glasheldere-afspraken,
		#content .splash.glasheldere-afspraken a {
			color: #ecf3b3;
		}
		
	#content .splash,
	#content .splash:hover,
	#content .splash:hover a {
		color: #fff;
	}

/* CLASS: columns */
#content .columns {
	font-size: 11px;
	background: url(../images/columns.png) no-repeat 12px 100%;
	overflow: hidden;
	width: 948px;
	margin-left: -12px;
}

	#content .columns .column {
		float: left;
		display: inline;
		width: 205px;
		padding: 9px 10px 10px;
		margin-left: 12px;
		border: solid #d8d8d8;
		border-width: 1px 0 0;
	}

/* ID: page-content */
#content #page-content {
	float: left;
	overflow: hidden;
	width: 442px;
	min-height: 100px;
	padding: 10px;
	margin: 0 12px;
}

    /* Employee overview */
    #content #page-content .employee {
        overflow: hidden;
        width: 100%;
    }
    
        #content #page-content .employee img {
            float: left;
            margin: 3px 19px 19px 0;
            border: 1px solid #d8d8d8;
            border-bottom-color: #b2b2b2;
        }
        
    /* Testimonial overview */
    #content #page-content .testimonial {
        font-style: italic;
        overflow: hidden;
        width: 100%;
    }
    
        #content #page-content .testimonial img {
            float: left;
            margin: 3px 19px 19px 0;
            border: 1px solid #d8d8d8;
            border-bottom-color: #b2b2b2;
        }
        
        #content #page-content .testimonial strong {
            font-style: normal;
        }
    
    /* Form controls */
    #content #page-content .form p {
        font-size: 11px;
        line-height: 22px;
        overflow: hidden;
        width: 100%;
        margin-bottom: 12px;
    }
    
    #content #page-content .form label {
        float: left;
        clear: both;
        display: block;
        width: 110px;
    }

	#content #page-content .form input.input,
	#content #page-content .form textarea.input {
	    float: right;
		width: 320px;
	}
	
	#content #page-content .form .fieldset
	{
	    float: right;
	    display: block;
	    width: 330px;
	}
	
	    #content #page-content .form .fieldset input 
	    {
	        float: left;
	        margin: 5px 5px 0;
	    }
    	
	    #content #page-content .form .fieldset label 
	    {
	        float: left;
	        clear: none;
	        width: 135px;
	    }
	    
	    #content #page-content .form .fieldset br 
	    {
	        clear: both;
	    }
	
	#content #page-content .form input.button,
	#content #page-content .form input.submit,
	#content #page-content .form button {
	    float: right;
	}

/* ID: sidebar-left, sidebar-right */
#content #sidebar-left,
#content #sidebar-right {
	float: left;
	font-size: 11px;
	overflow: hidden;
	width: 225px;
	min-height: 120px;
}

#content #sidebar-left {
	margin-bottom: 80px;
}

	#content #sidebar-left .column,
	#content #sidebar-right .column {
		width: 205px;
		padding: 9px 9px 0;
		margin-bottom: 12px;
		border: 1px solid;
		border-color: #d8d8d8 #d8d8d8 #b2b2b2;
	}
	
		#content #sidebar-left .column.grey,
		#content #sidebar-right .column.grey {
			background: #f2f2f2;
		}
		
	#content #sidebar-left img,
	#content #sidebar-right img {
		margin: 0 0 12px;
	}
	
	/* SHOULD BE THE DEFAULT 18px
	#content #sidebar-left ul,
	#content #sidebar-right ul {
		margin: 0 0 15px;
	}
	*/
	
/* ID: sitemap */
#content #sitemap li {
    list-style: disc inside;
    background: none;
    padding: 0;
}

#content #sitemap li ul {
    margin: 0 0 0 18px;
}

/* ID: footer */	
#footer p {
	font-size: 10px;
	text-align: center;
	color: #d9d9d9;
	margin: 0 0 2px;
}

	#footer p a {
		color: #b2b2b2;
	}