/* [Regloplas] - [Juli 2008] - [Online Consulting AG] - [format.css] */

/************************************************
*			Fixes, Workarounds, etc.			*
************************************************/
* {
	margin: 0;
	padding: 0;
	}
/* Clearfix fuer das Float-clearing */
.clearfix:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
.clearfix {
	display: block; /* IE 7 */
	}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	}
body {
	text-align: center;
	font-size: 0.63em;
	line-height: 1.2em;
	color: #525252;
	background: url('../images/design/bg.gif');
	}
#wrapper {
	position: relative;
	width: 959px;
	margin: 0 auto;
	margin-bottom: 30px;
	text-align: left;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	background: url('../images/design/wrapper_bg.gif') repeat-y;
	}
#header {
	width: 959px;
	height: 189px;
	padding-top: 10px;
	background: #dadadc;
	border-bottom: solid 1px #f9fdfb;
	}
#header .logo {
	float: right;
	margin-right: 12px;
	}
#header #emotion {
	width: 959px;
	height: 125px;
	overflow: hidden;
	border-top: 1px solid #f9fdfb;
	}
#balken {
	font-size: 1.19em;
	height: 55px;
	width: 909px;
	padding: 11px 25px;
	overflow: hidden;
	background: url('../images/design/balken_bg.gif') repeat-x;
	border-bottom: 1px solid #fff;
	}
#main {
	font-size: 1.12em;
	padding-bottom: 20px;
	}
#left {
	width: 160px;
	padding: 17px 0 0 25px;
	float: left;
	border-top: 1px solid #525252;
	}
#content {
	float: left;
	width: 629px;
	padding: 10px 110px 0 35px;
	}
#address {
	margin-top: 50px;
	padding-right: 0px;
	}
#address address {
	line-height: 1.2em;
	padding: 5px 0;
	}
#headerprint,
#footerprint {
	display: none; 
	}
div.print {
	width: 100%;
	margin-top: 10px;  
	}
div.print a, 
div.print a:link, 
div.print a:visited {
	line-height: 1.6em;
	padding: 0 0 5px 15px;
	background: url(../images/design/list_item_gruen.gif) 1px 3px no-repeat;
	color: #525252;
	}

/************************************************
*				Style-Elemente					*
************************************************/
img {border: none;}
hr {
	clear: both;
	color: #525252;
	height: 1px;
	margin: 5px 0;
	background: #525252;
	}
a, a:link, a:visited {
	text-decoration: none;
	color: #018569;
	}
a:hover, a:active, a:focus 
{
	color: #018569;
}
#left a, #left a:link, #left a:visited 
{
	color: #525252;
}
/*#content a, #content a:link, #content a:visited 
{
	padding: 0 0 5px 15px;
	background: url(../images/design/list_item_gruen.gif) 1px 4px no-repeat;
}*/

a.back, a.back:link, a.back:visited {
	display: block;
	font-weight: bold;
	color: #525252;
	}
div.links {padding: 10px 0;}
div.links a, div.links a:link, div.links a:visited {
	line-height: 1.6em;
	padding: 0 0 5px 15px;
	background: url(../images/design/list_item_gruen.gif) 1px 3px no-repeat;
	color: #525252;
	}
div.greenlinks a, div.greenlinks a:link, div.greenlinks a:visited {
	color: #0E8663;
	}
a.link, a.link:link, a.link:visited {
	display: block;
	padding: 0 0 10px 15px;
	background: url(../images/design/list_item_gruen.gif) 1px 3px no-repeat;
	color: #525252;
	}
a.weiterleitung, a.weiterleitung:link, a.weiterleitung:visited {
	margin-top: 20px;
	color: #525252;
	}
a.download, a.download:link, a.download:visited,
.downloads a, .downloads a:link, .downloads a:visited {
	display: block;
	font-weight: bold;
	padding: 10px 0 10px 35px;
	margin-top: 10px;
	background: url(../images/design/download_bg.gif) 0 8px no-repeat;
	color: #525252;
	}
