@charset "utf-8";
/* CSS Document */



/* Globals
   -------------------------------------------------------------------------- */
* {
    font-size:12px;
    font-family: Arial, Verdana;
    margin: 0;
    padding: 0;
}

html, body {
    height:100%;
	margin: 0;
	padding: 0;
}
body {

}

img {
	border: 0px;
	
}



/* Adminbar
   -------------------------------------------------------------------------- */
div#admin_bar {
	position: relative;
	background-color: #000;
	padding: 10px;
}

div#admin_bar div#admin_bar_content {
	position: relative;
	width: 880px;
	font-size: 15px;
	margin: 0px auto;
	color: #fff;
}

div#admin_bar div#admin_right {
	position: relative;
	clear: none;
	float: right;
}	

div#admin_right a {
	font-size: 14px;
	color: #fff;
	margin-left: 10px;
	text-decoration: none;
}
div#admin_right a:hover {
	text-decoration: underline;
}


/* Messages
   -------------------------------------------------------------------------- */

div.message {
	position: relative;
	padding: 10px;
	font-size: 15px;
}

div.message-ok {
	background-color: #0f0;
	color: #000;
}

div.message-error {
	background-color: #f00;
	color: #fff;
}

div.message div {
	position: relative;
	width: 880px;
	font-size: 15px;
	margin: 0px auto;
}
div.message div a {
	float: right;
}


/* Admin parts
   -------------------------------------------------------------------------- */

a.admin-close-0, a.admin-close-f, a.admin-save-0, a.admin-save-f {
	text-decoration: none;
	padding-left: 20px;
	font-size: 14px;	
}

a.admin-close-0 {
	color: #000;
	background: url(../img/admin/x-000.png) center left no-repeat;
}

a.admin-close-f {
	color: #fff;
	background: url(../img/admin/x-fff.png) center left no-repeat;
}

a.admin-save-0 {
	color: #000;
	background: url(../img/admin/v-000.png) center left no-repeat;
}

a.admin-save-f {
	color: #fff;
	background: url(../img/admin/v-fff.png) center left no-repeat;
}
a.admin-close-0:hover, a.admin-close-f:hover {
	text-decoration: underline;
}

a.admin-edit, a.admin-cancel, a.admin-save {
	font-size: 14px;
	padding: 5px 10px;
	text-decoration: none;
}
a.admin-edit {
	color: #fff;
	background-color: #f80;
}
a.admin-cancel {
	color: #fff;
	padding-left: 25px;
	background: #f00 url(../img/admin/x-fff.png) 5px center no-repeat;
}
a.admin-save {
	color: #000;
	padding-left: 25px;
	background: #0f0 url(../img/admin/v-000.png) 5px center no-repeat;
}
a.admin-edit:hover, a.admin-save:hover, a.admin-cancel:hover {
	text-decoration: underline;
}

.admin-content {
	background-color: rgb(240,240,238);
	width: 660px;
	position: relative;
	padding: 5px 0px;
	clear: right;
	float: right;
	text-align: right;
}

.admin-menu {
	background-color: rgb(240,240,238);
	position: relative;
	padding: 5px 0px;
	text-align: right;
}


/* Container
   -------------------------------------------------------------------------- */
div#container_window {
	background: url(../img/template/termokomfort_bg.jpg) top center no-repeat;
}

div#container_outer {
    position: relative;
    width: 900px;
    margin: 0 auto;
	clear: both;
}

div#container_inner {
    position: relative;
}

#body_container {
	margin: 0px 0px 0px 0px;
	width: 900px;
}


/* Header
   -------------------------------------------------------------------------- */
#header {
	height: 77px;
	margin: 0;
	padding: 0;
	position: relative;
}
	#header H1, #header H2 {
		margin: 0;
		padding:0;
	}
	#logo {
		float:left;
		width: 240px;
		height: 65px;
		position: absolute;
		
		background: #FFFFFF;
		
		margin: 0;
		padding: 0;
		
		border-bottom: 12px solid #B5D34D;
	}
	
	#slogan {
		float: right;
		width: 660px;
		
		position: absolute;
		left: 240px;
		text-align: right;
		color: #FFFFFF;
		padding-top: 40px;
		height: 25px;
		
		line-height: 25px;
		border-bottom: 12px solid #B2B2B2;
	}
		#slogan H2 {
			font-size: 13px;
			color: #00608F;
			font-weight: bold;
		}



#termokomfort_milieu {
	width: auto;
	padding: 20px 20px 20px 30px;
	margin: 20px 0px 40px 0px;
}
	#termokomfort_milieu IMG {
		padding-right: 10px;
		float: left;
	}

	#termokomfort_milieu P {
		text-align: left;
		float: right;
		width: 74%;
		font-size: 13px;
		color: #007BBE;
		font-weight: bold;
	}
	#termokomfort_milieu P A {
		font-weight: normal;
		color: #97AF41;
		text-decoration: underline;
		padding-right: 8px;
		background:  url(../img/template/back_menu_sub.jpg) center right no-repeat;
	}
		#termokomfort_milieu A IMG {
			padding: 0px;
			background: none;
		}
		#termokomfort_milieu A:hover {
			text-decoration: none;
		}

/* Body
   -------------------------------------------------------------------------- */
   
