@charset "utf-8";

* {
   margin: 0px;
   padding: 0px;
   outline:none;
}

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

html {
   overflow-y: scroll;
   background:#fdf9f6 url(../images/bg-html.png) 0 0 repeat-x;
}

body {
   color:#393939;
   font-size:14px;
   font-family:Arial, Helvetica, sans-serif;
   background:transparent url(../images/bg-body.jpg) center top no-repeat scroll;
}

body.index{
	background:transparent url(../images/bg-index-body.png) center top no-repeat scroll;
}

h2,
h3 {
   line-height:28px;
   margin:0 0 6px 0;
   font-weight:normal;
}

h2 {
   font-size:24px;
}

h3 {
   font-size:18px;
   font-weight:normal;
   line-height:22px;
   margin:20px 0 15px 0;
   color:#00337d;
}

h4,
h5,
h6 {
   font-size:12px;
   font-weight:bold;
   margin:0 0 6px 0;
   font-weight:bold;
}

h4.accor {
	padding:6px 4px 6px 35px;
	background:#fff url(../images/bg-h4-accor.png) 8px 1px no-repeat;
	margin:0;
	border-bottom:1px solid #e1e5e8;
	width:85%;
	 font-size:1.2em;
	 cursor:pointer;
	}
	
h4.accor:hover {
	background:#fff url(../images/bg-h4-accor-hover.png) 8px 1px no-repeat;
	}
img {
   border:none;
}


a {
	color:#44474e;
    text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

ul {
   list-style:none;
}

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

/* CONTAINER */
#container {
   margin: 0 auto;
   width:960px;
   height:auto;
}

/* HEADER */
#header {
   height:393px;
   position:relative;
   width:960px;
}

body.index #contentMain h1.branding{
	position:absolute;
    top:211px;
    left:335px;
    width:170px;
    height:377px;
    background:transparent url(../images/bg-branding.jpg) 0 0 no-repeat;
}

body.index #contentMain h1.branding a {
   display:block;
   width:116px;
   height:172px;
}

body.index #contentMain h1.branding a img {
   position:absolute;
   z-index:1;
   top:9px;
   left:27px;
}

body.index #contentMain h1.branding a span {
   position:absolute;
   z-index:0;
   top:-670px;
   left:80px;
   font-size:10px;
}


#header h1.branding{
	position:absolute;
    top:129px;
    left:421px;
}

#header h1.branding,
#header h1.branding a {
   display:block;
   width:115px;
   height:122px;
}

#header h1.branding a img {
   position:absolute;
   z-index:1;
   top:0;
   left:0;
}

#header h1.branding a span {
   position:absolute;
   z-index:0;
   top:-370px;
   left:80px;
   font-size:10px;
}

#header blockquote.indent {
   text-indent:-9999px;
}


/* NAVIGATION */


body.index #mainNavi{
	top:8px;
    left:17px;
}



#mainNavi{
	position:absolute;
    width:828px;
    height:21px;
    line-height:20px;
    text-indent:-9999px;
    top:347px;
    left:75px;
}

#mainNavi li{
	float:left;
    padding:0 31px 0 20px;
}

#mainNavi li a{
	display:block;
    background:transparent url(../images/bg-main-navi.png) 0 0 no-repeat;
    height:21px;
}

body.index #mainNavi li a{
    background:transparent url(../images/bg-index-main-navi.png) 0 0 no-repeat;
}




#mainNavi li a.startseite{
	width:88px;
}
#mainNavi li a.startseite:hover,
#mainNavi li.active a.startseite{
	background-position:0 -21px;
}

#mainNavi li a.ueberUns,
body.index #mainNavi li a.ueberUns{
	width:78px;
    background-position:-139px 0;
}
#mainNavi li a.ueberUns:hover,
#mainNavi li.active a.ueberUns,
body.index #mainNavi li a.ueberUns:hover,
body.index #mainNavi li.active a.ueberUns{
	background-position:-139px -21px;
}

#mainNavi li a.naturbaustoffe,
body.index #mainNavi li a.naturbaustoffe{
	width:145px;
    background-position:-268px 0;
}
#mainNavi li a.naturbaustoffe:hover,
#mainNavi li.active a.naturbaustoffe,
body.index #mainNavi li a.naturbaustoffe:hover,
body.index #mainNavi li.active a.naturbaustoffe{
	background-position:-268px -21px;
}

#mainNavi li a.beratungUndService,
body.index #mainNavi li a.beratungUndService{
	width:176px;
    background-position:-464px 0;
}
#mainNavi li a.beratungUndService:hover,
#mainNavi li.active a.beratungUndService,
body.index #mainNavi li a.beratungUndService:hover,
body.index #mainNavi li.active a.beratungUndService{
	background-position:-464px -21px;
}

#mainNavi li a.aktionen,
body.index #mainNavi li a.aktionen{
	width:85px;
    background-position:-690px 0;
}
#mainNavi li a.aktionen:hover,
#mainNavi li.active a.aktionen,
body.index #mainNavi li a.aktionen:hover,
body.index #mainNavi li.active a.aktionen{
	background-position:-690px -21px;
}

#addNavi{
	position:absolute;
    width:216px;
    height:14px;
    line-height:14px;
    font-size:12px;
    background:transparent url(../images/bg-add-navi.png) 0 0 no-repeat;
    top:21px;
    left:671px;
    text-indent:-9999px;
}

#addNavi li{
	float:left;
    height:14px;
    padding:0 15px 0 0;
}

#addNavi a{
	display:block;
    height:14px;
    background:transparent url(../images/bg-add-navi.png) 0 0 no-repeat;
}

#addNavi a.kontakt{
	width:54px;
}