.downloads span {
	display: block;
	font-weight: normal;
	width: 310px;
	line-height: 1.3em;
	}
dl.uebersicht
{
	line-height: 1.5em;
}
.uebersicht a, .uebersicht a:link, .uebersicht a:visited {
	display: block;
	color: #018569;
	/*line-height: 1.5em;*/
	}
.hersteller {margin-bottom: 20px;}
.hersteller a, .hersteller a:link, .hersteller a:visited {
	line-height: 2.3em;	
	}
a:focus {color: #000;}
div.address {
	font-style: normal;
	padding: 15px 0 0 0;
	line-height: 1.6em;
	}

/************************************************
*					Navigation					*
************************************************/
/* Generische Navigation */
#gnav {
	height: 63px;
	width: 700px;
	margin-left: 25px;
	}
#gnav ul li {
	display: inline;
	padding-left: 12px;
	text-transform: uppercase;
	background: url(../images/design/gnav_intern_bg.gif) 4px bottom no-repeat;
	}
#gnav ul li.first, #gnav ul li.first a {background: none !important; padding-left: 0;}
#gnav a, #gnav a:link, #gnav a:visited {
	font-weight: bold;
	color: #320598;
	}
#gnav a.change, #gnav a.change:link, #gnav a.change:visited {
	text-transform: lowercase;
	padding-left: 10px;
	background: url(../images/design/gnav_pfeil.gif) left top no-repeat;
	}
#gnav ul.sprachen li {
	background: url(../images/design/gnav_sprachen_bg.gif) 4px bottom no-repeat;
	}
#gnav .sprachen a, #gnav .sprachen a:link, #gnav .sprachen a:visited {
	color: #525252;
	}
#gnav a:hover, #gnav a:active, #gnav a:focus, #gnav a.active {
	color: #320598 !important;
	}
#gnav .sprachen {margin-top: 28px;}
#gnav a.disabled, #gnav a.disabled:hover, #gnav a.disabled:active, #gnav a.disabled:focus {
	color: #9A9A9C !important;
	}

/* Hauptnavigation */
#hnav {float: left;}
#hnav li {
	display: inline;
	padding-right: 43px;
	}
#hnav li a, #hnav li a:link, #hnav li a:visited {
	color: #f7f7f8;
	font-weight: bold;
	line-height: 1.5em;
	}
#hnav li a:hover, #hnav li a:active, #hnav li a:focus,
#hnav li.active a, #hnav li.active a:link, #hnav li.active a:visited {
	color: #b3b1b6;
	}

/* News, Events */
#news-nav {
	float: left;
	width: 195px;
	}
#news-nav li {
	display: inline;
	padding-right: 20px;
	}
#news-nav li a, #news-nav li a:link, #news-nav li a:visited {
	color: #f7f6f6;
	font-weight: bold;
	}
/*#news-nav li a:hover, #news-nav li a:active, #news-nav li a:focus, #news-nav li a.activ {
	color: #b3b1b6;
	}*/
	
/* Sekundäre Navigation */
#snav {float: left;}
#snav li {
	display: inline;
	padding-right: 15px;
	}
#snav li a, #snav li a:link, #snav li a:visited {
	color: #f7f7f8;
	font-size: .93em;
	line-height: 1.2em;
	}
#snav li a:hover, #snav li a:active, #snav li a:focus,
#snav li.active a, #snav li.active a:link, #snav li.active a:visited {
	color: #b7b7b9;
	}

