/* Fonts */

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  background-color: #e2e2e2;
  margin: 0;
  padding: 0;
}

body {
  background-color: #fff;
  color: #333;
  font-size: 1.0em;
  font-family: "Roboto", Verdana, Helvetica, Sans-Serif;
  margin: 0;
  padding: 0;
}

#body .dxtcLite,
#body .dxflFormLayout,
#body .ui-widget,
#body .dxeTextBox,
#body .auto-style3 {
	font: 15px "Roboto", Verdana, Helvetica, Sans-Serif !important;	
}


a {
  color: #333;
  outline: none;
  text-decoration: underline;
}


fieldset ol {
  list-style: none;
}

a:link, a:visited,
a:active, a:hover {
  color: #000;
}

/*a:hover {
    background-color: #c7d1d6;
}*/
header, footer, hgroup,
nav, section {
  display: block;
}

mark {
  background-color: #a6dbed;
  padding-left: 5px;
  padding-right: 5px;
}

.float-left {
  float: left;
}

.float-right {
    float: right;
}

.clear-fix:after,
.fs_productData:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
  color: #000;
  margin-bottom: 0;
  padding-bottom: 0;
}

h1 {
  font-size: 2em;
  	margin-bottom: 40px;
  	margin-top: 10px;
}

h2 {
  font-size: 1.75em;
}

h3 {
  font-size: 1.2em;
}

h4 {
  font-size: 1.1em;
}

h5, h6 {
  font-size: 1em;
}

h5 a:link, h5 a:visited, h5 a:active {
  padding: 0;
  text-decoration: none;
}

/* main layout
----------------------------------------------------------*/
.content-wrapper {
  margin: 0 auto;
  width: 1200px;
  max-width: 100%;
  position:relative;
}

#body {
  clear: both;
  padding-bottom: 35px;
  background: #fff;
}

.main-content {
  padding-left: 10px;
  padding-top: 10px;
}

.featured + .main-content {
}

header .content-wrapper {
  padding-top: 0;
}

footer {
  clear: both;
  background: #3a393c;
  background-image: url(img/farbverlauf.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  height: auto;
  color: #fff;
  padding-top: 70px;
}
	footer div.content-wrapper:after {
		content: '';
		clear: both;
		display: block;
	}
	
	footer #NavMenu li a {
		border: none !important;
		color: #fff !important;
	}

footer p {
  margin-left: 10px;
}

footer #A1 {
  color: silver;
}


div.footer-wrapper #footer-logo, 
div.footer-wrapper #adresse,
div.footer-wrapper #kontakt,
div.footer-wrapper #social {
	width: 25%;
	float: left;
}
	#footer-logo img {
		width: 90% !important;
		height: auto !important;
	}
div.footer-wrapper #social:after {
	content: "";
  display: table;
  clear: both;
  }

div.footer-wrapper #ctl32 > div {
	width: 100%;
	display: block;
	padding-top: 20px;
}
div.footer-wrapper ul#NavMenu {
	  font-size: 16px;
}
div.footer-wrapper a {
	color: #fff !important;
	text-decoration: none !important;
}
div.footer-wrapper .janolaw p {
	margin-top: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 20px;
}



/* site title
----------------------------------------------------------*/

header {
	max-width: 1200px;
	margin: 0 auto;
}
.site-title {
  color: #c8c8c8;
  font-size: 2.3em;
  margin: 0;
}
	.site-title #Logo {
		padding-bottom: 20px;
		padding-top: 20px;
		float: left;
		width: 320px;
	}
	.site-title #Logo img {
		width: 100%;
		height: auto;
	}
	
.site-title a, .site-title a:hover, .site-title a:active {
  background: none;
  color: #c8c8c8;
  outline: none;
  text-decoration: none;
}

#header-top-menu {
	float: right;
	width: calc(100% - 320px);
}
	#header-top-menu:after {
		content: "";
		display: block;
		clear: both;
	}

/* login
----------------------------------------------------------*/

#rueckruf-btn {
	float: right;
	margin-left: 20px;
}


#ctl16 {
}
#ctl16 .float-right {
	float: none;
}

#login {
  display: block;
  font-size: .85em;
  margin: 0 7px 10px 14px;
  text-align: right;
  padding-top: 10px;
}

#login a {
  text-decoration: none;
  line-height: 1.5em;
  color: #fff;
  display: inline-block;
  cursor: pointer;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 1em;
  font-weight: bold;
  padding: 4px 10px 4px 10px;
  border: 2px solid #000;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -khtml-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  line-height: 19px;
  margin: 0 0 0 6px;
  background: #000;
  margin-bottom: 0;
}
#login a:hover {
  background: #303030;
  color: #fff;
}

#login a.username {
  background: none !important;
  border: none !important;
  padding: 6px 10px 6px 0;
  margin-left: 0px;
  text-decoration: underline;
  color: #000;
}

#login ul {
  margin: 0;
}

#login li {
  display: inline;
  list-style: none;
}

section#loginForm ol {
  padding-left: 0;
}

section#loginForm fieldset {
  margin-left: auto;
  margin-right: auto;
}

section#loginForm > h2 {
  margin-bottom: 50px;
}

#body #loginForm input[type="text"],
#body #loginForm input[type="password"] {
	border: 2px solid #f2f2f2;
	background: #f2f2f2;
	border-bottom: 2px solid #000;
}
	#body #loginForm input[type="text"]:focus,
#body #loginForm input[type="password"]:focus {
	border: 2px solid #000;
}

/* menu
----------------------------------------------------------*/

#main-menu {
	clear: both;
	padding-top: 20px;
	}
	
#main-menu .content-wrapper {
}
#main-menu nav {
  background: #fff;
  border-top: 2px solid #efefef;
  border-bottom: 2px solid #efefef;
  }

nav > div.content-wrapper {
  padding: 0;
}

ul#menu {
  font-size: 1.3em;
  font-weight: 600;
  margin: 0 0 5px;
  padding: 0;
  text-align: left;
}

ul#menu li {
  display: inline;
  list-style: none;
}

ul#menu li a {
  background: none;
  color: #000;
  text-decoration: none;
  padding-left: 15px;
}

ul#menu li a:hover {
  color: #333;
  text-decoration: none;
}

/* Hauptmenü */

ul#NavMenu {
  font-size: 1.3em;
  font-weight: 400;
  margin: 0 auto;
  text-align: left;
  max-width: 100%;
  padding-left: 0;
}

