html, body {
	width:100%;
}

body {
	padding:0;
	margin:0 0 0 0;
	text-align:center;;
	font-size:12px;
	line-height:16px;
	font-family: "Verdana", "Arial",sans-serif;
	color:#666666;
	background:url('../images/bg_pattern_body.jpg') #fff repeat-x top;
}

ul, li {
	list-style-type:disc;
		}

#home #middle.visual {background:url('../images/header-001.jpg') transparent no-repeat top center}
#firma #middle.visual {background:url('../images/header-firma-001.jpg') transparent no-repeat top center; height:150px; overflow:hidden;}
#heizung #middle.visual {background:url('../images/header-heizungen-001.jpg') transparent no-repeat top center; height:150px; overflow:hidden;}
#lueftung #middle.visual {background:url('../images/header-lueftungen-001.jpg') transparent no-repeat top center; height:150px; overflow:hidden;}
#sanitaer #middle.visual {background:url('../images/header-sanitaer-001.jpg') transparent no-repeat top center; height:150px; overflow:hidden;}
#energieservice #middle.visual {background:url('../images/header-energieservice-001.jpg') transparent no-repeat top center; height:150px; overflow:hidden;}
#kontakt #middle.visual {background:url('../images/header-heizungen-001.jpg') transparent no-repeat top center; height:150px; overflow:hidden;}

.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100) Gray();
-moz-opacity: 0.6;
border: none;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.0;
border: none;
}

table, tr, td {
	padding:0;
	margin:0 0 0 0;
	font-size:12px;
	line-height:16px;
	font-family: "Verdana", "Arial",sans-serif;
	color:#666666;
}

div#top {
	margin:0 auto 0 auto;
	width:800px;
	height:212px;
	text-align:left;
	font-family: "Arial", sans-serif;	
	font-size:12px;
	line-height:normal;
	background:url('../images/bg-top.jpg') no-repeat top;
}
div#top #logo {
	float:right;
	margin:0px 0 0 0;	
	padding-right:0px; /* padding-right instead of margin-right because of IE 6 double margin bug */
}

div#top #homeaddress {
	float:left;
	margin:110px 0 0 160px;	
	padding-right:0px; /* padding-right instead of margin-right because of IE 6 double margin bug */
}

div#top #homeaddress h2 {
	color:#999999;
	font-size:12px;
	margin-bottom:0px;
	padding-bottom:0px;
	background:none;
}

div#top #homelink {
	float:left;
	margin:187px 0 0 0;
	width:80px;
	font-size:1.1em;
}
div#top #homelink a {
	color:#a8a8a8;
	text-decoration:none;
}
div#top #navigation {
	float:left;
	margin:186px 0 0 0;
}
div#top.homelayout #navigation {
	float:none; /* becuase of ie6 double margin bug */
	margin-left:100px;
}
html>body div#top.homelayout #navigation {
	float:left;
}

div#middle {
	width:100%;
/*	height:200px; */
	padding-top:0px;
	margin:0 0 0 0;
	text-align:center;
}

div#bottom {
	width:800px;
	margin:0 auto 0 auto;
	padding:45px 0 0 0;
	text-align:left;
}
div#bottom.homelayout {
	padding:0 0 0 0;
}

div#column_left {
	float:left;
	width:135px;
	padding:0 0 0 0;
	margin:0;
	height:300px;
}

div#column_leftlong {
	float:left;
	width:135px;
	padding:0 0 0 0;
	margin:0;
	height:500px;
}

div#column_right {
	float:right;
	width:135px;
}

div#column_center {
	margin:0 0px 0 25px;
	padding:0px 0px 0px 0;
	float:left;
	width:480px;
}

div#column_center_inner {
	margin:0px;
	padding:0px;
}

div#column_center2 {
	margin:0 0px 0 25px;
	padding:0px 0px 0px 0;
	float:left;
	width:640px;
}

div#column_center_inner2 {
	margin:0px;
	padding:0px;
}


/* home layout */

div#bottom.homelayout div#logo_bottom_part {
	width:179px;
	margin:0 0 0 100px;
}

div#bottom.homelayout div#text_column {
	float:right;
	width:435px;
	margin:102px 0 0 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.clear	{
	clear:both;
}

a	{
	color:#000000;
/*	color:#3366CC; */
	font-weight:normal;
  	text-decoration:underline;
}
a:hover	{
	color:#333333;
/*	color:#3399FF; */
	font-weight:normal;
	text-decoration:none;
}

h1,h2,h3,h4,h5,h6	{
	font-family:"Arial","Helvetica",sans-serif;
	margin:0;
	padding:0;
	font-size:16px;
	color:#666666;
	font-weight:normal;
}