/* Produkte Navigation */
	/* Stufe 1 */
	#pnav li a, #pnav li a:link, #pnav li a:visited {
		color: #525252;
		font-weight: bold;
		line-height: 1.3em;
		padding: 3px 0px 4px 0px;
		display:block;
		border-bottom: solid 1px #B2B2B4;
		}
	#pnav li a:hover, #pnav li a:active, #pnav li a:hover, #pnav li a:focus,
	#pnav li a.active, #pnav li a.active:link, #pnav li a.active:visited {
		color: #018569;
		}
	/* Stufe 2 */
	#pnav ul {
		margin: 0 0 5px 10px;
		}
	#pnav ul li a, #pnav ul li a:link, #pnav ul li a:visited {
		font-weight: normal;
		line-height: 1.3em;
		padding: 2px 0 4px 0;
		}
	#pnav ul li a.active, #pnav ul li a.active:link, #pnav ul li a.active:visited {
		font-weight: bold;
		}
	/* Stufe 3 */
	#pnav ul ul {
		margin: 0 0 10px 10px;
		}
	#pnav ul ul li
	{
		list-style: square;
		color: #018569;
		margin-left: 5px;
	}
	#pnav ul ul li a, #pnav ul ul li a:link, #pnav ul ul li a:visited 
	{
		border: none;
		padding: 2px 0 1px 0;
	}

/* Seitennavigation (getätigte Berechnungen) */
#pagenav {margin: 7px 0 5px 0;}
#pagenav a, #pagenav select, #pagenav span {
	float: left;
	margin-right: 11px;
	}
#pagenav a {margin-top: 2px;}
#pagenav span {margin-top: 4px;}
#pagenav select {
	text-align: center;
	width: 80px;
	padding: 0;
	}
	
/* Reglonet Navigation*/
	#staticLinks { padding-top: 20px; }
	#staticLinks a {
	color: #018569;
	}

/************************************************
*					Suche						*
************************************************/
#suche {
	float: left;
	width: 150px;
	padding: 0 45px 22px 0;
	}
#suche input.searchbox {
	float: left;
	font-size: 1em;
	width: 125px;
	height: 15px;
	padding: 1px 0 0 10px;
	border: 1px solid #000;
	font-weight: bold;
	}
#suche input.searchbutton {
	float: left;
	width: 11px;
	height: 18px;
	border: none;
	background: url(../images/design/searchbutton.gif) no-repeat center right;
	cursor: pointer;
	}
.suchresultate #pagenav {
	margin-top: 20px;
	}
.suchresultate a, .suchresultate a:link, .suchresultate a:visited {
	color: #018569;
	}
.btn-previous 
{
	background: url("../images/design/pagenav_back_gruen.gif") 0 3px no-repeat;
	padding: 1px;
}
.btn-previous-disabled
{
	background: url("../images/design/pagenav_back.gif") 0 2px no-repeat;
	padding: 1px 1px 1px 0;
	cursor: text;
}
.btn-next 
{
	background: url("../images/design/pagenav_forward_gruen.gif") 0 3px no-repeat;
	padding: 1px;
}
.btn-next-disabled
{
	background: url("../images/design/pagenav_forward.gif") -1px 2px no-repeat;
	padding: 1px 1px 1px 0;
	cursor: text;
}


/************************************************
*			Content-Absatzformate				*
************************************************/
/* Ueberschriften */
h1, h2, h3, h4, h5 {
	font-weight: bold;
	padding: 5px 0;
	line-height: 1.2em;
	}
h1 {
	font-size: 1.4em;
	padding: 12px 0 10px 0;
	}
h2 {
	font-size: 1.2em;
	padding: 8px 0;
	}
h2.unterstrichen {
	font-size: 1em;
	padding-top: 13px;
	border-bottom: 1px solid #525252;
	}
h3 {
	font-size: 1em;
	padding: 10px 0 5px 0;
	}
.links h3 {padding-bottom: 0; clear: both;}
	
/* Paragraph */
p {
	line-height: 1.6em;
	padding: 8px 0;
	}
p.infotext {
	color: #979797;
	margin-top: 20px;
	}
	
/* Listen */
#content ul {
	list-style-type: none;
	margin: 5px 0 5px 15px;
	line-height: 1.6em;
	}
