/*
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

      default.css | Basic StyleSheets
      Version:	1.0
	  Datum:	09/07/02
      Autor:	Matthias Silling
      E-Mail:	technik@conept-id.de
      Website:	www.concept-id.de

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
/*
	
	  grid styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	
*/
body {
	background:url(../_gfx/topper_styro_bg.jpg) repeat-x center top #fff;
   	margin:auto;
   	text-align:center;
}

#wrapper {
 	margin:auto;
   	width:940px;
   	text-align:left;
	position:relative;
	
}

#leftCol {
	width:280px;
	float:left;
	position:relative;
	min-height:850px;
}

#rightCol {
	width:640px;
	float:right;
	position:relative;
	margin:42px 0 0 0;
}

#logoCon {
	width:294px;
	height:136px;
	position:absolute;
	left:-6px;
	top:52px;
}

#naviCon {
	width:235px;
	position:absolute;
	left:40px;
	top:204px;
}

.startseiteCon {
	margin:150px 0 0 0;
	
}



.topperImage {
	position:relative;
	left:0px;
	top:0px;
	height:200px;
	float:left;	
	width:100%;
	margin:0 0 35px 0;
}

.topperImage .inner {
	position:absolute;
	left:-5px;
	top:-5px;
	width:650px;
	height:200px;
}



#logoCon h1 {
	width:294px;
	height:136px;
	display:block;
	float:left;

}

#logoCon div {
	width:281px;
	height:101px;
	background:url(../_gfx/logo_lippstaedterhartschaum.png) no-repeat left top;
	position:absolute;
	left:0px;
	top:0px;
	z-index:2;
	display:block;
}

#logoCon em {
	width:254px;
	height:39px;
	background:url(../_gfx/claim_wenn-was.png) no-repeat left top;
	display:block;
	position:absolute;
	left:34px;
	top:97px;
	z-index:1;
}

#logoCon a,
#logoCon a:hover {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	z-index:5;	
	cursor:pointer;
}



#logoCon span { display:none; }

#footer { width:100%; margin:0 0 20px 0; float:left; }
#footer .adress { float:left; width:280px; }
#footer .sitemap { float:right; width:640px; border-top:2px solid #656466;}

.clr {
	clear:both;
	display:block;
	width:0.01em;
	height:0.01em;
	line-height:0.01em;
	font-size:0.01em;
}


/*

	Typo Styles
*/
body {
	font-size:0.75em;
	font-family:arial, sans-serif;
	color:#414141;
	line-height:1.75em;
}

a, a:link {
	color:#c1003c;
	text-decoration:underline;
}

a:visited {
	color:#c1003c;
	text-decoration:underline;
}

a:focus, a:hover, a:active {
	color:#c1003c;
	cursor:pointer;
   	text-decoration:none;
}

