@charset "utf-8";

/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {overflow: scroll}

A img {border:none;}




BODY, TABLE, TD, FORM {
	font-family:Arial, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 15px;
    color: #000000;
    font-weight: normal;
}
BODY {
    background-color: #CCCCCC;
	background-image:url(../images/hg.png);
	background-position:center;
	background-repeat:repeat-y;
    text-align: left;
}
A {
    color: #000000;
    text-decoration:none;
    font-weight:normal;
}
A:hover {
    text-decoration:underline;
	}
p {
	margin:0 0 10px 0;
	}
H1 {
    font-size: 20pt;
    font-weight:normal;
    line-height: 36px;
	margin:0 0 13px 0;
	}
H2 {
    font-size: 20pt;
    font-weight:normal;
    line-height: 36px;
	margin:0 0 31px 0;
	}
H3 {
    font-size: 10pt;
    font-weight: normal;
    line-height: 18px;
	margin:0 0 36px 0;
}

#container {
    position:relative;
	top:0px;
	margin:0 auto 0;
    width:910px;
	height:650px;
	}
#head, #head_start {
    position:relative;
	top:0px;
	left:0px;
	height:186px;
	}
#head {
	border-bottom:5px solid #CCCCCC;
	}
#str_txt {
	position:relative;
	left:0px;
	top:300px;
	width:910px;
	height:200px;
	}
#str_txt_1 {
	position:absolute;
	left:26px;
	top:0px;
	float:left;
	width: 260px;
	}
#str_txt_2 {
	position:absolute;
	left:340px;
	top:0px;
	float:left;
	width: 260px;
	}
#str_txt_3 {
	position:absolute;
	left:650px;
	top:0px;
	width: 260px;
	}
	
#logo {
	position:absolute;
	left:26px;
	top:54px;
	}
#navi_main {
	position:absolute;
	left:294px;
	top:100px;
	}
#navi_sub_u4 {
	position:absolute;
	left:720px;
	top:126px;
	}
#navi_main li {
	display:inline; 
	float:left;
	margin-left:46px;
	}
#navi_main li  A {
	background-image: url("../images/navi_main.png");
	height:18px;
	display:block;
	}
#navi_main li  A span {
	display:none;
	}
#navi_sub_u4 ul {
	clear:both;
	}
#navi_sub_u4 li A {
	background-image: url("../images/navi_sub_4.png");
	height:15px;
	display:block;
	margin-bottom:8px;
	}
#navi_sub_u4 li  A span {
	display:none;
	}

#link_1 {width:42px;background-position:0px 18px;}
#link_1_a {width:42px;background-position:0px 0px;}
#link_2 {width:69px;background-position:-45px 18px;}
#link_2_a {width:69px;background-position:-45px 0px;}
#link_3 {width:121px;background-position:-117px 18px;}
#link_3_a {width:121px;background-position:-117px 0px;}
#link_4 {width:68px;background-position:-244px 18px;}
#link_4_a {width:68px;background-position:-244px 0px;}
#link_5 {width:56px;background-position:-316px 18px;}
#link_5_a {width:56px;background-position:-316px 0px;}
#link_1:hover, #link_1 .aktiv {background-position:0px 0px;}
#link_2:hover, #link_2 .aktiv {background-position:-45px 0px;}
#link_3:hover, #link_3 .aktiv {background-position:-117px 0px;}
#link_4:hover, #link_4 .aktiv {background-position:-244px 0px;}
#link_5:hover, #link_5 .aktiv {background-position:-316px 0px;}
#link_4_1 {width:80px;background-position:0px 15px;}
#link_4_1_a {width:80px;background-position:0px 0px;}
#link_4_2 {width:51px;background-position:-83px 15px;}
#link_4_2_a {width:51px;background-position:-83px 0px;}
#link_4_1:hover, #link_4_1 .aktiv {background-position:0px 0px;}
#link_4_2:hover, #link_4_2 .aktiv {background-position:-83px 0px;}

/* PRODUKTE */

#content_prod {
	position:relative;
	width:910px;
	height:2193px;
	}
.prod { 
	position:absolute;
	width:429px;
	height:215px;
	}
.prod_cont {
	margin-left:220px;
	margin-top:10px;
	margin-right:8px;
	font-size:9pt;
	line-height:13px;
	}
.prod_cont P {
	margin:0 0 11px 0;
	}
.pet {
	font-size:8pt;
	}