ul#NavMenu li {
  display: inline;
  list-style: none;
  padding: 0 7px;
}

ul#NavMenu li a {
  background: none;
  color: #000;
  text-decoration: none;
  display: inline-block;
  padding: 15px 7px 18px 7px;
  border-top: 3px solid #fff;
  font-size: 0.85em;
}
ul#NavMenu li a:hover, ul#NavMenu li a:active {
  border-top: 3px solid #000; 
}

ul#NavMenu li.active a {
	font-weight: bold;
	border-top: 3px solid #000; 
}

nav > div.content-wrapper > a {
  display: none;
}



/* Language - Sprachwechsler */

#HeaderUpdatePanel {
}

#language {
  display:  block;
  font-size: .85em;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: right;
  position: relative;
  right: 0;
  float: right;
}
	#language #Header1_Panel1 {
		min-height: 40px !important;
		width: 100% !important;
	}
	#language #button {
		padding: 0 !important;
	}
	#language:after;
	#language::after {
		content: "";
		display: block;
		clear: both;
	}
	#Header1_lblLanguage {
		padding-right: 5px;
		font-size: 14px;
	}
	#sprachwahl {
		display: inline;
		color: #000;
	}
	#sprachwahl select {
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-top: 0;
	padding-bottom: 0;
	height: 40px;
	background-color: #f2f2f2;
	font-size: 14px;
	padding: 5px 10px;
	color: #000;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	border-radius: 0 !important;
	border: none;
	border-bottom: none;
	outline-width: 0;
	}
	#sprachwahl .select-arrow {
	width: 20px;
	height: 35px;
	line-height: 35px;
	position: absolute;
	top: -7px;
	right: 5px;
	pointer-events: none;
	z-index: 10;
	text-align: center;
	font-size: 12px;
	color: #000;
	background-image: url('img/chevron-down-solid.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	}
	
/* Aufträge */


#auftragsanzahl {
	display: inline;
	padding-left: 20px;
	float: right;
	padding-top: 5px;
	font-size: 14px;
}
	#auftragsanzahl #Header1_lblBasket,
	#auftragsanzahl #Header1_lblBasketCount {
		font-size: 14px !important;
		color: #000 !important;
	}

/* Kundeninfos Header */

#kundeninfo {
	clear: both;
}


/* Header */

.float-left {
  float: left;
}


/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
  background-color: white;
}

.featured .content-wrapper {
 /* background-color: #646363;
  color: #3e5667;
  padding: 6px 40px 2px 40px;
  margin-left: 57.9%;
  width: 33%;*/
  width: 100%;
  padding: 40px;
  color: #000;
  background: #f2f2f2;
  text-align: center;
}

.featured hgroup.title h1, .featured hgroup.title h2 {
  color: #000;
}

.featured p {
  font-size: 1.1em;
}

/* page titles */
hgroup.title {
  margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2 {
}

hgroup.title h2 {
  font-weight: normal;
  margin-bottom: 20px;
  display: inline-block;
  max-width: 1000px;
}

.container {
  max-width: 2554px;
  margin: 0 auto;
}

div.container:before {
  background: red;
  width: 4550px;
  height: 100px;
}

.banner {
  margin-left: auto;
  margin-right: auto;
  width: 2554px;
  max-width: 100%;
  max-height: auto;
}

section.content-wrapper > img.banner {
  max-width: 100%;
  width: 300px;
  height: auto;
  float: right;
}

/* features */
section.feature {
  width: 300px;
  float: left;
  padding: 10px;
}

div#body > section.featured + div.container + section.main-content {
  /*background: #f7f7f7;
  width: 280px;
  margin: 3.4em auto 1em auto;
  max-width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #717070;
  height: 280px;*/
  width: 330px;
  height: auto;
  border: 2px solid #000;
  margin-top: 60px;
  padding: 30px;
  text-align: center;
  margin-bottom: 30px;
}
section.featured + div.container + section.main-content > h3 {
	margin-top: 0 !important;
	text-align: center;
}	
#body a.loginlink.loginlinkRight {
	margin-right: 0 !important;
}
section.featured + div.container + section.main-content > h3:before {
	margin-bottom: 30px !important;
	text-align: center;
	display: block !important;
	margin-top: 20px !important;
}
div#body > section.main-content {
  padding: 10px 10px 10px 10px;
  max-width: 100%;
}
	body.OrderContent div#body > section.main-content {
	padding: 0 10px 20px 10px !important;
	} 

/* ordered list */
ol.round {
  list-style-type: none;
  padding-left: 0;
}

ol.round li {
  margin: 25px 0;
  padding-left: 45px;
}

ol.round li.zero {
  background: url("../Images/orderedList0.png") no-repeat;
}

ol.round li.one {
  background: url("../Images/orderedList1.png") no-repeat;
}

ol.round li.two {
  background: url("../Images/orderedList2.png") no-repeat;
}

ol.round li.three {
  background: url("../Images/orderedList3.png") no-repeat;
}

ol.round li.four {
  background: url("../Images/orderedList4.png") no-repeat;
}

ol.round li.five {
  background: url("../Images/orderedList5.png") no-repeat;
}

ol.round li.six {
  background: url("../Images/orderedList6.png") no-repeat;
}

ol.round li.seven {
  background: url("../Images/orderedList7.png") no-repeat;
}

ol.round li.eight {
  background: url("../Images/orderedList8.png") no-repeat;
}

ol.round li.nine {
  background: url("../Images/orderedList9.png") no-repeat;
}

/* content */
article {
  float: left;
  width: 70%;
}

aside {
  float: right;
  width: 25%;
}

aside ul {
  list-style: none;
  padding: 0;
}

aside ul li {
  background: url("../Images/bullet.png") no-repeat 0 50%;
  padding: 2px 0 2px 20px;
}

/* contact */
.contact h3 {
  font-size: 1.2em;
}

.contact p {
  margin: 5px 0 0 0;
}

.contact iframe {
  border: 1px solid #333;
  margin: 5px 0 0 10px;
}

#dlg {
  width: 900px;
  height: 515px;
  display: none;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 920px;
  height: 535px;
  display: none;
  background-color: black;
  background: url("/App_Tracer/default.aspx");
}

#ifTrace {
  border: 0;
  width: 920px;
  height: 535px;

}

#dlg2 {
  width: 900px;
  height: 515px;
  display: none;
}