.pink { color:#c1003c; }
.kursiv { font-style:italic; }

.newsArt_list { width:278px; float:left; }
.newsArt_list li p { margin:0 0 5px 0; }
.newsArt_list li { margin:5px 0 15px 0; float:left; width:278px; }
.newsArt_list .inlineImage {
	float:left;
	line-height:.1em;
	padding:1px;
	border:2px solid #dcdcdc;
	margin:.5em 0 .5em 0;
}

ul.newsArt_list div.box ul {
	float:left;
	width:272px;
	margin:.5em 0 1.5em 0;
	padding:0;
}

ul.newsArt_list div.box ul li {
	float:left;
	width:262px;
	background:url(../_gfx/listItem.gif) no-repeat left .6em;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
}



.datum { font-size:0.92em; font-weight:bold;}


h2 { font-size:2em; font-weight:bold; color:#c1003c; text-transform:uppercase; }
em.intro { font-size:1.17em; font-style:italic; line-height:1.79em; margin:5px 0 40px 0; display:block; }

h3 { font-size:1.17em; font-weight:bold; }
h4 {font-size:1.17em; font-weight:bold;}


p { margin:0 0 25px 0; }
sup { position:relative; top:-3px; }
sub { position:relative; top:2px; font-size:.86em; }


.umweltzeichen_list {float:left; width:640px;border-top:1px solid #656466; background:url(../_gfx/umweltzeichenListe-bg.png) no-repeat right center; }
.umweltzeichen_list li {float:left; width:450px; padding:10px 0 0 0; margin:10px 0 0 0px; border-bottom:1px solid #656466;  }
.umweltZeichen {
	float:left;
	margin:5px 10px 10px 0;}







.kontaktSite p { margin:0 0 10px 0; }
.kontaktSite .space { height:100px; width:20px; }
.kontaktSite .tab { float:left; width:35px; }

img.std_img {
	background:#fff;
	border:2px solid #e8e8e8;
	border:2px solid #dcdcdc;
	padding:1px;
}


.alignRight {
	float:right;
	margin:0 0 10px 10px;
}

.alignLeft {
	float:left;
	margin:0 10px 10px 0;
}


#persListe {float:left; width:640px; margin:30px 0 0 0;  }
#persListe p {margin:0.25em 0 0 0;font-size:0.917em; line-height:1.5em;}
#persListe p strong {font-size:1.091em;}

#persListe ul {margin:0 0 20px 0; padding:0; list-style-type:none; float:left; width:660px; position:relative;}
#persListe ul li {float:left; width:310px;position:relative; margin:0 20px 20px 0; height:113px; }
#persListe ul li.blockItem {width:640px; }
.persImg {float:left; width:135px;position:relative;}
.persTxt {width:175px;position:absolute; left:135px; bottom:5px; }

#persListe h4 { font-size:1.083em; border-bottom:1px solid #bbb9bd; padding:0 0 0px 0; margin:0 0 10px 0;
	cursor:pointer; } 


#footer h3 {
	font-size:0.86em;
	border-top:2px solid #656466;
	border-bottom:1px solid #656466;
	line-height:2.43em;
	padding:0 0 0 5px;
	font-size:11px;
	font-weight:normal;
}


#footer { font-size:0.92em;
	line-height:1.36em; }
#footer p { margin:5px; }
#footer .tab {
	float:left;
	display:block;
	width:40px;
}


.sitemap li { float:left; width:19%; border-left:1px solid #656466; margin:5px 0 0 0; padding:1px 0 0 5px; height:130px; }
.sitemap li.first { border:none; }
.sitemap li ul li { border:none; clear:both; width:auto; padding:0; height:auto; }
.sitemap a,
.sitemap a:link,
.sitemap a:visited,
.sitemap a:focus,
.sitemap a:hover,
.sitemap a:active { display:block; width:100%; line-height:1.27em; text-decoration:none; color:#414141; }

.sitemap li.v2 { width:auto; padding-right:12px; }
.sitemap li.v2 a,
.sitemap li.v2 a:link,
.sitemap li.v2 a:visited,
.sitemap li.v2 a:focus,
.sitemap li.v2 a:hover,
.sitemap li.v2 a:active { display:block; width:auto; line-height:1.27em; text-decoration:none; color:#414141; }


/*
	navi styles
*/
#navi a,
#navi a:link,
#navi a:visited,
#navi a:focus,
#navi a:hover,
#navi a:active { display:block; text-decoration:none; }

#navi a:hover,
#navi a.akt,
#navi a:link.akt,
#navi a:visited.akt,
#navi a:focus.akt,
#navi a:hover.akt,
#navi a:active.akt { color:#414141; }


#navi #startseite a,
#navi #daemm-isolie a,
#navi #zuschnitt-verp a,
#navi #entwick-service a,
#navi #zerti a,
#navi #kontakt a,
#navi #anwendungs-guide a,
#navi #anfrage a,
#navi #download a,
#navi #zertifikate a,
#navi #umwelt a {
	width:229px;
	height:18px;
	background:url(../_gfx/blank.gif) no-repeat left top;
}


#navi #umwelt a:hover,
#navi #umwelt a.akt,
#navi #umwelt a:hover.akt,
#navi #startseite a:hover,
#navi #daemm-isolie a:hover,
#navi #zuschnitt-verp a:hover,
#navi #entwick-service a:hover,
#navi #zerti a:hover,
#navi #kontakt a:hover,
#navi #anwendungs-guide a:hover,
#navi #anfrage a:hover,
#navi #download a:hover,
#navi #zertifikate a:hover,
#navi #startseite a.akt,
#navi #daemm-isolie a.akt,
#navi #zuschnitt-verp a.akt,
#navi #entwick-service a.akt,
#navi #zerti a.akt,
#navi #kontakt a.akt,
#navi #anwendungs-guide a.akt,
#navi #anfrage a.akt,
#navi #download a.akt,
#navi #zertifikate a.akt,
#navi #startseite a:hover.akt,
#navi #daemm-isolie a:hover.akt,
#navi #zuschnitt-verp a:hover.akt,
#navi #entwick-service a:hover.akt,
#navi #zerti a:hover.akt,
#navi #kontakt a:hover.akt,
#navi #anwendungs-guide a:hover.akt,
#navi #anfrage a:hover.akt,
#navi #download a:hover.akt,
#navi #zertifikate a:hover.akt { background-position:left -16px; }

#navi #startseite span, 
#navi #daemm-isolie span,
#navi #zuschnitt-verp span,
#navi #entwick-service span,
#navi #zerti span,
#navi #kontakt span,
#navi #anwendungs-guide span,
#navi #anfrage span,
#navi #download span,
#navi #zertifikate span,
#navi #umwelt span { display:none; }


#navi #startseite a { background-image:url(../_gfx/navbt_startseite.gif); }
#navi #daemm-isolie a { background-image:url(../_gfx/navbt_daemm-iso.gif); }
#navi #zuschnitt-verp a { background-image:url(../_gfx/navbt_zuscnitt-verp.gif); }
#navi #entwick-service a { background-image:url(../_gfx/navbt_entw-service.gif); }
#navi #zerti a { background-image:url(../_gfx/navbt_zertifi.gif); }
#navi #kontakt a { background-image:url(../_gfx/navbt_kontakt.gif); }
#navi #anwendungs-guide a { background-image:url(../_gfx/navbt_anwendungs-guide.gif); }
#navi #anfrage a { background-image:url(../_gfx/navbt_anfrage.gif); }
#navi #download a { background-image:url(../_gfx/navbt_downloads.gif); }
#navi #zertifikate a { background-image:url(../_gfx/navbt_zertifikate.gif); }
#navi #umwelt a { background-image:url(../_gfx/navbt_umwelt.gif); }





#navi { 
	text-transform:uppercase;
	text-align:right;
	font-size:1.17em;
	font-weight:bold;
}

#navi li {
	border-bottom:1px solid #656466;
	padding:5px;
}

