html,
body {
	width: 100%;
	height: 100%;
}

body.LEFTNAV,
body.DEFAULT,
body.GENERIC {
	background-image: url(/e4s/door2parts/client/zsf.4b0961u2k2/images/zeichnung1.JPG);
	background-attachment: fixed;
	background-position: center;
}

.header {
    font-family: Verdana;
    font-size: 9px;
    font-weight: bolder;
    color: #102052;
}

#welcome {
	padding: 20px;
}

#BASKETCONTENT{position: absolute;top: 5px;left: 20px;font-size: 12px;}
.ajax_basket_small_amount{position:relative;text-align: left;left:-4px;}
.ajax_basket_small_price{/*position: absolute;top: 24px;left: -2px;*/display: inline-block;margin-top: 5px;}
.ajax_basket_small_currency{/*position: absolute;top: 24px;left: 29px;*/display: inline-block;}
.ajax_basket_small_currency_symbol{display:none !important;}

@media (max-width: 770px) {
    #BASKETCONTENT{display:none;}
}

.ui-effects-transfer { border: 2px solid green;background-color:white;opacity:0.4;z-index:2000; } 

/* GENERAL */
/* -------------------------------------------------- */

.well,
button,
.btn,
input,
select {
	border-radius: 0 !important;
}

.dv_content {
	height: 100%;
	overflow: auto;
}

/* centered columns styles */
.row-centered {
    text-align:center !important;
}
.col-centered {
    display:inline-block;
    float:none !important;
    /* reset the text-align */
    /*text-align:left !important;*/
    /* inline-block space fix */
    margin-right:-4px !important;
}

.nav_thumblist {
	padding-top: 20px;
	margin: 0 !important;
}

.nav_thumblist .col-centered {
	margin-bottom: 20px;
}

.nav_thumblist .thumbnail {
	border-radius: 0;
	text-decoration: none;
	padding: 0;
	border: none;
}

.navgroupWrapper .sub-title {
	color: #ffffff;
	border-bottom: 1px solid #cc0000;
}

.navgroupWrapper .sub-title.shop {
	border-color: #fff200;
}

.round {
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}

tr.strikeout td {
    text-decoration: line-through;
    color: grey;
}

div.column-3
{
	height: 100%;
	column-count: 3;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	-ms-column-count: 3;
	-o-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 15px;
	-moz-column-gap: 15px;
	-ms-column-gap: 15px;
	-o-column-gap: 15px;
	column-gap: 15px;
	columns: 3;

}

BODY {
    background-color: #000000;
    color: #FFFFFF;
    overflow: hidden;
    font-family: DeltaPro;
}

BUTTON.DEFAULT {
    color: black;
}

.top20 {
    margin-top: 20px;
}

.top30 {
    margin-top: 30px;
}

.top40 {
    margin-top: 40px;
}

.top50 {
    margin-top: 50px;
}

.top60 {
    margin-top: 60px;
}

.top70 {
    margin-top: 70px;
}

.top80 {
    margin-top: 80px;
}

.top90 {
    margin-top: 90px;
}

.fontsize8 {
    font-size: 8pt !important;
}

.fontsize10 {
    font-size: 10pt !important;
}

.fontsize12 {
    font-size: 12pt !important;
}

.fontsize14 {
    font-size: 14pt !important;
}

.fontsize16 {
    font-size: 16pt !important;
}

.fontsize18 {
    font-size: 18pt !important;
}

.fontsize20 {
    font-size: 20pt !important;
}

.fontsize22 {
    font-size: 22pt !important;
}
table.help-dialog {
    color: #000000;
}

BODY.customer {
    color: white;
}

A {
    text-decoration: none;
    color: #FFFFFF;
}

.row {
    text-align: center;
}

DIV.zero {
    height: 0px;
}

A.ajx-cat-struc-tree {
    font-size: 10pt;
    font-weight: bolder;
    color: #32A232;
}

FONT.title_small {
    font-size: 12px;
    font-weight: bold;
    color: #102052;
}

A.title_16 {
    font-size: 16px;
    font-weight: bolder;
    color: #102052;
}

FONT.title_16 {
    font-size: 16px;
    font-weight: bolder;
    color: #102052;
}

FONT.title_18 {
    font-size: 18px;
    font-weight: bolder;
    color: #102052;
}

FONT.title_big {
    font-size: 20px;
    font-weight: bolder;
    color: #102052;
}