#prod_1 {top:26px;left:26px;background-image:url(../images/pd_ic_fh_smart.png);}
#prod_2 {top:26px;left:454px;background-image:url(../images/pd_ic_fh3_0.png);}
#prod_3 {top:240px;left:26px;background-image:url(../images/pd_ic_fh4_5.png);}
#prod_4 {top:240px;left:454px;background-image:url(../images/pd_ic_fh4_5_mt_terr.png);}
#prod_5 {top:454px;left:26px;background-image:url(../images/pd_ic_fh6_0.png);}
#prod_6 {top:454px;left:454px;background-image:url(../images/pd_ic_fh6_0_mt_terr.png);}
#prod_7 {top:668px;left:26px;background-image:url(../images/pd_ic_douglasienschalung.png);}
#prod_8 {top:668px;left:454px;background-image:url(../images/pd_ic_lackiertefassade.png);}
#prod_9 {top:882px;left:26px;background-image:url(../images/pd_ic_sonnendeck.png);}
#prod_10 {top:882px;left:454px;background-image:url(../images/pd_ic_terassenbelag.png);}
#prod_11 {top:1096px;left:26px;background-image:url(../images/pd_ic_terasse.png);}
#prod_12 {top:1096px;left:454px;background-image:url(../images/pd_ic_gelaender.png);}
#prod_13 {top:1310px;left:26px;background-image:url(../images/pd_ic_unterbau.png);}
#prod_14 {top:1310px;left:454px;background-image:url(../images/pd_ic_unterbau_baumhaus.png);}
#prod_15 {top:1524px;left:26px;background-image:url(../images/pd_ic_unterbau_hanglage.png);}
#prod_16 {top:1524px;left:454px;background-image:url(../images/pd_ic_aufgang.png);}
#prod_17 {top:1738px;left:26px;background-image:url(../images/pd_ic_haustuere.png);}
#prod_18 {top:1738px;left:454px;background-image:url(../images/pd_ic_sonnensegel.png);}
#prod_19 {top:1952px;left:26px;background-image:url(../images/pd_ic_baurecht.png);}
	
/* BEISPIELE */

#content_bsp {
	position:relative;
	width:910px;
	height:909px;
	}
.bsp { 
	position:absolute;
	width:215px;
	height:215px;
	cursor:pointer;
	}
.bsp_txt { 
	position:absolute;
	width:431px;
	height:217px;
	display:none;
	}
.bsp_cont {
	margin-left:225px;
	margin-top:15px;
	margin-right:15px;
	font-size:9pt;
	line-height:13px;
	}
.re {
	margin-left:15px;
	margin-right:225px;
	}
.bsp_cont P {
	margin:0 0 11px 0;
	}
.pet {
	font-size:8pt;
	}
#bsp_1 {top:26px;left:26px;background-image:url(../images/bsp_1.png);}
#bsp_2 {top:26px;left:240px;background-image:url(../images/bsp_2.png);}
#bsp_3 {top:26px;left:454px;background-image:url(../images/bsp_3.png);}
#bsp_4 {top:26px;left:668px;background-image:url(../images/bsp_4.png);}
#bsp_5 {top:240px;left:26px;background-image:url(../images/bsp_5.png);}
#bsp_6 {top:240px;left:240px;background-image:url(../images/bsp_6.png);}
#bsp_7 {top:240px;left:454px;background-image:url(../images/bsp_7.png);}
#bsp_8 {top:240px;left:668px;background-image:url(../images/bsp_8.png);}
#bsp_9 {top:454px;left:26px;background-image:url(../images/bsp_9.png);}
#bsp_10 {top:454px;left:240px;background-image:url(../images/bsp_10.png);}
#bsp_11 {top:454px;left:454px;background-image:url(../images/bsp_11.png);}
#bsp_12 {top:454px;left:668px;background-image:url(../images/bsp_12.png);}
#bsp_13 {top:668px;left:26px;background-image:url(../images/bsp_13.png);}
#bsp_14 {top:668px;left:240px;background-image:url(../images/bsp_14.png);}
#bsp_15 {top:668px;left:454px;background-image:url(../images/bsp_15.png);}
#bsp_16 {top:668px;left:668px;background-image:url(../images/bsp_16.png);}

#bsp_txt_1 {top:25px;left:25px;background-image:url(../images/bsp_txt_re.png);}
#bsp_txt_2 {top:25px;left:239px;background-image:url(../images/bsp_txt_re.png);}
#bsp_txt_3 {top:25px;left:453px;background-image:url(../images/bsp_txt_re.png);}
#bsp_txt_4 {top:25px;left:453px;background-image:url(../images/bsp_txt_li.png);}
#bsp_txt_5 {top:239px;left:25px;background-image:url(../images/bsp_txt_re.png);}
#bsp_txt_6 {top:239px;left:25px;background-image:url(../images/bsp_txt_li.png);}
#bsp_txt_7 {top:239px;left:239px;background-image:url(../images/bsp_txt_li.png);}
#bsp_txt_8 {top:239px;left:453px;background-image:url(../images/bsp_txt_li.png);}
#bsp_txt_9 {top:453px;left:25px;background-image:url(../images/bsp_txt_re.png);}
#bsp_txt_10 {top:453px;left:25px;background-image:url(../images/bsp_txt_li.png);}
#bsp_txt_11 {top:453px;left:453px;background-image:url(../images/bsp_txt_re.png);}
#bsp_txt_12 {top:453px;left:453px;background-image:url(../images/bsp_txt_li.png);}
#bsp_txt_13 {top:667px;left:25px;background-image:url(../images/bsp_txt_re.png);}
#bsp_txt_14 {top:667px;left:239px;background-image:url(../images/bsp_txt_re.png);}
#bsp_txt_15 {top:667px;left:239px;background-image:url(../images/bsp_txt_li.png);}
#bsp_txt_16 {top:667px;left:453px;background-image:url(../images/bsp_txt_li.png);}
	
