/* Allgemeine Angaben und Formatierungen */
                                                     
/* orange: #fe773d;   Hellgrau: #e3e3e3;   Mittelgrau: #cccccc;  */

html, body {
   margin: 0px; padding: 0px;
}

body {
   font-family: Arial; font-size: 1em; color: #000; background: #fff;
}

p, h1, h2, h3, h4 {
   margin: 0px; padding: 0px;
}

h1 {
   font-size: 4em; font-weight: normal; color: #666; margin-bottom: 20px; line-height: 1.2em;
}

#logo h1 {
   margin-bottom: 0px;
}


h2 {
   font-size: 1.6em; font-weight: normal; color: #666; margin-bottom: 15px;
}

h3, h4 {
   font-size: 1.25em; font-weight: normal; color: #999; margin-top: -22px; margin-bottom: 20px;
}

h4 {
   margin-top: 30px; margin-bottom: 20px;
}

ul {
   margin: 0px; padding: 0px;
}

#content p, #content-long p {
   margin-bottom: 0.8em;
}

.clear {
   clear: both;
}

.clear-r {
   clear: right;
}

.clear-l {
   clear: left;
}

img {
   border: none; vertical-align: bottom;
}

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


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

.mb5 {
   margin-bottom: 5px;
}


.tel {
   margin-right: 5px;
}

.fax-en {
   margin-right: 19px;
}

.m0 {
   margin: 0px;
}

.dn {
   display: none;
}

#copyright {
   padding-right: 20px; font-size: 0.7em; color: #fff;
}

.schmuckbild, .schmuckbild3 {
   float: left; margin-right: 6px; margin-bottom: 20px;
}

.schmuckbild3 {
   margin-right: 0px
}

.block, .block2, .block3 {
   float: left; width: 210px; margin-right: 15px;
}

.block3 {
   margin: 0px;
}

.b21 {
   float: left; width: 453px; margin-right: 20px;
}

.b22 {
   float: left; width: 430px;
}

.b31 {
   float: left; width: 300px; margin-right: 10px;
}

.b32 {
   float: left; width: 290px; margin-right: 10px;
}

.b33 {
   float: left; width: 290px;
}

.b12 {
   margin-left: 220px; width: 690px;
}

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

.flm15 {
   float: left; margin-right: 10px;
}

.pdflink {
   width: 298px; border: solid 1px #ccc; padding: 4px; background: #fff url(../template/images/pfeil-mainnav-orange.gif) no-repeat 3px 50%; padding-left: 12px;
   voice-family: "\"}\""; voice-family: inherit; width: 282px;
}

.pdflink a {
   background: url(../images/pdf.gif) no-repeat right 50%; padding-right: 20px;
}


#content-long ul {
   margin: 0px 0px 15px 20px;
}

.ga li {
   margin-bottom: 15px;
}


#kontaktadresse {
   float: left; margin-right: 40px;
}

.fl {
   float: left;
}

table {
   background: #fff; width: 210px; margin: 0px; padding: 0px; margin-bottom: 20px; border-collapse: collapse; font-size: 1em;
}

td {
   text-align: left; vertical-align: top; margin: 0px; padding: 3px; border: solid 1px #e3e3e3;
}

tr {
   margin: 0px; padding: 0px;
}

.tr-dg {
   background: #ccc;
}

.ul-pdf {
   list-style-image: url(../images/pdf.gif); margin-left: 20px;
}

.ul-pdf li {
   padding-left: 5px; margin-bottom: 5px;
}

.navspacer {
   float: left; width: 220px;
}

.absenden {
   width: 89px; height: 20px; border: 0px; margin-left: 75px;
}

.absenden-ruckruf {
   width: 89px; height: 20px; border: 0px; margin: 15px 0px;
}

/* Ebenen */

#logo {
   float: left; width: 240px; padding: 10px 15px 0px 15px;
   voice-family: "\"}\""; voice-family: inherit; width: 210px;
}

#topbild {
   float: left; width: 600px;
}


#impressum {
   float: left; width: 90px; text-align: right; padding-top: 58px; font-size: 0.7em;
}

#mainnav {
   width: 100%; height: 26px; background: url(images/bg-mainnav.jpg) repeat-x;
   border-top: solid 1px #fe773d;
}

#subnav {
   width: 100%; height: 35px; background: url(images/container-leiste-oben.gif) left bottom repeat-x #fff;
}

#container {
   width: 100%; background: #e3e3e3;
}

#subsubnav {
   float: left; width: 221px; background: url(images/subsubnav-leiste-oben.gif) no-repeat 0px 0px #ccc; margin-top: -9px; padding-top: 30px;
}

