/* CSS Document */

body { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; height:100%; color:#444444; background-color:#707173; }

div#globalContainer			{ width:980px; margin: 10px auto 4px auto; }
div#mainContainer			{ border: 0px solid #999999; width:980px; margin: 4px auto 0px auto; background-color:#F0F1FA; background:url(../images/backg-content-2.gif) repeat-y; }
div#header					{ width:980px; height:155px; position: relative; overflow: hidden; }
	div#title				{ width:860px; position: absolute; left: 120px; top: 64px; font-size:20px; color:#FFFFFF; }
	div#navigation			{ width:700px; position: absolute; left: 280px; bottom: 5px; font-size:11px; font-weight:bold; }
div#breadcrumb				{ width:700px; height:30px;  background:url(../images/backg-breadcrumb.jpg) no-repeat #bec0c1; color:#4B4B5D; font-size:11px; font-weight:bold; padding: 3px 0px 0px 280px; }
div#breadcrumb a			{ color:#4B4B5D; }
div#breadcrumb a:hover		{ color:#00646c; }

div#contentArea				{ width:980px; background:#b7b9ba url(../images/bg_contentarea_new.jpg) repeat-y; }
div#addNavigation			{ width:230px; background:url(../images/bg_nav_new.jpg) no-repeat; float:left; padding:25px 0px 0px 30px;}
div#secundary				{ width:190px; padding-right: 40px; height:405px; font-size:12px; }

div#globalNavigation			{ height:13px; font-size:11px; font-weight:bold;float:right; padding-top:2px; }
div#globalNavigation a			{ margin-right:10px; text-decoration:none; color:#FFFFFF }
div#globalNavigation a.active	{ text-decoration:underline; }
div#globalNavigation a:hover	{ color:#c4d671; }

div#languageNavigation		{ float:right; text-align:right; }
div#content					{ width:350px; padding:25px 0px 10px 20px; float:left; font-size:0.7em;  }
div#bigcontent				{ width:700x; padding:25px 0px 10px 20px; float:left; font-size:0.7em;  }
div#content	a				{ color:#444444; }
div#bigcontent	a			{ color:#444444; }
div#teaser					{ width:310px; padding:29px 0px 10px 20px; float:left; background:#b7b9ba; }



/* Header Logo ###################################################################################### */
div#header h1				{ margin:4px 0px 2px 0px; padding:0; font-size:15px; color:#000; }
div#header p				{ margin:0; padding:0; font-size:9px; line-height:normal; }

/* MENU primary ############################################################################################# */
div#navigation ul 			{ margin:0; padding:0; display:block; list-style:none; }
div#navigation li			{ margin:0; padding:0; padding:0px 0px 0px 0px; float:left;  }
div#navigation a			{ color:#FFFFFF; text-decoration:none; padding-right:8px; }
div#navigation a.active		{ text-decoration:underline; }
div#navigation a:hover		{ color:#c4d671; }

/* MENU secundary ########################################################################################### */
div#secundary ul 			{ margin:0; padding:0; display:block; list-style:none; }
div#secundary li			{ margin:0; padding:0; padding:0px 0px 7px 0px; font-weight:bold;  }
div#secundary li ul 		{ margin:0; padding:0; padding:4px 0px 0px 0px; }
div#secundary li li			{ margin:0; padding:0; padding:0px 0px 7px 20px; font-weight:bold;  }
div#secundary li li li 		{ margin:0; padding:0; padding:0px 0px 2px 0px; font-weight:normal; }
div#secundary a				{ color:#444444; text-decoration:none; padding-right:10px; }
div#secundary a.active		{ text-decoration:underline; }
div#secundary a:hover		{ color:#00646c; }

/* STANDARD TAGS #################################################################################### */
h1	{ font-size:2.0em; font-weight:normal; padding:0; margin:0; margin-bottom:4px; }
p	{ padding:0; margin:0; margin-top:4px; margin-bottom:4px; }
div#content	ul { margin:0px 0px 0px 25px; padding:0; }
div#bigcontent	ul { margin:0px 0px 0px 25px; padding:0; }


/* HILFEN ########################################################################################### */
.clearFloat	{ clear:both; }




/* FLEXIBLE CONTENT ################################################################################# */
/* div.contentNavContainer		{ width:342px; height:59px; padding:3px 4px 0px 4px; margin-top: 4px; background:url(../images/backg-content-navcontainer.jpg) no-repeat #bec0c1; color:#4B4B5D; overflow:hidden; } */
/*div.contentNavContainer		{ width:342px; height:76px; padding:3px 4px 0px 4px; margin-top: 4px; background:url(../images/backg-content-navcontainer.jpg) no-repeat #bec0c1; color:#4B4B5D; overflow:hidden; }*/
div.contentNavContainer		{ width:340px; height:76px; padding:3px 4px 0px 4px; margin-top: 4px; color:#4B4B5D; overflow:hidden; border: 1px solid #cdcfd0; }
div.contentNavContainer:hover {background:url(../images/backg-content-navcontainer_new.jpg) repeat-y #bec0c1;}
div.contentNavContainer h2	{ font-size:12px; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
div.contentNavContainer p	{ font-size:11px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

div#bigcontent div.contentNavContainer		{ width:320px; height:76px; padding:3px 4px 0px 4px; margin-top: 4px; color:#4B4B5D; overflow:hidden; border: 1px solid #cdcfd0; }

/* ENERGYSAVER ########################################################################################### */
#energysaver-form{
	position: relative;
}
.label-energy{
	color:#444444;
}
.select-energy{
	color:#444444;
	font-size:11px;
	width: 250px;
	border: 1px solid #cdcfd0;
}
.energy-result{
	color:#444444;
	font-weight: bold;
}
p.small{
	color:#444444;
	font-size: 9px;
}
#energysaver-form dt{
	display: block;
	padding: 0px 0px 5px 0px;
	margin: 0;
}
#energysaver-form dd{
	display: block;
	padding: 0;
	margin: 0;
}
#energy-resultbox{
	display: block;
	height: 150px;
	min-height: 150px;
	max-height: 150px;
}
#energy-resultbox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#energysaver-result{
	display: block;
	height: 150px;
	min-height: 150px;
	max-height: 150px;
}
#energysaver-result:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#energysaver-result div.contentNavContainer{
	background:url(../images/backg-content-navcontainer_new.jpg) repeat-y #bec0c1;
}
sub{
	font-size: 9px;
}
#result-energydata { 
	position: absolute;
	top: 0px;
	left: 380px;
	width:307px; padding:3px 10px 0px 4px; color:#fff; overflow:hidden; background: #454545;
	font-size:0.7em; 
	display: none;
}
#result-energydata h1{
	font-size: 18px;
	padding-bottom: 10px;
}
#result-energydata p.bodytext{
	font-size: 11px;
	line-height: 14px;
	padding-bottom: 10px;
	vertical-align:text-top;
}
#result-energydata p.hint{
	font-size: 10px;
}
#result-energy{
	font-size: 18px;
	line-height: 18px;
	margin-top: 4px;
}
#result-costs{
	font-size: 18px;
	line-height: 18px;
	margin-top: 4px;
}