.overlay2 {
  position: absolute;
  top: 0;
  left: 0;
  /*width: 920px;
  height: 535px;*/
  width:100%;
  height:100%;
  display: none;
  background-color: black;
  background: url("/App_Frame/default.aspx");
}

#ifFrame {
  border: 0;
  width: 1024px;
  height: 768px;
}

#dlg3 {
  width: 900px;
  height: 515px;
  display: none;
}

.overlay3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 920px;
  height: 535px;
  display: none;
  background-color: black;
  /*background:url("/App_LensCalc/default.aspx");*/
}

#lenscalcimg {
  border: 0;
  width: 600px;
  height: 400px;
}

.Overlay4 {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  padding: 50px;
  margin: 0;
  z-index: 1000;
}

.PopUpPanel {
  position: absolute;
  background-color: #ffffff;
  top: 10%;
  left: 5%;
  bottom: 10%;
  width: 653px;
  z-index: 2001;
  padding: 10px;
  -moz-box-shadow: 3.5px 4px 5px #000000;
  -webkit-box-shadow: 3.5px 4px 5px #000000;
  box-shadow: 3.5px 4px 5px #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  overflow: hidden;
}

#IfCalc {
  position: absolute;
  min-height: 300px;
  top: 5px;
  left: 0px;
  height: 565px;
  width: 100%;
  border: 0px;
  overflow: hidden;
}

fieldset {
  padding: 5px 20px;
  border: 2px solid #D3D3D3;
  background: #fff;
  margin-left: auto;
  height: auto !important;
}

fieldset > legend {
  background: #000;
  padding: 12px 18px;
  font-size: 16px;
  color: #fff;
  max-width: auto;
  text-transform: uppercase;
}


table#tblHeader td + td > fieldset {
  position: relative;
  top: -12px;
  width: auto;
  max-width: 100%;
}

div#tabs-3 td + td > fieldset {
  position: relative;
  top: 12px;
}

div#tabs-3 td + td > fieldset > legend + table {
  position: relative;
  top: -8px;
}

div#tabs3 > table td + td > fieldset > legend > table {
  position: relative;
  top: -2000px;
}

div#tabs-3 td + td > fieldset > legend + table input#MainContent_Tracer,
div#tabs-3 td + td > fieldset > legend + table input#MainContent_Fassung {
  position: relative;
  top: 20px;
}

div#tabs-3 td + td > fieldset + fieldset {
  position: relative;
  top: 20px;
}

div#tabs-4 td > fieldset > legend + table {
  margin-bottom: 10px;
  position: relative;
  top: 0;
}

input, textarea {
  border: 2px solid #e3e3e3;
  background: #f2f2f2;
  color: #333;
  font-size: 1.0em;
  margin: 0px 0;
  padding: 10px 10px;
  outline: none !important;
}

textarea {
  font-family: inherit;
  width: 500px;
}

input:focus, textarea:focus {
  border-bottom: 2px solid #7891b55;
  outline: none !important;
}

#body input[type="checkbox"] {
	-moz-appearance:none;
-webkit-appearance:none;
-o-appearance:none;
	outline: none;
position: relative;
border: none;
background: #fff;
margin-right: 10px !important;

}

input[type="checkbox"]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #d1d1d1;
}

input[type="checkbox"]:checked:before {
  content: "\2713";
  font-size: 18px;
  color: #000;
  text-align: center;
  line-height: 20px;
}


/* Radio */

#body input[type="radio"] {
	-moz-appearance:none;
-webkit-appearance:none;
-o-appearance:none;
	outline: none;
position: relative;
border: none;
background: #fff;
margin-right: 10px !important;

}

input[type="radio"]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #d1d1d1;
  border-radius: 50% !important;
}

input[type="radio"]:checked:before {
  content: "\2713";
  font-size: 15px;
  color: #000;
  text-align: center;
  line-height: 20px;
}
input[type="radio"] > label {
	padding-left: 10px !important;
}

.btnbasket,
.dxbButton
{
	text-decoration: none;
  background: #fff;
  color: #000;
  display: inline-block;
  cursor: pointer;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 15px !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 500 !important;
  padding: 12px 20px;
  border: 2px solid #000;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 0em 30px 15px 0 !important;
}
	#tabs .btnbasket {
		/*margin-bottom: 0;*/
	}
	
	
	
.btnbasket1
{
  text-decoration: none;
  line-height: 1.5em;
  /*color: #FFF;*/
  display: inline-block;
  cursor: pointer;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 14px;
  border: 1px solid #407998;
  padding: 8px 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px 0 white;
  -moz-box-shadow: inset 0 1px 1px 0 white;
  box-shadow: inset 0 1px 1px 0 white;
  line-height: 19px;
  margin: 0em 12% 2.8em 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$color-five",endColorstr="darken($color-five, 5%)");
}
	.btnbasket img.dx-vab {margin-right: 10px !important;}

/* Tabs Buttons bei Bestellhistorie */

.tab-button span.dx-vam {
	color: #000 !important;
}
	div.tab-button {
		margin-right: 10px !important;
		margin-bottom: 15px !important;
		height: inherit !important;
	}
	.tab-button:hover span.dx-vam {
	color: #fff !important;
}
	
/* Schwarzer Button */

input[type="submit"],
input[type="button"],
button,
#body button,
#body button#btnNext1,
#body .accButton {
  text-decoration: none;
  background: #000;
  color: #fff;
  display: inline-block;
  cursor: pointer;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 15px !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 500 !important;
  padding: 12px 20px;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 0em 20px 20px 0;
  border: 2px solid #000 !important;
  outline: none;
  vertical-align: middle !important;
 }
 
 #body .accButton  {
	 padding: 12px 20px !important;
 }
 #body .accButton input {
	 margin: 0 !important;
	 padding: 0 !important;
 }
 
 	/* Schwarzer Button erste Ebene */
 	
 	#MainContent_ctl00_bSubmit,
 	#MainContent_RegistrationRequestPanel input[type="submit"],
 	#body a.loginlink {
 	text-decoration: none;
  background: #000 !important;
  color: #fff !important;
  display: inline-block;
  cursor: pointer;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 15px !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 500 !important;
  padding: 12px 20px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 2px solid #000 !important;
  margin: 0em 20px 20px 0;
  vertical-align: middle !important;
  }
  
  /* Registrierung und Login */
  
  #ctl30 ol {
	  padding-bottom: 15px;
	  padding-left: 0;
	  padding-right: 0;
  }
  #MainContent_RegisterUser_CreateUserStepContainer_ConfirmPassword {
  margin-bottom: 30px;
  }
  	
  	/* Weißer Button mit schwarzem Rand zweite Ebene */
  	
  	#body #MainContent_ctl00_bCancel,
  	#body #MainContent_ctl00_bCancel .dxbButton {
	  	text-decoration: none;
	  	background: #fff !important;
	  	color: #000 !important;
	  	display: inline-block;
  cursor: pointer;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 15px !important;
  font-family: "Roboto", Arial, sans-serif !important;
  border: 2px solid #000;
  font-weight: 500 !important;
  padding: 12px 20px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 0em 20px 20px 0 !important;
  }
 
 #body button,
 #body button#btnNext1 {
	  padding: 12px 30px;
	border: 2px solid #000;
	background: #fff;
	color: #000;
}
	#body button:hover,
	#body button#btnNext1:hover,
	#body .dxbButton:hover,
	#body #MainContent_ctl00_bCancel:hover {
	 color: #fff !important;
	 background: #000 !important;
 }
	#body button span.ui-button-text {
		padding: 0 !important;
	}

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
  background: #000;
  color: #fff;
}
.btnbasket:hover {
	color: #fff;
	background: #000;
}