/* KONTAKT */

#content_kont {
	position:absolute;
	background-image:url(../images/loewenzahn.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:910px;
	}
.kont_cont {
	position:relative;
	margin-left:340px;
	margin-top:26px;
	margin-right:26px;
	margin-bottom:26px;
	border-top:1px solid #aaaaaa;
	}
.absatz {
	margin-top:10px;
	border-bottom:1px solid #aaaaaa;
	}
	
/* AKTUELLES */

#content_akt {
	position:absolute;
	width:910px;
	}

.akt_cont {
	position:relative;
	margin-left:26px;
	margin-top:26px;
	margin-right:26px;
	margin-bottom:26px;
	}
.akt_cont img {
	float:left;
	margin-bottom:26px;
	}
	
.akt_cont_cont {
	padding-top:15px;
	margin-left:314px;
	height:185px;
	border-bottom:1px solid #aaaaaa;
	border-top:1px solid #aaaaaa;
	}

#gallerien {
	position:absolute;
	left:26px;
	top:26px;
	width:245px;
	}
.gallerie {
	display:block;
	float:left;
	background:#fff url(../images/navi_sub_bilder.png) no-repeat; 
	background-position: 0px 0px; 
	height:18px;
	cursor:pointer;
	width:100px;
	}
.gallerie_u {
	margin-left:15px;
	display:block;
	float:left;
	background:#fff url(../images/navi_sub_garten.png) no-repeat; 
	background-position: 0px 0px; 
	height:18px;
	cursor:pointer;
	width:100px;
	}
#gal1 { width:47px;background-position: 0px -18px;}
#gal2 { width:61px;background-position: -53px -18px;}
#gal3 { width:60px;background-position: -120px -18px;}
#gal4 { width:75px;background-position: -186px -18px;}
#gal5 { width:74px;background-position: -266px -18px;}
#gal6 { width:52px;background-position: -346px -18px;}
#gal1:hover { width:47px;background-position: 0px 0px;}
#gal2:hover { width:61px;background-position: -53px 0px;}
#gal3:hover { width:60px;background-position: -120px 0px;}
#gal4:hover { width:75px;background-position: -186px 0px;}
#gal5:hover { width:74px;background-position: -266px 0px;}
#gal6:hover { width:52px;background-position: -346px 0px;}
#gal1_akt { width:47px;background-position: 0px 0px;}
#gal2_akt { width:61px;background-position: -53px 0px;}
#gal3_akt { width:60px;background-position: -120px 0px;}
#gal4_akt { width:75px;background-position: -186px 0px;}
#gal5_akt { width:74px;background-position: -266px 0px;}
#gal6_akt { width:52px;background-position: -346px 0px;}

#gal1_1 { width:53px;background-position: 0px -18px;}
#gal1_2 { width:79px;background-position: -57px -18px;}
#gal1_3 { width:54px;background-position: -140px -18px;}
#gal1_1:hover { width:53px;background-position: 0px 0px;}
#gal1_2:hover { width:79px;background-position: -57px 0px;}
#gal1_3:hover { width:54px;background-position: -140px 0px;}
#gal1_1_akt { width:53px;background-position: 0px 0px;}
#gal1_2_akt { width:79px;background-position: -57px 0px;}
#gal1_3_akt { width:54px;background-position: -140px 0px;}

.gallerie span, .gallerie_u span {
	display:none;
	}
.gallerie_zeile {
	width:245px;
	height:30px;
	clear:both;
	}
.gallerie_zeile_rechts {
	float: right;
	text-align:	right;
	}
/* container for slides */
.images {
	position:relative;	
	cursor:pointer;
	}

/* single slide */
.images div {
	display:none;
	position:absolute;
	}


/* tabs (those little circles below slides) */
.slidetabs {
	display:none;
	}

/* prev and next buttons */
.forward, .backward {
	float:left;
	display:block;
	height:15px;
	cursor:pointer;
	}

.forward span, .backward span{
	display:none;
	}
/* next */
.forward	{ 
	width:35px; 
	background:#fff url(../images/weiter.png) no-repeat; 
	background-position: 0px 0px; 
	clear:right; 
	margin-left:15px;
	}
/* prev */
.backward { 
	width:38px; 
	background:#fff url(../images/zurueck.png) no-repeat; 
	background-position: 0px 0px; 
	clear:right; 
	}

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	background-position: 0px -19px;	
	cursor:default;	
}