FONT.variant_header {
    font-size: 14px;
    color: #FFFFFF;
}

FONT.title_small
FONT.lastvisited {
    font-size: 8pt;
    font-weight: bolder;
    color: #102052;
}

TD.variant_header {
    background-color: #FFFFFF;
}

.machine-header > b > FONT.variant_label {
    color: #fff;
}

FONT.variant_label_error {
    font-size: 8pt;
    color: #FF0000;
}

TD.dimension {
    font-size: 8pt;
    color: #000000;
}

TD.dimension_selected {
    font-size: 8pt;
    color: #000000;
}

TABLE.pos_popup {
    background-color: #A0A0A0;
}

FONT.pos_popup {
    font-size: 10px;
    color: #18215A;
}

FONT.pos_popup_caption {
    font-size: 12px;
    font-weight: bolder;
    color: #000000;
}

TABLE.list-caption {
    background-color: #18215A;
}

FONT.list-caption {
    font-size: 14px;
    font-weight: bolder;
    color: #000000;
}

TABLE.list {
    border: 1px solid #000;
    border-collapse: collapse;
    font-size: 12px;
    text-align: left;
    background-color: #FFFFFF;
    color: #000000;
}

div.markpos{background-color:rgba(128, 128, 128, 0.50);border-radius:25px;}

TD.list {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #E0E0E0;
}

TD.list {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: gray;
}


tr.noOrderPart {
	color: rgba(0, 0, 0, 0.57) !important;
}

tr.hover-row:hover {
    background-color: #60bf19 !important;
    cursor: pointer;
}

tr.highlight-row{
    background-color: #60bf19 !important;
}

TR.list_row_even {
    color: #000000;
    background-color: #FFFFFF;
}

TR.list_row_odd {
    color: #000000;
    background-color: #E6E6E6;
}

TR.list_row_1 {
    font-size: 10px;
}

TR.list_row_2 {
    font-size: 11px;
}

TR.list_row_3 {
    font-size: 12px;
}

TR.list_row_4 {
    font-size: 13px;
}

TR.list_row_5 {
    font-size: 14px;
}

TD.evk {
    font-style: italic;
    color: gray;
}
/*TR.list_header {background-color:#353527 !important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#303030;color:white;}*/
TH.list_header {
    background-color: grey;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #303030;
    color: white;
    padding: 3px 6px;
}
/*TR.list_row { cursor:hand; padding-right:3px;}*/
TR.list_row {
    padding: 3px 6px;
    cursor: pointer;
}

table.list > tbody tr:nth-child(odd)
{
	background-color: lightgrey;
}

TD.list_header {
    background-color: grey;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFFFFF;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
}

A.list_header {
    font-size: 9px;
    font-weight: bolder;
    color: white;
}

FONT.price-info {
    color: #000000;
    font-size: 12px;
    font-weight: bolder;
}

FONT.group-top {
    font-size: 10px;
    font-weight: bolder;
    text-decoration: none;
    color: #353527;
}

FONT.group-year {
    font-size: 10px;
    font-weight: bolder;
    text-decoration: none;
    color: #18215A;
}

FONT.dealer-info {
    color: #3F3F3F;
    font-weight: bolder;
    font-size: 10px;
}

FONT.thumbnail-title {
    color: #353527;
    font-size: 8pt;
}

TABLE.thumbnail {
    border-collapse: collapse;
    border-spacing: 0px;
}

TD.xxx_thumbnail {
    border-color: #3F3F3F;
    border-width: 1px;
    border-style: solid;
}


 /* GROUP /*
 /* -------------------------------------------------- */
img {
	max-width: 100%;
}
 
 img.active {
    border: 3px solid green;
}

img.inactive {
    border: 3px solid black;
}

img.inactive:hover {
    border: 3px solid green;
}


table.machine-table
{
	border:2px solid ; 
	border-collapse:collapse;
	font-family:Verdana;
	font-size:8pt;
	margin:15;
	margin: 0 auto;	
}


/* MACHINE */
/*-------------------------------------------------- */


/* LIST */ 
/* -------------------------------------------------- */

DIV.listwidth {
    width: 100% !important;
    height: 100% !important;
}

table.list-touch {
    line-height: 3;
    /*font-size: 14px;*/
}
/*
@media (max-width: 500px) {
    table.list-touch {
        line-height: 1;
    }
}
*/

