/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
img,body,html{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

.x-tip{position:absolute;top:0;left:0;visibility:hidden;z-index:20000;border:0 none;}
.x-tip .x-tip-close{background-image:url(../images/default/qtip/close.gif);height:15px;float:right;width:15px;margin:0 0 2px 2px;cursor:pointer;display:none;}
.x-tip .x-tip-tc{background:transparent url(../images/default/qtip/tip-sprite.gif) no-repeat 0 -62px;padding-top:3px;overflow:hidden;zoom:1;}
.x-tip .x-tip-tl{background:transparent url(../images/default/qtip/tip-sprite.gif) no-repeat 0 0;padding-left:6px;overflow:hidden;zoom:1;}
.x-tip .x-tip-tr{background:transparent url(../images/default/qtip/tip-sprite.gif) no-repeat right 0;padding-right:6px;overflow:hidden;zoom:1;}
.x-tip .x-tip-bc{background:transparent url(../images/default/qtip/tip-sprite.gif) no-repeat 0 -121px;height:3px;overflow:hidden;}
.x-tip .x-tip-bl{background:transparent url(../images/default/qtip/tip-sprite.gif) no-repeat 0 -59px;padding-left:6px;zoom:1;}
.x-tip .x-tip-br{background:transparent url(../images/default/qtip/tip-sprite.gif) no-repeat right -59px;padding-right:6px;zoom:1;}
.x-tip .x-tip-mc{border:0 none;font-size:11px}
.x-tip .x-tip-ml{background:#fff url(../images/default/qtip/tip-sprite.gif) no-repeat 0 -124px;padding-left:6px;zoom:1;}
.x-tip .x-tip-mr{background:transparent url(../images/default/qtip/tip-sprite.gif) no-repeat right -124px;padding-right:6px;zoom:1;}
.ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc{font-size:0;line-height:0;}
.x-tip .x-tip-header-text{font:bold 11px Lucia, Tahoma, Arial, Helvetica, sans-serif;padding:0;margin:0 0 2px 0;}
.x-tip .x-tip-body,
.x-tip .x-tip-body table{font-size:11px;margin:0!important;line-height:14px;padding:0;}
.x-tip .x-tip-body .loading-indicator{margin:0;}
.x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text{cursor:move;}
.x-unselectable,.x-unselectable *{-moz-user-select:none;-khtml-user-select:none;}
.x-panel-nofooter .x-panel-bc,.x-panel-nofooter .x-window-bc{height:6px;font-size:0;line-height:0;}

.x-ie-shadow{display:none;position:absolute;overflow:hidden;left:0;top:0;background:#777;zoom:1;}
.x-shadow{display:none;position:absolute;overflow:hidden;left:0;top:0;}
.x-shadow *{overflow:hidden;}
.x-shadow *{padding:0;border:0;margin:0;clear:none;zoom:1;}
.x-shadow .xstc,.x-shadow .xsbc{height:6px;float:left;}
.x-shadow .xstl,.x-shadow .xstr,.x-shadow .xsbl,.x-shadow .xsbr{width:6px;height:6px;float:left;}
.x-shadow .xsc{width:100%;}
.x-shadow .xsml,.x-shadow .xsmr{width:6px;float:left;height:100%;}
.x-shadow .xsmc{float:left;height:100%;background:transparent url( ../images/default/shadow-c.png );}
.x-shadow .xst,.x-shadow .xsb{height:6px;overflow:hidden;width:100%;}
.x-shadow .xsml{background:transparent url( ../images/default/shadow-lr.png ) repeat-y 0 0;}
.x-shadow .xsmr{background:transparent url( ../images/default/shadow-lr.png ) repeat-y -6px 0;}
.x-shadow .xstl{background:transparent url( ../images/default/shadow.png ) no-repeat 0 0;}
.x-shadow .xstc{background:transparent url( ../images/default/shadow.png ) repeat-x 0 -30px;}
.x-shadow .xstr{background:transparent url( ../images/default/shadow.png ) repeat-x 0 -18px;}
.x-shadow .xsbl{background:transparent url( ../images/default/shadow.png ) no-repeat 0 -12px;}
.x-shadow .xsbc{background:transparent url( ../images/default/shadow.png ) repeat-x 0 -36px;}
.x-shadow .xsbr{background:transparent url( ../images/default/shadow.png ) repeat-x 0 -6px;}

.x-tool{overflow:hidden;width:15px;height:15px;float:right;cursor:pointer;background:transparent url(../images/default/panel/tool-sprites.gif) no-repeat;margin-left:2px;}
.x-tool-close{background-position:0 -0;}
.x-tool-close-over{background-position:-15px 0;}

.x-slider{zoom:1;}
.x-slider-inner{position:relative;left:0;top:0;overflow:visible;zoom:1;}
.x-slider-focus{position:absolute;left:0;top:0;width:1px;height:1px;line-height:1px;font-size:1px;-moz-outline:0 none;outline:0 none;-moz-user-select:text;-khtml-user-select:text;}
.x-slider-horz{padding-left:7px;background:transparent url(../images/default/slider/slider-bg.png) no-repeat 0 -22px;}
.x-slider-horz .x-slider-end{padding-right:7px;zoom:1;background:transparent url(../images/default/slider/slider-bg.png) no-repeat right -44px;}
.x-slider-horz .x-slider-inner{background:transparent url(../images/default/slider/slider-bg.png) repeat-x 0 0;height:22px;}
.x-slider-horz .x-slider-thumb{width:14px;height:15px;position:absolute;left:0;top:3px;background:transparent url(../images/default/slider/slider-thumb.png) no-repeat 0 0;}
.x-slider-horz .x-slider-thumb-over{background-position:-14px -15px;}
.x-slider-horz .x-slider-thumb-drag{background-position:-28px -30px;}



/* Produktberater */

#garten, #haus, #hausgarten {
	display: none;
	float: left;
	width: 250px;
	margin-top: 23px;
	padding: 5px;
	border: 1px solid;
}

#ext-comp-1009 {
	border-bottom: 1px solid #CCDFEE !important;
}

#ext-comp-1010 {
	border-top: 1px solid #CCDFEE !important;
}

