/* General stuff */
body, td, li, p
{
	color: #333;
	font-size: 12px;
	font-family: Tahoma, "Trebuchet MS" , Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}
body
{
	margin: 0;
	padding: 0;
	border: 0;
}
a, a:link, a:active, a:visited
{
	text-decoration: underline;
	color: #069;
}
a:hover
{
	text-decoration: none;
	color: #f00;
}


/* header-items */
#header
{
	background: #b4b4b4 url(../images/contact_v2.jpg) no-repeat 16px 0;
	visibility: visible;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 130px;
}
#headerextra
{
	background: #069;
	visibility: visible;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 16px;
	height: 130px;
}
#floatertop
{
	background: url(../images/top_triangle.gif) no-repeat top center;
	visibility: visible;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 25px;
}
#floaterbottom
{
	background: url(../images/logo_bottom.gif) no-repeat top center;
	visibility: visible;
	position: absolute;
	top: -75px;
	left: 0px;
	width: 100%;
	height: 75px;
	clear: both; /*bottom: 0px;*/
}
/* vertical position is done by scripting */

/* Navigation */
.mainbuttons, a.mainbuttons, a:active.mainbuttons, a:visited.mainbuttons
{
	color: #069;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding-right: 12px;
	padding-top: 2px;
}
a:hover.mainbuttons
{
	color: #f00;
	text-decoration: underline;
}
#mainbutton1
{
	position: absolute;
	top: 130px;
	left: 16px;
}
#mainbutton2
{
	position: absolute;
	top: 130px;
	left: 76px;
	background: url(../images/mainbutton_arrow_up.gif) no-repeat right center;
}
#mainbutton3
{
	position: absolute;
	top: 130px;
	left: 171px;
	background: url(../images/mainbutton_arrow_up.gif) no-repeat right center;
}
#mainbutton4
{
	position: absolute;
	top: 130px;
	left: 251px;
	background: url(../images/mainbutton_arrow_up.gif) no-repeat right center;
}
#mainbutton5
{
	position: absolute;
	top: 130px;
	left: 341px;
}
#mainbutton6
{
	position: absolute;
	top: 130px;
	left: 431px;
	/*background: url(../images/mainbutton_arrow_up.gif) no-repeat right center;*/
}
#mainbutton7
{
	position: absolute;
	top: 130px;
	left: 486px;
}

.submenu
{
	position: absolute;
	margin: 0;
	padding: 0;
	border: 0;
	top: 149px;
	left: -2px;
}
.submenu_td
{
	vertical-align: top;
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #069;
}
#submenu2
{
	left: 74px;
	margin: 0;
	padding: 0;
	border: 0;
	visibility: hidden;
}
#submenu3
{
	left: 169px;
	margin: 0;
	padding: 0;
	border: 0;
	visibility: hidden;
}
#submenu4
{
	left: 249px;
	margin: 0;
	padding: 0;
	border: 0;
	visibility: hidden;
}
#submenu5
{
	left: 339px;
	margin: 0;
	padding: 0;
	border: 0;
	visibility: hidden;
}
#submenu6
{
	left: 429px;
	margin: 0;
	padding: 0;
	border: 0;
	visibility: hidden;
}
#submenu7
{
	left: 484px;
	margin: 0;
	padding: 0;
	border: 0;
	visibility: hidden;
}


.submenuitem, a.submenuitem, a:active.submenuitem, a:visited.submenuitem
{
	display: block;
	background-color: #eee;
	color: #069;
	font-size: 11px;
	text-decoration: none;
	padding: 4px;
	padding-left: 10px;
	width: 135px;
	border-bottom: 1px solid #069;
	filter: alpha(opacity=90); -moz-opacity:0.9;opacity:0.9;}/* opacity doesn't show in older browsers */
a:hover.submenuitem
{
	color: #f00;
	background-color: #fff;
	filter: alpha(opacity=100); -moz-opacity:1;opacity:1;}

#subnavigation
{
	position: absolute;
	top: 130px;
	left: 692px;
	width: 50px;
	padding-top: 2px;
}

#subnavigationlan
{
	position: absolute;
	top: 130px;
	left: 612px;
	width: 50px;
	padding-top: 2px;
}

#lang
{
	position: absolute;
	top: 230px;
	left: 742px;
	/*width: 150px;*/
	padding-top: 2px;
}

.subnav, a.subnav, a:active.subnav, a:visited.subnav
{
	color: #666;
	text-align: right;
	font-size: 11px;
	text-decoration: none;
}
a:hover.subnav
{
	text-decoration: underline;
}

/* The differences between the main sections */
body#section1 #mainbutton1, body#section2 #mainbutton2, body#section3 #mainbutton3, body#section4 #mainbutton4, body#section5 #mainbutton5, body#section6 #mainbutton6
{
	text-decoration: underline;
}