/* Button Overwrite */

#body div.dxbButton {
	text-decoration: none;
  background: #fff !important;
  color: #000 !important;
  display: inline-block;
  cursor: pointer;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 15px !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 500 !important;
  padding: 12px 20px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 2px solid #000 !important;
  margin: 0em 20px 20px 0 !important;
  vertical-align: middle !important;
}
	#body .dxbButton div.dxb {
		padding: 0 !important;
	}
	#body div.dxbButton:hover,
	#body div.dxbButton:focus,
	#body div.dxbButtonChecked {
		background: #000 !important;
		color: #fff !important;
	}
		#body div.dxbButtonChecked span {
			color: #fff !important;
		}
		
		div#MainContent_btnBasket {
			vertical-align: middle !important;
			width: inherit !important;
			height: inherit !important;
		}
	
/* Disabled Button */

#body div.dxbDisabled {
	border: 2px solid #808080 !important;
}
	#body div.dxbButton.dxbDisabled:hover,
	#body div.dxbButton.dxbDisabled:focus {
		background: #f2f2f2 !important;
		color: #808080 !important;
		border: 2px solid #808080 !important;
		cursor: default;
	}


/* Formularfelder */

td select,
.select-area select {
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-top: 0;
	padding-bottom: 0;
	height: 40px;
	background-color: #f2f2f2;
	font-size: 15px;
	padding: 5px 10px;
	color: #000;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	border-radius: 0 !important;
	border: none;
	border-bottom: 2px solid #000;
	outline-width: 0;
	min-width: 100% !important;
}
	.select-area select {
		min-width: inherit !important;
	}
	/*select option:after,
	select option::after {
		content: "V";
		display: inline-block;
		color: #000;
	}*/
	
	td select:focus {
		outline: none !important;
		outline-width: 0 !important;
		border: none !important;
		border-bottom: 2px solid #000 !important;
	}
	
table input[type="text"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	height: 40px;
	background-color: #f2f2f2;
	border: none;
	border-bottom: 2px solid #000;
	font-size: 15px;
	padding: 5px 10px;
	/*width: 100% !important;*/
}
	table input[type="text"]:focus {
		border-bottom: 2px solid #7891b55;
	}
	
/* Tabellenaufbau */

table tr td {
	padding-bottom: 10px;
}

table tr td:first-of-type {
	min-width: 100px;
}
	/*table tr td:nth-of-type(2) {
		width: 300px;
	}*/
	
/* Tabellen mit drei Spalten */

#body table:after {
	clear: both;
	content: "";
	display: block;
}

table.Shape tr td:nth-of-type(2),
table.Shape tr td:nth-of-type(3) {
	min-width: 100px !important;
}

td input[type="submit"],
td input[type="button"],
td button {
  font-size: 1em;
  padding: 4px;
  margin-right: 4px;
}

/* info and errors */
.message-info {
  border: 1px solid;
  clear: both;
  padding: 10px 20px;
}
	p.message-info {
		margin-bottom: 40px;
	}

.message-error {
  clear: both;
  color: #e80c4d;
  font-size: 1.1em;
  font-weight: bold;
  margin: 20px 0 10px 0;
}

.message-success {
  color: #7ac0da;
  font-size: 1.3em;
  font-weight: bold;
  margin: 20px 0 10px 0;
}

.error {
  color: #e80c4d;
}




/* styles for validation helpers */
.field-validation-error {
  color: #e80c4d;
  font-weight: bold;
}

.field-validation-valid {
  display: none;
}

input.input-validation-error {
  border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
  border: 0 none;
}

/* Tabs */

#tabs {
	padding: 0 !important;
	border: none !important;
}

#tabs .ui-tabs-nav {
	background: #fff !important;
	border: none !important;
}
#tabs .ui-tabs-panel {
	padding: 30px !important;
	border: 2px solid #D3D3D3;
}
#tabs .ui-tabs-panel > fieldset {
	margin-bottom: 30px;
}

 
/* Active */

#tabs .ui-state-active, #tabs.ui-widget-content .ui-state-active, #tabs .ui-widget-header .ui-state-active {
	background: #fff !important;
	border: 2px solid #D3D3D3;
	border-bottom: none;
	border-top: 3px solid #000;
	margin-bottom: -2px;
}
#tabs .ui-tabs-nav {
	padding: 0 !important;
}

/* Nicht active */

#tabs li.ui-state-default {
	background: #f2f2f2 !important;
	background-image: none !important;
	border: 2px solid #D3D3D3;
	border-bottom: none;
}


table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 0.75em;
  border: 0 none;
}

th {
  font-size: 1.2em;
  text-align: left;
  border: none 0px;
  padding-left: 0;
}

th {
  font-size: 1.2em;
  text-align: left;
  border: none 0px;
  padding-left: 0;
}

th a {
  display: block;
  position: relative;
}

th a:link, th a:visited, th a:active, th a:hover {
  color: #000;
  font-weight: 600;
  text-decoration: none;
  padding: 0;
}

th a:hover {
  color: #000;
}

th.asc a, th.desc a {
  margin-right: .75em;
}

th.asc a:after, th.desc a:after {
  display: block;
  position: absolute;
  right: 0em;
  top: 0;
  font-size: 0.75em;
}

