@charset "utf-8";

/* CSS Document */

* {
   margin:0;
   padding:0;
   border: none;
}

/*---------------------------------------------------------------------------------------
--------------------------------------LAYOUT---------------------------------------------
---------------------------------------------------------------------------------------*/

html,
body {
   height:100%;
}
 html[xmlns^="http"] {
 overflow-y: scroll;
}

body {
   background: #1C242F url(../images/head-kachel.jpg) repeat-x top center;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-decoration: none;
   list-style-type: none;
   color: #666;
   font-size:12px;
}

#container {
   width: 950px;
   position:relative;
   margin: 0 auto;
   min-height:600px;
}

#header {
   background: url(../images/head.jpg) top center no-repeat;
   height:238px;
   width: 955px;
}

a#h1-branding {
	position: absolute;
    top: 50px;
    left: 65px;
    height: 80px;
    width: 280px;
}

/*---------------------------------------------------------------------------------------
--------------------------------------NAVI-HEADER------------------------------------------
---------------------------------------------------------------------------------------*/


ul#navigationAdditional {
   width:282px;
   height:22px;
   list-style:none;
   position: absolute;
   top:165px;
   left:63px;
}

ul#navigationAdditional li {
   height:22px;
   width:94px;
   float:left;
   list-style:none;
   background:none;
}

ul#navigationAdditional li a {
   display:block;
   text-indent:-2000px;
   height:22px;
   width:94px;
   text-decoration:none;
   outline:none;
}

ul#navigationAdditional li a.btn-startseite {
   background: url(../images/navigation-startseite.jpg) no-repeat;
}

ul#navigationAdditional li a:hover.btn-startseite {
   background: url(../images/navigation-startseite.jpg) 0 -22px;
}

ul#navigationAdditional li.active a.btn-startseite {
   background: url(../images/navigation-startseite.jpg) 0 -22px;
}

ul#navigationAdditional li a.btn-kontakt {
   background: url(../images/navigation-kontakt.jpg) no-repeat;
}

ul#navigationAdditional li a:hover.btn-kontakt {
   background: url(../images/navigation-kontakt.jpg) 0 -22px;
}

ul#navigationAdditional li.active a.btn-kontakt {
   background: url(../images/navigation-kontakt.jpg) 0 -22px;
}

ul#navigationAdditional li a.btn-anfahrt {
   background: url(../images/navigation-anfahrt.jpg) no-repeat;
}

ul#navigationAdditional li a:hover.btn-anfahrt {
   background: url(../images/navigation-anfahrt.jpg) 0 -22px;
}

ul#navigationAdditional li.active a.btn-anfahrt {
   background: url(../images/navigation-anfahrt.jpg) 0 -22px;
}

/*---------------------------------------------------------------------------------------
--------------------------------------NAVIGATION-----------------------------------------
---------------------------------------------------------------------------------------*/

#navigation {
   background: #fff url(../images/navigation-kachel.jpg) repeat-x top center;
}

ul#navigation {
   width:955px;
   height:59px;
   list-style:none;
}

ul#navigation li {
   padding:0px;
   height:59px;
   float:left;
   background:none;
   list-style:none;
}

ul#navigation li a {
   display:block;
   background:red;
   text-indent:-2000px;
   height:59px;
   text-decoration:none;
   background:none;
   list-style:none;
   outline:none;
}

ul#navigation li a.btn1 {
   width:222px;
   background: url(../images/navigation1.jpg) no-repeat;
}

ul#navigation li a:hover.btn1 {
   background: url(../images/navigation1.jpg) 0 -59px;
}

ul#navigation li.active a.btn1 {
   background: url(../images/navigation1.jpg) 0 -59px;
}

ul#navigation li a.btn2 {
   width:179px;
   background: url(../images/navigation2.jpg) no-repeat;
}

ul#navigation li a:hover.btn2 {
   background: url(../images/navigation2.jpg) 0 -59px;
}

ul#navigation li.active a.btn2 {
   background: url(../images/navigation2.jpg) 0 -59px;
}

ul#navigation li a.btn3 {
   width:164px;
   background: url(../images/navigation3.jpg) no-repeat;
}

ul#navigation li a:hover.btn3 {
   background: url(../images/navigation3.jpg) 0 -59px;
}

ul#navigation li.active a.btn3 {
   background: url(../images/navigation3.jpg) 0 -59px;
}

ul#navigation li a.btn4 {
   width:188px;
   background: url(../images/navigation4.jpg) no-repeat;
}

ul#navigation li a:hover.btn4 {
   background: url(../images/navigation4.jpg) 0 -59px;
}

ul#navigation li.active a.btn4 {
   background: url(../images/navigation4.jpg) 0 -59px;
}

ul#navigation li a.btn5 {
   width:202px;
   background: url(../images/navigation5.jpg) no-repeat;
}

ul#navigation li a:hover.btn5 {
   background: url(../images/navigation5.jpg) 0 -59px;
}

ul#navigation li.active a.btn5 {
   background: url(../images/navigation5.jpg) 0 -59px;
}

