body  { font-size:100.01%; font-family:arial,verdana,helvetica,sans-serif;
        background-color:#d9e1da;
        margin:0px auto;
        padding:0;
        color:#363;
        font-weight:bold; }

body.all { font-size:100.01%; font-family:arial,verdana,helvetica,sans-serif;
           background-color:#d9e1da;
           margin:0px auto;
           padding:0;
           color:#363;
           font-weight:bold; }

html, body  { width:100%; height:100%; margin:0px auto; }

#boxmain { margin: 0px auto 0;
           width:60em;
           height:42.1em;
           color:#363;
           font-weight:bold;
           font-size:0.8em;
           border-left:1px solid #363;
           border-right:1px solid #363;
           border-bottom:1px solid #363; }

#boxall  { margin: 0px auto 0;
           width:60em;
           color:#363;
           font-weight:bold;
           font-size:0.8em;
           border-left:1px solid #363;
           border-right:1px solid #363;
           border-bottom:1px solid #363; }

#oben0  { top:0px; width:59.9em; height:2em;
          background-color:#d9e1da;
          margin-left:1px; }

#oben1  { margin-left:1px; top:0px; width:66.4em; height:4.3em;
          background-image:url(images/oben.jpg); background-repeat:no-repeat; background-position:right;
          background-color:#fff;
          font-size:0.9em; }

#oben2  { margin-left:1px; top:0px; width:59.9em; height:2em;
          background-image:url(images/linien_klein.gif); background-repeat:repeat-x; }

#oben3  { margin-left:1px; top:0px; width:59.9em; height:1.6em;
          background-color:#363; color:#fff; letter-spacing:1.0pt; text-align:center; }

#oben4  { margin-left:1px; top:0px; width:66.5em; height:2.0em;
          background-color:#fff; color:#363; letter-spacing:0.3pt; text-align:center;
          font-size:0.9em;
          padding-top:3px; }

#weiss_oben { margin-left:1px; top:0px; width:59.9em; height:1.5em;
              background-color:#fff; }

#text1 { margin-top:0px; margin-left:0px; width:20.6em;
         font-size:0.85em;
         color:#363;
         padding:5px;
         padding-top:2em;
         padding-bottom:4.2em;
         border-left:1.5em solid #fff;
         border-bottom:1.5em solid #fff;
         float:left; }

#text2 { margin-top:0px; margin-left:0px; width:20.7em;
         font-size:0.85em;
         color:#363;
         padding:5px;
         padding-top:2em;
         padding-bottom:1.8em;
         border-left:1.5em solid #fff;
         border-bottom:1.5em solid #fff;
         float:left; }

#text3 { margin-top:0px; margin-left:0px; width:20.6em;
         font-size:0.85em;
         color:#363;
         padding:5px;
         padding-top:2em;
         border-left:1.5em solid #fff;
         border-right:1.5em solid #fff;
         border-bottom:1.5em solid #fff;
         float:right; }

.grafik {float:right; margin:5px; border:none; }

#textfirma { margin-top:0px; margin-left:0px; width:64.0em;
             font-size:0.85em;
             color:#363;
             text-align:justify;
             padding:20px;
             border-left:1.5em solid #fff;
             border-right:1.5em solid #fff;
             border-bottom:1.5em solid #fff; }

#text     { margin-top:0px; margin-left:0px; width:31em;
            font-size:0.85em;
            color:#363;
            padding:2em;
            float:left;
            border-left:1.5em solid #fff;
            border-right:1.5em solid #fff;
            border-bottom:1.5em solid #fff; }

#refer { margin:0px; width:30.10em;
         margin-left:-1.5em;
         font-size:0.85em;
         color:#363;
         text-align:center;
         padding-left:0.5em;
         padding-right:0.5em;
         padding-top:2em;
         border-right:1.5em solid #fff;
         border-left:1.5em solid #fff;
         border-bottom:1.5em solid #fff;
         float:right; }

#refertext { margin-top:1em; margin-left:0.5px; margin-right:0.5em; margin-bottom:2em; width:28em;
             color:#363;
             text-align:left;
             padding:0.5em;
             border: 1px dashed #363;
             float:right; }

#refertext img { border:none; }

.referenz { font-size: 1.6em; }

.planung { padding-bottom:18.2em; }

p.refertext { padding-bottom: 12.1em; }

