@charset "utf-8";
/* CSS Document */

/* Detailreporte */
table#tabelle_detailreporte td {height:30px !important;}
table#tabelle_detailreporte tr.e6e7e8 {background:#e6e7e8;}


#dev_navi						{position:absolute; width:150px; background:red; z-index:999; padding:10px;}

div#container					{width:950px; min-height:100%; margin:0 auto; margin-bottom:-25px;position:relative;}
div#topper						{position:relative; height:55px; background:#fff;}
	ul#topper_navi				{position:absolute; height:20px; bottom:4px; right:0px; }
	ul#topper_navi li			{float:left; margin-right:10px; line-height:20px; }
	input#suche				{height:11px; border:1px solid #000; width:160px; background:#fff; margin-top:2px; color:#000 !important;}
	
div#header_s					{position:relative; height:195px; position:relative;z-index:300;}
div#header_l					{position:relative; height:375px; position:relative;z-index:300;}
ul#header_navi					{position:absolute; width:950px; height:20px; line-height:20px; background:#fff; bottom:10px;}
ul#header_navi li				{float:left; margin-right:15px; line-height:20px;}

ul#breadcrums					{display:block; height:30px; width:100%;}
ul#breadcrums li				{float:left; margin-right:5px; line-height:30px;}

div#footer_spacer				{height:40px;}
div#footer					{width:950px; height:25px; margin:0 auto; line-height:25px; position:relative;}

div#logo_startseite				{width:80px; height:80px; background:#4d4d4d; float:left; margin: 30px 20px 0 0 ;}

/* p.bodytext					{height:35px; overflow:hidden;} */