#navi li ul li {  font-size:0.86em; font-weight:normal; text-transform:none; line-height:0.86em; }

#navi li.last,
#navi li ul li,
#navi li#langChooser { border:none; }

#subnav { margin:0 0px 0 0; text-align:right; }

#navi li ul#subnav li a { background:none; height:auto; width:220px; }


#navi #aws_teaser {
/*
	border:none; 
	margin-top:20px;
	background:url(../_images/AWS-eps-dekor-und-design.gif) no-repeat center top;
	height:151px;
*/	
	border:none; 
	margin-top:20px;
	background:url(../_images/AWS-eps-dekor-und-design.gif) no-repeat center top;
	height:184px;
	margin-bottom:10px;
	float:left;
	width:215px;
	
	
	
}

#navi #aws_teaser a, #navi #styropro_teaser a,
#navi #aws_teaser a:hover, #navi #styropro_teaser a:hover { width:100%; height:100%; display:block; }


#navi #aws_teaser span, #navi #styropro_teaser span { display:none; }


styropro_teaser {height:144px; width:215px; background-image:url(../_images/styropor.jpg);}

#navi #styropro_teaser {
	border-bottom:none;
	background:url(../_images/styropor.jpg) no-repeat center top;
	height:144px;
	margin-bottom:40px;
	float:left;
	width:215px;
	
}

#langChooser {
	position:absolute;
	left:0px;
	top:5px;
	background:#fff;
	display:none;
}


#langChooser li {
	float:left;
	width:16px;
	height:11px;
	padding:0;	
	margin:0 5px 0 0;
}

#langChooser li.last { margin:0; }

#langChooser a,
#langChooser a:hover { display:block; width:100%; height:100%; }

#langChooser span {	display:none; }

.de { background:url(../_gfx/flag_de.gif) no-repeat left top; }
.gb { background:url(../_gfx/flag_gb.gif) no-repeat left top; }
.pl { background:url(../_gfx/flag_pl.gif) no-repeat left top; }




.innerBox {
	width:310px;
	background:#fff;
	border:2px solid #e8e8e8;
	padding:1px;
}



.conHDL {
	width:100%;
	height:28px;
	float:left;
	margin:0 0 8px 0; 
}

.conHDL span { display:none; }

