﻿@charset "UTF-8";


/*** basic layout ***/

.containerLeftRight
{
	min-width: 425px;         /* minimum: max(LC, RC) width -> 300px */
	padding-left: 250px;      /* LC width */
	padding-right: 300px;     /* RC width */
}

.containerLeft
{
	min-width: 250px;         /* LC width */
	padding-left: 250px;      /* LC width */
}

#container .column
{
	position: relative;
	float: left;
}

#center
{
	width: 100%;
}

#left
{
	width: 250px;             /* LC width */
	right: 250px;             /* LC width */
	margin-left: -100%;
}

#right
{
	width: 300px;             /* RC width */
	margin-right: -100%;
}

#footer
{
	clear: both;
	position: relative;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
}

/* IE6 Fix */
* html #left
{
	left: 300px;              /* RC width */
}


/*** header ***/

#header
{
	height: 75px;
}

#header #header-left
{
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 75px;
	background: url(../images/Layout/stripe-once.gif) 0 -16px repeat-x;
}

#header #header-in
{
	position: absolute;
	top: 0;
	min-width: 1024px;
	width: 100%;
	height: 75px;
	z-index: 1;
	/*background: url(../images/Layout/wave-right.png) right top no-repeat;*/
}

#topmenu
{
	height: 100%;
	margin-left: 60px;
	text-align: left;
}

#topmenu #shadow
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-top: 75px;
	margin-left: 60px;
	margin-right: 60px;
	z-index: 1;
	height: 8px;
	/*background: url(../images/Layout/top-menu-shadow.png) 0 0 no-repeat;*/
}

#topmenu #shadow img
{
	width: 100%;
}

#logo
{
	position: absolute;
	right: 75px;
	top: 0;
	padding: 11px 0;

	/*z-index: -1;*/
	pointer-events: none;
}

#logo img
{
	width: 138px;
	height: 52px;
}

.hmenu_ul li.center, .hmenu_ul li.end
{
	background: url(../images/Layout/hmenu-hg.jpg) 0 0 no-repeat;
}

.hmenu_ul .hmenu_li a.linkTempDisabled
{
	color: #75615D;
}

/*** footer ***/

#footer
{
	height: 42px;
	min-width: 900px;	/* 2*450px */
}

#footer #footer-line
{
	height: 15px;
	/*background: #999 url(../images/Layout/footer-line.png) right top no-repeat;*/
}

#footer #footer-menu
{
	height: 27px;
	min-width: 450px;
	padding-left: 450px;
}

#footer #footer-menu-v1
{
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
}

#footer #footer-menu
{
	background: #E9E9E9
}

#footer #footer-menu .column
{
	position: relative;
	float: left;
}

#footer-menu-left
{
	overflow: hidden;
	height: 100%;
	width: 450px;
	right: 450px;
	margin-left: -100%;
}

#footer-menu-left .infocenter_ul
{
	padding-top: 6px;
	padding-left: 50px;
	white-space: nowrap;
}

#footer-menu-right
{
	overflow: hidden;
	height: 100%;
	width: 100%;
	text-align: right;
}

#footer-menu-right .infocenter_ul
{
	padding-top: 6px;
	padding-right: 50px;
	white-space: nowrap;
}


/*** center **/

#center
{
	background: url(../images/Layout/Mit-Feuer-und-Flamme.png) center 60px no-repeat;
	background-size: 350px 117px;
	min-height: 380px;
}


/*** left side ***/

#left
{
	/*background: url(../images/Layout/leftside-overlay.png) right top no-repeat;*/
	min-height: 218px;
	overflow: hidden;
}

#left .padding
{
	padding: 67px 40px 0 15px;
}

#left .box
{
	margin-bottom: 45px;
}


/*** right side ***/

#right
{
	overflow: hidden;
	height: 440px;
	z-index: -1;	/* keep center-div above (e.g. resized textareas) */
}

#right .pic1
{
	margin-top: 2px;
}

#right .pic2
{
	margin-top: 7px;
}

.wave
{
	position: absolute;
	z-index: 999;
	right: 0;
	top: 0;
	width: 70px;
	height: 100%;
	/*background: url(../images/Layout/wave-right.png) 0 -75px no-repeat;*/
}


