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



body  {
color: #666;
min-height: 101%;
font-size: 100.01%;
font-family: Verdana, Helvetica, Arial, sans-serif;
background: #1A3B7A url(../_images/hg_body.jpg) repeat-x;
text-align: center;
}

/* ----------------------------------------------------------------
  Seitenstruktur
  -----------------------------------------------------------------

  outerwrapp
   wrapper
    header
    main
    footer
   bottom

  --------------------------------------------------------------- */



/* --- allumfassender Container --- */

#outerwrapp  {
position: relative;
width: 772px;
min-height: 100%;
text-align: center;
margin: 0 auto;
padding-top: 20px;
}

* html #outerwrapp
{
height: 100%;
}

#wrapper {
position: relative;
width: 765px;
border: 1px solid #fff;
color: #000;
text-align: left;
margin: 0 auto;
background: #fff url(../_images/hg_wrapper.jpg) repeat-y;
background-position:0px 200px;
}


/* --- Reihen --- */

#header {
position: relative;
background: url(../_images/hg_header.jpg) no-repeat;
margin: 0;
padding: 20px 20px 0 8px;
height: 181px;
}


.main {
position: relative;
clear: both;
margin: 0 0 0 11px;
padding: 0;
width: 754px;
min-height: 424px;
}


* html .main
{
height: 424px;
}


.imgright_leer {
background: url(../_images/hg_right_leer.jpg) no-repeat;
background-position: right top;
}

.imgright_bad1 {
background: url(../_images/hg_right_bad1.jpg) no-repeat;
background-position: right top;
}

.imgright_bad2 {
background: url(../_images/hg_right_bad2.jpg) no-repeat;
background-position: right top;
}

.imgright_bad3 {
background: url(../_images/hg_right_bad3.jpg) no-repeat;
background-position: right top;
}

.imgright_bad4 {
background: url(../_images/hg_right_bad4.jpg) no-repeat;
background-position: right top;
}

.imgright_bad5 {
background: url(../_images/hg_right_bad5.jpg) no-repeat;
background-position: right top;
}

.imgright_bad6 {
background: url(../_images/hg_right_bad6.jpg) no-repeat;
background-position: right top;
}

.imgright_bad7 {
background: url(../_images/hg_right_bad7.jpg) no-repeat;
background-position: right top;
}


.imgright_heizung {
background: url(../_images/hg_right_heizung1.jpg) no-repeat;
background-position: right top;
}

.imgright_rohr {
background: url(../_images/hg_right_rohr1.jpg) no-repeat;
background-position: right top;
}

.imgright_shk {
background: url(../_images/hg_right_shk1.jpg) no-repeat;
background-position: right top;
}

.imgright_pellets {
background: url(../_images/hg_right_pellets1.jpg) no-repeat;
background-position: right top;
}

.imgright_solar1 {
background: url(../_images/hg_right_solar1.jpg) no-repeat;
background-position: right top;
}

.imgright_waermepumpe {
background: url(../_images/hg_right_vitocal.jpg) no-repeat;
background-position: right top;
}

.imgright_brennwert {
background: url(../_images/hg_right_moduvario.jpg) no-repeat;
background-position: right top;
}

#footer {
height: 50px;
margin: 0;
padding: 0;
color: #000;
text-align: center;
}

#footer p{
margin: 0;
}


#bottom {
height: 40px;
text-align: center;
margin: 0 auto;
padding-top: 10px;
color: #999;
}

#bottom a:link, #bottom a:visited, #bottom a:hover, #bottom a:active, #bottom a:focus {
 text-decoration: none;
 color: #999;
}

/* ----------------------------------------------------------------
  Header
  --------------------------------------------------------------- */

#printheader {
display: none;
}


#servicemenu {
position: absolute;
top: 150px;
right: 20px;
z-index: 2;
}

#servicemenu img {
margin-left: 2px;
}

#headerlogo {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

#headerimg {
position: absolute;
top: 92px;
left: 0;
z-index: 0;
}

#hauptnavigation {
width: 100%;
height: 19px;
position: absolute;
top: 182px;
left: 0;
}

/* ----------------------------------------------------------------
  Struktur main
  -----------------------------------------------------------------

  main
   col_left
   (brkr)
   col_header
   col_right
   col_content oder col_contentfull
    content
  --------------------------------------------------------------- */



#col_left {
float: left;
width: 159px;
min-height: 100px;
background-color: #fff;
color: #000;
padding: 0 0 0 0;
}

* html #col_left {
 /*vor IEMac verstecken \*/
 height: 200px;
 /*IEMac wieder reinlassen*/
}



#brkr {
 margin: 0px 20px 0 185px;
 padding: 10px 20px 1em 0;
 color: #666;
 text-align:left;
 font-size: 0.9em;
}

* html #brkr {
height: 1em;
}



#brkr a:link, #brkr a:visited, #brkr a:hover, #brkr a:active, #brkr a:focus {
 text-decoration: underline;
 font-weight:normal;
 color: #666;
}


#col_right {
line-height: 1.4;
float: right;
width: 140px;
color: #000;
margin: 0 20px 0 0px;
padding: 0px;
display: inline;
}