.thumbnail_active {
    color: #000000;
}

.thumbnail_inactive {
    color: #000000;
}

.matrix_active {
    background-color: #60bf19;
}

ul.menuSizeTouch {
    font-size: 24px !important;
    position: fixed !important;
    text-align: center;
    left: 0px;
    right: 0px;
    bottom: 35px;
    background: #000000;
    z-index: 1000;
    display: block;
	margin: 0;
	padding-left:0px;
	text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
}
DIV.changeDiv {
    margin-left: 15px;
}

#ITEM_TABLE {
    word-wrap: break-word;
}
table.tbl_matrix {
    font-size: 12px;
    margin: 0 0 0 -1px;
    border-collapse: collapse;
}

/* NAVBAR */
/*-------------------------------------------------- */

DIV.navigation {
    left: 0px;
    top: 0px;
}

DIV.default-background {
    background-color: #353527;
    position: absolute;
    top: 154px;
    left: 10px;
}

DIV.header-image {
    display: block;
    height: 30px;
    width: 110%;
    background: url(../images/header/small_green.png) #000 0px -0px repeat-x;
}

DIV.header-image-fadeout {
    display: block;
    height: 30px;
    width: 400px;
    top: 109px !important;
    left: 1070px !important;
    background: url(../images/header/green_fade.png);
}

DIV.breadcrumps {
    position: relative;
    top: -10px;
    background-color: white;
    z-index: 1;
}

#dv_main {
	height: 100%;
    padding-top: 75px !important;
}

DIV.shop-content {
    background: #E2E2E2;
	/*margin-bottom: 60px;*/
}

.navbar-inverse {
    background-color: #000000 !important;
    border-color: #080808;
}

.navbar-inverse .navbar-nav>.active>a {
    background-color: #60bf19;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #60bf19;
}

.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #60bf19;
}

DIV.header-image {
    display: block;
    height: 30px;
    width: 110%;
    background: url(../images/header/small_green.png) #000 0px -0px repeat-x;
}


/* Sticky footer styles */
/*-------------------------------------------------- */
html {
    position: relative;
    /*min-height: 100%;*/
}

body {
    margin-bottom: 0px !important;
}

.footer {
    z-index: 10000;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 30px;
    background-color: #f5f5f5;
    color: #000000;
	font-size:12px;
	border-top: 1px black solid;
}

@media (max-width: 400px) {
.footer {
    z-index: 10000;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 30px;
    background-color: #f5f5f5;
    color: #000000;
	font-size:7px;
}

.img-group .img-inner {
	height: 150px !important;
}

}

/* LARGER FOOTER */

#dv_white1 {min-height: 100% !important;}

div.footer-large
{
	/*border-top: 1px solid black;
	/*height: 110px;
	/*position:absolute;
	/*bottom:0px;
	width:100%;
	min-height: 20px;
	position: fixed !important;
	bottom: 0px;
	background:rgba(181, 181, 181, 0.4);
	z-index: 5;
	transition: opacity 1.0s ease-in-out;*/
}

div.full
{
	background: rgba(255, 255, 255, 1);
}

ul.footer-large
{
	list-style-type:none;
	padding: 0 !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
}

div.pull
{
	display:inline-block;
	position: relative;
	height: 30px;
	width: 50px;
	bottom: 40px;
	width: 0;
	height: 0;
	border-left: 70px solid transparent;
	border-right: 70px solid transparent;
	border-bottom: 40px solid rgba(181, 181, 181, 0.4);
}

span.pull-icon {
	width: 17px;
	height: 2px;
	background-color: rgba(0,0,0,0.4);
	display: block;
	margin: 4px;
	position: relative;
	left: -12px;
	top: 5px;
	border-radius:2px;
}

.footer-header {
	display: inline-block;
	width: 25%;
}

ul.footer-large > li
{
	border-top: 1px solid lightgrey;
    padding: 7px !important;
}

ul.footer-large > li.first
{
	border-top: 0px;
	color:white;
	font-weight:bolder;
}

div.footer-bg
{
		background: rgba(255, 181, 181, 1);
		height: 100%;
}

div.slidingDiv_footer{height:200px;background: rgba(255, 255, 255, 0.4);display:none;}






/* Dialog */
/*-------------------------------------------------- */
.ui-dialog-titlebar {
    background-color: #60bf19 !important;
    background: #60bf19 !important;
}

