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

body  {
color: #666;
min-height: 100%;
font-size: 100.01%;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #1FB88F;
text-align: center;
}

/* ----------------------------------------------------------------
  Seitenstruktur
  -----------------------------------------------------------------
  outerwrapp
   wrapper
    header
    main
   bottom
  --------------------------------------------------------------- */

/* --- allumfassender Container --- */
#outerwrapp  {
position: relative;
width: 822px;
min-height: 100%;
background: url(../_images/hg_outerwrapp.jpg) repeat-y;
text-align: center;
margin: 0 auto;
padding: 0;
}

* html #outerwrapp
{
height: 100%;
}

#wrapper_ {
position: relative;
width: 822px;
color: #000;
text-align: left;
margin: 0 auto;
margin-bottom: 5px;
background: url(../_images/timmy_willkommen.jpg) no-repeat;
background-position: top right;
}


#wrapper_willkommen {
position: relative;
width: 822px;
color: #000;
text-align: left;
margin: 0 auto;
margin-bottom: 5px;
background: url(../_images/timmy_willkommen.jpg) no-repeat;
background-position: top right;
}

#wrapper_wir {
position: relative;
width: 822px;
color: #000;
text-align: left;
margin: 0 auto;
margin-bottom: 5px;
background: url(../_images/timmy_wir.jpg) no-repeat;
background-position: top right;
}

#wrapper_dachbauten {
position: relative;
width: 822px;
color: #000;
text-align: left;
margin: 0 auto;
margin-bottom: 5px;
background: url(../_images/timmy_dach.jpg) no-repeat;
background-position: top right;
}

#wrapper_fassaden {
position: relative;
width: 822px;
color: #000;
text-align: left;
margin: 0 auto;
margin-bottom: 5px;
background: url(../_images/timmy_carport.jpg) no-repeat;
background-position: top right;
}

#wrapper_holzrahmen {
position: relative;
width: 822px;
color: #000;
text-align: left;
margin: 0 auto;
margin-bottom: 5px;
background: url(../_images/timmy_holzrahmen.jpg) no-repeat;
background-position: top right;
}


#wrapper_fachwerk {
position: relative;
width: 822px;
color: #000;
text-align: left;
margin: 0 auto;
margin-bottom: 5px;
background: url(../_images/timmy_fachwerk.jpg) no-repeat;
background-position: top right;
}

#wrapper_aufstockung {
position: relative;
width: 822px;
color: #000;
text-align: left;
margin: 0 auto;
margin-bottom: 5px;
background: url(../_images/timmy_aufstockung.jpg) no-repeat;
background-position: top right;
}

#wrapper_eindeckung {
position: relative;
width: 822px;
color: #000;
text-align: left;
margin: 0 auto;
margin-bottom: 5px;
background: url(../_images/timmy_bedachung.jpg) no-repeat;
background-position: top right;
}

#wrapper_kontakt {
position: relative;
width: 822px;
color: #000;
text-align: left;
margin: 0 auto;
margin-bottom: 5px;
background: url(../_images/timmy_kontakt.jpg) no-repeat;
background-position: top right;
}

#wrapper_holz {
position: relative;
width: 822px;
color: #000;
text-align: left;
margin: 0 auto;
margin-bottom: 5px;
background: url(../_images/timmy_holz.jpg) no-repeat;
background-position: top right;
}

#wrapper_carports {
position: relative;
width: 822px;
color: #000;
text-align: left;
margin: 0 auto;
margin-bottom: 5px;
background: url(../_images/timmy_carport.jpg) no-repeat;
background-position: top right;
}

#wrapper_galerie {
position: relative;
width: 822px;
color: #000;
text-align: left;
margin: 0 auto;
margin-bottom: 5px;
background: url(../_images/timmy_willkommen.jpg) no-repeat;
background-position: top right;
}

#wrapper_daemmung {
position: relative;
width: 822px;
color: #000;
text-align: left;
margin: 0 auto;
margin-bottom: 5px;
background: url(../_images/timmy_daemmung.jpg) no-repeat;
background-position: top right;
}
/* --- Reihen --- */




#main {
position: relative;
clear: both;
margin: 0;
padding: 0px 0 2em 0;
width: 100%;
min-height: 100px;
}
* html #main
{
height: 100px;
}





#bottom {
width: 519px;
position: absolute;
bottom: 0;
left: 190px;
text-align: center;
padding: 0.5em 0 1em 0;
color: #999;
border-top: 1px solid #999;
margin-top: 1em;
}

* html #bottom {
 /*vor IEMac verstecken \*/
left: 193px;
 /*IEMac wieder reinlassen*/
}

#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: 5px;
right: 5px;
}
#servicemenu img {
margin-left: 2px;
}

