/*
Description: 	Reset CSS
Author: 		Felix Kreitner
Date:			5.11.2010
*/

/*
----------------------------
RESET
----------------------------
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 			0;
    padding: 			0;
    border: 			0;
    outline: 			0;
    font-size: 			100%;
    vertical-align: 	baseline;
    background: 		transparent;
}

body {
	background: 		#FFF;
	height:				100%;
	background-color:	transparent;
}

body, select, input, textarea {
    color: 				#444;
}

a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym {
	border-width:		0;
	margin:				0;
}

th,b,strong,h1,h2,h3,h4,h5,h6,dt {
	font-size: 			100%;
	font-weight:		normal;
}

ul,ol,li,dir,menu {
	list-style:			none;
}

/* Bugfixing */
/* http://www.positioniseverything.net/explorer/ie-listbug.html */
ul, ol, dl {
	position:			relative;
}

ol {
	list-style:			decimal outside;
}

ul {
	list-style:			disc outside;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: 			'';
    content: 			none;
}

blockquote, q { quotes: none }

a {
	margin:				0;
	padding:			0;
	font-size:			100%;
	vertical-align:		baseline;
	background:			transparent;
}

table {
	border-collapse:	collapse;
	border-spacing:		0;
}

caption,tr,th,td {
	width:				auto;
	height:				auto;
	background-color:	transparent;
	vertical-align:		inherit;
	border:				none;	
    text-align:			left;
    font-weight:		normal;
}

fieldset, img {
	border: 			0;
}

img {
	text-align:			bottom;
	vertical-align:		bottom;
}

td, td img { vertical-align: top }

sub,sup {
	vertical-align:		baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: 				#000;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
 *font-size: 			100%;
}

center,*[align] {
	text-align:			inherit;
}

s,strike,u {
	text-decoration:	inherit;
}

hr {
	clear:				both;
	display:			block;
}

input, select {
	vertical-align:		middle;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }

nav ul, nav li { margin: 0; padding: 0; background-image: none; }

nav ul { list-style: none }

mark {
	background-color:	#ff9;
	color:				#000;
	font-style:			italic;
	font-weight:		bold;
}

/*
----------------------------
DEFAULT SET
----------------------------
*/

html {
	overflow-y: 			scroll;
}

b,strong,th {
	font-weight:			bold;
}

sub { 
	vertical-align:			sub;
}

sup {
	vertical-align:			super;
}

small, sup, sub {
	font-size:				10px;
	line-height:			0;
}

big {
	font-size:				20px;
}

caption { 
	text-align:				center;
}

pre { 
  padding: 					15px; 
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: 				pre; /* CSS2 */
  white-space: 				pre-wrap; /* CSS 2.1 */
  white-space: 				pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: 				break-word; /* IE */
}

del {
	text-decoration:		line-through;
	color:					#666;
}

ins {
    background-color: 		#ff9;
    color: 					#000;
    text-decoration: 		none;
}

abbr,acronym {
	text-transform:			uppercase;
	font-size:				11px;
	letter-spacing:			1px;
}

abbr[title],acronym[title],dfn[title] {
	cursor:					help;
	border-bottom:			1px dotted #000;
}

blockquote {
	color:					#666;
	padding-left:			20px;
}

blockquote cite, q cite {
	font-style:				normal;
}

cite,em,dfn {
	font-style:				italic;
}

code,kbd,samp,pre,tt,var {
	font-size:				12px;
	font-family:			mono-space,monospace;
}

hr {
	display:				block;
	height:					1px;
	border:					0;
	border-top:				1px solid #ccc;
	margin:					1em 0;
	padding:				0;
}

input, select { vertical-align: middle }

select, input, textarea, button { font: 99% sans-serif }

input:invalid, textarea:invalid {
    border-radius: 			1px;
    -moz-box-shadow: 		0px 0px 5px red;
    -webkit-box-shadow: 	0px 0px 5px red;
    box-shadow: 			0px 0px 5px red;
}

input:valid, textarea:valid { }

textarea { overflow: auto }

.ie6 legend, .ie7 legend { margin-left: -7px }

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css    */