.hdl_daemmIso { background:url(../_gfx/hdl-deammstoffe-isolierunge.gif) no-repeat left center; }
.hdl_zuschnVerp { background:url(../_gfx/hdl-zuschnitte-verpackung.gif) no-repeat left center; }
.hdl_endwiServi {background:url(../_gfx/hdl-entwicklung-service.gif) no-repeat left center;}
.hdl_zerti {background:url(../_gfx/hdl-zertifizierung.gif) no-repeat left center;}
.hdl_kontakt {background:url(../_gfx/hdl-kontakt.gif) no-repeat left center;}
.hdl_impre {background:url(../_gfx/hdl-impress.gif) no-repeat left center; }
.hdl_news { background:url(../_gfx/hdl-news.gif) no-repeat left center; width:278px; }
.hdl_downloads {background:url(../_gfx/hdl-downloads.gif) no-repeat left center; }
.hdl_zertifikate {background:url(../_gfx/hdl-zertifikate.gif) no-repeat left center; }
.hdl_anwendung {background:url(../_gfx/hdl-anwendungs.gif) no-repeat left center; }
.hdl_umwelt {background:url(../_gfx/hdl-umwelt.gif) no-repeat left center; }

#slider {
	position:relative;
	left:0px;
	top:0px;
	height:514px;
	float:left;	
	width:340px;
	margin:0 18px 35px 0;
	background:#fff;
}

#slider .con {
	position:absolute;
	left:-5px;
	top:-5px;
	width:350px;
	height:524px;
	background:url(../_gfx/slider_bg.png) no-repeat left top;
}

#slider .content {
	background:url(../_gfx/slider_panelText_bg.png) no-repeat left top;
	padding:10px;
	float:left;
	width:265px;
	position:relative;
	top:121px;
}

#slider .content a { display:block;
 width:100%; height:100%; 
	color:#414141; text-decoration:none; }


#sliderNavi { position:absolute;
left:0px;
top:0px;
z-index:20;  }





.zertiList {
	font-size:1.17em; font-weight:bold;
	width:307px;
}

.zertiList li { font-size:0.86em; font-weight:normal;
	background:url(../_gfx/dott.gif) no-repeat left center;
	padding:2px 0 2px 25px; }


.leftL { float:left; }
.rightL { float:right; }










 

.sl_daemmIso { background:url(../_gfx/slider_daemm-iso.jpg) no-repeat left top #fff; }
.sl_zuschnittVerpackung { background:url(../_gfx/slider_zusch-verp_bg.jpg) no-repeat left top #fff; }
.sl_entwService { background:url(../_gfx/slider_entw-service.jpg) no-repeat left top #fff; }

.sl_daemmIso h3 { background:url(../_gfx/hdl-slider-daemmIso.gif) no-repeat left top; }
.sl_zuschnittVerpackung h3 { background:url(../_gfx/hdl-slider-zuschnVerp.gif) no-repeat left top; }
.sl_entwService h3 { background:url(../_gfx/hdl-slider-entwServ.gif) no-repeat left top; }


#slider h3 {
	width:186px;
	height:52px;
	margin:0 0 10px 0; 
}	
#slider h3 span {
	display:none;
}

#slider p.sl_txt { font-size:0.92em;  font-style:italic; }
#slider p.link { text-align:right; }


.topperImage .inner img {}





/*

	//-> haus / anwendungs-guide
*/
#hausMainConty {
	float:left; 
	width:640px;
	height:570px;
	background:url(../_gfx/haus/haus-bg.gif) no-repeat left top;
	position:relative;	
}

#legende {
	position:absolute;
	right:20px;
	top:0px;
	border:1px solid #b9b9b9;
	padding:10px 20px 10px 10px;
}

.lege_dach { background:url(../_gfx/haus/lege-1-dach.gif) no-repeat left center; padding:0 0 0 24px; }
.lege_wand { background:url(../_gfx/haus/lege-2-wand.gif) no-repeat left center; padding:0 0 0 24px; }
.lege_boden { background:url(../_gfx/haus/lege-3-boden.gif) no-repeat left center; padding:0 0 0 24px; }
.lege_keller { background:url(../_gfx/haus/lege-4-keller.gif) no-repeat left center; padding:0 0 0 24px; }
.lege_peri { background:url(../_gfx/haus/lege-5-perime.gif) no-repeat left center; padding:0 0 0 24px; }


#bereiche {
	float:left;
	width:640px;
	height:570px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:3;
}

