body, p, td, th, div, blockquote, dl, ul, li  { color: #330; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; text-decoration: none }
html, body     {
	background-color: #e2e4e5;
	background-image: url(../bilder/bg-2012.png);
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	background-position: center;
}
img       { border: 0 }
li      { margin: 0; padding-left: 0; border: none }
a { color: #333 }
a:link, a:active, a:visited { color: #333 }
a:hover { color: #c60 }




h1,h2,h3,h4,h5,h6 { 
	font-family: depot-new-condensed-web, Times, Helvetica, Arial, sans-serif; 
	margin: 0;
	text-decoration: none;
	font-style: normal;
	font-weight: 700;
	color: #FF6600;
	display: block;
  }
  
  
h1 { font-size: 21px; line-height: 23px; display: block; margin-bottom: 15px; }
h2 { font-size: 17px; line-height: 19px; display: block; margin-bottom: 10px; margin-top: 15px;}
h2.fachartikel { margin-top: 0px;}

h3 { font-size: 15px; line-height: 17px; display: block; margin-bottom: 10px; margin-top: 15px; }

h1 a, h1 a:link, h1 a:active, h1 a:visited,  
h2 a, h2 a:link, h2 a:active, h2 a:visited, 
h3 a, h3 a:link, h3 a:active, h3 a:visited      
{
	color: #f60;
	text-decoration: none;
}


h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{ text-decoration: underline; }




.img_l      { text-align: left; margin-top: 3px; margin-right: 7px; margin-bottom: 5px; float: left; vertical-align: top }

.img_r      { text-align: right; margin-top: 3px; margin-bottom: 5px; margin-left: 7px; float: right }

#seite        {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 799px;
	margin: auto auto auto -400px;
	height: 800px;
	border-left: medium none;
	background-color: #FFFFFF;
}


#sub                   {
	text-align: right;
	display: table;
	width: 372px;
	height: 80px;
	float: left;
	background-color: #FFFFFF;
}
#sub div       {
	height: 30px;
	width: 21px;
	float: right;
	vertical-align: middle;
	right: 0px;
}
#sub div.text        {
	padding-top: 8px;
	height: 30px;
	width: auto;
	float: right;
	vertical-align: middle;
	color: #778899;
}
#sub a  { color: #778899; text-decoration: none; float: left }
#sub a:link, #sub a:active, #sub a:visited { color: #778899 }
#sub a:hover { color: #f60 }
#logo  { text-align: left; display: block; width: 427px; height: 90px; float: left }
#linie          {
	display: block;
	width: 799px;
	height: 19px;
	float: left;
	background-color: #FFFFFF;
}
/*/*/

#foto       { display: block; width: 799px; height: 175px; float: left; border-style: none }
#foto table   { width: 799px; height: 175px; border-width: 0; border-collapse: collapse  }
#foto table td  { margin: 0; padding: 0; }
#foto img   { display: block; border-width: 0 }

#main   { color: #003366; position: absolute; top: 0px; left: 0px; line-height: 14px; display: block; left: 25px; top: 305px;  width: 180px; height: auto; }

#main ul {
	list-style-type: none;
	padding: 0;
	display: block;
	 margin: 0 0 15px; 
	
}
#main li {
	color: #003366;
	list-style-type: none;
	display: list-item;
	font-weight: normal;
}
#main li a {
	color: #036;
	text-decoration: none;
	padding-left: 10px;
	font-weight: normal;

}
#main li a.oberpunkt {
	color: #036;
	text-decoration: none;
	padding-left: 0px;
	font-weight: normal;
}

#main li a:link, #main li a:visited, #main li a:active  { }
#main li a:hover  { color: #ff6600 }





/* ------ Hover Effekte hauptnavigation ------- */
body#einsparcon li.einsparcon a, body#hintergrund li.hintergrund a, body#definition li.definition a, 
body#umsetzung li.umsetzung a, body#optimierung li.optimierung a, 
body#praxisbeispiele li.praxisbeispiele a.oberpunkt, body#praxishilfen li.praxishilfen a, body#veranstaltungen li.veranstaltungen a, body#fachartikel li.fachartikel a, 
body#links li.links a, body#arbeitskreis li.arbeitskreis a, 
body#ziele li.ziele a, body#themen li.themen a, body#mitglieder li.mitglieder a, body#kontakt li.kontakt a,
body#kranken li.kranken a, body#industrie li.industrie a, body#kommunal li.kommunal a, body#sonstige li.sonstige a,
body#ausschreibungsstandards li.ausschreibungsstandards a,  body#blauer-engel li.blauer-engel a, body#esc-kodex li.esc-kodex a, body#mustervertrag li.mustervertrag a,
body#bestandserhebung li.bestandserhebung a, body#presse li.presse a, body#position li.position a, body#stellungnahme li.stellungnahme a       {
	
	color: #f60;
	font-weight: bold;
}
/* ------ Hover Pyramidal ------- */
#text          {
	position: absolute;
	left: 225px; 
	top: 300px; 
	color: #330;
	line-height: 15px;
	text-decoration: none;
	list-style-type: none;
	display: block;
	width: 420px;
	height: auto;
	float: left;
	background-color: #FFFFFF;
}

#text  a {
	color: #036;
	text-decoration: none;
}
#text  a:link, a:active, a:visited { color: #036 }
#text  a:hover { color: #f60 }

#text h1 a, #text h1 a:link, #text h1 a:active, h1 a:visited,  
#text h2 a, #text h2 a:link, #text h2 a:active, h2 a:visited, 
#text h3 a, #text h3 a:link, #text h3 a:active, h3 a:visited      
{
	color: #f60;
	text-decoration: none;
}


#text h1 a:hover, #text h2 a:hover, #text h3 a:hover
{ color: #036; }

#text ul       { list-style-type: none; margin: 0 0 0 0; padding: 0 }
#text ul ul       { list-style-type: none; margin: 5px 0 0; padding: 0 }
#text li  { background-image: url(../bilder/li.gif); background-repeat: no-repeat; list-style-type: none; display: list-item; margin: 0 0 0px; padding: 0 0 0 17px }
#text li a, #text li a:link, #text li a:active, #text li a:visited  {
	color: #036;
	text-decoration: none;
}
#text li a:hover { color: #f60 } 
{ color: #f60; font-weight: bold } 
#text li li        { line-height: 15px; background-image: url(../bilder/li.gif); background-repeat: no-repeat; list-style-type: none; display: list-item; margin: 0; padding: 0 0 0 17px }


#logos        { 	
	position: absolute;
	left: 675px; 
	top: 285px; 
	display: block; 
	width: 100px; 
	height: auto;  
	padding-top: 13px; 
	float: left }
	
#logos table   { width: 100px; height: 316px; border-width: 0; border-collapse: collapse           }
#logos table td  { margin: 0; padding: 0 }
#logos img   { display: block; border-width: 0 }

.td_rechts        {
	text-align: right;
}

.td_rechts_o        {
	text-align: right;
	vertical-align: top;
}
.td_links_o        {
	text-align: left;
	vertical-align: top;
}


.blau {
color: #003366;
}