input[type="radio"] { vertical-align: text-bottom }

input[type="checkbox"] { vertical-align: bottom }

.ie7 input[type="checkbox"] { vertical-align: baseline }

.ie6 input { vertical-align: text-bottom }

/* hand cursor on clickable input elements   */

input[type=button], input[type=submit], button { cursor: pointer }

/* webkit browsers add a 2px margin outside the chrome of form elements   */

button, input, select, textarea { margin: 0 }

/* colors for form validity   */

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd }

/* j.mp/webkit-tap-highlight-color   */

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/   */

button {
    width: 				auto;
    overflow: 			visible;
}

/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/   */

.ie7 img { -ms-interpolation-mode: bicubic }

ul {
	list-style-type:	none;
	padding: 			0px;
	margin: 			0px;
}

li {
	background-image: 		url(../img/template/bullet.gif);
	background-repeat: 		no-repeat;
	background-position: 	0px 5px;
	padding-left: 			14px;
}

/*
----------------------------
HELPER CLASSES
----------------------------
*/

.left {
	float:					left;
}

.right {
	float:					right;
}

.align-left {
	text-align: 			left;
}

.align-right {
	text-align: 			right;
}

.align-center {
	text-align:				center;
}

.justify {
	text-align:				justify;
}

.clear {
	clear:					both;
}

.bold {
	font-weight:			bold;
}

.italic {
	font-style:				italic;
}

.underline {
	border-bottom:			1px solid;
}

.highlight {
	background:				#ffc;
}

img.centered {
	display: 				block;
	margin-left: 			auto;
	margin-right: 			auto;
}

img.alignleft {
	float:					left;
	margin:					0 15px 5px 0;
}

img.alignright  {
	float:					right;
	margin:					10px 0 10px 10px;
}

.marginleft  {
	margin-left:			20px;
}

.marginright  {
	margin-right:			20px;
}

.show-50 {
	opacity: 				.50; /* Standard: FF gt 1.5, Opera, Safari */
	filter: 				alpha(opacity=50); /* IE lt 8 */
	-ms-filter: 			"alpha(opacity=50)"; /* IE 8 */
	-khtml-opacity: 		.50; /* Safari 1.x */
	-moz-opacity: 			.50; /* FF lt 1.5, Netscape */
}

.center {
	position:				relative;
	margin:					0 auto;
}

.rounded {
	-moz-border-radius: 	3px; /* Firefox */
	-webkit-border-radius: 	3px; /* Safari, Chrome */
	-khtml-border-radius: 	3px;
	border-radius: 			3px; /* CSS3 */
}

.clrfix { zoom: 1 }

.clrfix:before, .clrfix:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}

.clrfix:after { clear: both }

/* for image replacement */
.ir {
    display: 				block;
    text-indent: 			-999em;
    overflow: 				hidden;
    background-repeat: 		no-repeat;
    text-align: 			left;
    direction: 				ltr;
}

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden,
.sthidit{
	display:				none;
	visibility:				hidden;
} 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden {
	position:				absolute !important;    
	clip: 					rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: 					rect(1px, 1px, 1px, 1px);
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: 			hidden;
}

.AlexaSiteStatsWidget {
	display:				none;
}

.click {
	display:				block;
	cursor:					pointer;
}

/*
----------------------------
CUSTOM SETTINGS
----------------------------
*/

html, body, table, textarea, input {
	font-size:			13px;
	line-height:		17px;
	font-family:		Arial, Helvetica, sans-serif;
}

body, select, input, textarea {
	color:				#454545;
}

body {
	/*background-color:		#b6b6b6;*/
	background-color:		#182865;
	background-image: 		url(../img/template/background-energy2save.jpg);
	background-repeat: 		no-repeat;
	background-position: 	center top;
}

p {
	margin:				12px 0 12px 0;
}

/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection {
	background: 		#b1c800;
	color:				#fff;
	text-shadow:		none;
}

::selection {
	background:			#b1c800;
	color:				#fff;
	text-shadow:		none;
}

/* BASIC NAVIGATION */

nav ul.dropdown {
    position: 			relative;
    z-index: 			597;
    float: 				left;
}