#bereiche ul { position:absolute; left:0px; top:0px; float:left; width:640px; height:570px; }
#bereiche ul li { position:absolute; left:0px; top:0px; font-size:.01em; line-height:.01em; }

#bereiche ul li#b1 { left:44px; top:21px; }
#bereiche ul li#b2 { left:89px; top:46px; }
#bereiche ul li#b3 { left:245px; top:31px; }
#bereiche ul li#b4 { left:150px; top:97px; }
#bereiche ul li#b5 { left:421px; top:190px; }
#bereiche ul li#b6 { left:61px; top:135px; }
#bereiche ul li#b7 { left:410px; top:127px; }
#bereiche ul li#b8 { left:601px; top:204px; }
#bereiche ul li#b9 { left:63px; top:340px; }
#bereiche ul li#b10 { left:397px; top:349px; }
#bereiche ul li#b11 { left:90px; top:193px; }
#bereiche ul li#b12 { left:90px; top:325px; }
#bereiche ul li#b13 { left:90px; top:349px; }
#bereiche ul li#b14 { left:421px; top:349px; }
#bereiche ul li#b15 { left:74px; top:462px; }

#hausGFX { position:absolute; left:0px; top:0px; float:left; width:640px; height:570px; font-size:.01em; line-height:.01em; z-index:10;}

.bArea { background:#66CCFF; }

/*
	
	//-> 	qualitäten liste
*/
.qualiListe {
	float:left; width:640px;
}

.qualiListe li {
	float:left; width:640px; margin:0 0 25px 0;
}

.qualiListe h3 {
	padding:0 0 3px 3px;
	border-bottom:1px solid #979598;
}

.qualiBeschreibung {
	float:left; 
	width:637px;
	margin:0 0 0 3px;
	font-weight:bold;
}

.qualiFileBox {
	float:left; width:637px; font-size:0.92em; margin:5px 0 0 3px; line-height:1.5em;
}

.tabQuali {
	font-weight:bold;
	float:left;
	display:block;
	width:175px;
}

.qualiFileBox a,
.qualiFileBox a:hover { background:url(../_gfx/dott-klein.gif) no-repeat left center; padding:0 0 0 20px; }


/*

	//-> 	download liste 
*/
.noDLs {
	width:614px;
	border:3px solid #dddcc9;
	color:#a3a294;
	padding:10px;	
	text-align:center;
}

.dl-mainList {
	float:left;
	width:640px;
}

.dl-mainList li {
	float:left;
	width:100%;
	margin:0 0 20px 0;
	
}	

.dl-mainList p { margin:0; padding:0; }

.dl-artikel-titel-sep { position:relative; top:-2px; }

.dl-artList {
	float:left;
	margin:0;
	padding:0;	
}

.dl-artList li { margin:0; background:url(../_gfx/download-artikel.gif) no-repeat left center; padding:0 0 0 23px; width:600px; }

h4.dl-artikel { font-weight:bold; font-size:1.08em; }

.dlfile-label { float:left; display:block; width:300px; padding:0 0 0 3px;}

.dl-fileList {
	float:left;
	width:640px;
	margin:10px 0 0 0;
}

.dl-fileList li {
	float:left;
	width:640px;
	margin:0 0 5px 0;
}

.df-f_size { color:#999999; font-size:0.83em; float:left; margin:0 0 0 5px; padding:0 0 0 5px; }

.df-header-file {
	float:left;
	width:300px;
	font-weight:bold;
	color:#656466;
	border-bottom:1px solid #979598;
	padding:0 0 3px 3px;
	font-size:0.92em;
	margin:0 0 3px 0;
}

.df-header-size {
	font-weight:bold;
	color:#656466;
	border-bottom:1px solid #979598;
	padding:0 0 3px 3px;
	font-size:0.92em;
	float:left;
	margin:0 0 3px 5px;
	width:150px;
}

.dl-artIntroSepEmpty {margin:5px 0 40px 0; display:block; width:100%; height:1px;}


.otherDownloads {
	float:left;
	width:614px;
	background:#f7fcff;
	border:3px solid #e9eff1;
	padding:10px 10px 0 10px;
	margin:20px 0 0 0;
	background:#fbfbfb;
	border:3px solid #ededed;
}

.otherDownloads h3 {
	font-size:0.91em;
}

.backBT {
	float:left;
	margin:20px 0 0 10px;
	padding:0 0 0 15px;
	background:url(../_gfx/back.gif) no-repeat left center;
}

.kontaktSite {  }