html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong { font-weight: 700; }
em { font-style: italic; }
i { font-style: italic; }

/* html & body */
html { font-size: 11px; }
body {
	font-size: 11px;
	line-height: 16px;
	background: #ffffff repeat-x;
	font-family: Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	color: #666666;
	overflow-y: scroll;
}
a.uncolored { color: #666666; }
a {
	color: #CC0033;
	text-decoration: none;
}
a:hover,
a.uncolored:hover { text-decoration: underline; color: #CC0033; }
a.clean,
a.clean:hover { color: #666666; text-decoration: underline; }
.offscreen,
.label_offscreen label {
	position: fixed;
	left: -2000px;
	top: -20000px;
}
a.mail {
	cursor: pointer;
}

.hr { clear: both; }
.hr hr { display: none; }
.hr-style { clear: both; height: 1px; font-size: 1px; background: #d6d6d6; margin: 15px 0px; }
.hr-style hr { display: none; }

.js-text { display: none; }

/* text elements */
h1, h2, h3, h4, h5, h6 {
	font-size: 16px;
	line-height: 18px;
	color: #CC0033;
	margin-bottom: 10px;
	font-weight: bold;
}
p { margin-bottom: 10px; }
h1 { margin-bottom: 15px; }
h2 { font-size: 13px; }
h3 { font-size: 12px; }
h4, h5, h6 { font-size: 11px; }
.default-margin { margin-bottom: 10px; }
.big-margin-top { margin-top: 30px; }

/* page construct */
#page {
	width: 950px;
	margin: 0 auto;
	position: relative;
}
#header {
	height: 150px;
	margin-bottom: 2px;
	position: relative;
}
#content {
	background: url(../img/content_bg.png) repeat-y;
	margin-bottom: 2px;
	position: relative;
}
#footer {
	background: #ECECEC;
	font-size: 10px;
	padding: 20px;
	position: relative;
}

/* header elements */
#header .logo {
	position: absolute;
	left: 14px;
	text-indent: -8000px;
	top: 34px;
	background: url(../img/braselmann-logo.png) no-repeat left top;
	width: 317px;
}
#header .logo.logo-au{
	background: url(../img/braselmann-logo-au.png) no-repeat left top;
}
#header .logo a { display: block; height: 44px; }

/* header nav */
#header .nav {
	background: url(../img/nav-bg.gif) repeat-x;
	height: 26px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 950px;
}
#header .nav > li {
	float: left;
	margin-right: 3px;
	height: 26px;
}
#header .nav > li.first { margin-left: 20px; }
#header .nav > li.active,
#header .nav > li:hover { background: #000000; }
#header .nav > li a {
	display: block;
	padding: 0px 10px;
	line-height: 26px;
	color: #ffffff;
}
#header .nav > li a:hover { text-decoration: none; }

#header .nav .sub {
	z-index: 99;
	position: absolute;
	top: 26px;
	display: block;
	padding-top: 2px;
}
#header .nav li .sub li { background: #000000; }
#header .nav li .sub li:hover {
	background: #e2001a;
}

#header .nav .sub { display: none; }
#header .nav li.sfHover .sub,
#header .nav li.sfHoverSub .sub { display: block; }
#right .nav .imprint{ margin-top: 20px; }
/* Logged in */
#header .logged-in {
	position: absolute;
	right: 0px;
	top: 34px;
}
#header .logged-in h2,
#header .logged-in p { text-align: right; }

/* systeminfo */
#system-info {
    height: 19px;
    position: absolute;
    right: 0px;
    top: 99px;
    bottom: 45px;
    color: #ff0000;
    font-weight: bold;
    font-size: 16px;
}

/* language */
.language-selection {
	position: absolute;
	right: 0px;
	top: 10px;
}
.language-selection li {
	float: left;
	margin-left: 10px;
	width: 21px;
	height: 13px;
	text-indent: -80000px;
	overflow: hidden;
}
.language-selection li a {
	display: block;
	height: 100%;
}
#NOT.language-selection li.deu { background: url(../img/lang/de.gif); }
#NOT.language-selection li.eng { background: url(../img/lang/en.gif); }
#NOT.language-selection li.fre { background: url(../img/lang/fr.gif); }
#header form { margin-bottom: 0px; }