th.asc a:after {
  content: '▲';
}

th.desc a:after {
  content: '▼';
}

td {
  padding: 0.25em 2em 0.25em 0em;
  padding: 5px 10px 5px 0;
  border: 0 none;
}

tr.pager td {
  padding: 0 0.25em 0 0;
}

#tblHeader {
  width: 100%;
}

#tblHeader td {
  padding: 0px;
}

#tblHeader td tr td {
  padding: 0.25em 2em 0.25em 0;
}

#tblHeader td tr td input[type="text"] {
  width: 250px;
  max-width: 100%;
}

/* MultiView Tab Using Menu Control */
#MainContent_Menu1_SkipLink {
  width: 0;
  height: 0;
  display: none;
}

.tabs {
  border: 1px solid #000;
  position: relative;
  top: 1px;
  z-index: 2;
}

.tab {
  /*background-image:url(../images/navigation.png);
  background-repeat:repeat-x;*/
  color: White;
  padding: 2px 10px;
  border: 1px solid #000;
  border-top: 1px solid #000;
  margin: 0px;
}

.selected {
  border: 1px solid #000;
  background-color: white;
  background-repeat: repeat-x;
  color: black;
}

.ajax__tab_active {
  background-color: #7896cf;
}

.tabcontents {
  margin: 0px;
  border: 1px solid black;
  padding: 10px;
  width: auto;
  background-color: white;
}

/*Modal Popup*/
.modalBackground {
  background-color: Gray;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.modalPopup {
  background-color: #ffffdd;
  border-width: 3px;
  border-style: solid;
  border-color: Gray;
  padding: 3px;
  width: 520px;
  height: 339px;
}

#lenscalc {
  background-color: White;
}

.modalPopup p {
  padding: 5px;
}

.sampleStyleA {
  background-color: #FFF;
}

.sampleStyleB {
  background-color: #FFF;
  font-family: monospace;
  font-size: 10pt;
  font-weight: bold;
}

.sampleStyleC {
  background-color: #ddffdd;
  font-family: sans-serif;
  font-size: 10pt;
  font-style: italic;
}

.sampleStyleD {
  background-color: Blue;
  color: White;
  font-family: Arial;
  font-size: 10pt;
}

/*Popup Control*/
.popupControl {
  background-color: White;
  position: absolute;
  visibility: hidden;
}

/* ComboBox styles */
/*Radiobuttonlist*/
.RBL {
  font-family: Arial;
  font-size: 10pt;
}

.RBL label {
  font-family: Arial;
  font-size: 10pt;
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}

table.RBL input {
  float: left;
}

table.RBL label {
  display: block;
  font-family: Arial;
  font-size: 10pt;
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}

#master_content .ajax__combobox_itemlist {
  margin: 0px;
}

.AjaxToolkitStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input {
  background-image: url(Images/toolkit-bg.gif);
  background-position: top left;
  border: 0px none;
  color: #FFFFFF;
  padding: 4px 0px 3px 5px;
  font-size: 13px;
  height: 16px;
  width: 240px;
}

.AjaxToolkitStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button {
  background-image: url(Images/toolkit-arrow.gif);
  background-position: top left;
  border: 0px none;
  height: 23px;
  width: 23px;
}

.AjaxToolkitStyle .ajax__combobox_itemlist {
  border-color: #0F2543;
  background-color: #EFEFEF;
}

.AquaStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input {
  margin: 0;
  background-image: url(Images/aqua-bg.gif);
  background-position: top left;
  border: 0px none;
  padding: 2px 0px 0px 8px;
  font-size: 11px;
  height: 17px;
  width: 150px;
}

.AquaStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button {
  background-image: url(Images/aqua-arrow.gif);
  background-position: top left;
  border: 0px none;
  height: 19px;
  width: 19px;
}

.AquaStyle .ajax__combobox_itemlist {
  border-color: #000000;
  background-color: #FFFFFF;
}

.WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input {
  margin: 0;
  border: solid 1px #7F9DB9;
  border-right: 0px none;
  padding: 1px 0px 0px 5px;
  font-size: 13px;
  height: 18px;
}

.WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button {
  margin: 0;
  padding: 0;
  background-image: url(Images/windows-arrow.gif);
  background-position: top left;
  border: 0px none;
  height: 21px;
  width: 21px;
}

.WindowsStyle .ajax__combobox_itemlist {
  border-color: #7F9DB9;
}

/**************
** Infopoint **
**************/

#body .dxtvControl .dxtv-nd {
	 padding: 10px !important;
	 margin-top: 5px;

}

#body .dxtvControl {
	font-size: 14px !important;
}
.treeNode {
  background-color: rgba(179,  194,  215, 0.4);
  color: #000;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #869220;
}
.treeNode:hover {
  background-color: #3f6496;
  color: #fff;
}

.treeNode a, .rootNode a, .leafNode a {
  text-decoration: none;
  background: transparent;
}

.treeNode:hover a, .rootNode:hover a, .leafNode:hover a {
  color: white;
  background: transparent;
}

.treeNode a {
  font-size: 14px;
  color: snow;
}

.rootNode {
  font-size: 18px;
  padding: 5px;
  background-color: #646363;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #454545;
}
.rootNode:hover {
  background-color: #525151;
}

.rootNode a {
  color: snow;
}