hr {
	border: none;
	border-top: 1px solid #CCDFEE !important;
	width: 508px;
	padding: 0px;
	margin: 10px 0 20px 0;
	color: #FFF;
}
select {
	font-size:11px;
	line-height:17px;
	color: #000;
}

#dachflaeche, #dachflaecheval, #gartengroesse, #gartengroesseval, #wasserpreis, #wasserpreisval, #niederschlagsmenge, #niederschlagsmengeeval {
	float: left;
}

#pb_links {
	float:left;
	width: 275px;
}
#pb_rechts {
	float:left;
	width: 215px;
}


#pb_groessenberechnung label {
	display: block;
}

#pb_einsatzort {
	float: left;
	width: 225px;
	margin-bottom: 20px;
}

#pb_einsatzort label, #pb_niederschlagsmenge label{
	display: block;
}

#dachflaecheinfo img, #einsatzortinfo img, #tankgroesseinfo img, #regenwasserertraginfo img {
	border: none;
	vertical-align: middle;
	margin-left: 3px;
}


#pb_plz, #pb_dachtyp, #pb_dachflaeche, #pb_gartengroesse, #pb_anzpersonen, #pb_wasserpreis, #pb_niederschlagsmenge  {
	clear:both;
	height: 45px;
}

#pb_dachtyp {
	margin-top: 9px;
}

#linkgroessenberechnungeinblenden, #linkgroessenberechnungausblenden {
	padding: 10px 0;
	width: 200px;
}

#linkgroessenberechnungausblenden a {
	background: transparent url(../img/pfeil_contentnav_active_s.gif) no-repeat scroll -6px center;
}



#pb_einbau label, #pb_einsatzort label, #pb_belastbarkeit label {
	line-height: normal;
}

#regenwasserbedarf th, #tankgroesse th, #ersparnis th{
	font-weight: bold;
	text-align: right;
	padding-right: 8px;
}

#regenwasserbedarf .result, #tankgroesse .result, #ersparnis .result {
	text-align: right;
}

#tankgroesse .result, #ersparnis .result, #regenwasserbedarf .bedarf {
	font-weight: bold;
}


/* 
erweiterung technische daten produktdetailseite
*/

.berechnetegroesse {
	margin-left: 5px;
	font-weight:normal;
}

.berechnetegroessehl {
	background-color: #0F62A9;
}

.berechnetegroessehl h2, .berechnetegroessehl a:link {
	color: #fff;
	padding-bottom: 0px;
}


/* 
erweiterung produktberater 
*/

#pb_back {
	margin-bottom: 20px;
}

#pb_back,
#pb_back table {
	font-size: 12px;
	padding: 6px 0;
}

#pb_back h1 {
	margin: 0 0 10px 8px;
	font-size: 14px;
}

#pb_einsatzort, #pb_links {
	display:inline;
	margin-left:8px;
}

#labeleinsatzort, #labeleinbau, #labelbelastbarkeit {
	margin: 0 0 10px 0;
	display:block;
}



#pb_back input {
	clear:left;
	float:left;
	margin:0;
	padding:0;
}


/* Bis IE 6 */  
* html #pb_einsatzort input, * html #pb_einbau input,
* html #pb_belastbarkeit input {  
	margin: -3px;
}


* html #pb_einbau img, * html #dachflaecheinfo img, 
* html #einsatzortinfo img, * html #tankgroesseinfo img, 
* html #regenwasserertraginfo img {
	margin-top:2px;
}

/* Ausschließlich IE 7 */  
*:first-child + html #pb_back input[type=radio] {  
	margin: -3px;
}


*:first-child + html #pb_einbau img, *:first-child + html #dachflaecheinfo img, 
*:first-child + html #einsatzortinfo img, *:first-child + html #tankgroesseinfo img, 
*:first-child + html #regenwasserertraginfo img {
	margin-top:2px;
}

#pb_back label#labeleinsatzort1, #pb_back label#labeleinsatzort2,
#pb_back label#labeleinsatzort3, #pb_back label#labeleinbau1,
#pb_back label#labeleinbau2, #pb_back label#labelbelastbarkeit1,
#pb_back label#labelbelastbarkeit2, #pb_back label#labelbelastbarkeit3 {
	clear:none;
	margin:0 0 0 20px;
	padding:0 0 5px 0;
	display:block;
}

#ersparnisundgroessenberechnungfeld label {
	margin: 0 0 0 20px;
	display:block;
}

#ersparnisundgroessenberechnungfeld {
	padding:0 0 20px 8px;
	clear:both;
}

.regenwasserbedarf_back {
	border: 1px solid;
	width: 475px;
	padding-left: 8px; 
}

.pb_summe {
	padding-left: 0px;
}

#tankgroesse table, #ersparnis table {
	margin-left:8px;
}

a.graf-img {
	margin: 20px 0 5px 10px;
}