.ui-widget-overlay {
    opacity: 0.50 !important;
    filter: Alpha(Opacity=50) !important;
    background: #000000 !important;
}

.ui-icon.ui-icon-myCloseButton {
    background-image: url(../images/close.png) !important;
    border: 0 none;
    cursor: pointer;
    right: 0.2em;
    text-indent: -999em;
    top: 0.1em;
    z-index: 100;
}


/* IconNav - Menu */
/*-------------------------------------------------- */
/*#menu {
    font-size: 18px;
    position: relative;
}*/

#menu > li {
   /* width: 26px;
    height: 26px;*/
    display: inline-block;
}

#menu > li > a {
    text-decoration: none;
		/*padding: 3px 8px;*/
    color: white;
}

#menu > li > span.inactive {
    color: grey;
}

#menu > li > span {
    text-decoration: none;
		/*padding: 3px 8px;	*/;
}

#menu > li > a:hover {
    color: green;
}

#menu > li > span.inactive {
    color: grey;
}

#menu > li > a.active {
    color: #60bf19;
}

#menu > li.removed {
    display: none;
}
	


/* MEDIA QUERY
/*-------------------------------------------------- */
@media (max-width: 992px) {
    DIV.over {
        height: 50% !important;
        width: 100% !important;
    }

    DIV.listwidth {
        width: 100% !important;
        height: 100% !important;
    }
}
/*
@media (min-width: 801px)and (max-width: 991px){
    DIV.overList {
        height: 100% !important;
        width: 41.66666667% !important;
    }
	
	DIV.overOther {
        height: 100% !important;
        width: 58.33333333% !important;
    }
}
*/

@media screen and (max-width: 768px) {
	html body {
		height: 100%;
	}
	
	#footer {
		font-size: 12px;
	}
	
	ul.menuSizeTouch {
		font-size: 30px !important;
	}
}

@media screen and (max-width: 1024px) and (orientation: landscape) {
	.imageDetailContent {
		max-height: 70vh;
	}
	
	#dv_content #d_thumbnails.over,
	#dv_content #d_image.over,
	#dv_content #d_list.over {
		width: 50% !important;
		height: 100% !important;
	}
	
	#dv_content #d_thumbnails.listwidth,
	#dv_content #d_image.listwidth,
	#dv_content #d_list.listwidth {
		width: 100% !important;
		height: 100% !important;
	}
	
	#d_thumbnails,
	#d_image	{
		float: left;
	}
	
	#d_list {
		float: right;
	}
	
	.img-group .img-inner {
		height: 150px !important;
	}
}

@media screen and (orientation: portrait) {
	#d_list,
	#d_image {
		height: 50%;
	}
}

@media screen and (orientation: landscape) {
	#d_list,
	#d_image {
		/*display: inline-block !important;*/
		/*width: 49% !important;*/
		/*height: 100% !important;*/
	}
}

@media (max-width: 500px) {
    DIV.remove {
        display: none !important;
    }
	
	div.img-inner {
		height: 170px !important;
	}
}	

body.BOTOMNAV {
    background-color: #FFF;
    margin-bottom: 100px !important;
    color: #000;
    font-family: Arial;
    font-size: 14px;
}
/*
div.LEFTNAV{
	padding-left: 70px;
}*/

BODY.DEFAULT {
    background-color: #FFF;
    color: #000;
    font-family: Arial;
    font-size: 14px;
}

BODY.GENERIC {
    background-color: #FFF;
    color: #000;
    font-family: Arial;
	margin-bottom: 0px !important;
    font-size: 14px;
}

body.GENERIC #dv_main {
	height: 100% !important;
	padding-bottom: 23px;
}

body.GENERIC #dv_content {
	height: 100%;
	padding: 15px;
	overflow: auto;
}

body.GENERIC .panel-heading h1 {
	margin: 0;
	text-align: center;
	font-size: 24px;
}

button.btn-basket{background-color:#0372B3;color:#FFF;}

td.shop_price{font-weight:bolder;}

.search.input-group {
	margin: 10px auto;
}

.help {
	text-align: right;
}

.help a {
	transition: color 0.2s linear;
	color: rgba(255, 255, 255, 0.8);
}

.help a:hover,
.help a > i:hover {
	color: #ffffff !important;
	text-decoration: none !important;
}

#loginModal .modal-dialog .modal-body {
	text-align: center;
}