.leafNode {
  padding: 4px;
  background-color: rgba(243, 243, 243, 1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #b4b4b4;
}
.leafNode:hover {
  background-color: #c1c1c1;
}

.leafNode a {
  color: black;
}

.selectNode {
  font-weight: bold;
  background-color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #e0e0e0;
}
.selectNode:hover {
  background-color: #e0e0e0;
}

.selectNode a {
  color: #646363;
}
.selectNode a:hover {
  color: black;
}

/********************
*   Mobile Styles   *
********************/
@media only screen and (min-width: 2541px) {
  .featured .content-wrapper {
    width: 830px;
    margin-left: 57.9%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1400px) {
  .featured .content-wrapper {
    padding: 6px 4px 2px 10px;
  }
}
@media only screen and (max-width: 1200px) {
  .featured .content-wrapper {
    width: 400px;
  }
}
@media only screen and (max-width: 970px) {
  .featured {
    background-color: #646363;
  }

  .featured .content-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  table#tblHeader td {
    display: block;
  }
}
@media only screen and (max-width: 680px) {
  section#loginForm > h2 {
    width: 300px;
  }

  fieldset {
    max-width: 100%;
  }

  /* responsive Navigation */
  nav {
    background: #646363;
  }

  ul#NavMenu {
    clear: both;
    margin: 0;
    padding: 0;
    display: none;
  }

  ul#NavMenu li {
    padding: 0;
  }

  ul#NavMenu li a {
    color: #000;
    padding: 10px 20px;
    display: block;
    margin-bottom: 0;
    background: #F2F2F2;
    border-bottom: 2px solid #fff;
  }
  ul#NavMenu li.active a {
	  border-top: none !important;
  }
  ul#NavMenu li a:hover, ul#NavMenu li a:active {
    background: #7891b55;
    color: white;
    border-top: none !important;
	border-bottom: 2px solid #fff;
  }

  /* Nav Button  */
  nav > div.content-wrapper > a {
    background: #7891b55;
    color: white;
    font-size: 17px;
    text-decoration: none;
    float: right;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    margin-top: 15px !important;
    margin-right: 15px !important;
    padding: 10px 17px !important;
  }
  nav > div.content-wrapper > a:hover {
    background: #2d91c7;
    color: white;
  }

  nav > div.content-wrapper > a.nav-show {
    display: block;
   padding: 10px 17px !important;
    margin: 0 4px 1px 0;
  }

  nav > div.content-wrapper > a.nav-hide {
    display: none;
    font-size: 1em;
   padding: 10px 17px !important;
    margin: 0 4px 1px 0;
  }

  /* Nav Sliding  */
  #nav-opened:target ul#NavMenu,
  #nav-opened:target a.nav-hide {
    display: block;
  }

  #nav-opened:target a.nav-show {
    display: none;
  }
  

  #login {
    float: right;
    margin: 0;
    padding: 0;
  }

  #login ul {
    padding: 0;
    margin: 0;
  }

  #login a {
    margin: 0;
  }

}
    .janolaw
    {
        display: inline;
            clear: both;
    float: right;
    margin: 0;
    padding: 0;
    }
/* END: Mobile Styles */


/* Test */

#body > div {
	display: none;
}

/* Twitter entfernen */

div.twitter-feed {
	display: none !important;
}


	
	
/* Kontakt */
	

	#ctl30 table,
	div#ctl30 table{
		margin-top: 0 !important;
	}
	div#ctl30 table {
		margin-top: 0 !important;
		}

	#ctl30 #MainContent_ctl00_0_1 {
		padding-top: 30px !important;
		}
	
	#body .dxeTextBoxSys td.dxic,
	#body .dxeFocused,
	#body .dxeTextBox,
	#body .dxeMemo {
	padding: 0 0 10px 0 !important;
	border: none !important;
}
	body input.dxeEditArea {
		width: calc(100% - 34px) !important;
	}
	
div#ctl30 .main-content fieldset {
	padding: 10px !important;
}
div#ctl30 span.dxflGroupBoxCaption {
	margin-bottom: 10px !important;
}

/* DX */

.dxeHyperlink {
	font-size: inherit !important;
}
a.dxeHyperlink:visited {
	color: #000;
}


#body span.dxflGroupBoxCaption {
background: #000 !important;
  padding: 12px 18px !important;
  font-size: 16px !important;
  color: #fff !important;
  max-width: auto !important;
  text-transform: uppercase !important;
	}

#body .dxflGroupBox {
	border: none !important;
}
	
	#body .dxflGroupSys {
		border: none !important;
		padding-left: 15px;
		padding-right: 15px;
	}
	#body #MainContent_ctl00 > .dxflGroup {
		border: 2px solid #d3d3d3 !important;
		margin-bottom: 70px;
	}
	
#body .dxeEditAreaSys, 
#body input[type="text"].dxeEditAreaSys, 
#body input[type="password"].dxeEditAreaSys {
	background: #f2f2f2 !important;
	padding: 0 15px !important;
	line-height: 40px !important;
	height: 40px !important;
	border: none !important;
	border: 2px solid #f2f2f2 !important;
	border-bottom: 2px solid #000 !important;
	font-size: 16px;
}
	#body .dxeEditAreaSys:focus,
	#body input[type="text"].dxeEditAreaSys:focus,
	#body input[type="password"].dxeEditAreaSys:focus
	 {
		border: 2px solid #000 !important;
	}
	
	#body textarea.dxeMemoEditArea {
		height: 200px !important;
		background-color: #f2f2f2 !important;
		border: 2px solid #f2f2f2 !important;
		border-bottom: 2px solid #000 !important;
		padding: 15px !important;
		width: calc(100% - 30px) !important;
		font-size: 16px;
	}
	#body textarea.dxeMemoEditArea:focus {
		border-color: #000 !important;
	}
	
	#body .dxflGroupCell td {
		padding-right: 0 !important;
	}
	
	#body .dxflGroupCell select {
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-top: 0;
	padding-bottom: 0;
	height: 40px;
	background-color: #f2f2f2;
	font-size: 15px;
	padding: 5px 10px;
	color: #000;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	border-radius: 0 !important;
	border: none;
	border-bottom: 2px solid #000;
	outline-width: 0;
	width: 100% !important;
}
	#body .dxflGroupCell select option:after,
	#body .dxflGroupCell select option::after {
		content: "V";
		display: inline-block;
		color: #000;
	}
	
	#body .dxflGroupCell td select:focus {
		outline: none !important;
		outline-width: 0 !important;
		border: none !important;
		border-bottom: 2px solid #000 !important;
	}
	
	#body .dxpLite .dxp-num {
		color: #333;
	}
	
/* Impressum + Datenschutz Textfelder */

.dxtcLite > .dxtc-content {
	border: 2px solid #d3d3d3 !important;
	/*padding: 30px 15% !important; zerschießt Kontrollzentrum*/
	padding: 30px;
}
	@media screen and (max-width: 1000px) {
		.dxtcLite > .dxtc-content {
		padding: 30px 30px !important;	
	}
	}
#body .dxtcLite > .dxtc-stripContainer .dxtc-tab, 
.dxtcLite > .dxtc-stripContainer .dxtc-activeTab {
	border: 2px solid #d3d3d3;
	margin-right: 5px !important;
}
#body .auto-style3 {
	line-height: 1.5em !important;
	}
#body .auto-style2 {
	font-family: "Roboto", Verdana, Helvetica, Sans-Serif;
	font-size: 20px;
	text-align: left;
}
	
/* Info-Seite */

#body fieldset + fieldset {
	margin-top: 40px;
}