nav ul.dropdown, nav ul.dropdown li, nav ul.dropdown ul {
    list-style: 		none;
    margin: 			0;
    padding: 			0;
}

nav ul.dropdown li {
    float: 				left;
    line-height: 		1.3em;
    vertical-align: 	middle;
    zoom: 				1;
}

nav ul.dropdown li.hover, nav ul.dropdown li:hover {
    position: 			relative;
    z-index: 			599;
    cursor: 			default;
}

nav ul.dropdown li:hover > ul { visibility: visible }

nav ul.dropdown ul {
    visibility: 		hidden;
    position: 			absolute;
    top: 				100%;
    left: 				0;
    z-index: 			598;
    width: 				100%;
}

nav ul.dropdown ul ul {
    top: 				1px;
    left: 				99%;
}

nav ul.dropdown ul li { float: none }

/*
----------------------------
LINKS
----------------------------
*/

a:link, a:visited {
	color:				#b1c800;
	text-decoration:	underline;
}

a:hover,code,pre {
	color:				#b1c800;
}

a:active,.a:focus {
	color:				#b1c800;
}

a:hover, a:active {
	outline: 			none;
}

a:link {
	-webkit-tap-highlight-color:	#b1c800;
} 

/*
----------------------------
HEADLINES
----------------------------
*/

h1,h2,h3,h4,h5,h6 {
	font-weight:			normal;
	text-rendering: 		optimizeLegibility;
	margin:					12px 0 12px 0;
}

h1 {
	font-size:				28px;
	line-height:			28px;
	color:					#b1c800;
}

h2 {
	font-size:				16px;
	line-height:			16px;
	text-transform:			uppercase;
	color:					#454545;

}

h3 {
	font-size:				20px;
	line-height:			20px;
	color:					#b1c800;
}

h4 {
	margin-top:				35px;
	color:					#FFF;
	font-size:				15px;
	line-height:			15px;
	text-transform:			uppercase;
}

h4 span {
	padding:				4px 10px;
	background-color:		#454545;
}

h5 {
	margin-top:				35px;
	font-size:				18px;
	line-height:			18px;
	text-transform:			uppercase;
	color:					#b1c800;
}

h6 {
	margin-top:				35px;
	font-size:				12px;
	line-height:			12px;
	text-transform:			uppercase;
}

h1 + h2 {
	margin-top:				-6px;
}

/*
----------------------------
TABLE SET
----------------------------
*/

table {
	border-top:				1px solid #d4d4d4;
	border-left:			1px solid #d4d4d4;
}

th, td {
	padding:				6px 10px;
	vertical-align:			top;
	border-bottom:			1px solid #d4d4d4;
	border-right:			1px solid #d4d4d4;
}

td, td img { 
	vertical-align:			top;
} 

th {
	padding:				4px 10px;
	font-size:				13px;
}

/*
----------------------------
FORM SETTING
----------------------------
*/

.fieldsection .stcol {
	margin-bottom:			5px;
}

.fieldsection .stcol.dbl {
	margin-bottom:			25px;
}

.fieldsection .stcol.rows2 .stfield {
	width:					275px;
}

.stfield.required {
	position:				relative;
}

.stfield label {
	display:				block;
	font-weight:			bold;
	margin-bottom:			4px;
}

.stfield.required label span {
	padding-right:			13px;
	background-image: 		url(../img/template/ico-required.gif);
	background-repeat: 		no-repeat;
	background-position: 	right top;
}

.stfield span.stwrap{
	position:				relative;
	float:					left;
	padding-right:			15px;
}