#loginModal .modal-dialog iframe {
	min-height: 500px !important;
}

.toggled {
	height: calc(100% - 50px) !important;
}

.toggledFooterHeader {
	position: fixed;
	z-index: 1;
	left: 0;
	width: 100%;
}

/*** Shipping costs - START ***/

html,
body#shipping_costs,
#shipping_container {
	width: 100%;
	height: 100%;
}

body#shipping_costs {
	padding: 20px 50px 20px 50px !important;
	overflow: auto;
	background-color: #ffffff !important;
}

#shipping_header {
	width: 100%;
	min-height: 80px;
}

#shipping_header > div {
	height: 100%;
	padding-left: 0px;
}

#shipping_title {
	padding-right: 5px;
	padding-bottom: 10px;
	font-weight: 600;
}

#shipping_logo img {
	max-height: 200px;
}

#shipping_logo {
	float: right;
	padding: 5px 0px 5px 0px;
	text-align: right;
}

#shipping_text {
	float: left;
}

.dynamic_content {
	text-align: justify;
}

#shipping_table_container {
	padding-top: 2px;
}

#shipping_table {
	margin-bottom: 0px;
	border-top: 1px solid #dddddd;
	border-bottom: 4px solid #000000;
}

#shipping_table > thead > tr {
	border-bottom: 4px solid #000000;
}

#shipping_table > thead th,
#shipping_table > tbody td {
	text-align: center;
}

#shipping_table > tbody td,
#shipping_table > tbody th {
	border: none;
	vertical-align: middle;
}

.shipping_flag img {
    max-width: 30px;
}

#shipping_table .country_row {
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

#shipping_table .country_row th sup {
	font-size: 10px;
	font-weight: 400;
}

#shipping_table .value_range td:first-child {
	padding-left: 25px;
	text-align: left;
	font-size: 12px;
}

#shipping_table .value_range {
	border-top: 1px solid #dddddd;
}

#shipping_additional {
	padding-bottom: 20px;
}

#shipping_additional p {
	margin: 0 !important;
}

#shipping_additional span {
	font-size: 8pt !important;
}

@media screen and (max-width: 720px) {
	#shipping_costs {
		padding: 5px !important;
	}
	
	#shipping_text {
		float:right;
	}
	
	#shipping_logo {
		float: left;
		margin-bottom: 20px;
		text-align: center;
	}
	
	#shipping_title {
		text-align: center;
	}
}

/*** Shipping costs - END ***/

#legal_modal .modal-body,
#shipping_modal .modal-body {
	height: calc(100% - 56px);
}

#legal_modal .modal-content,
#legal_modal .modal-main, 
#legal_modal #legal_main,
#shipping_modal .modal-content {
	height: 100%;
}

#shipping_modal .modal-dialog {
	height: 90%;
	width: 80%;
	margin: 30px auto;
}

#shipping_modal .modal-body iframe {
	width: 100%;
	height: 100%;
	border: none;
}

table#resultTable > thead th:last-child {
	text-align: right;
}

table#resultTable > tbody td:nth-child(4) {
    text-align: center;
}

table#resultTable a {
    color: #428bca;
}

table#resultTable i {
    color: #5cb85c;
}

#overlay,
#overlay > div {
	width: 100%;
	height: 100%;
}

#overlay {
	display: none;
	position:fixed;
	z-index: 99999;
	top: 0; left: 0;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
}

#overlay > div {
	display: table;
}

#overlay > div > div {
	display: table-cell;
	vertical-align: middle;
}

.loader {
	-webkit-filter: grayscale(75%);
	filter: grayscale(75%);
	-webkit-animation: blender 2s linear infinite;
	animation: blender 2s linear infinite;
}

#overlay .loader img {
	max-width: 100px;
}

/* Safari */
@-webkit-keyframes blender {
   0% { -webkit-filter: grayscale(100%); opacity: 0.1; }
  50% { -webkit-filter: grayscale(0%); opacity: 0.6; }
  100% { -webkit-filter: grayscale(100%); opacity: 0.1; }
}

@keyframes blender {
   0% { -webkit-filter: grayscale(100%); opacity: 0.1; }
  50% { -webkit-filter: grayscale(0%); opacity: 0.6; }
  100% { -webkit-filter: grayscale(100%); opacity: 0.1; }
}