/* Popup Formdaten */

div.ui-dialog[role="dialog"] {
	background: #fff;
}

/* Order - erstmal raus, bis zweites Div auch eine Klasse hat */

/* div.orderArea {
	float: left;
	width: 50%;
} */ 
/* #MainContent_OuterUpdatePanel > div:nth-of-type(2) {
	background-color: red !important;
}*/ 

div.orderArea,
div#ProductData {
	margin-bottom: 40px !important;
}
#MainContent_OuterUpdatePanel #tabs,
#ProductData {
	margin-top: 40px !important;
}
div#SelectedProduct {
	padding: 0 0 20px 0;
}
div#OrderButtons {
	padding: 30px 0 20px 0;
}
/* CHeckboxen 

#MainContent_CheckFassungFolgt {
  display: none;
  position: relative;
}
label[for="MainContent_CheckFassungFolgt"]:before,
label[for="MainContent_CheckFertNSkizze"]:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: #ddd;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
}

label[for="MainContent_CheckFassungFolgt"]:after,
label[for="MainContent_CheckFertNSkizze"]:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 15px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  position: absolute;
  top: 0px;
  left: 5px;
  opacity: 0;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

#MainContent_CheckFassungFolgt:checked + label[for="MainContent_CheckFassungFolgt"]:after,
#MainContent_CheckFassungFolgt:checked + label[for="MainContent_CheckFertNSkizze"]:after {
  transform: rotate(1) scale(1,1);
  opacity: 1;
}*/

#body input.ui-button,
#body .ui-tabs .ui-state-default,
#body input.ui-button {
		margin: 0em 20px -2px 0 !important;
	}
	#body #OrderButtons input.ui-button,
	#body #OrderButtons .ui-tabs .ui-state-default {
		margin: 0em 20px 20px 0 !important;
	}

#body #LensAssistance input.ui-button {
	margin-top: 40px !important;
}

/* Dropdowns Select */

div.select-area,
div.select-area select,
#ProductData select {
	position: relative;
}
.select-area .select-arrow {
width: 20px;
height: 35px;
line-height: 35px;
position: absolute;
top: 1px;
right: 5px;
pointer-events: none;
z-index: 10;
text-align: center;
font-size: 12px;
color: #000;
background-image: url('img/chevron-down-solid.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}

div.select-area select:focus,
td.TabArea input:focus,
#ProductData select:focus {
	border-bottom: 2px solid #7891b5 !important;
}
	td.TabArea input[type="checkbox"]:focus {
		border-bottom: none !important;
	}
	


/* Abstände */

#body .dxgvControl {
	margin-bottom: 25px !important;
}

div.promotion img {
	width: 100% !important;
	height: auto !important;
}

input#MainContent_t_l_item,
input#MainContent_t_r_item {
	margin-bottom: 10px !important;
	}
	


/* Tabellen Header */

table tr th {
	padding: 0 5px 10px 0;
	font-size: 15px;
}
	#tab-4 table tr th {
		padding-left: 5px;
	}

/* Footer */

#signet {
	position: absolute;
	top: -110px;
}
.footer-wrapper ul#NavMenu li {
	padding-left: 0 !important;
}

/* Order */

div.orderMain,
div.orderOptional {
	float: left;
	width: 50%;
}
	div.orderMain span,
	div.orderOptional span {
		display: inline-block;
		min-width: 130px;
	}
	div.commision,
	div.commentHint,
	div.custName,
	div.custSurname,
	div.glassCard {
		margin-bottom: 20px;
	}
	span#MainContent_lblcommenttext {
		padding-top: 10px !important;
	}
	
	div.orderMain input[type="text"],
	div.orderOptional input[type="text"] {
	border: 2px solid #f2f2f2;
	background: #f2f2f2;
	border-bottom: 2px solid #000;
	}
	div.orderMain input[type="text"]:focus,
	div.orderOptional input[type="text"]:focus {
	border-bottom: 2px solid #7891b5;
	}
	
	/* Fassungsdaten */
	
	body.OrderContent #tabs-4 table:first-of-type td:first-of-type {
	vertical-align: middle !important;
	}
	
	#tabs-4 input[name="ctl00$MainContent$t_TracingStr"] {
		margin-bottom: 10px !important;
	}
	
	body.OrderContent #tabs-4 table:first-of-type td:first-of-type td,
	#MainContent_ASPxPageControl1_grdTracer_col0 td {
		min-width: inherit !important;
	}
	/* Optionen 
	body.OrderContent #tabs-4.ui-tabs-panel td:nth-of-type(2) fieldset:nth-of-type(2) table {
		width: 100% !important;
	}
	body.OrderContent #tabs-4.ui-tabs-panel td:nth-of-type(2) fieldset:nth-of-type(2) table td {
		display: table-cell;
		width: 100% !important;
		background: blue !important;
	}*/
	
	#tabs-4 td.td_trace {
		padding-top: 0 !important;
		vertical-align: top !important;
	}

	/* Nylor */
	
body.OrderContent #tabs-4.ui-tabs-panel table fieldset table tr:nth-of-type(3) td:nth-of-type(4) {
}

/* Artikel */
#MainContent_RadioGlastyp {
	min-width: 450px;
}
	#MainContent_RadioGlastyp td {
		vertical-align: middle;
	}
	#MainContent_RadioGlastyp label {
		padding-top: 4px !important;
	}
#MainContent_RadioGlastyp td:first-of-type {
	min-width: inherit !important;
}



	/* Artikel Auswahl */
	
	.corridor, .et, .color {
		width: 30%;
		display: inline-block;
		padding-bottom: 10px;
	}
	.corridor select, .et select, .color select, .vmap select {
		margin-left: 5px !important;
	}

    .vmap {
        display: inline-block;
        padding-bottom: 10px;
    }

	#ProductData .select-area {
		display: inline-block;
		margin-bottom: 20px;
	}
	

	
	#vierdrei {
		padding-top: 25px !important;
		}
	body.OrderContent .btnbasket {
		margin-bottom: 0 !important;
	}
	
	/* Optionen Sonderkurve */
	
	#MainContent_drp_sonderkurve {
		width: 100% !important;
	}
	
/* Schnellerfassung */

	select[name="ctl00$MainContent$dlRightDia"],
	select[name="ctl00$MainContent$dlLeftDia"] {
				width: 100% !important;
	}
	
/* Bestellhistorie */