/*** controls ***/

table.profileInformation
{
}
table.profileInformation th, table.profileInformation td
{
	padding: 5px
}

.aspFrame
{
	width: 100%;
	border: 0px none black;
}

table.languageSelection th, table.languageSelection td
{
	padding: 0.5em;
}

.assistantButtons
{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: 20px;
	text-align: right;
}

.assistantButtons input, .assistantButtons a
{
	margin-left: 10px;
}

.specificAssistantStep input, .specificAssistantStep a
{
	min-width: 0px !important;
}

.varioAss
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

.varioAssFeature
{
	width: 160px;
	white-space: nowrap;
}

.varioAssSetArticleName
{
	width: 127px;
	font-weight: bold;
}

.varioAssArticleDetails
{
	margin-left: 133px;
}

.varioAssModuleName
{
	width: 120px;
	/*white-space: nowrap;*/
}

.varioAssCollapsableModul
{
	margin-left: 15px;
}

.profiList li
{
	padding-bottom: 5px;
}
.profiList li.selected
{
	font-weight: bold;
}

table.profiStoveGroupContainer
{
	min-width: 600px;
}
table.profiStoveGroupContainer th, table.profiStoveGroupContainer td
{
	vertical-align: top;
}
table.profiStoveGroupContainer th.imageColumn, table.profiStoveGroupContainer td.imageColumn
{
	text-align: center;
	vertical-align: middle;
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 20px;
}
.profiStoveGroup
{
	padding-left: 15px;
}

table.profiArticleListContainer
{
	min-width: 600px;
}
table.profiArticleListContainer th, table.profiArticleListContainer td
{
	vertical-align: top;
}
table.profiArticleListContainer th.imageColumn, table.profiArticleListContainer td.imageColumn
{
	text-align: center;
	vertical-align: top;
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 20px;
}
.profiArticleList
{
	padding-left: 15px;
}

.basketLink
{
	font-weight: bold;
}

a.addedToBasket
{
	font-weight: bold;
}

table.ordersList
{
	border-left: 2px solid #E6E6E6;
	border-top: 2px solid #E6E6E6;
	border-right: 2px solid #73838F;
	border-bottom: 2px solid #73838F;
	border-collapse: collapse;
}
table.ordersList th, table.ordersList td
{
	border: 1px solid #E6E6E6;
	padding: 3px;
}
.ordersList a:visited
{
	color: #800080; /* Purple */
}
.ordersList + h3
{
	margin-top: 25px;
}

.orderSearchControls tr, .orderSearchControls td
{
	vertical-align: top;
}
.orderSearchControls th, .orderSearchControls td
{
	padding: 5px;
	white-space: nowrap;
}
.orderSearchControls input[type="text"]
{
	width: 95%;
}
.orderSearchControls select
{
	width: 100%;
}

.orderDetailAddress
{
}
.orderDetailAddressLabel
{
	width: 120px;
	white-space: nowrap;
}

.orderDetailDeliveryCosts
{
	margin-bottom: 10px;
}
.orderDetailDeliveryCosts th, .orderDetailDeliveryCosts td
{
	padding-left: 15px;
}

.orderDetailItems, .orderDetailItems th, .orderDetailItems td
{
	border: 1px solid Gray;
}

table.importExport
{
	border: none;
}
table.importExport th, table.importExport td
{
	padding: 5px;
}
table.exportedLast
{
	border: 1px solid #E6E6E6;
}
table.exportedLast th, table.exportedLast td
{
	border: 1px solid #E6E6E6;
}

table.complaintList
{
	border: 2px solid #999;
	width: 100%;
}
table.complaintList tr
{
	vertical-align: top;
}
table.complaintList th, table.complaintList td
{
	border: 1px solid #999;
}
table.complaintList tr.thickBottomBorder
{
	border-bottom: 2px solid #999;
}
table.complaintList th.selectionColumn, table.complaintList td.selectionColumn
{
	text-align: center;
}
table.complaintList th.textColumn, table.complaintList td.textColumn
{
	white-space: pre-wrap;
}