* html #col_right {
 /*vor IEMac verstecken \*/
 height: 1%;
 /*IEMac wieder reinlassen*/
}



#col_header, #col_content, #col_contentfull  {
line-height: 1.4;
position: relative;
color: #000;
padding: 0;
min-height: 200px;
}

* html #col_header, * html #col_content, * html #col_contentfull {
 /*vor IEMac verstecken \*/
 height: 200px;
 /*IEMac wieder reinlassen*/
}


#col_content {
margin: 0 180px 1em 185px;
}



#col_header, #col_contentfull {
margin: 0 0px 1em 185px;
width: 530px;
}

* html #col_header, * html #col_contentfull, * html #col_content,* html #brkr {
 /*vor IEMac verstecken \*/
margin-left: 185px;
 /*IEMac wieder reinlassen*/
}

#col_header p, #col_content p, #col_contentfull p, #col_content ul, #col_contentfull ul, col_header ul {

}

#content {
float: left;
width: 100%;

}

/* ------------------------------------------------
  Servicenavigation
  ---------------------------------------------- */


#servicemenu ul {
  margin-left: 0;
  padding-left: 0;
  display: inline;
  height: 15px;
  padding-top: 3px;
}

#servicemenu li {
 margin: 0;
 padding: 0;
 list-style: none;
 display: inline;
 color: #000;
}


#servicemenu a:link, #servicemenu a:visited,#servicemenu a:hover,#servicemenu a:active,#servicemenu a:focus {
 padding: 3px 4px 0px 4px;
 margin: 0;
 font-weight: normal;
 text-decoration: none;
 color: #333;
}

/* ------------------------------------------------
  Navigation
  no = normaler Link
  act = aktive Gruppe
  cur = aktive Seite
  ---------------------------------------------- */

/* ------------------------------------------------
  Hauptnavigation
  ---------------------------------------------- */

#hauptnavigation ul {
margin: 0;
padding: 0 0 0 11px;
width: 754px;
}

#hauptnavigation ul li {
font-weight: bold;
}

#hauptnavigation ul li {
display: inline;
color: #000;
}

#hauptnavigation ul li a:hover, #hauptnavigation ul li a:focus {
background: transparent;
color: #C00;
}

#hauptnavigation .lev1_no a {
text-decoration: none;
padding: 0px 30px 0px 0px;
color: #000;

}

#hauptnavigation .lev1_act a{
text-decoration: none;
padding: 0px 30px 0px 0px;
color: #C00;

}

#hauptnavigation .lev1_cur {
color: #C00;
padding: 0px 30px 0px 0px;
font-weight: bold;
}




/* ------------------------------------------------
  Seitennavigation
  ---------------------------------------------- */



/* 1. Ebene */


#leftmenu {
font-size: 90%;
}


#leftmenu ul {
list-style-type: none;
text-align: left;
padding: 0;
margin: 0;
font-weight: bold;
}

#leftmenu ul li {
padding: 0px;
}

#leftmenu ul a {
color: #000;
text-decoration: none;
display: block;
border-bottom: 1px solid #ccc;
}

#leftmenu ul a:hover, #leftmenu ul li a:focus, #leftmenu ul li a:active{
color: #900;
}

#leftmenu ul a:hover {
background: #FFF url(../_images/hg_nav_1hover.gif) no-repeat;
background-position: left center;
}

#leftmenu .lev1_no a, #leftmenu .lev1_act a, #leftmenu .lev1_cur {
padding: 6px 7px 5px 20px;
background-color: #FFF;
}

/*aktive Gruppe */
#leftmenu .lev1_act a{
font-weight: bold;
background-color: #FFF;
background: #FFF url(../_images/hg_nav_1act.gif) no-repeat;
background-position: left center;
}

/*aktive Seite */
#leftmenu .lev1_cur{
display: block;
color: #C00;
background: #FFF url(../_images/hg_nav_1aktiv.gif) no-repeat;
background-position: left center;
border-bottom: 1px solid #ccc;
}


/* ############ 2. Ebene ########################## */


#leftmenu ul ul {
border: none;
font-weight: normal;
}

#leftmenu ul ul a {
color: #000;
text-decoration: none;
display: block;
border-bottom: 1px solid #ccc;
background: #fff;
}

#leftmenu ul ul a:hover {
background: #FFF url(../_images/hg_nav_2hover.gif) no-repeat;
background-position: left center;
}

#leftmenu .lev2_no a, #leftmenu .lev2_act a, #leftmenu .lev2_cur {
padding: 5px 7px 5px 40px;
font-weight: normal;
background: #fff;
}

#leftmenu .lev2_no a {
background: #fff url(../_images/hg_nav_2.gif) no-repeat;
background-position: left center;
}

#leftmenu .lev2_act a{
}


#leftmenu .lev2_cur{
display: block;
font-weight: bold;
color: #C00;
background: #fff url(../_images/hg_nav_2aktiv.gif) no-repeat;
background-position: left center;
border-bottom: 1px solid #ccc;
}


/* ------------------------------------------------
Inhalt
  ---------------------------------------------- */

.invis {
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}