.stfield label.error {
	position:				absolute;
	display:				none;
	top:					3px;
	right:					0;
	width:					15px;
	height:					15px;
	background-image: 		url(../img/template/ico-error.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

.stfield input.error {
	background-color:		#999;
	color:					#FFF;
}

.stfield input.size_s {
	width:					75px;
}

.stfield input.size_m {
	width:					225px;
}

.stfield input.size_xl {
	width:					500px;
}

.stfield span.label {
	margin-left:			5px;
}

.stfield table.noborder,
.stfield table.noborder th, 
.stfield table.noborder td {
	border:					0;
	padding-left:			0;
}

.stfield table.noborder .dbl {
	padding-left:			20px;
	padding-right:			20px;
}

/*
----------------------------
TEMPLATE SETTINGS
----------------------------
*/

#container {
	padding:				15px 0 0 0;
	width:					990px;
}

header {
	position:				relative;
	z-index:				700;
	height:					90px;
	padding: 				10px 27px 0 27px;
	background-image: 		url(../img/template/background-header.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

html.ie6 header {
	background-image: 		url(../img/template/background-header-ie6.gif);
}

header .logo.energy2save {
	display:				block;
	margin-top:				3px;
	width:					204px;
	height:					57px;
	background-image: 		url(../img/template/logo-energy2save.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

header .logo.ruhstrat {
	display:				block;
	width:					154px;
	height:					31px;
	margin:					33px 0 0 10px;
	background-image: 		url(../img/template/logo-ruhstrat.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

/* LEVEL 1 */
header nav ul.dropdown li {
	color: 					#454545;
	line-height: 			normal;
}

header nav ul.dropdown li a {
	display: 				block;
	padding: 				7px 10px;
	color: 					#454545;
	line-height: 			normal;
}

header nav ul.dropdown a:link,
header nav ul.dropdown a:visited { color: #454545; text-decoration: none; }
header nav ul.dropdown a:hover { color: #000; text-decoration: none; background-color: #e2e2e2; }
header nav ul.dropdown li.dir a:hover { 
	background-image:		url(../img/template/background-nav-sub-ul.png);
	background-repeat: 		repeat-y;
	background-position: 	left top;
}
header nav ul.dropdown a:active { color: #454545; }

/* LEVEL X */
header nav ul.dropdown ul {
	width: 					180px;
	background-image:		url(../img/template/background-nav-sub-ul.png);
	background-repeat: 		repeat-y;
	background-position: 	left top;
}

header nav ul.dropdown ul li,
header nav ul.dropdown ul li a {
	font-size: 				13px;
	text-transform: 		none;
	font-weight:			normal;
}

header nav ul.dropdown ul li {
	padding:				2px 8px 4px 8px;
	background-image:		url(../img/template/background-nav-sub-li.png);
	background-repeat: 		no-repeat;
	background-position: 	left bottom;
}

header nav ul.dropdown ul li a {
	padding:				3px 3px 0 3px;
	height:					20px;
}

header nav ul.dropdown ul a:link,
header nav ul.dropdown ul a:visited { color: #454545; }
header nav ul.dropdown ul a:hover {
	color: 					#fff;
	text-decoration: 		none;
	background-image: 		url(../img/template/background-nav-sub-hover.png) !important;
	background-repeat: 		no-repeat;
	background-position: 	left top;
}
header nav ul.dropdown ul a:active { color: #454545; }

header nav ul.dropdown li.dir:hover > a {
	background-image:		url(../img/template/background-nav-sub-ul.png);
	background-repeat: 		repeat-y;
	background-position: 	left top;
}

header nav a.flag {
	margin:					6px 0 0 35px;
	padding:				0 0 0 22px;
	color: 					#000 !important;
	text-decoration:		none !important;
	background-repeat: 		no-repeat;
	background-position: 	left 4px;
}

header nav a.flag.de {
	background-image: 		url(../img/template/flag-de.png);
}

header nav a.flag.en {
	background-image: 		url(../img/template/flag-en.png);
}

header form {
	position:				absolute;
	top:					53px;
	right:					27px;
}

section#contentbody {
	min-height:				400px;
	height:					auto !important;
	height:					400px;
	padding: 				0 27px 0 27px;
	background-image: 		url(../img/template/background-content.png);
	background-repeat: 		repeat-y;
	background-position: 	left top;
}

html.ie6 section#contentbody {
	background-image: 		url(../img/template/background-content-ie6.gif);
}


section#contentbody .ico.energy2save {
	display:				block;
	width:					50px;
	height:					50px;
	background-image: 		url(../img/template/ico-energy2save.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

section#contentbody nav#navprimary {
	height:					50px;
	margin-bottom:			2px;
	background-image: 		url(../img/template/background-nav.png);
	background-repeat: 		repeat-x;
	background-position: 	left top;
	border-right:			1px solid #e6e6e6;
}

/* LEVEL 1 */
section#contentbody nav#navprimary ul.dropdown li {
	color: 					#454545;
	line-height: 			normal;
	background-image: 		url(../img/template/background-nav-li.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

section#contentbody nav#navprimary ul.dropdown li.first {
	background-image: 		none;
}

section#contentbody nav#navprimary ul.dropdown li a {
	display: 				block;
	padding: 				17px 30px;
	color: 					#454545;
	line-height: 			normal;
	font-size:				14px;
	font-weight:			bold;
}

section#contentbody nav#navprimary ul.dropdown a:link,
section#contentbody nav#navprimary ul.dropdown a:visited { color: #454545; text-decoration: none; }
section#contentbody nav#navprimary ul.dropdown a:hover { color: #000; text-decoration: none; }
section#contentbody nav#navprimary ul.dropdown a:active { color: #454545; }

/* LEVEL X */
section#contentbody nav#navprimary ul.dropdown ul {
	width: 					180px;
	background-image:		url(../img/template/background-nav-sub-ul.png);
	background-repeat: 		repeat-y;
	background-position: 	left top;	
}

section#contentbody nav#navprimary ul.dropdown ul li,
section#contentbody nav#navprimary ul.dropdown ul li a {
	font-size: 				13px;
	text-transform: 		none;
	font-weight:			normal;
}

section#contentbody nav#navprimary ul.dropdown ul li {
	padding:				2px 8px 4px 8px;
	background-image:		url(../img/template/background-nav-sub-li.png);
	background-repeat: 		no-repeat;
	background-position: 	left bottom;
}

section#contentbody nav#navprimary ul.dropdown ul li a {
	padding:				3px 3px 0 3px;
	height:					20px;
}

section#contentbody nav#navprimary ul.dropdown ul a:link,
section#contentbody nav#navprimary ul.dropdown ul a:visited { color: #454545; }
section#contentbody nav#navprimary ul.dropdown ul a:hover {
	color: 					#fff;
	text-decoration: 		none;
	background-image: 		url(../img/template/background-nav-sub-hover.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}
section#contentbody nav#navprimary ul.dropdown ul a:active { color: #454545; }

section#teaser {
	position:				relative;
}

section#teaser .imghl {
	position:				absolute;
	bottom:					0;
	left:					0;
	width:					914px;
	height:					28px;
	padding:				5px 0 0 22px;
	color:					#FFF;
	font-size:				22px;
	background-image: 		url(../img/template/teaser/hl-background.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

section#teaser.overlab .imghl {
	bottom:					50px;
}

section#teaser nav {
	position:				absolute;
	z-index:				10;
	top:					30px;
	left:					0;
	width:					340px;
}

section#teaser nav li {
	margin-bottom:			5px;
	padding:				0;
	background-color:		#18214b;
	background-image: 		url(../img/template/background-teaser-nav-li.png);
	background-repeat: 		repeat-x;
	background-position: 	left bottom;	
}

section#teaser nav li a:hover {
	color:					#FFF;
}

section#teaser nav li a {
	display:				block;
	width:					315px;
	padding:				5px 5px 5px 20px;
	text-decoration:		none;
	font-size:				12px;
	background-image: 		url(../img/template/teaser-li-icon.gif);
	background-repeat: 		no-repeat;
	background-position: 	5px 11px;
}