h1	{
	font-size:22px;
}
h2	{
	font-size:18px;
	margin-bottom:14px;
	padding-bottom:13px;
	background:transparent url('../images/heading_border_pattern.gif') bottom repeat-x;
}
h3	{
	font-size:14px;
	font-weight:bold;
	margin-bottom:6px;
}
div#column_center h3 {
	font-family:"Verdana", "Arial", sans-serif;
	color:#a7b20c;
	font-weight:normal;	
	font-size:13px;
}

h4, h5, h6	{
	font-size:12px;
  font-weight:bold;
}

p	{
	margin:1px 0 15px 0;
}

a img	{
	border:0;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* navigation */

/* subnavi */

#subnavigation ul {
  font-family: "Arial", sans-serif;	
  font-size:12px;
  line-height:normal;
  padding: 0;
  margin: 0;
  list-style: none;
}

#subnavigation ul li {
  display:block;
  margin:0px;
  padding:0px;
  line-height:20px;
}

#subnavigation ul li a {
	color:#000;
	padding:2px 10px 2px 0px;
	text-decoration:none;
}
#subnavigation ul li a:hover {
	color:#3366CC;
}
#subnavigation ul li.active a, #subnavigation ul li.active li.active a, #subnavigation ul li.active li.active li.active a {
	color:#3366CC;
}
#subnavigation ul li.active li a, #subnavigation ul li.active li.active li a {
	color:#000;
}

#subnavigation ul li ul li {
	padding-left:10px;
}

/* artikel-modul */

#column_right div.block {
	margin-left:8px;
	background:url('/contenido/cms/images/bg_block_bottom_columnright.gif') transparent no-repeat bottom left;
	padding:0 0 15px 0;
}

#column_right div.block a {
	color:#727300;
}

#column_right div.block h3 {
	display:block;
	height:20px;
	width:179px;
	padding:6px 0 0 13px;
	margin:0;
	color:#fff;
	background:url('/contenido/cms/images/bg_h3_columnright.gif') no-repeat top left;
	font-weight:normal;
	font-size:1.2em;
	overflow:hidden;
}

#column_right div.block div.text {
	color:#989900;
	background-color:#e1e48d;
	padding:15px 10px 6px 13px;
	margin:0;
}

#column_right div.block div.morelink {
	background-color:#e1e48d;
	margin:0;
	padding:4px 10px 0 0;
	border:0;
}

#column_right div.images {
	margin-left:0;
	background-image:none;
	text-align:center;
}
#column_right div.images div.article-image {
	margin:0 0 6px 0;
	padding:0;
}

#column_right div.images {
	margin:0;
	padding:0;
}

#column_center .block {
	border-bottom:1px solid #a7b20c;
	padding-bottom:0px;
}
	
/* artikel-modul standard-layouts, wenn m�glich nicht �ndern */


.morelink, .backlink{
	clear:both;
  text-align:right;
  /*border-bottom:1px solid #aaa;*/
  margin:0px 0;
  padding-bottom:8px;
}
.backlink {
	border-bottom:1px solid #a7b20c;
}

a.morelink  {
	float:right;
}

.date {
	float:right;
  font-size:10px;
}

.author {
	text-align:right;
  margin:0 0 10px 0;
  border-top:1px solid #ddd;
  font-size:10px;
  color:#ccc;
}

.block.float {
	width:26%;
  float:left;
  margin-left:5%;
  padding-right:5%;
  border-right:1px solid #ddd;
}

.block.float.first {
	margin-left:0;
}

.block.float.last {
	padding-right:0;
  border-right:none;
}

.list-image-left, .list-image-left-clear, .article-image-left, .article-image-left-clear, .entry-img img {
	float:left;
  margin:5px 15px 5px 0;
}

.list-image-right, .list-image-right-clear, .article-image-right, .article-image-right-clear {
	float:right;
  text-align:right;
  margin:5px 0 5px 5px;
}

.list-image-left-clear, .article-image-left-clear, .list-image-right-clear, .article-image-right-clear {
	clear:both;
}

.clear {
	clear:both;
}

.list-image-left img, .list-image-left-clear img, .article-image-left img, .article-image-left-clear img,
.list-image-right img, .list-image-right-clear img, .article-image-right img, .article-image-right-clear img,
.article-image img, .list-image img, .list-image-left-clear-home img, .gal-image-left img, .gal-image-left-clear img {
  /*border:2px solid #ccc;*/
}

.text-clear {
	clear:both;
}

.text-left {
	margin-right:110px;
}

.article-left-clear {
	float:left;
  clear:both;
  width:200px;
  margin-top:25px;
}

.article-right {
	float:right;
  width:200px;
  margin-top:25px;
}

.article-left-clear h4, .article-right h4 {
	margin:0;
}