table.articleDescriptions
{
	border: 1px solid #999;
	width: 100%;
}
table.articleDescriptions tr
{
	/*vertical-align: top;*/
}
table.articleDescriptions th, table.articleDescriptions td
{
	border: 1px solid #999;
}
table.articleDescriptions th.editColumn, table.articleDescriptions td.editColumn
{
	border-right-width: 0px;
}
table.articleDescriptions th.deleteColumn, table.articleDescriptions td.deleteColumn
{
	border-left-width: 0px;
}

table.mlLiteralSearch
{
	border: 1px solid #999;
}
table.mlLiteralSearch th, table.mlLiteralSearch td
{
	border: 1px solid #999;
}
table.mlEditLiterals
{
	border: 1px solid #999;
}
table.mlEditLiterals th, table.mlEditLiterals td
{
	border: 1px solid #999;
}
table.mlEditLiterals th.translationColumn, table.mlEditLiterals td.translationColumn
{
	white-space: nowrap;
}
table.mlLanguageList
{
	border: 1px solid #999;
}
table.mlLanguageList th, table.mlLanguageList td
{
	border: 1px solid #999;
}

table.priceList
{
	border: 1px solid #999;
}
table.priceList th, table.priceList td
{
	border: 1px solid #999;
}

table.catLimesList
{
	border: 1px solid #999;
}
table.catLimesList th, table.catLimesList td
{
	border: 1px solid #999;
}

table.clickAndOrderPartDefinitionList
{
	border: 1px solid #999;
}
table.clickAndOrderPartDefinitionList th, table.clickAndOrderPartDefinitionList td
{
	border: 1px solid #999;
}

.timeFromTo_Header
{
	text-align: center;
}
.timeFromTo_Header span
{
	/*font-size: 1.2em;*/
	font-weight: bold;
	text-transform: uppercase;
}
.timeFromTo span.timeSeparator
{
	padding-left: 3px;
	padding-right: 3px;
	line-height: 1.6em;
	font-size: 1.3em;
	font-weight: bold;
}
.timeFromTo span.timesSeparator
{
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.3em;
	font-size: 1.3em;
	font-weight: bold;
}

.customerData_FeatureCategory
{
	color: #7A3424;
	font-weight: bold;
}
.customerData_FeatureSubcategory
{
	font-weight: bold;
	display: block;
	margin-top: 5px;
}
.customerData_FeatureSubcategoryPanel
{
	margin-left: 20px;
}
.customerData_LabelLegend
{
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}

.locationReport_CheckBox
{
	display: inline-block;
	padding: 4px;
}


/*** misc ***/

/* eSales v1.x */
.simple_table_header_schrift 	{ color:black;  }
/*.hintergrund_allgemein		{ background-color:#EEEEEE }*/

/* override table settings from cssbase.css */
table
{
	margin-bottom: auto;
}
th, td
{
	border-width: 0px;
	padding: 2px;
}

/* reset widths/heights for input elements */
.button, input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"]
{
	width: auto;
}
.button, input[type="submit"], input[type="reset"], input[type="button"]
{
	min-width: 120px;
}
textarea
{
	width: auto;
	height: auto;
}

/* remove borders from checkboxes and radio buttons (Lohberger.css) (IE8 fix) */
input[type="checkbox"], input[type="radio"]
{
	border-width: 0px;
}

/* decrase line-height from Lohberger.css */
label
{
	line-height: 20px;
}

/* use same sizing as for input elements */
a.button
{
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
}
a.button:hover
{
	text-decoration: none;
}

.font4 { color: #7A3424; font-size: 1.167em; }

label
{
	padding-left: 5px
}

table.noborder, table.noborder tr, table.noborder th, table.noborder td
{
	border: none;
}

.hidden
{
	display: none;
}

.labelError
{
	font-weight: bold;
	font-size: 1.2em;
	color: Red;
}
.labelInformation
{
	font-weight: bold;
	font-size: 1.2em;
	color: Green;
}


@media print
{
	#header-left, #hmenu, #shadow { display: none; }
	#center { background: none; }
	.assistantButtons { display: none; }
}