#addNavi a.kontakt:hover,
#addNavi li.active a.kontakt{
	background-position:0 -14px;
}

#addNavi a.anfahrt{
	width:52px;
    background-position:-69px 0;
}

#addNavi a.anfahrt:hover,
#addNavi li.active a.anfahrt{
	background-position:-69px -14px;
}

#addNavi a.impressum{
	width:64px;
    background-position:-136px 0;
}

#addNavi a.impressum:hover,
#addNavi li.active a.impressum{
	background-position:-136px -14px;
}


/* ------------------------------------*/
/* << caption styling                  */
/* ------------------------------------*/

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1.2em;	
	font-weight: bold;
	font-size: 13px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
	text-shadow: 1px 1px 0 #202020;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	position:absolute;
}
a.flachs .caption-wrapper{
	top:0;
    left:0;
}

a.putz .caption-wrapper{
	top:0;
    left:335px;
}
a.lehm .caption-wrapper{
	top:0;
    left:505px;
}

a.hanf .caption-wrapper{
	top:327px;
    left:0;
}

a.holz .caption-wrapper{
	top:260px;
    left:505px;
}

a.kork .caption-wrapper{
	top:432px;
    left:505px;
}

a.stroh .caption-wrapper{
	top:432px;
    left:678px;
}


br.c { clear: both; }

/* ------------------------------------*/
/* END OF caption styling >>>          */
/* ------------------------------------*/


/* CONTENT */
#contentContainer {
}


#contentMain{
	padding:0 0 24px 96px;
}

body.index #contentMain {
	position:relative;
    width:844px;
    margin:0 auto;
    height:600px;
    padding:0;
}


#contentMain h2.headline{
	height:36px;
    line-height:36px;
    font-size:33px;
    font-weight:bold;
    color:#2a2a2a;
}

#contentMain div.editor{
	width:790px;
    line-height:21px;
    margin:0 0 12px 0;
}

#contentMain div.column div.editor{
	width: 385px;
}



#contentMain div.column{
	width:384px;
    padding:0 17px 2px 0;
    float:left;
}

.ui-accordion-content  {
	margin:15px 0 20px 35px;
	width:600px;
	}
	
.ui-accordion-content a img, a img.thumb, p.images a img, a img.thumb-left  {
	padding:3px;
	background:#fff;
	border:1px solid #00337d;
	margin:0 10px 0 0;
	}
	
a img.thumb {
margin:0 13px 0 0;
}

a img.thumb-left {
margin:0 15px 0 0;
float:left;
}

#contentMain p,
#contentMain ul {
   line-height:21px;
   margin:0 0 21px 0;
}

#contentMain li {
	padding:0 0 2px 20px;
	background:url(../images/required.png) 2px 3px no-repeat;
	}
	
body.index #contentMain p {
	margin:0;
}

#partner{
	float:none;
    clear:both;
    border-bottom:5px solid #709fbc;
    width:847px;
    background:transparent url(../images/bg-partner.png);
    margin:0 0 0 57px;
}

#partner h3,
#partner h3.open{
	margin:0 0 0 38px;
    text-indent:-9999px;
    background:transparent url(../images/h3/bg-partner-open.png) 0 0 no-repeat;
    cursor:pointer;
    width:125px;
}
#partner h3.close{
    background:transparent url(../images/h3/bg-partner-closed.png) 0 0 no-repeat;
}
#partner p{
	position:relative;
    margin:0 0 0 38px;
    width:790px;
    height:145px;
    text-indent:-9999px;
}

#partner a{
	display:block;
    position:absolute;
}

#partner a.claytec{
	width:144px;
    height:44px;
     top:13px;
    left:160px;
}

#partner a.auro{
	width:115px;
    height:53px;
   
	top:18px;
    left:0;
}

#partner a.druesedau{
	width:123px;
    height:55px;
    top:6px;
    left:300px;
}

#partner a.floxxan{
	width:129px;
    height:26px;
    top:25px;
    left:451px;
}

#partner a.hissReet{
	width:186px;
    height:36px;
    top:21px;
    left:600px;
}

#partner a.thermoHanf{
	width:119px;
    height:38px;
    top:79px;
    left:0;
}

#partner a.homatherm{
	width:211px;
    height:43px;
    top:75px;
    left:144px;
}

#partner a.lesando{
	width:143px;
    height:45px;
    top:80px;
    left:390px;
}

#partner a.proclima{
	width:45px;
    height:57px;
    top:73px;
    left:558px;
}

#partner a.apaeb{
	width:85px;
    height:63px;
    top:69px;
    left:619px;
}



/* FOOTER */

#footer,
#footer ul {
	float:none;
    clear:both;
}

#footer{
	width:844px;
    margin:0 auto;
    height:150px;
    position:relative;
}

#footer h3{
    line-height:18px;
    position:absolute;
    top:-10px;
    left:473px;
    width:145px;
	
	height:36px;
    line-height:36px;
    font-size:20px;
    font-weight:bold;
    color:#2a2a2a;
	
	
}


#footer dl{
	width:210px;
    position:absolute;
    left:476px;
    top:38px;
    line-height:21px;
}

#footer dt{
	width:72px;
    float:left;
}
#footer dd{
	width:136px;
    float:left;
}

#footer p{
	width:130px;
    position:absolute;
    top:13px;
    line-height:21px;
    font-size:12px;
    left:710px;
	font-weight:bold;
}

#footerAddress{
	position:absolute;
    width:175px;
    line-height:21px;
    top:17px;
    left:20px;
}

#footerKontakt{
	position:absolute;
    width:225px;
    line-height:21px;
    top:17px;
    left:225px;
}