body#section1 #header
{
	background: #b4b4b4 url(../images/header_home.jpg) no-repeat 16px 0;
}
body#section2 #header
{
	background: #b4b4b4 url(../images/header_waste.jpg) no-repeat 16px 0;
}
body#section3 #header
{
	background: #b4b4b4 url(../images/header_service.jpg) no-repeat 16px 0;
}
body#section4 #header
{
	background: #b4b4b4 url(../images/header_urban.jpg) no-repeat 16px 0;
}
body#section5 #header
{
	background: #b4b4b4 url(../images/header_contact.jpg) no-repeat 16px 0;
}
body#section6 #header
{
	background: #b4b4b4 url(../images/header_contact.jpg) no-repeat 16px 0;
}



/* Placement of the three main collumns */
#leftCol
{
	position: absolute;
	top: 175px;
	left: 16px;
	width: 235px;
}
#centerCol
{
	position: absolute;
	top: 175px;
	left: 267px;
	width: 475px;
}
#rightCol
{
	position: absolute;
	top: 175px;
	left: -758px;
	width: 230px;
}
/* horizontal position is done by scripting */

#leftCol h1, #centerCol h1, #rightCol h1
{
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 21px;
	text-transform: uppercase;
	word-spacing: 1px;
	letter-spacing: 1px;
	background: #069;
	height: 21px;
	padding-left: 8px;
	border-bottom: 1px solid #666;
	margin-bottom: 8px;
	clear: both;
}

#leftCol h1
{
	background: url(../images/title_bg_left.jpg) repeat-y;
}
#centerCol h1
{
	background: url(../images/title_bg_center.jpg) repeat-y;
}
#rightCol h1
{
	background: url(../images/title_bg_right.jpg) repeat-y;
}


#leftCol h2, #centerCol h2, #rightCol h2
{
	color: #069;
	font-size: 15px;
	font-weight: bold;
	line-height: 32px;
	clear: both;
}
#leftCol h3, #centerCol h3, #rightCol h3
{
	color: #069;
	font-size: 12px;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 3px;
	clear: both;
}


#leftCol p, #rightCol p
{
	margin-top: 3px;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #666;
}
#leftCol a, #rightCol a
{
	color: #333;
	text-decoration: none;
}
#leftCol a:hover, #rightCol a:hover, #leftCol a:hover p, #rightCol a:hover p
{
	color: #f00;
	text-decoration: none;
}


.to-right
{
	float: right;
	margin: 0px;
	margin-left: 8px;
	margin-bottom: 8px;
}

.to-left
{
	float: left;
	margin: 0px;
	margin-right: 8px;
	margin-bottom: 8px;
}

/* Tree */
.tree
{
	font-size: 12px;
	line-height: 18px;
	display: block;
}
.selected
{
	font-weight: bold;
}
.tr_l1_fo
{
	background: url(../images/tree_open.gif) no-repeat 0px 2px;
	padding-left: 16px;
}
.tr_l1_fc
{
	background: url(../images/tree_closed.gif) no-repeat 0px 2px;
	padding-left: 16px;
}
.tr_l1_doc
{
	background: url(../images/tree_page.gif) no-repeat 0px 2px;
	padding-left: 16px;
	display: block;
}
.tr_l2_fo
{
	background: url(../images/tree_open.gif) no-repeat 16px 2px;
	padding-left: 32px;
	display: block;
}
.tr_l2_fc
{
	background: url(../images/tree_closed.gif) no-repeat 16px 2px;
	padding-left: 32px;
	display: block;
}
.tr_l2_doc
{
	background: url(../images/tree_page.gif) no-repeat 16px 2px;
	padding-left: 32px;
}
.tr_l3_fo
{
	background: url(../images/tree_open.gif) no-repeat 32px 2px;
	padding-left: 48px;
	display: block;
}
.tr_l3_fc
{
	background: url(../images/tree_closed.gif) no-repeat 32px 2px;
	padding-left: 48px;
	display: block;
}
.tr_l3_doc
{
	background: url(../images/tree_page.gif) no-repeat 32px 2px;
	padding-left: 48px;
}
.tr_l4_fo
{
	background: url(../images/tree_open.gif) no-repeat 48px 2px;
	padding-left: 64px;
	display: block;
}
.tr_l4_fc
{
	background: url(../images/tree_closed.gif) no-repeat 48px 2px;
	padding-left: 64px;
	display: block;
}
.tr_l4_doc
{
	background: url(../images/tree_page.gif) no-repeat 48px 2px;
	padding-left: 64px;
}
.tr_l5_fo
{
	background: url(../images/tree_open.gif) no-repeat 64px 2px;
	padding-left: 80px;
	display: block;
}
.tr_l5_fc
{
	background: url(../images/tree_closed.gif) no-repeat 64px 2px;
	padding-left: 80px;
	display: block;
}
.tr_l5_doc
{
	background: url(../images/tree_page.gif) no-repeat 64px 2px;
	padding-left: 80px;
}

.publishdate
{
	color: #999;
}