#MainContent_GridViewHistory_DXSearchPanel .dxeButtonEdit,
#MainContent_ASPxPageControl1_CC .dxeButtonEdit {
	background: transparent !important;
	border: none !important;
	}
	#MainContent_GridViewHistory_DXSearchPanel .dxeButtonEdit:focus,
	#MainContent_ASPxPageControl1_CC .dxeButtonEdit:focus {
		border: none !important;
	}
	#body #MainContent_GridViewHistory_DXSearchPanel .dxeEditAreaSys,
	#body #MainContent_ASPxPageControl1_CC .dxeEditAreaSys {
		border: 2px solid #000 !important;
	}
	#body #MainContent_GridViewHistory_DXSearchPanel .dxbButtonSys,
	#body #MainContent_ASPxPageControl1_CC .dxbButtonSys,
	#body #MainContent_ASPxPageControl1_CC .dxbButton {
		margin-bottom: 0 !important;
	}
	
	#body #MainContent_ASPxPageControl1_CC .dxeEditAreaSys {
		min-width: 250px;
		font-family: "Roboto", Verdana, Helvetica, Sans-Serif !important;
		font-size: 14px !important;
	}
	
	#body #MainContent_ASPxPageControl1_CC .controls .dxbButton {
		margin-bottom: 20px !important;
		margin-right: 0 !important;
	}

/* Auftrag Order Detail */

#MainContent_OuterDetailUpdatePanel > .ui-widget-content {
	border: none !important;
	padding: 0 !important;
}

#btn_optikam {
	padding-top: 20px;
}

/* Kontrollzentrum */

div#MainContent_ASPxPageControl1_C0 table tr td:nth-of-type(2) {
	vertical-align: top !important;
}

li.dxtc-leftIndent,
li.dxtc-rightIndent {
	display: none !important;
	width: 0 !important;
}

#MainContent_ASPxPageControl1_CC,
#MainContent_LegalNoticeTabPage_CC {
	border-top: 2px solid #D3D3D3 !important;
	overflow: visible !important;
}
ul#MainContent_ASPxPageControl1_TC,
ul#MainContent_LegalNoticeTabPage_TC {
	position: relative;
	bottom: -2px !important;
}
ul#MainContent_ASPxPageControl1_TC li {
	z-index: 9999;
	overflow: visible !important;
}

.dxtcLite > .dxtc-stripContainer .dxtc-activeTab {
background: #fff !important;
border-top: 3px solid #000;
}

.dxtcLite > .dxtc-stripContainer a {
float: left;
padding: .5em 1em !important;
text-decoration: none ! ;
}

.dxtcLite > .dxtc-stripContainer .dxtc-leftIndent, .dxtcLite > .dxtc-stripContainer .dxtc-spacer, .dxtcLite > .dxtc-stripContainer .dxtc-rightIndent, .dxtcLite > .dxtc-stripContainer .dxtc-sbWrapper, .dxtcLite > .dxtc-stripContainer .dxtc-sbIndent, .dxtcLite > .dxtc-stripContainer .dxtc-sbSpacer {
	border-top: 0 solid transparent !important;
	border-bottom: 0 solid #A8A8A8 !important;
}


/* DXR */

.dxgvControl, .dxgvDisabled {
	font-family: "Roboto", Verdana, Helvetica, Sans-Serif !important;
	font-size: 13px !important;
}

/* Tracer */

table#MainContent_ASPxPageControl1_grdTracer_DXMainTable tr td:first-of-type {
	word-wrap: break-word !important;
  overflow-wrap: break-word !important;
	-webkit-hyphens: auto !important;
	  -ms-hyphens: auto !important;
	  hyphens: auto !important;
	  min-width: 50px !important;
	  white-space: normal !important;
	  vertical-align: middle;
}

.dxgvHeader_Material {
	padding: 15px 10px 15px 10px !important;
}

/* Flatrates */

table#MainContent_ASPxPageControl1_gvAvailableOptions tr:first-of-type > td,
table#MainContent_ASPxPageControl1_gvCustomerOptions tr:first-of-type > td {
	padding: 0 !important;
}

#body div.available-options table.dxgvControl,
#body div.booked-options table.dxgvControl {
	margin-top: 20px !important;
}

.dxgvHeader_Material a, .dxgvHeader_Material a.dxgvCommandColumnItem_Material, .dxgvHeader_Material a.dxgvCommandColumnItem_Material.dxbDisabled_Material, .dxgvCommandColumn_Material a, .dxgvCommandColumn_Material a.dxgvCommandColumnItem_Material.dxbDisabled_Material {
color: #3f6496 !important;
}

div#ctl30 {
	min-height: 60vh;
}

/* Glasassistent */

#MainContent_drop_priceList,
#MainContent_drop_material,
#MainContent_drop_index,
#MainContent_drop_type,
#MainContent_drop_ProdGroup,
#MainContent_t_esh {
	width: 100% !important;
}

/* Assistent Artikel */

#MainContent_chk_Ausgleichsglas_r {
	margin-bottom: 10px;
}

/* Abweichende Artikel */

#div_sideR {
	float: left;
	width: 30%;
}
	#div_sideL {
		float: left; 
		width: 70%;
	}
	
	#MainContent_t_r_item,
	#MainContent_t_l _item {
		width: 250px;
	}
	
	/* .sideL, .sideR {
		padding-top: 25px !important;
		width: 50%;
		display: inline-block;
	}*/

/* 4 zu 3 */

#div_4for3 {
	padding-top: 20px;
}

/* Diverses */

#MainContent_ClearOrderIMG { /* Papierkorb Button */
	margin-top: 10px;
}

table.options,
table.tbl_frame {
	margin-bottom: 10px;
}
	table.tbl_frame tr:first-of-type td:first-of-type {
		padding-left: 0 !important;
	}

/* Resp. 2023 */

@media screen and (max-width: 768px) {
	
	div.footer-wrapper {
		padding-right: 10px;
		padding-left: 10px;
	}
	
	div.footer-wrapper #footer-logo, 
	div.footer-wrapper #adresse,
	div.footer-wrapper #kontakt,
	div.footer-wrapper #social {
	width: 50%;
	float: left;
	}
	
	.site-title #Logo {
		padding-bottom: 20px;
		padding-top: 20px;
		float: left;
		width: 300px;
		padding-left: 20px;
	}
	#header-top-menu {
	float: left;
	width: 100%;
	}
	#div_sideR {
	width: 100%;
}
	#div_sideL {
		width: 100%;
	}
}