* {
	font-family:  "Bosch Sans Regular", serif;
}
@font-face {
	font-family: Bosch Sans Regular;
	src: url(../BoschSans-Regular.ttf) format("truetype");
}
@font-face {
	font-family: Bosch Office Sans Regular;
	src: url(../BoschOfficeSans-Regular.otf) format("opentype");
}
@font-face {
	font-family: Bosch Office Sans Bold;
	src: url(../BoschOfficeSans-Bold.otf) format("opentype");
}
@font-face {
	font-family: Bosch Sans Cond Regular;
	src: url(../BoschSansCond-Bold.otf) format("opentype");
}

@font-face {
    font-family: "Bosch Sans";
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/boschsans_bold.eot') format("eot"), 
        url('/fonts/boschsans_bold.woff2') format("woff2"), 
        url('/fonts/boschsans_bold.woff') format("woff"), 
        url('/fonts/boschsans_bold.ttf') format("truetype"), 
        url('/fonts/boschsans_bold.svg') format("svg");
}

@font-face {
    font-family: "Bosch Sans";
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/boschsans_regular.eot') format("eot"), 
        url('/fonts/boschsans_regular.woff2') format("woff2"), 
        url('/fonts/boschsans_regular.woff') format("woff"), 
        url('/fonts/boschsans_regular.ttf') format("truetype"), 
        url('/fonts/boschsans_regular.svg') format("svg");
}

@font-face {
    font-family: "Bosch Sans";
    font-style: normal;
    font-weight: 100;
    src: url('/fonts/boschsans_light.eot') format("eot"), 
        url('/fonts/boschsans_light.woff2') format("woff2"), 
        url('/fonts/boschsans_light.woff') format("woff"), 
        url('/fonts/boschsans_light.ttf') format("truetype"), 
        url('/fonts/boschsans_light.svg') format("svg");
}