.zapper {
  border-bottom:1px solid #ddd;
  border-top:1px solid #ddd;
  background-color:#fff;
  margin:5px 0;
  padding:5px;
  clear:both;
}

.gallery {
	margin:0 30% 0 30%;
  width:30%;
	padding:20px 5% 10px 5%;
  background-color:#eee;
  border:1px solid #ccc;
}


.gal-row {
	clear:both;
	padding:20px;
}

.gal-image-left {
  float:left;
  text-align:center;
  margin:20px 27px 20px 27px;
  width:100px;
}

.gal-image-left small, .gal-image-left-clear small {
	font-size:11px;
  color:#111;
}

.gal-link-left {
	float:left;
  width:100px;
  text-align:left;
}

.gal-link-right {
	float:right;
  text-align:right;
  width:100px;
}

.gal-info-center {
	text-align:center;
  margin:0 100px 0 100px;
}


/* artikel-modul extra-styles */

.article	{
	margin:0 0 30px 0;
}

.block	{
	margin:0 0 20px 0;
}


#footer	a {
	text-decoration:none;
  color:#404040;
}


/* newsletter modul */

#newsletter {
	background:#f7f7f7;
	border:1px solid #cfcfcf;
	margin-top:30px;
	width:189px;
	padding:12px 9px 0 9px;
}

div#newsletter input {
	margin:0 0 1px 0;
	width:183px;
	font-size:11px;
	padding:3px;
	border:1px solid #999;
	background:#fafafa;
}

div#newsletter #nlSubmit {
	margin-top:10px;
	width:auto;
	height:auto;
	padding:2px 10px;
}


/* feedback-modul */

div.feedback_container div.content-title h3 {
	margin:0 0 20px 0;
}

.feedback legend	{
}
.feedback input, .feedback textarea, .feedback select	{
  margin:-16px 0 4px 110px;
  font-size:11px;
  display:block;
  padding:3px;
  border:1px solid #999;
  background:#fafafa;
}

.feedback input:focus, .feedback textarea:focus, .feedback select:focus {
	border:1px solid #bdc611;	
}

.feedback input {
	height:17px;
	width:260px;
}

.feedback textarea {
	height:111px;
	width:260px;
	font-size:11px;
	font-family:Verdana, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif, Arial;
}

#bt-submit {
	margin-top:-16px;
	width:auto;
	height:auto;
	padding:2px 10px;
}

.error {
	color:#977a58;
}

/*NAVIGATION-*/
/************************************************
*************FIRST_LEVEL*************************
************************************************/
div.subnavigation a{
TEXT-DECORATION: none;
DISPLAY: block;
font-family: "Arial", sans-serif;	
font-size:12px;
color: #999;
FONT-WEIGHT: normal;
TEXT-ALIGN: left;
padding:2px 10px 2px 0px;
MARGIN-left: 0Px;
MARGIN-top: 0Px;
MARGIN-bottom: 0Px;
MARGIN-right: 0Px;
}


div.navtitleseperator
{
MARGIN-top: 0Px;
margin-bottom: 0px;
/*border-bottom: solid 2px #333333;*/
}
/*Linie zwischen den Nav einträgen*/
div.bl {
/*filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;*/
margin-bottom: 0px;
border-bottom: solid 0px #999999;
}

/*Style-Definition für die Title-Level-Navigation*/
div.titleNav a, div.titleNav  a:visited
{
TEXT-DECORATION: none;
FONT-WEIGHT: normal;
COLOR: #666666;
BACKGROUND-COLOR: transparent;
}
/*Style-Definition für die Title-Level-Navigation bei Mouse-Over*/
div.titleNav a:hover
{
TEXT-DECORATION: none;
FONT-WEIGHT: normal;
COLOR: #000000;
BACKGROUND-COLOR: transparent;
}
/*Style-Definition für die Title-Level-Navigation bei aktivem Link*/
div.titleNavActive a, div.titleNavActive a:visited
{
TEXT-DECORATION: none;
FONT-WEIGHT: normal;
COLOR: #000000;
BACKGROUND-COLOR: transparent;
}
/*Style-Definition für die Title-Level-Navigation bei aktivem Link*/
div.titleNavActive a:hover
{
TEXT-DECORATION: none;
FONT-WEIGHT: normal;
COLOR: #000000;
BACKGROUND-COLOR: transparent;
}


/*Style-Definition für die First-Level-Navigation*/
div.fstLevel a, div.fstLevel  a:visited
{
TEXT-DECORATION: none;
FONT-WEIGHT: normal;
COLOR: #666666;
BACKGROUND-COLOR: transparent;
}
/*Style-Definition für die First-Level-Navigation bei Mouse-Over*/
div.fstLevel a:hover
{
TEXT-DECORATION: none;
FONT-WEIGHT: normal;
COLOR: #000000;
BACKGROUND-COLOR: transparent;
}
/*Style-Definition für die First-Level-Navigation bei aktivem Link*/
div.fstLevelActive a, div.fstLevelActive a:visited
{
TEXT-DECORATION: none;
FONT-WEIGHT: normal;
COLOR: #000000;
BACKGROUND-COLOR: transparent;
}
/*Style-Definition für die First-Level-Navigation bei aktivem Link*/
div.fstLevelActive a:hover
{
TEXT-DECORATION: none;
FONT-WEIGHT: normal;
COLOR: #000000;
BACKGROUND-COLOR: transparent;
}

/************************************************
*************SECOND_LEVEL*************************
************************************************/
/*Style-Definition für die Second-Level-Navigation*/
div.secLevel a, div.secLevel a:visited
{
TEXT-DECORATION: none;
PADDING-left: 15px;
FONT-SIZE: 12px;
FONT-WEIGHT: normal;
COLOR: #666666;
BACKGROUND-COLOR: #F7F7F7;
}
/*Style-Definition für die Second-Level-Navigation bei Mouse-Over*/
div.secLevel a:hover
{
TEXT-DECORATION: none;
PADDING-left: 15px;
FONT-SIZE: 12px;
FONT-WEIGHT: normal;
COLOR: #000000;
BACKGROUND-COLOR: #EFEFEF;
}
/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
div.secLevelActive a, div.secLevelActive a:visited
{
TEXT-DECORATION: none;
PADDING-left: 15px;
FONT-SIZE: 12px;
FONT-WEIGHT: normal;
COLOR: #000000;
BACKGROUND-COLOR: #EFEFEF;
}

/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
div.secLevelActive a:hover
{
TEXT-DECORATION: none;
PADDING-left: 15px;
FONT-SIZE: 12px;
FONT-WEIGHT: normal;
COLOR: #000000;
BACKGROUND-COLOR: #EFEFEF;
}

/************************************************
*************third_LEVEL*************************
************************************************/
/*Style-Definition für die Second-Level-Navigation*/
div.thirdLevel a, div.thirdLevel a:visited
{
TEXT-DECORATION: none;
PADDING-left: 55px;
FONT-SIZE: 11px;
FONT-WEIGHT: normal;
COLOR: #333333;
BACKGROUND-COLOR: #CCCCCC;
}
/*Style-Definition für die Second-Level-Navigation bei Mouse-Over*/
div.thirdLevel a:hover
{
TEXT-DECORATION: none;
PADDING-left: 55px;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
COLOR: #333333;
BACKGROUND-COLOR: #CCCCCC;
}
/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
div.thirdLevelActive a, div.thirdLevelActive a:visited
{
TEXT-DECORATION: none;
PADDING-left: 55px;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
COLOR: #333333;
BACKGROUND-COLOR: #CCCCCC;
}

/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
div.thirdLevelActive a:hover
{
TEXT-DECORATION: none;
PADDING-left: 55px;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
COLOR: #333333;
BACKGROUND-COLOR: #CCCCCC;
}

/************************************************
*************MY_LEVEL*************************
************************************************/
/*Style-Definition für die Second-Level-Navigation*/
div.myLevel a, div.myLevel a:visited
{
TEXT-DECORATION: none;
PADDING-left: 15px;
FONT-SIZE: 11px;
FONT-WEIGHT: normal;
COLOR: #ffffff;
BACKGROUND-COLOR: #061637;
}
/*Style-Definition für die Second-Level-Navigation bei Mouse-Over*/
div.myLevel a:hover
{
TEXT-DECORATION: none;
PADDING-left: 15px;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
COLOR: #ffffff;
BACKGROUND-COLOR: #061637;
}
/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
div.myLevelActive a, div.myLevelActive a:visited
{
TEXT-DECORATION: none;
PADDING-left: 15px;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
COLOR: #ffffff;
BACKGROUND-COLOR: #061637;
}

/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
div.myLevelActive a:hover
{
TEXT-DECORATION: none;
PADDING-left: 15px;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
COLOR: #ffffff;
BACKGROUND-COLOR: #061637;
}


/* HIGHSLIDE */

* {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide {
	cursor: url(/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 1px solid white;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100) Gray();
	-moz-opacity: 0.6;
}
.highslide:hover img {
	border: 1px solid #E7E7E7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1.0;
}
.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 0px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}


/* highslide */

.highslide-html {
    background-color: #666666;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-body, a.highslide-body:link, a.highslide-body:hover, a.highslide-body:active, a.highslide-body:visited {
    color: white;
    text-decoration:none;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 10px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: normal;
	color: black;
	text-transform: none;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;