section#teaser nav .hl {
	margin:					0 0 8px 20px;
	font-size:				16px;
	color:					#FFF;
}

section#teaser.overlab + #breadcrumb {
	margin-top:				-50px;
}

section#contentbody nav#breadcrumb {
	position:				relative;
	padding:				5px 0 0 0;
	z-index:				20;
}

section#contentbody nav#breadcrumb ul li,
section#contentbody nav#breadcrumb ul li a {
	display:			inline;
	color:				#525252;
	text-decoration: 	none;
	font-size:			13px;
}

section#contentbody nav#breadcrumb ul li {}

section#contentbody nav#breadcrumb ul li a {
	padding:				0 5px 0 15px;
	font-size:				12px;
	background-image: 		url(../img/template/breadcrumb.gif);
	background-repeat: 		no-repeat;
	background-position: 	left 4px;
}

section#contentbody nav#breadcrumb ul li a:hover,
section#contentbody nav#breadcrumb ul li.last a {
	color:					#b1c800;
	background-image: 		url(../img/template/breadcrumb.gif);
	background-repeat: 		no-repeat;
	background-position: 	left -8px;
}

section#contentbody nav#breadcrumb ul li.first {
	margin-left:		15px;
}

section#contentbody nav#breadcrumb ul li.first a,
section#contentbody nav#breadcrumb ul li.first a:hover {
	padding-left:		0;
	background-image: 	none;
}