h1.startseite					{margin:30px 0 0 0 ;}
div.spalte h1.startseite			{margin:0;}
h1.einleitend					{border-bottom:1px solid #4d4d4d; /* margin-bottom:10px; */}
h1.narchiv						{border-top:1px solid #4d4d4d; margin-top:30px; padding:10px 0 0 0;}
p.einleitend					{margin-bottom:0px;}
	.dist_p10px					{margin-bottom:10px;}
	.dist_pt20px				{margin-top:20px;}	
	.dist_n20px				{}
	.dist_nb35px				{margin-bottom:-35px;}
	.dist_nb20px				{margin-bottom:-20px;}
div.p_2_spaltig					{width:200px; margin-top:25px; float:left}
.r_50px							{margin-right:50px;}
.rn_50px						{margin-right:0px !important;}

/* Platzhalter */
div.ph						{background:#999;}
div.ph_450x360					{position:relative; width:450px; height:360px;}
div.ph_200x200					{position:relative; width:200px; height:200px; margin-bottom:15px;}
div.ph_200x50					{width:200px; height:50px; margin-bottom:15px;}
div.ph_40x40					{width:40px; height:40px; margin-right:20px; float:left;}
div.ph_20x20					{width:20px; height:20px; margin-right:10px; float:left; margin-bottom:10px;}

div.ph_200x200 .description p			{padding:10px 10px 10px 15px;}

div.description					{position:absolute; overflow:hidden; width:100%; height:40px; max-height:200px; bottom:0; background:#999999; left:0;z-index:110;}
div.description:hover				{overflow:visible; height:auto;}
div.extend					{overflow:visible; height:auto;}
div.description p				{padding:10px; }
div.description p span				{}
div.desctext					{background:#fff;}
div.desctext p					{padding:15px; border:1px solid #4d4d4d;}
div#zoom						{position:absolute;top:2px;left:2px; z-index: 105;}
div#zoom:hover					{cursor:pointer;}
div#toZoom						{position:absolute; top:0px; left:0px; z-index: 100;}

p.productGroupPreview_bildunter			{padding:13px 0px 0px 15px !important; height:27px !important;}
p.productPreview_bildunter			{padding:7px 0px 0px 15px !important; height:33px !important;}
p.rechts_links_bildunter			{padding:13px 0px 0px 15px !important; height:27px !important;}
p.reference_detail_bildunter			{padding:3px 15px 0px 15px !important; height:33px !important;}

div.profis_finden				{position:absolute; width:100%; height:200px; bottom:0; background:#4d4d4d;}
/* div.profis_finden p */			{padding-left:15px;}
div.profis_finden p				{padding-left:15px;font-size:11px;  font-weight:normal; color:#b3b3b3; line-height:40px;}
div.desctext_profi p			{line-height:14px; color:#4d4d4d;}
div.desctext_profi				{background:#fff;}
div.desctext_profi p			{padding:15px; height:128px; border:1px solid #4d4d4d;}
form#profis_config label		{text-transform:uppercase; font-weight:bold; margin-right:15px;}
form#profis_config label.error	{text-transform:none; font-weight:bold; margin-right:15px; float:left; display:block;}
form#profis_config p			{display:inline; width:200px; float:left; margin-left:50px;}

/* div.seminare_finden p */
div.seminare_finden				{position:absolute; width:100%; height:200px; bottom:0; background:#4d4d4d;}
div.seminare_finden p			{padding-left:15px;font-size:11px;  font-weight:normal; color:#b3b3b3; line-height:40px;}
div.desctext_seminar div p			{line-height:14px; color:#4d4d4d;}
div.desctext_seminar			{background:#fff;}
div.desctext_seminar div		{padding:15px; height:128px; border:1px solid #4d4d4d;}


/* 2-Spaltig */
#content_wrapper				{width:950px;position:relative;z-index:100; margin-top:0px;}
.produktwrapper					{width:1000px !important;}
#content_left					{width:450px; margin-top:15px; margin-right:50px; float:left;}
#content_right_news				{width:450px; margin-top:15px; float:left;margin-bottom:15px;margin-left:500px;}
#content_right					{width:450px; margin-top:15px; float:left;margin-bottom:15px;}

#content_right p.einleitend		{margin-bottom:20px;}

/* img menu */
div.picmenu						{border:#000 solid 1px; margin-right:66px; float:left;}

/* 4-Spaltig */
div.spalte						{width:200px; margin-top:15px; margin-right:50px; float:left;}
div.pf_spalte						{width:200px; margin-top:5px; margin-right:50px; float:left;}
/* 4-Spaltig nur für news*/
div.news						{height:340px};

/* Produkt 2 Spalt */
div.spaltek						{width:200px; margin-top:25px; margin-right:25px; float:left; position:relative; height:40px;}
div.produkta p a, 
div.spaltea p a  				{text-decoration:underline; color:#4d4d4d;}
div.produkta p a:hover,
div.spaltea p a:hover			{text-decoration:none;}

/* Akademie 1 Spalt */
div.spaltea						{width:450px; margin-top:5px; position:relative; height:40px;}
div.ausrichtung					{position:absolute; top:5px; left:55px;}
div.ausrichtung_prd				{position:absolute; top:2.5px; left:40px;}

/* 29.01.10 */
div#content_navi				{margin-left:100px;}
div#content_navi .spalte			{width:165px; margin-top:10px;}

/* Produkt Detail */
div.prddetail_box 				{width:450px; padding:8px 0; border-top:1px solid #b3b3b3}
div.prddetail_box_in			{margin-bottom:10px;}
div.prddetail_left				{width:120px; margin-right:20px; float:left;}
div.prddetail_right 			{width:310px; margin-left:140px;}
div.prddetail_farben			{float:left; width:150px; margin-right:10px;}
div.prddetail_farben_activ		{margin-left:210px; width:auto;}
div.prddetail_more				{border-top:1px solid #b3b3b3; margin-top:20px; padding:8px 0;}
div.spalte_prd_more				{float:left; margin:15px 20px 0 0; width:200px; position:relative;}
img.farben:hover				{cursor:pointer;}

/* TOOLS */
div.tools					{height:11px; margin-top:-31px; float:right}
div.tools_icons					{height:11px; width:12px; background:url(../assets/tools.gif) no-repeat; margin-right:12px; float:left;}
div.tools_icons a				{display:block; text-indent:-9999px; }
div#icon_print					{background-position:0px 0px;}
div#icon_mail					{background-position:0px -11px; margin:0;}

/* KONTAKT FORMULAR */
/* dynamic jquery styles in fileadmin/templates/js/mailform.js */
legend							{padding:0 10px;}
fieldset.contactform			{border:1px solid #4d4d4d; padding-left:15px; padding-top:15px;}
.left_form label				{display:block; width:95px; float:left}
.right_form label				{display:block; width:70px; float:left}
.left_form input				{display:block; height:30px; vertical-align:middle; }
.right_form input				{height:auto; width:330px; border:1px solid #4d4d4d;}
.left_form input.text			{height:auto; width:308px; border:1px solid #4d4d4d;}
.left_form p					{width:49%; float:left; vertical-align:middle; margin:0px; padding:0px;}
.right_form p					{vertical-align:middle; margin-bottom:15px;}
.right_form textarea			{width:330px; border:1px solid #4d4d4d; height:150px;}
.left_form textarea				{width:330px; border:1px solid #4d4d4d; height:150px;}

.left_seminar_form textarea				{width:330px; border:1px solid #4d4d4d; height:150px;}
.left_seminar_form label				{display:block; width:95px; float:left}
.left_seminar_form p					{width:49%; float:left; vertical-align:middle; margin:0; padding:0;}
.left_seminar_form textarea				{width:330px; border:1px solid #4d4d4d; height:150px;}

.sende_button					{border:1px solid #4d4d4d; background:#4d4d4d; padding:5px 10px; cursor:pointer; color:#fff;}
table#kontakt_table				{width:100%; color:#4d4d4d; }
table#kontakt_table td			{height:15px;}
table#kontakt_table td.td_left	{float:left; width:30%; font-weight:bold;}
table#kontakt_table td.td_right	{float:left; width:70%}
/* added by asap */
table.kontakt_table				{width:100%; color:#4d4d4d; }
table.kontakt_table td			{height:15px; white-space:nowrap;}
table.kontakt_table td.td-0		{float:left; width:30%; font-weight:bold;}
table.kontakt_table td.td-1		{float:left; width:70%}

#ph_kontakt						{height:300px; margin-top:30px;}
#ph_kontakt ul 					{}
#ph_kontakt ul li				{color:#4d4d4d; display:block;}
.liEins							{float:left; width:130px; padding:0 0 2px 0; font-weight:bold;}
.liZwei							{float:right;}

/* PRODUKTFINDER */
div.pf_dach			 		{background: #FF9 !important;}
div.pf_fassade			 		{background: #FC0 !important;}
div.pf_ausbau			 		{background: #F96 !important;}
div.pf_garten			 		{background: #9F6 !important;}
/* added by asap */
div.pf_1			 			{background: #FF9 !important;}
div.pf_2			 			{background: #FC0 !important;}
div.pf_3			 			{background: #F96 !important;}
div.pf_4			 			{background: #9F6 !important;}
/* added by asap ende*/


/* Slider */
#configurator select			{width:200px; float:left; margin-right:50px;}
#slider							{width:200px; float:left; }
div.ui-slider-horizontal		{position:relative; width:200px; height:15px; background:url(../img/slider_bkg.gif) repeat-x;}
a.ui-slider-handle				{position:absolute; height:17px; width:17px; margin-top:-1px; margin-left:-8px; background:#4d4d4d; }


/* FOOTER */
ul#footer_navi				{position:absolute;}
ul#footer_navi li			{float:left; margin-right:10px; top:2px;}
ul#footer_navi li a			{font-size:10px; font-weight:lighter; text-transform:uppercase; color:#000; letter-spacing:-1px;}
#footer p					{margin-left:577px; padding:2px 0px;color:#000;font-size:10px;}
#footer img					{float:right;margin-top:5px;}


/* added by asap */

/* LOGO */
#logo						{position:absolute; bottom: 5px; width: 42px;}

/* DOWNLOADFINDER */
img.fileIcons				{position:absolute;top:15px; left:15px; z-index:100;}
img.fileImage				{position:absolute;top:0px; left:0px; z-index:90;}
.absposition				{position:absolute;}

form#download_config label	{float:left; display:block; height:16px; margin-right:10px; text-transform:uppercase; font-weight:bold; color:#4d4d4d}
div.hint					{float:left; height:14px; width:14px; background:url(../assets/hint.gif) no-repeat; cursor:pointer;}
div.hint:hover				{background:url(../assets/hint_ovr.gif) no-repeat}

form#download_config select	{width:450px; margin:10px 0 0 0 !important; padding:0 !important; border:1px solid #4d4d4d}
form#download_config li.fb	{position:relative; z-index:999; float:left; margin-right:1px; width:16px; height:16px; background:black;  margin-top:5px;}
form#download_config li.fb a	{display:block; height:16px;}
form#download_config li.alle  {width:35px; background:#a6a6a6; text-align:center; font-size:10px !important; line-height:16px; color:#FFF}

form#download_config {}
.downloadicons				{margin-top:25px;}
.download_size				{}
.tablehead 					{text-transform:uppercase;font-weight:bold;color:#4d4d4d; padding:8px 0;}

.headkat					{width:200px;}
.headdesc					{width:400px;}
.headsize					{width:80px;}
.headname					{width:230px;}
.headtyp					{width:40px;}

#downloadlist td 			{height:40px; vertical-align:middle;}
.download_size				{text-align:right;padding-right:5px; }
.downloadlistrowcolor		{background-color:#e6e7e8;}

#downloadlist a {text-decoration:underline;}

/* LIVE-SUCHE */

div#live_suche				{position:relative; z-index:305; width:170px; left:750px; height:150px; background:#FFF;overflow:auto;border:#000 solid 1px;display:none;}
div#suggestion				{display:none;}
div#head_image				{position:absolute; z-index:303; top:0px; left:0px;}
div#head_blende			{position:absolute; z-index:303; top:0px; left:0px;}


#tabelle.contenttable td			{border-top:1px solid #000 !important;}

div.description p {
/*text-transform:uppercase;*/
}

div.desctext p.bodytext {
text-transform:none;
}

/* DATEPICKAER */
div#ui-datepicker-div	{z-index:1000;}

/* AKADEMIE start */
.seminar				{margin: 10px 0 25px;}
.seminarform			{padding: 10px; }
.seminarin				{clear: both; margin: 8px 0; padding: 8px 0;}
.seminarin p.seminardetail	{width:95px;margin-right: 0px; }
.seminarin p			{float:left; line-height: 150%; margin-right: 10px;}
.seminarform legend		{font-weight: bold;}
.seminarin p.seminarseat	{font-weight:bold; margin-right: 0px;width:85px; text-align:right; }
.seminarin p.seminarcity{width:125px; margin-left:7px;}
.seminarin input		{float: left; margin-right: 10px;}
#seminarbtnnext			{background-color:#4D4D4D; border: 1px solid #4D4D4D; color:#FFF; cursor:pointer; padding: 5px 10px;}
/* AKADEMIE ende */

/* headerblende start */
div.blende				{position:absolute; top: 0px ;left:0px;}		
/* headerblende ende */

/* LOGIN start */
div.login_form				{margin:20px 0px;}
.login_zeile				{clear:both; margin: 5px 0px;}
.login_zeile label			{display:block; float:left; width:100px;}
.login_zeile input			{background-color:#FFF; border:1px solid #C2C2B2; font-weight:bold; color:#000;}
/* LOGIN ende */

#content_wrapper li			{list-style:none; background:url(http://www.eternit.de/fileadmin/templates/assets/bullet.gif) 0px 5px no-repeat; padding-left:15px; margin-bottom:5px;}

/* FAQ start */
.second-stage				{padding-left:8px;}
.second-stage div			{margin-left:8px;}

h3 {background:url(http://www.eternit.de/fileadmin/templates/assets/arrows_grey.gif) 0px 0px no-repeat; padding-left:20px; font-weight:normal !important; }

h3.acc-grau, div.acc-grau h3 {background:url(http://www.eternit.de/fileadmin/templates/assets/arrows_white.gif) 0px 0px no-repeat #b3b3b3; padding-left:20px; }
	.acc-grau					{background:#b3b3b3;}
	.arrow_down					{background-position:0 -20px  !important; font-weight:bold !important;}
div.accordion				{margin-bottom:10px; padding-bottom:5px;}
div.accordion ul 			{font-size:11px; line-height:18px; margin-top:5px;}
div.accordion h3			{height:20px; line-height:20px; text-transform:uppercase;}
div.faq_inhalt				{padding:20px; margin-bottom:10px; margin-top:10px; margin-right:15px; margin-left:-10px; border:1px solid #000;}
div.bak_white				{background:#FFF;}
div.bak_grey				{background:#f0f0f0;}
/* FAQ ende */

div.ac_results {z-index:9999;}