/* content elements */
#content #main {
	padding: 20px;
	float: left;
	width: 638px;
	/* julian geändert : man sieht die News bei Einzelansicht einer Nachricht nicht*/
	min-height: 200px;
	position: relative;
}
#content #right {
	padding: 20px;
	float: left;
	width: 230px;
	position: relative;
	margin-left: 2px;
}

/* right definition */
#content #right .box .inner { background: #ffffff; padding: 10px; }

/* don't show in AU version */
.au #addPercentOnPriceBox{
	display: none;
}


/* footer elements */
#footer{min-height: 40px;}
#footer p { margin-bottom: 0px; }
#footer .one, #footer .two { float: left; width: 317px; }


/* inputs */
form { margin-bottom: 15px; }
div.input { margin-bottom: 10px; }
.text label,
.datetime label,
.number label,
.file label,
.password label,
.select label,
.textarea label {
	display: block;
	text-align: left;
	line-height: 24px;
}
.text input,
.number input,
.password input,
.textarea textarea,
.select select,
.pager input,
.pager select {
	position: relative;
	width: 200px;
	border: 1px solid #d6d6d6;
	height: 22px;
	line-height: 22px;
	padding: 0px 2px;
	font-family: Verdana,Arial,sans-serif;
	font-size: 11px;
}
input[type='number'] {
	-moz-appearance:textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.textarea textarea { height: 120px; width: 380px; }
.span-output span {
	height: 20px;
	padding: 2px 2px;
	line-height: 18px;
	display: block;
}
.select select { width: 286px; height: 24px; padding: 2px 2px; }
.input input:active,
.input input:focus,
.input select:active,
.input select:focus,
.input textarea:focus,
.input textarea:active { border-color: #CC0033; }
.error input,
.error select,
.error textarea { border-color: #f62c2c !important; }
.input .error-message {
	padding-left: 180px;
	color: #f62c2c;
}
.input input.quantity { width: 35px; text-align: center; }
div.actions { height: 24px; }
div.actions .right { float: right; }
div.actions .submit { float: left; margin-right: 10px; }

.error-message { display: none; }

input.disabled,
select.disabled { background-color: #EEEEEE; color: #5D5E5E; }
.disabled label { color: #B2B2B2; }

.radio input {
	width: auto;
	float: left;
	clear: both;
}
.radio label {
	float: none;
	width: auto;
	padding-left: 25px;
	padding-top: 1px;
	display: block;
	margin-bottom: 5px;
}

.checkbox input {
	display: block;
	float: left;
	width: auto;
	line-height: 22px;
	z-index: 2000;
}
.checkbox label {
	position: relative;
	width: 640px;
	float: none;
	line-height: 16px;
	padding-top: 5px;
	padding-left: 25px;
}
.checkbox .error-message { padding-left: 25px; }
.news_header{
	margin-bottom:9px;
	font-size:20px;
	font-weight:bold;
	color:rgb(204, 0, 51);
}
.news_titel{
	font-size:15px;
}
.news_content{
	margin-top:3px;
	font-size:12px;
}
.news_content a{
	font-weight: bold;
}
.news_content_big{
	margin-top:3px;
}
dl { margin-bottom: 10px; }
dl dd {
	float: left;
	width: 120px;
	clear: both;
}
dl dt {
	position: relative;
	padding-left: 120px;
}

/* flash */
.flash-message {
	padding: 10px;
	color: #000000;
	line-height: 16px;
	border: 1px solid #7b0000;
	background-color: #ead7d7;
	margin-bottom: 15px;
}
.flash-success {
	border: 1px solid #009036;
	background-color: #d7ead7;
	color: #009036;
}
.flash-warning {
	border: 1px solid #7B6E00;
	/*background-color: #E8EAD7;*/
	background: transparent;
	color: #333333;
}
.flash-message :last-child { margin-bottom: 0px; }

.flash-error h1,
.flash-error h2 { color: #7b0000 }

/* Content der Nutzungsbedingungen */
.terms_content{
     margin-bottom: 50px;
     overflow-y: scroll;
     height: 370px;
}

.terms_content ul{
	list-style-type: disc;
	margin-left: 35px;
}

#Accepted_TermsIndexForm .submit{
     float: right;
}
#Accepted_TermsIndexForm .input.checkbox{
     float: left;
}

.imprint_content{ padding-bottom: 30px; }


/* lists */
.block-list li {
	float: left;
	margin: 0px 15px 15px 0px;
	background: #d6d6d6;
	width: 286px;
	position: relative;
}
.block-list-full li {
	float: none;
	width: auto;
}
.block-list li .image {
	width: 140px;
	margin-right: 2px;
	float: left;
}
.block-list li .details { float: left; padding: 10px; }
.block-list li .more-link {
	position: absolute;
	bottom: 0px;
	right: 10px;
	text-align: right;
}

.block-list__fullwidth li {
	width: 618px;
	padding: 10px
}

.block-list__fullwidth li .image {
	margin: 0;
}

.block-list__fullwidth li .details {
	float: none;
	padding: 0;
	margin-left: 150px;
	padding-bottom: 24px;
}

/* door calculation */
.door-calculation {

}
.door-calculation .door-head { padding-bottom: 10px; }
.door-calculation .settings {
	position: relative;
	overflow: hidden;
	padding-left: 10px;
}
.door-calculation .door-sizes { height: 40px; width:230px;}
.door-calculation .door-sizes .number { float: left; margin-right: 10px; }
.door-calculation .settings .number input { width: 80px;  }
.door-calculation .settings .select select { width: 87px; }
.door-calculation .door-options { clear: both; }

.door-calculation .door-properties {
	clear: both;
}

/* Eingabefelder */
.option {
	clear: both;
	padding: 5px 0px;
	position: relative;
}
.option:hover { background-color: #efefef; }
.option .input { margin-bottom: 0px; }
.option .selection {
	float: left;
	width: 290px;
}
.option .selection label {
	padding-left: 0px;
	margin-left: 25px;
	display: block;
	width: auto;
	padding-top: 0px;

	padding-top: 3px;
	line-height: 14px;
}
.option .definitions {
	float: right;
	margin-left: 10px;
	margin-right: 80px;
	display: none;
}

.option .definitions.none_checkbox {
     display: block;
}

.option .small_input,
.option .small_select,
.option .smaller_select { float: left; margin-left: 10px; }
.option .small_input label,
.option .small_select label,
.option .smaller_select label { float: left; text-align: right; }
.option .small_input input,
.option .small_select select,
.option .smaller_select select { width: 40px; margin-left: 10px; }
.option .small_select select { width: 130px; }
.option .smaller_select select { width: 50px; }

.option .small_distance label { width: 5px; }

.option .price {
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -8px;
	display: none;
}

#option_COLORCOATING_RAILS {
    margin-left: 25px;
}

#definitions_BRETTERVERPACKUNG {
	display: none;
}

.activated .definitions { display: block; }
.disabled .definitions { display: none; }
.activated .price { display: block; }

.option .product-inclusive {
	display: block;
	clear: both;
	margin-left: 25px;
	font-style: italic;
	color: #666666;
}

.block { margin-top: 20px; }
.block:first-child { margin-top: 0px; }

/* tablesorter */
table.tablesorter,
table.clean-table {
	font-family:arial;
	margin:10px 0pt 5px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th, table.clean-table thead tr th {
	background-color: #d6d6d6;
	border: 1px solid #d6d6d6;
	font-size: 8pt;
	padding: 4px;
	color: #CC0033;
}
table.tablesorter thead tr .tablesorter-header {
	background-image: url(../img/tablesorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td, table.clean-table tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
	border: 1px solid #cdcdcd;
}
table.tablesorter tbody tr.odd td {
	background-color:#f7f7f7;
}
table.tablesorter thead tr .tablesorter-headerAsc {
	background-image: url(../img/tablesorter/asc.gif);
}
table.tablesorter thead tr .tablesorter-headerDesc {
	background-image: url(../img/tablesorter/desc.gif);
}
table.tablesorter thead tr .tablesorter-headerDesc, table.tablesorter thead tr .tablesorter-headerAsc {
	background-color: #CC0033;
	color: #ffffff;
}

.default-table th { text-align: left; font-weight: bold; }
.default-table th { width: 120px; padding-bottom: 10px; }
.default-table .default-table td { padding-bottom: 10px; }

div.pager {
	display: inline-block;
	background: #ffffff;
	border: 1px solid #d6d6d6;
	border-top: 0px;
	margin-top: -5px;
	float: right;
	padding: 5px;
	margin-bottom: 15px;
}
div.pager form { margin-bottom: 0px; }
div.pager input { width: 60px; }
div.pager select {
	height: 25px;
    padding: 3px;
    width: 60px;
    margin-left: 3px;
}
div.pager img { position: relative; top: 4px; margin: 0px 1px; }


table.clean-table thead tr th { background: transparent; border: 0px; font-weight: bold; }
table.clean-table tbody td { background: transparent; border: 0px; }

/* Torübersicht */
.projects-doors .door-list > div,.projects-doors .door-list span.pdf div {
	border-top: 1px solid #d6d6d6;
	padding: 10px 5px;
}

.projects-documents ul li{
	border-top: 1px solid #d6d6d6;
	padding: 10px 5px;
}

.projects-doors .door-list > div.door { }
.projects-doors .door-list > div.door:hover,
.projects-doors .door-list > div.active { background: #d6d6d6; }

.projects-doors .details { display: block; float: left; width: 150px; text-overflow: ellipsis; overflow: hidden; height: 16px; }
.projects-doors .icons { display: block; float: right; height: 16px; }
.projects-doors .icons .icon { float: left; margin-left: 5px;}
.projects-doors .icons .icon-hand-point { top: -1px;}
.projects-doors .sizes { display: block; float: left; width: 50%; height: 16px; }
.projects-doors .price { display: block; float: right; width: 50%; text-align: right; height: 16px; }

div.pdfopen, div.pdfdownload{
	display:none;
}

.ui-dialog .ui-dialog-content { padding-top: 20px !important; }
.ui-widget-header { background-image: null !important; }

/* Icons */
.icon {
	position: relative;
	height: 16px;
	width: 16px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	text-indent: -8000px;
}
.icon-inline-table {
	display: inline-block;
    margin-right: 3px;
    margin-top: -5px;
    position: relative;
    top: 4px;
}
.icon-inline {
	display: inline-block;
	position: relative;
	margin-right: 5px;
}
.icon-background {
	display: inline-block;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-left: 25px;
}
.icon.is_ordered, .icon-background.is_ordered {
	opacity:0.5;
}
.icon-door-edit {  background-image: url(/img/icons/door_edit.png) }
.icon-door-copy {  background-image: url(/img/icons/door_add.png) }
.icon-door-delete {  background-image: url(/img/icons/door_delete.png) }
.icon-save { background-image: url(/img/icons/disk.png) }
.icon-print { background-image: url(/img/icons/printer.png) }
.icon-delete { background-image: url(/img/icons/delete.png) }
.icon-order { background-image: url(/img/icons/cart.png); }
.icon-door-add { background-image: url(/img/icons/door_add.png); }
.icon-documents { background-image: url(/img/icons/page_white_text.png); }
.loading { background-image: url(/img/icons/loading.gif); }
.icon-add { background-image: url(/img/icons/add.png); }

/* Validation */
.qtip { border-radius: 3px; padding: 5px; }
.input input:active,
.input input:focus,
.input select:active,
.input select:focus,
.input textarea:focus,
.input textarea:active {
	border-color: #d6d6d6;
	box-shadow: 0px 0px 3px 0px #d6d6d6;
		-moz-box-shadow: 0px 0px 3px 0px #d6d6d6;
		-webkit-box-shadow: 0px 0px 3px 0px #d6d6d6;
}
.error input,
.error select,
.error textarea {
	border-color: #D95252 !important;
}
.error input:active,
.error input:focus,
.error select:active,
.error select:focus,
.error textarea:focus,
.error textarea:active {
	box-shadow: 0px 0px 3px 0px #D95252;
		-moz-box-shadow: 0px 0px 3px 0px #D95252;
		-webkit-box-shadow: 0px 0px 3px 0px #D95252;
}
.error-message {
	color: #7b0000;
}

.contactInfo{
}
.contactInfo fieldset{
}
.contactInfo legend{
	font-weight:bold;
	padding-bottom:5px;
}

.contactInfo input[type=text],form.contactInfo textarea{
		width:300px;
}
.contactInfo select{
	width:306px;
}
.contactInfo label[for=comment],
.contactInfo label[for=ProjectDeliveryWeeks],
.contactInfo label[for=UserDiscountPercent]
{
	font-weight:bold;
}

.contactInfo .plz{
	float:left;
	width:40px;
}
.contactInfo .plz input{
	width:40px;
}
.contactInfo .city{
	float:left;
	padding-left:20px;
	width:40px;
}
.contactInfo .city input{
	width:240px;
}
.contactInfo .country{
	clear:both;
}
.contactInfo .submit {
	padding-top:10px;
}
.contactInfo .submit input{
	width:210px;
}

.contactInfo div.price{
	width:250px;
	text-align:right;
}
.contactInfo div.price.rabatt, .contactInfo div.price.vat{
	border-bottom:1px solid rgb(102, 102, 102);
}
.contactInfo div.price span.text{
	display:inline-block;
	width:120px;
}
.contactInfo div.price span.price{
	display:inline-block;
	width:80px;
}
.profileSettings legend{
	font-weight:bold;
	padding-bottom:5px;
}
ul.disc{
	list-style: disc;
	padding:10px 15px;
}
#right select{
	width:204px;
}

.block.userdata{
	width:310px;
	float:left;
}
.block.delivery{
	width:310px;
	float:right;
}
.block.delivery label{
	font-weight:bold;
}

/* Documents */
.documents .block {
	background: #ffffff;
	padding: 10px;
}
.documents .block h2 {
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.documents .block ul.disc { padding: 0px; }
.documents .block ul.disc li {
	padding-left: 10px;
	list-style-position: inside;
	line-height: 20px;
}

.redraw{
}

.sectionBlock .remove{
	float:left;
     margin-top: 2px;
	padding-left:20px;
	line-height:20px;
	margin-left:10px;
	cursor:pointer;
}
.addSection{
	float:left;
	padding-left:20px;
	line-height:20px;
	margin-left:10px;
	cursor:pointer;
	display:none;
}
.open .addSection{
	margin-top:10px;
	display:inline;
}
.wrapPrices { margin-bottom: 15px; }
.wrapPrices.hide{
	visibility: hidden;
}
#prices input{
	width:60px;
	text-align: right;
}

#prices .newCol { margin-bottom: 10px; float: right;cursor:pointer;}
#prices .newRow { margin-top: 10px; cursor:pointer;}
.addPercentOnPrice{
	display:inline-block;
	width:90px;
	margin-left:10px;
}


table.price{
	font-family:arial;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.price td{
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
	border: 1px solid #d6d6d6;
}
table.price .odd td {
	background-color:#f7f7f7;
}
table.price thead tr tablesorter-headerAsc {
	background-image: url(../img/tablesorter/asc.gif);
}
table.price thead tr .tablesorter-headerDesc {
	background-image: url(../img/tablesorter/desc.gif);
}
table.price tr.odd.hover td, table.price tr.odd td.hover{
	background-color:#dadada;
}
table.price tr.even.hover td, table.price tr.even td.hover{
	background-color:#dadada;
}
table.price th,
table.price td.header,
table.price td.height{
	background-color: #ead7db;
	border: 1px solid #d6d6d6;
	font-size: 8pt;
	color: #CC0033;
	text-align: center;
}
table.price th input,
table.price td.header input,
table.price td.height input{
	background-color: #d6d6d6;
	border: 1px solid #d6d6d6;
	color:rgb(204, 0, 51);
	text-align: center !important;
}


#ProfilesmeasurementsEditForm .submit{
	padding-top:15px;
}


#projectOverview{

}
#projectOverview img{
	max-width :200px;
	max-height:200px;
	margin:10px;
}
table.overview{
	margin: 10px auto;
}

table.overview td{
	padding:5px;
	border: 1px solid #868686;
}

table.overview td.quantity{
	width:30px;
	text-align: right;
}
table.overview td.text{
	width:470px;

}
table.overview td.price{
	width:100px;
	text-align: right;
}
.projectPrice{
	text-align: right;
	width:630px;
}


.optionLight{
	clear:both;
	padding-left:30px;
	padding-top:3px;
}
.optionLight li{
	margin-top:3px;
	list-style: circle;
}

span.delete{
     cursor: pointer;
     color: #CC0033;
     text-decoration: none;
}

span.delete:hover{
     text-decoration: underline;
}

.edit-view {
 	background: #ffffff;
 	padding: 20px;
 	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
 	font-size: 11px;
 	line-height: 16px;
 	color: #000000;
}
.edit-view .block {
	padding-left: 20px;
	margin-bottom: 20px;
}
.edit-view h2 { text-transform: uppercase; margin-bottom: 20px; }
.edit-view h1 { margin-bottom: 25px; font-size: 18px; }
.edit-view dd { font-weight: bold; }
.edit-view dt { padding-right: 10px; word-wrap: break-word; }

.edit-view .hr-style { margin-bottom: 15px; }


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd {margin:10px 10px 10px 20px}
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 10px 10px 10px 10px; }
/* css for timepicker */
.ui-datepicker-current {
	display:none;
}
#PriceValidTimeTime{
	margin-left:10px;
}

/* News  */
.news h1 { margin-bottom: 5px; }
.news h2 { margin-bottom: 0px; text-transform: inherit; }
.news .date {
     font-size: 9px;
     color: #aaa;
     margin-bottom: 0px;
}
.news p{
     word-wrap:break-word;
}
.news .hr-style { margin: 10px 0px; }

.news ul{
     list-style-type:inherit;
     margin-left: 30px;
}
.news ol{
     list-style-type: decimal;
     margin-left: 30px;
}

/* news backend */
#NewsEditForm{
     margin-bottom: 0px;
}
.edit-view .submit{
     margin-top: 15px;
     margin-left: 15px;
}

.product-image {
    max-width: 400px;
}

.option-image {
    position: absolute;
    bottom: 100%;
    left: 50%;
    z-index: 1;
    display: none;
	width: 400px;
}

.option:hover .option-image {
    display: block;
}



#option_FOILCOATING_INNER, #option_FOILCOATING_OUTER, #option_FOILCOATING_BOTH,
#option_COLORCOATING_INNER, #option_COLORCOATING_OUTER, #option_COLORCOATING_BOTH, #option_COLORCOATING_RAILS,
#option_COILCOATING_INNER, #option_COILCOATING_OUTER, #option_COILCOATING_BOTH{
     display: none;
}

/* qtip */
.qtip .qtip-tip {
    overflow: visible !important;
}
.qtip .qtip-tip canvas {
    top: 8px !important;
    position: absolute !important;
}

#cookie-info {
	display: none;
    position: fixed;
    left: 2rem;
    bottom: 2rem;
    width: 30ch;
    margin-bottom: 0;
}