/* ----------------------------------------------------------------
  Struktur main
  -----------------------------------------------------------------
  main
   col_left
   col_content
     header
     content
     footer
  --------------------------------------------------------------- */

#col_left {
float: left;
width: 162px;
min-height: 200px;
color: #000;
margin: 0 0 0 0;
padding: 0 0 0 7px;
}

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

#header {
margin: 0 88px 0 190px;
position: relative;
background: #fff url(../_images/hg_header.gif) no-repeat;
background-position: right;
padding: 0;
height: 50px;
}

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

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

#col_content {
margin: 0 110px 0 190px;
}



#content {
float: left;
margin: 0;
width: 100%;
padding: 0;
}



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



#leftmenu {
 width: 155px;
 font-weight: bold;
 font-size: 100%;
 margin-top: 15px;
 margin-bottom: 20px;
 padding: 0;
}

#leftmenu ul{
 margin: 0;
 padding: 0;
}

#leftmenu li{
 display: inline;
 list-style-type: none;
 margin: 0;
 padding: 0;
}



#leftmenu li a,
#leftmenu .lev1_cur,
#leftmenu .lev2_cur {
 display: block;
 text-decoration: none;
 padding-top: 3px;
 padding-bottom: 3px;
 padding-right: 7px;
}

/* ---- Farben ------ */

/* -  no = normaler Link  - */

#leftmenu .lev1_no a {
 color: #018D77;
}

/* -  act = aktive Gruppe  - */
#leftmenu .lev1_act a {
 color: #000;
 background: #fff;
}

/* -  cur = aktive Seite - kein Link - */

#leftmenu ul li .lev1_cur {
 background: #fff;
}


#leftmenu ul li a:hover, #topmenu ul li a:focus {
 color: #fff;
 background: #c00;
}



/*Abstand */
#leftmenu .lev1_no a,
#leftmenu .lev1_act a,
#leftmenu .lev1_cur {
 padding-left: 7px;
}



/* 2. Ebene */



#leftmenu ul ul {
 border: none;
 margin: 0;
}

/*Abstand links */
#leftmenu .lev2_no a,
#leftmenu .lev2_act a,
#leftmenu .lev2_cur {
 padding-left: 25px;
}

#leftmenu .lev2_cur {
 color: #9D0708;
 background: #fff;
}





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

.invis {
clear: both;
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;
}

.startimg {
 border: 1px solid #000;
 margin-bottom: 10px;
}

.center {
text-align: center;
}


/* Bild links mit Bildunterschrift  */
dl.ImgLeft {width: 200px; float:left; margin: 0 30px 2em 0px; }
dl.ImgLeft dt {margin-bottom: 0; }
dl.ImgLeft dd {text-align:left; margin:5px 0 0 0; padding:0px;}


/* Bild rechts mit Bildunterschrift  */
dl.ImgRight {width: 190px; float:right;  margin-left:30px; margin-top: 0; }
dl.ImgRight dt {margin-bottom: 0; }
dl.ImgRight dd {text-align:left; margin:5px 0 0 0; padding:0px;}


/* Bild mittig mit Bildunterschrift  */
dl.ImgCenter {width:100%; text-align: center; }
dl.ImgCenter dt {margin-bottom: 0; }
dl.ImgCenter dd {text-align:center; margin:0px; padding:0px;}

.halbeSpalteLi {
width: 48%;
float: left;
}

.halbeSpalteRe {
width: 48%;
float: right;
}

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

#outerwrapp {
font-size: 0.75em;
}

h1 {
color: #000;
font-size: 140%;
font-weight: bold;
margin: 0;
padding: 5px;
background: #fc9;
float: right;
}

h2 {
font-size: 120%;
margin: 0 0 1em 0;
}

h3 {
font-size: 110%;
margin: 0 0 1em 0;
padding: 0;
}

h4 {
font-size: 100%;
margin: 0;
padding: 0;
}

p {
margin: 0 0 1em 0;
}

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

fieldset, img { border:0; }

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

#col_content ul.oa li {
margin: 2px 0 0 -2em;
padding: 0;
}

#col_content ul {
margin-bottom: 1em;
list-style-type:square;
}

#col_content ul.oa {
margin-top: 0;
}

.oa {
margin-bottom: 0;
}
/*  -----------------------------------------------------
  Links
  ---------------------------------------------------- */

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

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

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

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


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

.mailform label.fielddesc{
  float: left;
  width: 5em;
  padding-top: 3px;
  padding-right: 5px;
}

.mailform input, .mailform select { /* Alle Labels UND Formularelemente auswaehlen */
  float: left;
  text-align: left;
}

.mailform .row {
  clear: both;
  padding: 2px 0px;
}

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