.content-left{
	width:350px; padding:5px 0px 10px 0px; float:left; 
}
.content-right{
	width:350px; padding:5px 0px 10px 0px; float:left; 
}

#result-overview{
	width:660px; padding:3px 10px 0px 10px; color:#fff; overflow:hidden; background: #454545;
	font-size:0.7em;
	margin-right: 20px; 
	display: none;
	overflow: hidden;
}
#result-overview h1{
	font-size: 18px;
	padding-bottom: 10px;
}
#result-overview p.bodytext{
	font-size: 12px;
	line-height: 14px;
	padding-bottom: 10px;
	vertical-align:text-top;
}
#result-energy-overview-label{
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	width:300px; 
	float: left;
	padding: 5px 0px 10px 0px;
}
#result-energy-overview{
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	width:300px; 
	float: left;
	padding: 5px 0px 10px 0px;
}
#result-co2-overview-label{
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
	width:300px; 
	float: left;
}
#result-co2-overview{
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
	width:300px; 
	float: left;
}
.result-product{
	font-size: 14px;
	line-height: 14px;
	width:300px; 
	float: left;
	padding: 5px 0px;
}
.result-size{
	font-size: 14px;
	line-height: 14px;
	width:300px; 
	float: left;
	padding: 5px 0px;
}
#result-overview-hint{
	float: left;
	width:500px; 
	font-size: 1em;
}
#result-overview-submit{
	float: right;
	width:150px; 
	padding-right: 10px;
}
.bigcontentNavContainer{
	width:667px; height:160px; padding:4px 4px 4px 4px; margin-top: 4px; color:#4B4B5D; overflow:hidden; border: 1px solid #cdcfd0;
}
#beiblatt-form .textarea-energy{
	color:#444444;
	font-size:11px;
	width: 645px;
	height: 150px;
	border: 1px solid #cdcfd0;
}