section#content {
	width:				630px;
	padding:			30px 0 0 0;
}

/* Table List 2 Cols */
section#content .tbl2cols {
	margin:				12px 0;
}

section#content .tbl2cols .col {
	width:				305px;
}

section#content .tbl2cols .col ul {
	margin:					0;
	padding:				0;
	list-style:				none;
}

section#content .tbl2cols .col ul li {
	margin:					0 0 7px 0;
	padding:				0.2em 1.5em;
	list-style:				none;
	background-image:		url(../img/template/background-tbl2cols.gif) !important;
	background-repeat:		repeat-x;
	background-position: 	left bottom;
	border-bottom:			1px solid #dddddd;
	font-size:				10px;
	text-transform:			uppercase;
}

/* Download List */
section#content .dlist {
	margin-top:				25px;
}

section#content .dlist .entry {
	padding:				10px 0 10px 0;
	border-bottom:			1px solid #c5c6be;
}

section#content .dlist p {
	margin:					0;
}

section#content .dlist .entry:hover {
	background-color:		#f5f4f4;
}

section#content .dlist .hl {
	font-size:				14px;
	font-weight:			bold;
}

section#content .dlist a {
	display:				block;
	color:					#FFF;
	text-decoration:		none;
	text-transform:			uppercase;
	font-size:				12px;
}

section#content .dlist a span {
	padding:				2px 4px;
	background-color:		#b1c800;
}

section#content .dlist .left {
	padding-left:			10px;
	width:					450px;
}

section#content .dlist .right {
	width:					150px;
	padding-right:			10px;
	text-align:				right;
}

/* SITEMAP */

section#content #sitemap, section#content #sitemap ul, section#content #sitemap li {
	margin:					0;
	padding:				0;
	list-style:				none;
}

section#content #sitemap {
	background-image: 		url(../img/sitemapstyler/line1.gif);
	background-repeat: 		repeat-y;
}

section#content #sitemap li {
	line-height:			20px;
	margin-top:				1px;
	position:				relative;
	width:					100%;
	background-image:		none;
}

/* IE leaves a blank space where span is added so this is to avoid that */
* html section#content #sitemap li {
	float:					left;
	display:				inline;
}

section#content #sitemap li a { padding-left:28px; text-decoration: none; color: #454545; }
section#content #sitemap li a:hover { color: #b1c800; }
section#content #sitemap li span { float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0; }
section#content #sitemap li span, #sitemap li span.collapsed { background:url(../img/sitemapstyler/collapsed.gif) no-repeat 0 0; } 
section#content #sitemap li span.expanded { background:url(../img/sitemapstyler/expanded.gif) no-repeat 0 0; }

/* sub levels */
section#content #sitemap li ul {	
	margin-left:			28px;
	background:				url(../img/sitemapstyler/line1.gif) repeat-y;
}
section#content #sitemap li li {	
	background:				url(../img/sitemapstyler/line2.gif) no-repeat 0 0;
}

/* etc. */

/* float fix */

section#content #sitemap:after, section#content #sitemap ul:after {
    content: 				"."; 
    display: 				block; 
    height: 				0; 
    clear: 					both; 
    visibility: 			hidden;
}
section#content #sitemap, section#content #sitemap ul { display:block; }
/*  \*/
section#content #sitemap, section#content #sitemap ul { min-height:1%; }
* html section#content #sitemap, * html section#content #sitemap ul { height:1%; }
 /*  */