#content ul li {
	padding-left: 16px;
	background: url('../images/design/list_item.gif') 0 4px no-repeat;
	}
#content ul ul {padding-left: 20px;}
ol {
	line-height: 1.3em;
	list-style-type: decimal;
	margin: 10px 0 10px 20px;
	}
ol li {
	padding: 2px 0 2px 0;
	margin-left: 7px;
	}
ol.links {
	margin: 20px 0 10px 20px;
	}
ol.links li,
ol.links li a, ol.links li a:link, ol.links li a:visited {
	line-height: 2em;
	color: #018569;
	}
ol.faq li,
ol.faq li a, ol.faq li a:link, ol.faq li a:visited {
	line-height: 1.2em;
	}
dl {
	line-height: 1.2em;
	width: 610px;
	margin: 15px 0;
	}
dt, dd {
	float: left;
	padding: 2px 0;
	}
dt {
	font-weight: normal;
	width: 140px;
	}
dd {width: 470px;}
dl a, dl a:link, dl a:visited {color: #018569;}

/* Links */
#content div.links dl {margin: 2px 0 12px 0; line-height: 1.2em;}
#content div.links dl a {display: inline; padding-left: 0; background: none; line-height: 1.2em;}
.links dt {width: 345px;}
.links dd {width: 255px;}

/* Tabellen */
table {margin: 10px 0;}
table td, table th {
	vertical-align: top;
	text-align: left;
	line-height: 1.5em;
	padding: 15px 10px 15px 0;
	}
table th {
	font-weight: bold;
	padding: 0 10px 6px 0;
	border-bottom: 1px solid #525252;
	}
table td.nr {
	width: 30px;
	text-align: right;
	}
	
table.hidden, table.hidden td {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
/* Referenzen */
table.referenzen {margin-top: 0;}
table.referenzen td {vertical-align: middle;}
table.referenzen th.logo {width: 160px;}
table.referenzen th.firma {width: 210px;}
table.referenzen th.ort {width: 120px;}

/* Fehlersuche */
table.fehlersuche td {border-bottom: 1px solid #525252;}
table.fehlersuche th.stoerung {width: 210px;}
table.fehlersuche th.ursache {width: 210px;}
table tbody th {padding-top: 10px;}
/************************************************
*					Aktuell						*
************************************************/
.news-anriss,
.event-anriss {
	float: left;
	width: 265px;
	margin-top: 25px;
	}
.event-anriss {padding-left: 40px;}
.news-anriss a, .news-anriss a:link, .news-anriss a:visited, .event-liste a, .event-liste a:link, .event-liste a:visited {color: #525252;}
.news-anriss h1,
.event-anriss h1 {
	float: left;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #000;
	text-transform: uppercase;
	margin-right: 18px;
	line-height: 0;
	}
.news-anriss h1 a,
.news-anriss h1 a:link,
.news-anriss h1 a:hover,
.event-anriss h1 a, 
.event-anriss h1 a:link,
.event-anriss h1 a:hover 
{
	color: #000 !important;
}
.news-anriss p,
.event-anriss p {
	margin-bottom: 25px;
	}
.news-liste,
.event-liste {
	float: left;
	width: 155px;
	overflow: hidden;
	}
.news-detail {
	padding: 10px 0 12px 0;
	margin-bottom: 5px;
	border-bottom: 1px solid #525252;
	}
.news-detail img {margin: 15px 20px 20px 0;}
p.info {
	color: #999999;
	padding: 0;
	}

/************************************************
*					Formular					*
************************************************/
.formular {margin: 25px 0;}
fieldset {width: 275px;}
fieldset.left, fieldset.right {float: left;}
fieldset.left {width: 310px;}
label {
	float: left;
	width: 75px;
	margin: 0 10px 6px 0;
	}
fieldset span {
	float: left;
	width: 30px;
	margin-left: 5px;
	}
input.txt, input.resultat, input.submit, input.reset, input.zahl, textarea, select,
a.submit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	float: left;
	width: 180px;
	padding: 0 2px;
	height: 15px;
	margin: 0 0 6px 0;
	border: 1px solid #716f64;
	}
select, .formular select {width: 186px; height: 18px; padding: 2px;}
input.submit,
input.reset,
a.submit, 
.formular input.submit,
.formular a.submit {
	line-height: 1.3em;
	clear: both;
	width: 100px;
	height: 20px;
	margin: 5px 0 0 85px;
	color: #525252;
	background: #fff;
	}
a.submit {text-align: center; height: 16px; width: 93px;}
textarea, .formular textarea {
	float:none;
	height:180px;
	margin-left:1px;
	padding:2px;
	width:241px;
	}
fieldset.checkbox {width: 350px; padding-bottom: 45px;}
input.cb {float: left; margin: 5px 5px 0 0;}
.checkbox label {width: 310px; margin-top: 5px; line-height: 1.6em;}

.vertretung {padding-top: 10px;}
.vertretung select {margin-top: 5px;}
/************************************************
*			Thermische Berechnungen				*
************************************************/
/* Formular */
.therm-berechnung {margin-bottom: 20px;}
.therm-berechnung h2 {margin-bottom: 15px;}
.therm-berechnung fieldset {width: 630px; position: relative;}
.therm-berechnung label {width: 280px; margin: 0 10px 6px 0;}
.therm-berechnung span 
{
	padding-left: 5px;
	width: 30px;
	margin-left: 5px;
	float:none;
}

.therm-berechnung input.zahl,
.therm-berechnung input.resultat {
	width: 185px;
	text-align: right;
	float:none;	
	}
	
.therm-berechnung input.zahl {
	vertical-align:middle;
	}
		
.therm-berechnung input.txt, input.resultat, input.submit, input.zahl, textarea, 
.therm-berechnung select,
a.submit {
	width: 180px;
	padding: 0 2px;
	height: 15px;
	}	
.therm-berechnung label.resultat, input.resultat{
	font-weight: bold;
	padding: 3px 0 0 0;
	margin: 10px 0 0 0;
	background: #fff;
	border: none;
	border-top: 1px solid black;
	}
	
.therm-berechnung label.resultatTitle, input.resultatTitle{
	font-weight: bold;
	background: #fff;
	border: none;
	}
	
.therm-berechnung label.resultatTitle{
	float:none;
}
.therm-berechnung br { clear: both; }
.therm-berechnung br.resultat {
	float:none;
	margin-left:5px;
	margin-bottom :16px;
	padding-left:5px;
	width:30px;
}

.therm-berechnung span.resultat {
	font-weight: bold;
	background: #fff;
	border: none;
	padding: 1px 0 0 0;
	margin: 10px 0 0 0;
	float:none;
	border-top: 1px solid black;
	}
.therm-berechnung h2.unterstrichen {
	font-size: 1em;
	padding-top: 18px;
	border-bottom: 1px solid #525252;
    margin:0px 0pt 5pt 0pt;
	}
		
label.resultat, input.resultat, span.resultat {
	font-weight: bold;
	padding: 3px 0 0 0;
	margin: 10px 0 0 0;
	background: #fff;
	border: none;
	border-top: 1px solid black;
	float:left !important;
	}
label.resultat {width: 290px;}
input.resultat {width: 190px !important; padding-top: 1px; color: #525252;}
span.resultat {width: 140px !important; padding-left: 10px !important;}
.therm-berechnung select {width: 191px; height: 18px; padding: 2px;}
.therm-berechnung input.submit {
	bottom:25px;
	height:18px;
	margin:10px 0pt 0pt;
	position:absolute;
	right:0pt;
	width:100px;
	/*margin: 10px 0 0 0;
	width: 96px;
	height: 18px;
	position: absolute;
	right: 0;
	bottom: 0px;*/
	}
/* Tabelle getaetigte Berechnungen */
table.berechnungen {border-bottom: 1px solid #525252;}

/************************************************
*				Temperaturtabellen				*
************************************************/
.temperaturtabelle {border-bottom: 1px solid #525252;}
.suche {margin-bottom:25px;}
.suche select {float: none; margin-bottom:-0px;}
.suche input.searchbutton {
	width: 8px;
	height: 18px;
	border: none;
	background: url(../images/design/searchbutton_green.gif) no-repeat center right;
	cursor: pointer;
}

#content input.alphabet 
{
	border: none;
	color: #018569;
	background: none;
	cursor: pointer;
	width:22px;
	margin: 10px 0px 20px 0px;
}
#content input.alpha-active 
{
	color: #525252;
	font-weight: bold;
}

#content img.fachbuch 
{
	float: right;
}

/*#content ul.alphabet { margin: 10px 0px; padding-bottom:10px;}
#content ul.alphabet li {
	float:left;
	background: none;
	width: 20px;
	padding:0px;
}
#content ul.alphabet li input {
	border: none;
	color: #018569;
	background: none;
	cursor: pointer;
}*/

/************************************************
*				Offertanfrage					*
************************************************/
.offertanfrage {border-bottom: 1px solid #525252; padding-bottom: 35px; margin-bottom: 40px;}
.offertanfrage fieldset {width: 315px;}
.offertanfrage fieldset.left {margin-right: 0;}
.offertanfrage fieldset.right {padding-left: 60px; width: 254px;}
.offertanfrage label {width: 230px; margin-top: 28px;}
.offertanfrage span {width: 60px;}
.applikation {clear: both;}
.applikation label {width: 120px; margin: 4px 0 0 0;}
.applikation select {width: 180px; height: 20px;}


/************************************************
*					Contact						*
************************************************/
fieldset.anz-bestellen {padding-bottom: 45px; width: 450px;}
input.anz {width:20px; text-align:right;}
.anz-bestellen label {float:none;width: 150px;margin-left:5px;line-height:1.4em;}
/*input.reset {margin-left: 5px; }
input.reset, .formular input.submit {float:left; clear:none; width: 90px; }*/

/************************************************
*					Login						*
************************************************/
fieldset.login {padding: 15px 0; width:415px;}
fieldset.login label {width:175px;}
.login-buttons a.link, .login-buttons a.link:link, .login-buttons a.link:visited {
	display: inline;
	padding-right: 35px;
}
.validationGroup {margin: 20px 0px;}
#content .validationGroup ul {margin-left:0px;}

/************************************************
*				Registrierung					*
************************************************/
.new-user fieldset {width: 360px;}
.new-user fieldset label {width: 150px;}
.new-user fieldset.right input {margin-top: 3px;}
.new-user fieldset span {width: auto;}
.new-user input.submit {margin-left: 160px; }


fieldset.passwort {width: 400px;}
fieldset.passwort label {width: 140px;padding-top:3px;}
fieldset.passwort input {margin-top: 3px;}
fieldset.passwort span {float:none;}



/************************************************
*					Reglonet					*
************************************************/

.spacing {height: 24px; width: 100%; padding: 6px 0px; }
.imageupload select
{
	border:1px solid #716F64;
	float:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:1em;
	height:20px;
	margin:0pt 0pt 6px;
	padding:2px 0px;
	width:187px;
}
.imageupload input 
{
	border:1px solid #716F64;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	width:182px;
	font-size:1em;
	height:14px;
	padding: 1px 2px;
}
textarea.picdescription 
{
	height: 55px;	
}
input.btn 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0 2px;
	border: 1px solid #716f64;
	line-height: 1.3em;
	clear: both;
	width: 100px;
	height: 20px;
	margin: 5px;
	color: #525252;
	background: #fff;
}