#ohnesubnav {
   float: left; width: 220px; height: 300px; margin-right: 20px; font-size: 0.8em;

}

#content {
   float: left; width: 740px; margin: 0px; padding: 20px; font-size: 0.8em; min-height: 400px;
   voice-family: "\"}\""; voice-family: inherit; width: 680px;
}

#content-long {
   float: left; width: 955px; padding: 20px; font-size: 0.8em;
   voice-family: "\"}\""; voice-family: inherit; width: 905px;
   min-height: 407px; height:auto !important; height: 407px;
}

#footer {
   width: 100%; height: 25px; background: url(images/footer-leiste-oben.gif) repeat-x #fe773d;
}

.mh {
   float: right; width: 1px; height: 450px;
}

dl.csc-textpic-image {
   height: 99px; overflow: hidden;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
   margin-bottom: 10px;
}

.csc-textpic-imagerow {

}

/* Menü Messebilder */

ul.csc-menu {
   list-style-type: none; list-style-image: none; margin: 25px 0 20px 0 !important;
}

ul.csc-menu li {
   display: inline; padding: 0 15px;
}

/* Bilder als Text*/

#logotext {
   background: url(images/logo-tbf.gif) 10px 0px no-repeat; width: 201px; height: 67px; text-indent: -5500px; display: block; overflow: hidden;
}


/* Links */

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

a:hover {
   text-decoration: underline;
}

a:visited {
   color: #e87918;
}

.link a {
   display: inline; color: #888; text-decoration: none; background: url(images/pfeil-k-grau.gif) no-repeat 0% 50%; padding-left: 11px;
}

.link a:hover {
   color: #e87918; background: url(images/pfeil-k-orange.gif) no-repeat 0% 50%;
}

/* Formular */

label, select, input[type=checkbox], input[type=radio],
input[type=button], input[type=submit] {
 cursor: pointer;
}

input, textarea {
   display: block; width: 250px; margin-top: 2px; margin-bottom: 10px; padding: 3px; border: 1px solid #aaa;
}

.radio {
   float: left; width: 15px; height: 15px; margin-right: 5px; border: 0px;
}

label {
    font-weight: bold;
    display: block;
    float: left;
    width: 75px;
}

form br {
   clear: both;
}

input:focus, textarea:focus {
 color: #000;
 background: #f5f5f5;
 border: 1px solid #c00;
}

.fehler {
   color: #c00;
}

fieldset {
   border: none; margin: 0px; padding: 0px;
}



/* Sitemap */

#sitemap ul {
   background: #eee; padding: 5px 0px 5px 10px; list-style: inside; margin-left: 0px;
}

#sitemap ul ul {
   background: #ddd; margin-left: 12px; margin-top: 5px; list-style-type: circle;
}

#sitemap ul ul ul {
   background: #cdcdcd; margin-left: 12px; margin-top: 5px; list-style-type: square;
}

#sitemap ul p {
   margin: 0px; margin-left: 25px; font-size: 0.9em;
}

#sitemap li a {
   padding: 2px 3px 3px 3px;
}

#sitemap li a:hover {
   background: #fff;
}

#sitemap li li {
   padding-top: 5px;
}

/* ImageMap Hochbau */

#ebene1 {
   position: absolute; left: 702px; top: 193px; width: 225px; height: 300px; background: #e3e3e3; display: block;
}

#ebene2, #ebene3, #ebene4, #ebene5, #ebene6, #ebene7 {
   position: absolute; left: 702px; top: 193px; width: 225px; height: 300px; background: #e3e3e3; display: none;
}

/* Referenzen */

.referenzen-l {
   float: left; width: 206px; margin: 33px 10px 0px 0px; text-align: right;
}

.referenzen-m {
   float: left; width: 455px; height: 400px;
}

.referenzen-r {
   float: right; width: 230px; margin-top: 33px;
}

#refbild1 {
   position:absolute; left: 235px; top: 195px; padding-bottom: 10px; background: #e3e3e3;
}


#refbild2 {
   position:absolute; left: 235px; top: 195px; display: none; padding-bottom: 10px; background: #e3e3e3;
}

.reflink {
   border: solid 1px #ccc; padding: 3px 3px 3px 12px; background: #fff url(../template/images/pfeil-mainnav-orange.gif) no-repeat 3px 55%;
}

.reflink-u {
   color: #000 !important; font-weight: bold; background: url(../template/images/pfeil-orange.gif) no-repeat 0px 2px; padding-left: 16px;
}

#referenzen a:hover {
   text-decoration: none;
}

#referenzen span {
   padding-left: 16px;
}

#referenzen ul {
   margin: 0px 0px 15px 30px; padding: 0px;
}

.flm15 div, .fl div {
   float: left; margin-right: 10px;
}