p.text { padding-bottom: 4.8em; }

p.projekt { padding-bottom: 22em; }

p.sach { padding-bottom: 97.1em; }

#refer img {margin-top:2em; }

a.info, a.info1, a.info2, a.info3, a.info4, a.info5, a.info6, a.info7, a.info8, a.info9 { position:relative; z-index:1; }

a.info:hover, a.info1:hover, a.info2:hover, a.info3:hover, a.info4:hover, a.info5:hover, a.info6:hover, a.info7:hover, a.info8:hover, a.info9:hover { z-index:2; display:inline; }

a.info:hover span, a.info1:hover span, a.info2:hover span, a.info3:hover span, a.info4:hover span, a.info8:hover span, a.info9:hover span { display:block; position:absolute; top:0em; left:0em; width:250px; height:188px; border:1px solid #fff; }

a.info span { display: none; background-image: url(images/referenzen/oldenkott.jpg); }

a.info1 span { display: none; background-image: url(images/referenzen/seestern.jpg); }

a.info2 span { display: none; background-image: url(images/referenzen/niedrigenergie.jpg); }

a.info3 span { display: none; background-image: url(images/referenzen/hausschwamm.jpg); }

a.info4 span { display: none; background-image: url(images/referenzen/erb_1.jpg); }

a.info5 span { display: none; background-image: url(images/referenzen/zoss_bau.jpg); }
a.info5:hover span { display:block; position:absolute; top:0em; left:0em; width:190px;height:131px; border:1px solid #fff; }

a.info6 span { display: none; background-image: url(images/referenzen/bic_3.jpg); }
a.info6:hover span { display:block; position:absolute; top:0em; left:0em; width:167px;height:219px; border:1px solid #fff; }

a.info7 span { display: none; background-image: url(images/referenzen/altbausanierung.jpg); }
a.info7:hover span { display:block; position:absolute; top:0em; left:0em; width:250px;height:335px; border:1px solid #fff; }

a.info8 span { display: none; background-image: url(images/referenzen/ostseetraum.jpg); }

a.info9 span { display: none; background-image: url(images/referenzen/kulm.jpg); }

h1.oben { font-size:0.85em; text-align:center; margin-top:0px; margin-bottom:0px; background-color:#d9e1da; width:60em; }

h2 { text-align:center; font-size:1.2em; margin-top:0px; margin-bottom:0px; text-decoration:underline; }

h1.textinnen { font-size:1.0em; margin-top:0px; margin-bottom:0px; display:inline; padding-right:5px; }

h1.gruen { font-size:1.0em; margin-top:0px; margin-bottom:0px; display:inline; line-height:20px; vertical-align:middle; }

a.text { color:#363; font-size:1em; text-decoration:underline; }

a.text:hover { color:#363; font-size:1em; text-decoration:underline; }

a.oben       { color:#363; font-size:1em; text-decoration:underline; }

hr { height:0.1em; border-style:solid; background-color:#fff; }

#navcontainer ul
{
text-align: center;
height:1.8em;
width:72em;
padding:0;
margin:0px;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left:1px;
background-color:#d9e1da;
font-size:0.83em;
color: #363;
font-family: Arial,Helvetica,sans-serif;
line-height: 20px;
}

#navcontainer ul li
{
display: inline;
padding-left:4px;
padding-right:4px;
/* matches link padding except for left and right */
padding-top: 0px;
background-color: #fff;
color: #363;
}

#navcontainer ul li a
{
margin-left:2px;
margin-right:2px;
padding:0px;
/* matches link padding except for left and right */
padding-top:0px;
background-color:#fff;
color:#363;
text-decoration:underline;
}

#navcontainer ul li a:visited
{
margin-left:2px;
margin-right:2px;
padding:0px;
background-color:#fff;
color:#363;
}
#navcontainer ul li a:hover
{
margin-left:2px;
margin-right:2px;
padding:0px;
/* matches link padding except for left and right */
padding-top:0px;
background-color:#363;
color:#fff;
}

table.rahmen { border: 1px solid #336633;
               border-collapse:collapse }

table.rahmen td { border: 1px solid #336633;
                  border-collapse:collapse }

table { background-color: #d9e1da; }
td {vertical-align: top; padding:5px; background-color: #d9e1da; width: 50%; }

#note { font-size:0.6em; font-weight:normal; margin-left:20%; }

a.note { color:#696; }