section#content #sitemap ul { display:none; }


/* ASIDE */
aside {
	width:					265px;
	padding:				42px 0 0 0;
}

aside .box {
	margin-bottom:			12px;
	width:					265px;
	background-image: 		url(../img/template/aside/background-box.png);
	background-repeat: 		repeat-y;
	background-position: 	left top;
}

aside .box div.section {
	padding:				3px;
	background-image: 		url(../img/template/aside/background-box-footer.png);
	background-repeat: 		no-repeat;
	background-position: 	left bottom;
}

aside .box .hl {
	position:				relative;
	height:					38px;
	padding:				3px 0 0 20px;
	background-repeat: 		no-repeat;
	background-position: 	left top;
	z-index:				10;
	color:					#FFF;
	text-transform:			uppercase;
}

aside .box.imgbtn .hl {
	background-image: 		url(../img/template/aside/box-hl-background-doc.gif) !important;
}

aside .box.dwbtn .hl {
	background-image: 		url(../img/template/aside/box-hl-background-dw.gif) !important;
}

aside .box.imgbtn img {
	margin:					-15px 0 0 0;
	z-index:				5;
}

aside .box a {
	display:				block;
	color:					#454545 !important;
	text-decoration:		none !important;
	font-weight:			bold;
}

aside .box a:hover,
aside .box.imgbtn:hover a { 
	color: 					#b1c800 !important;
}

aside .box.imgbtn a {
	padding:				12px;
}

aside .box.dwbtn a {
	margin:					0 0 0 0;
	padding:				0 0 5px 0;
	background-image: 		url(../img/template/aside/dw-line.png);
	background-repeat: 		no-repeat;
	background-position: 	left bottom;
}

aside .box.dwbtn a span {
	display:				block;
	cursor:					pointer;
	min-height:				42px;
	height:					auto !important;
	height:					42px;
	margin:					0 0 0 0;
	padding:				10px 10px 0 58px;
	background-image: 		url(../img/template/aside/ico-pdf.png);
	background-repeat: 		no-repeat;
	background-position: 	5px 5px;	
}

aside .box.dwbtn a.last {
	background-image: 		none;
	padding-bottom:			0;
}

aside .box.dwbtn .hl + a {
	margin-top:				-10px;
}

footer {
	display:				block;
	padding:				20px 27px 15px 27px;
	background-image: 		url(../img/template/background-footer.png);
	background-repeat: 		no-repeat;
	background-position: 	left bottom;
}

html.ie6 footer {
	background-image: 		url(../img/template/background-footer-ie6.gif);
}

footer .subline {
	margin-top:				4px;
	padding-top:			4px;
	border-top:				1px solid #454545;
}

footer .subline a {
	color:					#454545;
	text-decoration:		none;
}

footer nav ul, footer nav ul li {
	margin:					0;
	padding:				0;
}

footer nav {
	padding:				23px 0 0 0;
}

footer nav ul li, footer nav ul li a {
	float:					left;
}

footer nav ul li {
	border-right:			1px solid #000;
	padding-left:			4px;
	padding-right:			6px;
}

footer nav ul li.last {
	border-right:			0;
	padding-right:			0;
}

footer nav ul li a {
	color:					#454545 !important;
	text-decoration:		none !important;
}

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print { 
	* {
	    background: transparent !important;
	    color: #444 !important;
	    text-shadow: none !important;
	}

	abbr:after { content: " (" attr(title) ")" }

	a, a:visited {
	    color: #444 !important;
	    text-decoration: underline;
	}

	a:after { content: " (" attr(href) ")" }

	.ir a:after { content: "" }

	/* ===[ Don't show links for images ]===
	   ================================================== */

	pre, blockquote {
	    border: 1px solid #999;
	    page-break-inside: avoid;
	}

	thead { display: table-header-group }

	/* css-discuss.incutio.com/wiki/Printing_Tables   */

	tr, img { page-break-inside: avoid }
}