.clear {
clear: both;
}

.left {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}

.right {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}


/* ------------------------------------------------
Schriften
  ---------------------------------------------- */


#outerwrapp {
font-size: 0.75em;
}

h1 {
color: #c00;
font-size: 130%;
font-weight: bold;
margin: 0 20px 1em 0;
}

h2 {
font-size: 110%;
margin: 2em 20px 1em 0;
font-weight: bold;
}

h3 {
font-size: 100%;
margin: 0 20px 0.5em 0;
padding: 0;
}

h4 {
font-size: 100%;
margin: 0 20px 0 0;
padding: 0;
font-weight: normal;
}

p {
margin: 0 0 1em 0;
}

p.totop, .csc-linkToTop {
text-align: right;
margin-top: 2em;
}

fieldset, img { border:0; }

#col_content ul li, #col_contentfull ul li {
margin: 0 0 0.5em 0em;
padding: 0;
}

#col_content ul , #col_contentfull ul {
margin-bottom: 3em;
}

.csc-textpic-caption {
color: #666;
font-size: 90%;
}


/*  -----------------------------------------------------
  Links
  ---------------------------------------------------- */

a:link, a:visited, a:hover, a:active, a:focus {
 text-decoration: underline;
 color: #039;
}


a:hover, a:focus {
color:#c30;

}

a img {
border: none;
background-color: transparent;
}


/* ----------------------------------------------------------
  tt_news
  ---------------------------------------------------------- */


.news-item {
padding: 0px 0px 10px 0;
margin-bottom:2em;
margin-right: 20px;
border-bottom: 1px dashed #FFCC33;
}

* html .news-item,* html .news-single-item {
 /*vor IEMac verstecken \*/
 height: 1%;
 /*IEMac wieder reinlassen*/
}

.news-single-item {
margin-right: 20px;
}

h2.news-head, h3.news-head {
margin-top: 0;
padding: 0;
}


p.news-date, p.news-single-date {
font-size: 0.9em;
margin: 0 0 4px 0;
padding: 0;
line-height: 1em;
}


.news-teaserimg {
float: left;
margin-top: 3px;
}


.news-teaserimg img {
margin-right: 20px;
margin-bottom: 10px;
}


.news-singleimg {
float: right;
margin-top: 3px;
}


.news-singleimg img{
margin-left: 20px;
margin-bottom: 10px;
}


.news-item p {
margin-top: 0;
}


p.news-teaser {
margin-bottom: 4px;
}


p.news-subheader {
font-weight: bold;
margin-bottom: 4px;
}


p.news-morelink, #content p.news-single-backlink {
margin-top: 0;
}


.news-morelink a:link,
.news-morelink a:visited,
.news-morelink a:active,
.news-morelink a:hover,
.news-morelink a:focus {
color: #039;
}

.news-single-backlink a:link,
.news-single-backlink a:visited,
.news-single-backlink a:active,
.news-single-backlink a:hover,
.news-single-backlink a:focus {
color: #039;
}


.news-amenu-container ul{
list-style-type: none;
margin: 0;
padding: 0;
}


/* ----------------------------------------------------------
  Formular
  ---------------------------------------------------------- */

.mailform {
padding: 5px 5px; 20px 5px;
}

.mailform fieldset{
margin-bottom: 1em;
padding: 10px 10px 10px 10px;
margin-top: 0;
border: 1px solid #ccc;
}


.mailform fieldset legend{
margin-bottom: 1em;
color: #039;
}

.mailform fieldset input {
margin-left: 20px;
}

.mailform fieldset .label-checkbox {

}

.mailform fieldset .label-radio {

}

li.error {
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
color: #c00;
}

.mailform fieldset .labelleft {
float: left;
width: 150px;
}

.tx-your-extension-id-pi1-captcha input {
margin-top: 1em;
}

.tx-srfreecap-pi2-image {
 float: left;
 margin-right: 20px;
 margin-left: 0;
 }


.tx-srfreecap-pi2-cant-read {
 clear: both;
 font-size: 100%;
 color: #000;
}
.tx-srfreecap-pi2-cant-read a:link {
background-color:transparent;
font-weight:normal;
text-decoration: underline;
}








/* ----------------------------------------------------------

  Sitemap

  ---------------------------------------------------------- */

#sitemap ul ul {
margin-top:0.5em;
margin-bottom:1em;
}


/* ----------------------------------------------------------

  RTE-Formatierungen

   ---------------------------------------------------------- */



/* Left, center and right alignment of text in paragraphs and cells.*/



p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }

p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }

p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }



.red {color: #660000;}
.blue {color: #000080;}
.small {font-size: 0.9em}
.big {font-size: 1.2em}





/* ----------------------------------------------------------
  sonstiges
  ---------------------------------------------------------- */



.csc-textpic-intext-right {
margin-right: 20px;
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap
{
padding-right: 30px;
}

.csc-textpic-imagewrap {
margin-top: 5px;
margin-bottom: 0.5em;
}


div.csc-texpic-clear {
	clear: left;
}


div.csc-textpic-center .csc-textpic-imagerow dl.csc-textpic-image {
text-align: center;
}