/*---------------------------------------------------------------------------------------
--------------------------------------CONTENT--------------------------------------------
---------------------------------------------------------------------------------------*/					

#content {
   background: url(../images/bg-content.jpg) top center no-repeat;
   width:955px;
   min-height:400px;
}

#contentContainer2 {
   float: left;
   width: 470px;
   min-height:400px;
   padding: 0 0 0 46px;
}

#contentContainer1 {
   float: left;
   min-height:100px;
   padding: 118px 0 0 109px;
   width:290px;
}

#content-bottom {
   width:800px;
   margin: 0 0 0 68px;
   clear:both;
}

.clear {
   float:none;
   clear:both;
   visibility: hidden;
}

/*---------------------------------------------------------------------------------------
--------------------------------------TEXTE----------------------------------------------
---------------------------------------------------------------------------------------*/

h2 {
   text-indent: -9999em;
   width: 452px;
   height: 77px;
   background-repeat:no-repeat;
}

.h2Willkommen {
   margin: 35px 58px 0 0;
   background-image:url(../images/index/h2.jpg);
}

.h2Ueberuns {
   margin: 35px 58px 0 0;
   background-image:url(../images/ueber-uns/h2.jpg);
}

.h2Hochbau {
   margin: 35px 58px 0 0;
   background-image:url(../images/hochbau/h2.jpg);
}

.h2Ausbau {
   margin: 35px 58px 0 0;
   background-image:url(../images/ausbau/h2.jpg);
}

.h2Sanierung {
   margin: 35px 58px 0 0;
   background-image:url(../images/sanierung/h2.jpg);
}

.h2Referenzen {
   margin: 35px 58px 0 0;
   background-image:url(../images/referenzen/h2.jpg);
}

.h2Impressum {
   margin: 35px 58px 0 0;
   background-image:url(../images/impressum/h2.jpg);
}

.h2Anfahrt {
   margin: 35px 58px 0 0;
   background-image:url(../images/anfahrt/h2.jpg);
}

.h2Danke {
   margin: 35px 58px 0 0;
   background-image:url(../images/danke/h2.jpg);
}

.h2Kontakt {
   margin: 35px 58px 0 0;
   background-image:url(../images/kontakt/h2.jpg);
}

.h2Error {
   margin: 35px 58px 0 0;
   background-image:url(../images/error/h2.jpg);
}

p {
   font-family: Tahoma, Verdana, Arial, sans-serif;
   font-size: 14px;
   color: #FFFFFF;
   line-height: 1.5em;
   margin-bottom: 10px;
}



#container #content #contentContainer2 li {
   font-family: Tahoma, Verdana, Arial, sans-serif;
   font-size: 14px;
   color: #FFFFFF;
   background: url(../images/li-content.jpg) left 12px no-repeat;
   padding:8px 0 0 28px;
   text-decoration:none;
   list-style-type: none;
   line-height:inherit;
   float:none;
}
#container #content #contentContainer2 ul {
  	margin-bottom: 15px;
}
.abstand{
	margin-bottom: 15px;	
}

#contentContainer1 a:link,
#contentContainer1 a:visited {
   color: #fff;
}

#contentContainer1 a:hover,
#contentContainer1 a:active {
   color: #24234e;
}

#contentContainer2 a:link,
#contentContainer2 a:visited {
   color: #fff;
}

#contentContainer2 a:hover,
#contentContainer2 a:active {
   color: #e75d12;
}

.images {
   border: dashed 1px #e75d12;
   padding: 5px;
   margin: 8px;
   float: left;
}

ul.referenzen img {
   border: 1px #e75d12 dashed;
   padding: 5px;
   margin-top: 10px;
   margin-right: 10px;
   float: left;
}
/*---------------------------------------------------------------------------------------
--------------------------------------Footer---------------------------------------------
---------------------------------------------------------------------------------------*/


#footerwrapper {
   background: #1C242F;
   height: 15px;
   width: 943px;
   padding: 30px 0 0 8px;
   margin: 0 auto;
}

#footer {
   margin: 0 auto;
   width:831px;
   font-size: 11px;
   background: url(../images/footer.jpg) no-repeat;
   height:15px;
}

.impressum {
   background: url(../images/navigation-impressum.jpg) no-repeat;
   height: 23px;
   width: 74px;
   display:block;
   text-indent:-2000px;
   float:right;
   margin: 13px 0 0 10px;
   outline:none;
}

/*---------------------------------------------------------------------------------------
--------------------------------------TABLE----------------------------------------------
---------------------------------------------------------------------------------------*/

th,
td {
   font-family: Tahoma, Verdana, Arial, sans-serif;
   font-size: 14px;
   color: #FFFFFF;
   line-height: 1.5em;
   text-align:left;
}

table {
   width:800px;
   border: solid 1px #e75d12;
   margin:1em auto;
   border-collapse:collapse;
}

th,
td {
   color:#fff;
   border-bottom:1px solid #fff;
   border-left:1px solid #e75d12;
   padding:.3em 1em;
   text-align:center;
}