#body {
	width: 900px;
	float:none;
	position: relative;
	background: #FFFFFF url(../img/template/body_bg.jpg) top left repeat-y;
	
	overflow: auto;
	margin: 0;
	padding: 0;
}

	#hoofdmenu {
		float: left;
		border-right: 1px solid #EEEEEE;

		width:239px;
	}

	#rightcontainer {
		position: relative;
		float: right;
		width: 660px;
	}
	
	#content {
		padding: 20px 65px 30px 65px;
		min-height: 400px;
	}

	.extracontent {
		padding: 0px 20px 20px 20px;
		margin-bottom: 10px;
	}
	
	.extracontent h2 {
		margin: 15px 0px 5px 0px;
		font-size: 18px;
		color: #888;
		font-weight: normal;
		border-bottom: 1px dotted #888;		
	}
	
	.extracontent input.large {
		width: 600px;
		font-size: 14px;
		padding: 4px;
	}
	.extracontent input.wide {
		width: 600px;
		font-size: 12px;
		padding: 2px;
	}
	.extracontent textarea.wide {
		width: 600px;
		height: 50px;
		font-size: 12px;
		padding: 2px;
	}
	.extracontent textarea.high {
		height: 100px;
	}
	.extracontent input.normal {
		width: 300px;
		font-size: 12px;
		padding: 2px;
	}
	.extracontent input.small {
		width: 175px;
		font-size: 12px;
		padding: 2px;		
	}
	.extracontent p
	{
		margin: 10px 0px;
	}
	.extracontent a
	{
		color: #000;
	}
	#edit-menu { padding-bottom: 20px; }
	#edit-menu p, #edit-parent p {
		padding: 10px 10px 0px 10px;
		font-style: italic;
		color: #444;
	}
	
	ul.edit-menu-list {
		position: relative;
		list-style: none;
		list-style-image: none;
		padding-left: 15px;
	}
	ul.edit-menu-list li {
		position: relative;
		padding-top: 5px;
	}
	ul.edit-menu-list li input {
		position: relative;
		margin-right: 6px;
	}
	ul.edit-menu-list li div.editlink {
		position: absolute;
		top: 3px;
		right: 5px;
	}
	

		#content H1 {
			color: #007BBE;
			padding: 10px 0px 16px 0px;
		}
		#content H2, H3, H4, H5, H6 {
			color: #007BBE;
			padding: 20px 0px 10px 0px;
		}
			#content H1 {
				font-size: 19px;
			}
			#content H2 {
				font-size: 17px;
			}
			#content H3 {
				font-size: 15px;
			}
			#content H4 {
				font-size: 13px;
			}
			#content H5, H6 {
				font-size: 12px;
			}
			
			#content P {
				width: 100%;
				color: #333;
				line-height: 18px;
				text-align: justify;
			}
			#content A {
				text-decoration: underline;
				color: #007BBE;
			}
				#content A:hover {
				text-decoration: none;
				}
				#content UL {
					margin: 3px 0px 10px 30px;
					color: #333;
					line-height: 18px;
					
				}
				#content UL LI {
					list-style: url(../img/template/back_a.gif);
				}
				

/* Footer
   -------------------------------------------------------------------------- */

#footer {
	width: 900px;
	float: none;
	clear: both;
}

	#footer A:hover {
		text-decoration: none;
	}
	#footer_right A {
		color: #2F71BF;
		text-decoration: underline;
	}

	#footer_left {
		width: 210px;
		float: left;
		height: 60px;
		background: #B5D34D;
		color: #255897;
		font-size: 12px;
		font-family: Arial, Verdana;
		line-height: 18px;
		text-align: right;
		padding: 15px 30px 15px 0px;
	}
	#footer_right {
		width: 620px;
		float: right;
		height: 60px;
		background:#DFDFDF;
		color: #2F71BF;
		line-height: 18px;
		
		padding: 15px 10px 15px 30px
	}
	P.left {
		float: left;
	}
	P.right {
		text-align: right;
		float: right;
	}
		P.right IMG {
			padding-left: 20px;
		}

/* Subfooter
   -------------------------------------------------------------------------- */
#subfooter {
	position: relative;
	width: 900px;
	float: none;
	clear: both;
	color: #909090;	
}
#subfooter * {
	font: 11px Arial, Verdana;
}
#subfooter a {
	color: #505050;

	text-decoration: none;
}
#subfooter a:hover {
	text-decoration: underline;
}
#subfooter_left {
	position: relative;
	float: left;
	padding: 5px 10px;
}
#subfooter_right, #subfooter_login {
	position: relative;
	float: right;
	padding: 5px 10px;
}

.footer_end
{
	position: relative;
	clear: both;
	height: 1px;
	width: 880px;
	font-size: 1px;
	line-height: 1px;
}
	

/** CSS TREE MENU */

/**
	 * cssTreeMenu
	 * Author: E. Vlieg - Flydesign.nl
	 */
#treeMenu {
	padding: 20px 0px 0px 15px;
	list-style: none;
	list-style-image: none;
}
#treeMenu li {
	background: url(../img/template/back_menu.jpg) center left no-repeat;
}
#treeMenu li.sub {
	background: url(../img/template/back_menu_sub.jpg) top left no-repeat;
}
#treeMenu a {
	display: block;
	text-decoration: none;
	color: #017CC2;
	font-size: 12px;
	padding: 8px 4px 8px 10px;
	background: url(../img/template/back_a.gif) center left no-repeat;
}
#treeMenu a.open {
	background: url(../img/template/back_a_open.gif) center left no-repeat;
}
#treeMenu a.closed {
	background: url(../img/template/back_a_closed.gif) center left no-repeat;
}
#treeMenu a.active {
	text-decoration: underline;
}