/* PRICETOOL ########################################################################################### */

div.pricetoolNavContainer		{ width:320px; padding:3px 4px 10px 4px; margin-top: 4px; color:#4B4B5D; overflow:hidden; border: 1px solid #cdcfd0; }
div.pricetoolNavContainer h2	{ font-size:12px; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
div.pricetoolNavContainer p	{ font-size:11px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

div.pricetoolProdContainer		{ display: none; width:670px; padding:3px 4px 10px 4px; margin-top: 10px; color:#4B4B5D; overflow:hidden; border: 1px solid #cdcfd0; }
div.pricetoolProdContainer h2	{ font-size:12px; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
div.pricetoolProdContainer p	{ font-size:11px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#pricetoolProd1{
	display: block;
}
.pricetoolNavContainer p.hint{
	font-size: 10px;
	padding: 6px 0px 0px 0px;
}
div.pricetoolProdContainer .content-left{
	width:350px; padding:5px 0px 10px 0px; float:left; 
}
div.pricetoolProdContainer .content-right{
	width:320px; padding:5px 0px 10px 0px; float:left; 
}
.label-pricetool{
	color:#444444;
}
.select-pricetool{
	color:#444444;
	font-size:11px;
	border: 1px solid #cdcfd0;
}
.input-pricetool{
	color:#444444;
	font-size:11px;
	width: 300px;
	border: 1px solid #cdcfd0;
}
p.small{
	color:#444444;
	font-size: 9px;
}
#pricetool-form dl{
	padding: 5px 0px 0px 0px;
	margin: 0;
}
#pricetool-form dt{
	padding: 0px 0px 5px 0px;
	margin: 0;
}
#pricetool-form dd{
	padding: 0;
	margin: 0;
}

#pricetool-form dl.zip{
	float: left;
	width: 100px;
}
#pricetool-form dt.zip{
}
#pricetool-form dd.zip{
}
.input-zip-pricetool{
	color:#444444;
	font-size:11px;
	width: 90px;
	border: 1px solid #cdcfd0;
}
#pricetool-form dl.city{
	float: left;
	width: 220px;
}
.input-city-pricetool{
	color:#444444;
	font-size:11px;
	width: 200px;
	border: 1px solid #cdcfd0;
}
.input-date-pricetool{
	color:#444444;
	font-size:11px;
	width: 280px;
	border: 1px solid #cdcfd0;
}
.input-amount-pricetool{
	color:#444444;
	font-size:11px;
	width: 50px;
	border: 1px solid #cdcfd0;
}
.input-price-pricetool{
	color:#444444;
	font-size:11px;
	width: 280px;
	border: none;
	background: none;
}
.next-product{
	display: none;
	float: left;
}
.next-length{
	display: none;
	float: left;
}
.textarea-pricetool{
	color:#444444;
	font-size:11px;
	width: 670px;
	height: 150px;
	border: 1px solid #cdcfd0;
}
.textarea-tof-pricetool{
	color:#444444;
	font-size:11px;
	width: 670px;
	height: 40px;
	border: 1px solid #cdcfd0;
}
.submit-buttons-pricetool{
	display: none;
	padding: 20px 0px;
}
.submit-button-pdf{
	float: left;
	width: 150px;
}
.submit-button-pdf input{
	color:#444444;
	font-size:11px;
	font-weight: bold;
	border: 1px solid #cdcfd0;
	background: #fff;
}
.hint-pricetool{
	display: block;
	padding: 20px 0px;
}
.hint-button-pricetool{
	display: block;
	width: 240px;
	color:#444444;
	font-size:11px;
	font-weight: bold;
	border: 1px solid #cdcfd0;
	background: #fff;
	text-align: center;
}
.select-feuser{
	width: 200px;
	color:#444444;
	font-size:11px;
	border: 1px solid #cdcfd0;
}