#header #navMeta,
#footer a,
#wrapperAll {
	/* font-family:  "Bosch Sans Regular", serif; */
}
#websiteTitleArea {
	font-size: 2.5em;
	/* font-family:  "Bosch Office Sans Bold", serif; */
}
.modal {
	position: fixed;
	top: 50%;
	margin-top: -50px;
}
.modal#send-dialog,
.modal#download-dialog {
	margin-top: -250px;
}
.modal#gdpr-modal,
.modal#gdpr-form-modal {
	margin-top: -330px;
	z-index: 100000;
}
.modal#gdpr-modal .modal-content,
.modal#gdpr-form-modal .modal-content {
	overflow: hidden;
}
.modal#gdpr-modal .gdpr-text-box,
.modal#gdpr-form-modal .gdpr-text-box {
	height: 470px;
	overflow-y: scroll;
	border: solid 1px;
	padding: 5px;
	text-align: justify;
}
.modal#gdpr-form-modal .gdpr-form {
	float: left;
}
.modal#gdpr-form-modal .gdpr-form label {
	margin-left: 5px;
	margin-right: 15px;
}
.modal#gdpr-form-modal .modal-header .close {
	display: none;
}
.col-sm-3,
.col-sm-4,
.col-sm-8,
.col-sm-9 {
	padding: 0 7px;
}
#mainNavArea {
	margin-left: 8px;
	margin-right: 7px;
}
ul#mainNav li {
	cursor: pointer;
}
ul#mainNav {
	width: 100%;
}
ul#mainNav li a {
	font-size: 14px;
	/* font-family: "Bosch Sans Cond Bold", serif; */
}
ul#mainNav li.username,
ul#mainNav li.password {
	float: right;
	background-color: #ececed;
	margin-bottom: 2px;
}
ul#mainNav li.username input,
ul#mainNav li.password input {
	width: 120px;
}
ul#mainNav li.forgot-password {
	float: right;
	padding-left: 0px;
	padding-right: 0px;
}
ul#mainNav li.forgot-password a {
	background-color: transparent;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(images-design-2016/cd_navseparator.gif);
	padding-left: 10px;
	padding-right: 10px;
}
ul#mainNav li.username input,
ul#mainNav li.password input {
	height: 19px;
	color: #000;
	background-color: #ececed;
	border: none;
}
.navbar {
	min-height: 32px;
	border-radius: 0;
}
.navbar.plan {
	margin-bottom: 12px;
}
#plan .navbar .navbar-toggle {
	float: left;
}
#plan .navbar .navbar-toggle .icon-bar {
	background-color: #fff;
}
#plan .navbar .navbar-collapse.collapse.in,
#plan .navbar .nav,
#plan .navbar-header {
	margin-left: 0;
	margin-right: 0;
}
.navbar.flue .quantities {
	position: absolute;
	top: 0;
	right: 0;
	margin: 4px;
	display: none;
}
.quantities span {
	color: #ff0;
	font-weight: bold;
}
.navbar,
.nav {
	background-color: #4f606c;
}
.navbar .container {
	padding: 0 5px;
}
.navbar .collapse {
	padding: 0;
}
.nav li a {
	color: #fff;
	/* font-family: "Bosch Office Sans Regular", serif; */
}
.navbar .nav li a {
	padding: 5px 9px;
	border-right: solid 1px #9d9d9d;
}
.nav#flue-size-bar li a {
	padding: 5px 5px;
	font-size: 13px;
}
.nav.boiler {
	padding: 10px 0 40px 0;
	font-size: 13px;
}
div#index,
div#imprint,
div.privacy-statement,
div.legal-notice {
	padding: 10px;
}
div#imprint p {
	font-size: 14px;
	line-height: 18px;
	width: 455px;
}
div#index #accept-button {
	float: right;
}
div.privacy-statement p,
div.legal-notice p,
div#index p {
	clear: both;
	margin-bottom: 1em;
	text-align: justify;
}
div.privacy-statement h1,
div.privacy-statement h2,
div.legal-notice h1,
div.legal-notice h2,
div#index h1,
div#index h2 {
	clear: both;
	margin-bottom: 1em;
}
#plan .nav.boiler .glyphicon,
#plan .info .glyphicon {
	font-size: 9px;
	display: inline-block;
	margin-bottom: 2px;
}
.nav.boiler li a {
	padding: 1px 10px 2px 10px;
}
.nav .disabled a {
	color: #939aa1;
}
.nav li.active > a,
.nav li.active > a:focus {
	background: linear-gradient(#0069a4, #005b94);
}
.nav li > a:hover {
	background: inherit;
}
.nav li a {
	border: none;
	padding: 2px 0;
}
#plan {
	position: relative;
	/*height: 672px;*/
}
#plan .info {
	position:absolute;
	height: 90px;
	left: 7px;
	right: 7px;
	bottom: 10px;
	padding: 10px 0 0 75px;
	background: #f1f1f1 url('../images/mouse.png') 10px 10px no-repeat;
	 /* font-family: "Bosch Office Sans Bold", serif; */
}
#send-plan {
	position: absolute;
	top: 5px;
	right: 5px;
}
#send-plan .btn {
	margin-bottom: 10px;
	background: linear-gradient(#0069a4, #005b94);
}
#plan .col-sm-4 {
	min-height:660px;
}
#plan .col-sm-4 .panel {
	margin-bottom: 110px;
}
#summary {
	margin-bottom: 10px;
}
#summary h1 {
	padding: 0 7px;
}
#summary-table td.name,
#summary-table td.select-number {
	white-space: nowrap;
}
/*#summary div.select-number {*/
/*float: right;*/
/*margin-right: 16px;*/
/*}*/
#summary-table td.select-number .quantity
	/*, div.select-number .quantity*/ {
	width: 27px;
}
#summary img.boiler-schema {
	width: 330px;
	height: auto;
}
#summary .message.allowed-length.warning {
	color: red;
	font-weight: bold;
}
#summary .message.length,
#summary .message.interval {
	color: red;
	display: none;
	font-weight: bold;
}
#summary .message.length.warning,
#summary .message.interval.warning {
	display: inherit;
}
#summary .btn-lg {
	font-size: 16px;
}
#summary-table .select-number .quantity {
	text-align: center;
}
#model-house {
	position: relative;
	width: 654px;
	height: 540px;
	clear: both;
}
#model-house .layer.zwb-24-1re {
	display: none;
}
#model-house img {
	position: absolute;
	top: 0;
	left: 0;
	width: 654px;
	height: auto;
}
#model-house img.rollover {
	width: 147px;
	height: auto;
}
#my-plans-grid .action-cell,
#my-plans-grid .date-cell {
	white-space: nowrap;
}
#admin-index .menu{
	padding: 100px 0 100px 0;
	height: 300px;
}
#admin-index .menu a {
	width: 100%;
}
div.system-message {
	text-align: center;
}
div.system-message p {
	margin: 300px 0;
}

#signup-form, #plan-index, #admin-index {
	margin-left: 8px;
	margin-right:7px;
}
.form-group.required:not(.field-signupform-captcha) label::after{
	content: " *";
}
input.warning {
	border: solid 1px red;
}
#summary-table td {
	position: relative;
}
#summary-table td.description .picture {
	position: absolute;
	top: 0;
	left: 0;
	width: 408px;
	margin-left: 8px;
	padding: 3px;
	border: solid 1px;
	text-align: center;
	background-color: #fff;
	z-index: 10000;
	display: none;
}
#summary-table td.description .picture img {
	width: 100%;
	max-width: 400px;
	max-height: 257px;
}
#summary-table td.description .picture .close {
	position: absolute;
	top: 3px;
	right: 3px;
}
#summary-table th.name {
	width: 121px;
}
#summary-table th.description {
	width: 315px;
}
#summary-table th.ttnr {
	width: 101px;
}
input.error {
	color: #f00;
	border: solid 1px #f00;
}
button#refresh-captcha {
	margin-bottom: 15px;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */