@charset "utf-8";
/*----MAINPAGE----*/

body { padding:0px; margin:0px; background-color:#bebebe;	}

#main-page { position:relative; width:720px; height:1120px; z-index:1; margin:auto; }

#main_page-logo { position:absolute;width:342px;height:99px; top:20px; right:42px; z-index:1; background-image:url(../images/logo_2.png); }

#ueberuns_page-header { position:absolute; width:720px; height:330px; top:156px; z-index:1; background-image:url(../images/content_ueberuns.png); }
#prinzip_page-header { position:absolute; width:720px; height:330px; top:156px; z-index:1; background-image:url(../images/content_prinzip.png); }

#systeme_page-header { position:absolute; width:720px; height:330px; top:156px; z-index:1; background-image:url(../images/content_systeme.png); }
#systeme_page-header-2 { position:absolute; width:720px; height:330px; top:156px; z-index:10; background-image:url(../images/content_systeme.png); }
#systeme_page-header-3 { position:absolute; width:720px; height:330px; top:156px; z-index:20; background-image:url(../images/content_systeme.png); }
#systeme_page-header-4 { position:absolute; width:720px; height:330px; top:156px; z-index:30; background-image:url(../images/content_systeme.png); }
#systeme_page-header-5 { position:absolute; width:720px; height:330px; top:156px; z-index:40; background-image:url(../images/content_systeme.png); }

#impressum_page-header { position:absolute; width:720px; height:330px; top:156px; z-index:1; background-image:url(../images/content_ueberuns.png); }


#main_page-navi { position:absolute; width:720px; height:230px; top:511px; z-index:1; }

#main_page-footer { position:absolute; width:720px; height:230px; top:766px; z-index:1; background-image:url(../images/box_footer.png); }
#systeme-2-footer { position:absolute; width:720px; height:230px; top:766px; z-index:10; background-image:url(../images/box_footer.png); }
#systeme-3-footer { position:absolute; width:720px; height:230px; top:766px; z-index:20; background-image:url(../images/box_footer.png); }
#systeme-4-footer { position:absolute; width:720px; height:230px; top:766px; z-index:30; background-image:url(../images/box_footer.png); }


.navi-button-ueberuns { position:absolute; width:220px; height:230px; z-index:1; display:block; }
.navi-button-ueberuns a { position:absolute; width:220px; height:230px; z-index:1; display:block; background-image:url(../images/button_ueberuns.png); }
.navi-button-ueberuns a:hover, .navi-button-button-ueberuns a:active { background-image:url(../images/button_ueberuns_active.png); }
.active-ueberuns a { background-image:url(../images/button_ueberuns_active.png); }

.navi-button-prinzip { position:absolute; width:220px; height:230px; left:250px; z-index:1; display:block; }
.navi-button-prinzip a { position:absolute; width:220px; height:230px; z-index:1; display:block; background-image:url(../images/button_prinzip.png); }
.navi-button-prinzip a:hover, .navi-button-button-prinzip a:active { background-image:url(../images/button_prinzip_active.png); }
.active-prinzip a { background-image:url(../images/button_prinzip_active.png); }

.navi-button-systeme { position:absolute; width:220px; height:230px; left:500px; z-index:1; display:block; }
.navi-button-systeme a { position:absolute; width:220px; height:230px; z-index:1; display:block; background-image:url(../images/button_systeme.png); }
.navi-button-systeme a:hover, .navi-button-button-systeme a:active { background-image:url(../images/button_systeme_active.png); }
.active-systeme a { background-image:url(../images/button_systeme_active.png); }

#main_page-navi ul { list-style:none; margin:0; padding:0; }
#main_page-navi li { list-style:none; }

.navi-button-home { position:absolute; width:21px; height:19px; top:130px; left:20px; z-index:1; background-image:url(../images/home_icon.png); }
.navi-button-impressum { position:absolute; width:9px; height:17px; top:132px; left:56px; z-index:1; background-image:url(../images/impressum_icon.png); }
.navi-button-kontakt { position:absolute; width:24px; height:16px; top:132px; left:80px; z-index:1; background-image:url(../images/kontakt_icon.png); }

/* TEXTE */
#headline { position:absolute; left:46px; top:132px; }
#text-1 { position:absolute; left:46px; top:183px; text-decoration:none; }
#text-2 { position:absolute; left:258px; top:183px; text-decoration:none; }
#text-3 { position:absolute; left:472px; top:183px; text-decoration:none; }

.headline { font-family: "Trebuchet MS"; font-size: 30px; color: #FFF; }
.text { font-family: "Trebuchet MS"; font-size: 11px; line-height: 14px; color: #FFF; }

b {
	font-weight: bolder;
	font-size: 13px;
	font-variant: normal;
}

/*----MAINPAGE-ENDE----*/

#home-content { position:absolute; width:720px; height:330px; z-index:1; background-image:url(../images/home_kasten.png); }
#home-content-text { position: absolute; top: 40px; left: 40px; font-family: "Trebuchet MS"; font-size: 22px; color: #FFF; line-height: 26px; }

/*----UEBERUNS----*/

#ueberuns-content { position:absolute; width:720px; height:330px; z-index:1; background-image:url(../images/content_ueberuns.png); }

.ueberuns-content-cycle { position:absolute; width:720px; height:330px; z-index:1; }

#ueberuns-content-1 { position:absolute; width:720px; height:330px; z-index:1; }
#ueberuns-content-2 { position:absolute; width:720px; height:330px; z-index:1; }

#ueberuns-button1 { position:absolute; width:13px; height:13px; z-index:10; left:341px; top:290px; background-image:url(../images/cyclebutton-hover.png); }
#ueberuns-button1-active { z-index:2; position:absolute; width:13px; height:13px; display:none; background-image:url(../images/cyclebutton_grau.png); cursor: pointer; }

#ueberuns-button2 { position:absolute; width:13px; height:13px; z-index:10; left:363px; top:290px; background-image:url(../images/cyclebutton-hover.png); }
#ueberuns-button2-active { z-index:2; position:absolute; width:13px; height:13px; display:none; background-image:url(../images/cyclebutton_grau.png); cursor:pointer; }

/*----UEBERUNS-ENDE----*/


/*----PRINZIP----*/

#prinzip-content { position:absolute; width:720px; height:330px; z-index:1; }

.prinzip-content-cycle { position:absolute; width:720px; height:330px; z-index:1; }

#prinzip-content-1 { position:absolute; width:720px; height:330px; z-index:1; }
#prinzip-content-2 { position:absolute; width:720px; height:330px; z-index:1; }

#prinzip-button1 { position:absolute; width:13px; height:13px; z-index:10; left:341px; top:290px; background-image:url(../images/cyclebutton-hover.png); }
#prinzip-button1-active { z-index:2; position:absolute; width:13px; height:13px; display:none; background-image:url(../images/cyclebutton_green.png); cursor:pointer; }

#prinzip-button2 { position:absolute; width:13px; height:13px; z-index:10; left:363px; top:290px; background-image:url(../images/cyclebutton-hover.png); }
#prinzip-button2-active { z-index:2; position:absolute; width:13px; height:13px; display:none; background-image:url(../images/cyclebutton_green.png); cursor:pointer; }

/*----PRINZIP-ENDE----*/

/*----SYSTEME----*/

#systeme-content {position:absolute; width:720px; height:330px; z-index:1; }

#systeme-content-1 {position:absolute; width:720px; height:330px; z-index:1; }
#systeme-headline-1 {position:absolute; left:46px; top:132px; }
#systeme-1-button-1 {position:absolute; height:47px; width:207px; top:185px; left:37px; background-image:url(../images/kapillarrohr_systeme.png); cursor:pointer; }
#systeme-1-button-2 {position:absolute; height:47px; width:207px; top:185px; left:252px; background-image:url(../images/klimaregister_kupfer_systeme.png); cursor:pointer; }
#systeme-1-button-3 {position:absolute; height:47px; width:207px; top:185px; left:467px; background-image:url(../images/systeme_klima_kupfer.png); cursor:pointer; }
#systeme-1-button-4 {position:absolute; height:46px; width:207px; top:244px; left:252px; background-image:url(../images/systeme_vergleich.png); cursor:pointer; }

/*----SYSTEME-2---*/

#systeme-2-button1 { position:absolute; width:13px; height:13px; z-index:10; left:341px; top:290px; background-image:url(../images/cyclebutton-hover.png); }
#systeme-2-button1-active { z-index:2; position:absolute; width:13px; height:13px; display:none; background-image:url(../images/cyclebutton_blue.png); cursor: pointer; }

#systeme-2-button2 { position:absolute; width:13px; height:13px; z-index:10; left:363px; top:290px; background-image:url(../images/cyclebutton-hover.png); }
#systeme-2-button2-active { z-index:2; position:absolute; width:13px; height:13px; display:none; background-image:url(../images/cyclebutton_blue.png); cursor:pointer; }

.systeme-content-2-cycle { position:absolute; width:713px; height:330px; z-index:1; }

#systeme-content-2-1 { position:absolute; width:713px; height:330px; z-index:1; }
#systeme-content-2-2 { position:absolute; width:713px; height:330px; z-index:1; }

#systeme-2-headline { position:absolute; left:46px; top:132px; }
#systeme-2-box-1 {position:absolute; width:195px; height:47px; top:188px; left:37px; background-image:url(../images/kapillar_heiz.png); }
#systeme-2-box-2 {position:absolute; width:155px; height:47px; top:188px; left:239px; background-image:url(../images/kapillar_platz.png); }
#systeme-2-box-3 {position:absolute; width:145px; height:47px; top:188px; left:401px; background-image:url(../images/kapillar_flexi.png); }
#systeme-2-box-4 {position:absolute; width:121px; height:47px; top:188px; left:553px; background-image:url(../images/kapillar_universal_2.png); }

#systeme-2-text-1 {position:absolute; left:44px; top:247px; }
#systeme-2-text-2 {position:absolute; left:246px; top:247px; }
#systeme-2-text-3 {position:absolute; left:406px; top:247px; }
#systeme-2-text-4 {position:absolute; left:560px; top:247px; }

/*----SYSTEME-3---*/

#systeme-3-button1 { position:absolute; width:13px; height:13px; z-index:10; left:341px; top:290px; background-image:url(../images/cyclebutton-hover.png); }
#systeme-3-button1-active { z-index:2; position:absolute; width:13px; height:13px; display:none; background-image:url(../images/cyclebutton_blue.png); cursor: pointer; }

#systeme-3-button2 { position:absolute; width:13px; height:13px; z-index:10; left:363px; top:290px; background-image:url(../images/cyclebutton-hover.png); }
#systeme-3-button2-active { z-index:2; position:absolute; width:13px; height:13px; display:none; background-image:url(../images/cyclebutton_blue.png); cursor:pointer; }

.systeme-content-3-cycle { position:absolute; width:713px; height:330px; z-index:1; }

#systeme-content-3-1 { position:absolute; width:713px; height:330px; z-index:1; }
#systeme-content-3-2 { position:absolute; width:713px; height:330px; z-index:1; }

#systeme-3-headline { position:absolute; left:46px; top:79px; }
#systeme-3-text-1 { position:absolute; left:46px; top:123px; }
#systeme-3-text-2 { position:absolute; left:258px; top:123px; }
#systeme-3-text-3 { position:absolute; left:472px; top:123px; }

#systeme-3-headline-2 { position:absolute; left:46px; top:123px; }

#systeme-3-box-1 {position:absolute; width:138px; height:47px; top:163px; left:38px; background-image:url(../images/klima_heiz.png); }
#systeme-3-box-2 {position:absolute; width:113px; height:47px; top:163px; left:182px; background-image:url(../images/klima_systemtrennung.png); }
#systeme-3-box-3 {position:absolute; width:113px; height:47px; top:163px; left:304px; background-image:url(../images/klima_platz.png); }
#systeme-3-box-4 {position:absolute; width:127px; height:47px; top:163px; left:425px; background-image:url(../images/klima_gestaltung.png); }
#systeme-3-box-5 {position:absolute; width:113px; height:47px; top:163px; left:560px; background-image:url(../images/klima_flexi.png); }

#systeme-3-text-4 { position:absolute; left:46px; top:221px; }
#systeme-3-text-5 { position:absolute; left:190px; top:221px; }
#systeme-3-text-6 { position:absolute; left:311px; top:221px; }
#systeme-3-text-7 { position:absolute; left:432px; top:221px; }
#systeme-3-text-8 { position:absolute; left:567px; top:221px; }

/*----SYSTEME-4---*/

#systeme-4-button1 { position:absolute; width:13px; height:13px; z-index:10; left:341px; top:290px; background-image:url(../images/cyclebutton-hover.png); }
#systeme-4-button1-active { z-index:2; position:absolute; width:13px; height:13px; display:none; background-image:url(../images/cyclebutton_blue.png); cursor: pointer; }

#systeme-4-button2 { position:absolute; width:13px; height:13px; z-index:10; left:363px; top:290px; background-image:url(../images/cyclebutton-hover.png); }
#systeme-4-button2-active { z-index:2; position:absolute; width:13px; height:13px; display:none; background-image:url(../images/cyclebutton_blue.png); cursor:pointer; }

.systeme-content-4-cycle { position:absolute; width:713px; height:330px; z-index:1; }

#systeme-content-4-1 { position:absolute; width:720px; height:330px; z-index:1; }
#systeme-content-4-2 { position:absolute; width:720px; height:330px; z-index:2; }

#systeme-4-headline { position:absolute; left:46px; top:79px; }
#systeme-4-text-1 { position:absolute; left:46px; top:123px; }
#systeme-4-text-2 { position:absolute; left:258px; top:123px; }
#systeme-4-text-3 { position:absolute; left:472px; top:123px; }

#systeme-4-headline-2 { position:absolute; left:46px; top:123px; }

#systeme-4-box-1 {position:absolute; width:138px; height:47px; top:163px; left:38px; background-image:url(../images/klima_heiz.png); }
#systeme-4-box-2 {position:absolute; width:113px; height:47px; top:163px; left:182px; background-image:url(../images/klima_systemtrennung.png); }
#systeme-4-box-3 {position:absolute; width:113px; height:47px; top:163px; left:304px; background-image:url(../images/klima_platz.png); }
#systeme-4-box-4 {position:absolute; width:127px; height:47px; top:163px; left:425px; background-image:url(../images/klima_gestaltung.png); }
#systeme-4-box-5 {position:absolute; width:113px; height:47px; top:163px; left:560px; background-image:url(../images/klima_flexi.png); }

#systeme-4-text-4 { position:absolute; left:46px; top:221px; }
#systeme-4-text-5 { position:absolute; left:190px; top:221px; }
#systeme-4-text-6 { position:absolute; left:311px; top:221px; }
#systeme-4-text-7 { position:absolute; left:432px; top:221px; }
#systeme-4-text-8 { position:absolute; left:567px; top:221px; }

/*----SYSTEME-5---*/

#systeme-5-headline { position:absolute; left:46px; top:54px; }

#systeme-5-button-1 { position:absolute; width:155px; height:35px; top:137px; left:41px; z-index:10; background-image:url(../images/vergleich_kapilar.png); }
#systeme-5-button-2 { position:absolute; width:155px; height:50px; top:179px; left:41px; z-index:10; background-image:url(../images/vergleich_klima_kupfer.png); }
#systeme-5-button-3 { position:absolute; width:155px; height:50px; top:236px; left:41px; z-index:10; background-image:url(../images/vergleich_klima_kunststoff.png); }

#systeme-5-headline-grafik-1 { position:absolute; width:115px; height:35px; left:215px; top:98px; background-image:url(../images/vergleich_leistung.png); }
#systeme-5-headline-grafik-2 { position:absolute; width:90px; height:35px; left:338px; top:98px; background-image:url(../images/vergleich_belegung.png); }
#systeme-5-headline-grafik-3 { position:absolute; width:75px; height:35px; left:436px; top:98px; background-image:url(../images/vergleich_einsatz.png); }
#systeme-5-headline-grafik-4 { position:absolute; width:156px; height:35px; left:519px; top:98px; background-image:url(../images/vergleich_oberflaechen.png); }

#systeme-5-content-1-text-1 { position:absolute; top:141px; left:215px; z-index:2; }
#systeme-5-content-1-text-2 { position:absolute; top:191px; left:215px; z-index:2; }
#systeme-5-content-1-text-3 { position:absolute; top:248px; left:215px; z-index:2; }
#systeme-5-content-1-text-4 { position:absolute; top:141px; left:338px; z-index:2; }
#systeme-5-content-1-text-5 { position:absolute; top:191px; left:338px; z-index:2; }
#systeme-5-content-1-text-6 { position:absolute; top:248px; left:338px; z-index:2; }
#systeme-5-content-1-text-7 { position:absolute; top:141px; left:436px; z-index:2; }
#systeme-5-content-1-text-8 { position:absolute; top:191px; left:436px; z-index:2; }
#systeme-5-content-1-text-9 { position:absolute; top:248px; left:436px; z-index:2; }
#systeme-5-content-1-text-10 { position:absolute; top:141px; left:519px; z-index:2; }
#systeme-5-content-1-text-11 { position:absolute; top:191px; left:519px; z-index:2; }
#systeme-5-content-1-text-12 { position:absolute; top:248px; left:519px; z-index:2; }


/*----IMPRESSUM----*/

#impressum-headline { position:absolute; left:46px; top:99px; }

#impressum-text-1 { position:absolute; left:46px; top:148px; }
#impressum-text-2 { position:absolute; left:258px; top:148px; }
#impressum-text-3 { position:absolute; left:472px; top:148px; }







/*----FOOTER----*/

#footer-content { position:absolute; height:230px; width:720px; z-index:1; background-image:url(../images/box_footer.png); }
#footer-content-2 { position:absolute; height:230px; width:720px; z-index:10; background-image:url(../images/box_footer.png); display:none; }
#footer-content-3 { position:absolute; height:230px; width:720px; z-index:1; background-image:url(../images/box_footer.png); display:none; }

#footer-headline { position:absolute; left:46px; top:49px; z-index:1; }

#footer-headline-sub-1 { position: absolute; left: 375px; top: 61px; font-family: "Trebuchet MS"; font-size: 18px; font-weight: bold; color: #FFF; }
#footer-headline-sub-2 { position: absolute; left: 375px; top: 61px; font-family: "Trebuchet MS"; font-size: 18px; font-weight: bold; color: #FFF; }


.system_fade_1 {}


/*----FOOTER-SMOOTH DIV SCROLL----*/


div.makeMeScrollable { width:682px; height:97px; position:relative; top:92px; left:17px; }

div.scrollableArea img { position:relative; float:left; display:block; padding-right:5px; padding-left:5px; }



div.scrollingHotSpotLeft { position:absolute; height:97px; width:24px; background-color:#003; z-index:100; background-image:url(../images/scroll_arrow_left.jpg); }
div.scrollingHotSpotLeftVisible { background-image:url(../images/scroll_arrow_left.jpg); }

div.scrollingHotSpotRight { position:absolute; height:97px; width:24px; background-color:#003; z-index:100; right:0px; background-image:url(../images/scroll_arrow_right.jpg); }
div.scrollingHotSpotRightVisible { background-image:url(../images/scroll_arrow_right.jpg); }

div.scrollWrapper {position:absolute; height:97px; width:640px; overflow:hidden; left:20px; }

/*----FOOTER-ENDE----*/


#preloader {
	z-index:1;
	position:absolute;
	height:200px;
	width:150px;
	top:-9999px;
	left:-9999px;
}