.tx-srfeuserregister-pi1 p { margin-top: .5em; margin-bottom: 0; padding: 0 .3em; text-indent: 0; }
.tx-srfeuserregister-pi1 h4 { margin-top: 0; padding-left: .3em; }
.tx-srfeuserregister-pi1 legend { padding: 0 .5em; font-weight: bold; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice { font-style: italic; margin-bottom: 1em; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash { margin-bottom: 2em; }
.tx-srfeuserregister-pi1 a { padding-left: 14px; background-image: url("../typo3conf/ext/sr_feuser_register/pi1/internal_link.gif"); background-repeat: no-repeat; background-position: 0% 60%; text-decoration:none; }
.tx-srfeuserregister-pi1 label { margin: 0; padding: 0; }
.tx-srfeuserregister-pi1 label span { color: #ff0000; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-error { color: #ff0000; }
.tx-srfeuserregister-pi1 input { margin: 0; padding: 0 0 0 0; }
.tx-srfeuserregister-pi1 input[type=text] { width: 300px; }
.tx-srfeuserregister-pi1 input[type=password] {width: 300px;  margin-right: 0; }
* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-password { margin-right: 0; }
.tx-srfeuserregister-pi1 input[type=radio], .tx-srfeuserregister-pi1 input[type=checkbox] { background-color: transparent; }
* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-radio, * html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-checkbox { background-color: transparent; }		
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon { margin-left: 1em; background-color: transparent; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon:hover { cursor: pointer; }
.tx-srfeuserregister-pi1 ul { margin: 0; padding: 0; list-style-position: inside; }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes { list-style-type: none; }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li { margin: 0 0 .3em 0; padding: 0; }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li label { margin: 0; padding: 0 0 0 .5em; }
.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checked-values li { float: left; padding: 0 2em 0 0; margin: 0; }
.tx-srfeuserregister-pi1 dl { margin: 0; padding: 1em 0 0 0; }
.tx-srfeuserregister-pi1 dt { margin: 0; padding: 0 0 0px 0; float: none; }
.tx-srfeuserregister-pi1 dd { margin: 0; padding: 0 0 10px 0; float: none; }
.tx-srfeuserregister-pi1 dt { clear: both; width: 300px; text-align: left; padding-right: 0; }
.tx-srfeuserregister-pi1 dd { text-align: left; width: 300px; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dt { width: auto; padding-right: 0; }
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dd { width: auto; }
* html .tx-srfeuserregister-pi1 dd { float: none; }
.tx-srfeuserregister-pi1 dd p { margin-top: 0; margin-bottom: .5em; padding: 0; }
.tx-srfeuserregister-pi1 dd label { padding: 0 1em 0 .5em; }

.tx-srfeuserregister-pi1 .fields-discount{
	width: 150px;
	float: left;

}
.tx-srfeuserregister-pi1 .fields-discount dt { clear:none; width: 90px; text-align: left; padding-right: 0; }
.tx-srfeuserregister-pi1 .fields-discount dd { text-align: left; width: 90px; }

.tx-srfeuserregister-pi1 .fields-discount input[type=text] { width: 80px; }

#sbfolderFolderWrap {
						padding: 0 0 0px 0;
						margin: 0 0 0px 0;
						clear: both;
					}
					.sbfolderFolder {
						padding: 7px 8px 0px 10px;
						margin: 0px 0px 0px 0;
						width: 300px;
						float: none;
						height: 10px;
						line-height: 10px;
						overflow: hidden;
					}  
					.up{
						padding: 7px 8px 0px 10px;
						margin: 0px 0px 0px 0;
						height: 30px;
						line-height: 30px;
						overflow: hidden;
					} 
					.sbfolderFolder img {
						border:0px;
					}
					#sbfolderdownloadWrap {
						padding: 0;
						margin: 0;
						clear: both;
					}

					.sbfolderdownload {
						padding: 7px 8px 0px 10px;
						margin: 0px 0px 0px 0;
						width: 300px;
						float: none;
						height: 20px;
						overflow: hidden;
						border: 0px solid #000;
					}

					.sbfolderdownload_name {
						font-size: 12px;
					}

					.sbfolderdownloadffWrap {
						padding: 0;
						margin: 0;
						margin: left;
						width: 100px;
						clear: both;
					}
					.sbfolderdownloadffWrap h3{
						width: 250px;
					}
					.sbfolderdownloadff,
					.sbfolderdownloadffMedia {
						padding: 7px 8px 0px 10px;
						margin: 0px 0px 0px 0;
						width: 20px;
						height: 20px;
						overflow: hidden;
						border: 0px solid #000;
					}
					.sbfolderdownloadffMedia {
						float: left;
						width: 30px;
					}
					.sbfolderdownloadff {
						float: right;
					}