/* Reset =================================================== */
* {
    padding: 0;
    margin: 0;
     
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 14px;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

/* nerdyCREATIVE =================================================== */
.SprdHeader .sprd-item.sprd-Icon, .SprdHeader .sprd-rightPanel>.sprd-item {
	height: inherit !important;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.vecOuter {
	position: relative;
	width: 100%;
	max-width: 1400px;
	margin: 0px auto;
}
.vecHeader {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100px;
	/*background: #f7efb2 url('../upload/slider1.jpg') no-repeat right top;*/
	background: #f7efb2 url('../upload/slider1.jpg') no-repeat center top;
	background-size: cover;
}
.butHome {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100px;
	z-index: 10;
}
.butHome img {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100px;
}
.butDesigner {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100px;
	z-index: 10;
}
.butDesigner img {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100px;
}
.bannerHome {
	display: none;
	z-index: 5;
}
.bannerHome img {
	height: 100px;
}
.bannerRightHome {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100px;
	z-index: 8;
}
.bannerRightHome img {
	position: absolute;
	right: 5px;
	top: 5px;
	height: 130px;
}

@media only screen and (min-width: 500px) {
  /* Styles for 500 and more*/
	.vecHeader {
		height: 120px;
	}
	.butHome {
		/*height: 120px;*/
	}
	.butHome img {
		left: 10px;
		top: 10px;
		/*height: 100px;*/
	}
	.bannerHome {
		display: block;
	    width: 100%;
	    margin: 0 auto;
	    position: relative;
	    text-align: center;
	}
	.bannerHome img {
		/*height: 120px;*/
	}
	/* ENDE Styles for 500 and more*/
}
@media only screen and (min-width: 760px) {
  /* Styles for 760 and more*/
	.vecHeader {
		height: 150px;
	}
	.butHome {
		height: 150px;
	}
	.butHome img {
		left: 10px;
		top: 10px;
		height: 130px;
	}
	.butDesigner {
		height: 150px;
	}
	.butDesigner img {
		height: 150px;
	}
	.bannerHome img {
		height: 150px;
	}
	.bannerRightHome {
		right: 0px;
		top: 0px;
		height: 150px;
	}
	.bannerRightHome img {
		right: 10px;
		top: 10px;
		height: 130px;
	}
	/* ENDE Styles for 760 and more*/
}
@media only screen and (min-width: 1000px) {
  /* Styles for 1000 and more*/
	.vecHeader {
		height: 250px;
	}
	.butHome {
		height: 250px;
	}
	.butHome img {
		left: 10px;
		top: 10px;
		height: 230px;
	}
	.butDesigner {
		height: 250px;
	}
	.butDesigner img {
		height: 250px;
	}
	.bannerHome img {
		height: 250px;
	}
	.bannerRightHome {
		right: 0px;
		top: 0px;
		height: 250px;
	}
	.bannerRightHome img {
		right: 10px;
		top: 10px;
		height: 230px;
	}
	#tablomat {
		display: block;
		max-width: 1400px;
		margin: 0px auto;
	}
	/* ENDE Styles for 1000 and more*/
}
@media only screen and (min-width: 1120px) {
  /* Styles for 1120 and more*/
	/* ENDE Styles for 1120 and more*/
}
@media only screen and (min-width: 1400px) {
  /* Styles for 1400 and more*/

	/* ENDE Styles for 1400 and more*/
}
/*@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
  /* Retina-specific stuff here *!/
	.vecHeader {
		height: 250px;
	}
	.butHome {
		height: 250px;
	}
	.butHome img {
		left: 0px;
		top: 0px;
		height: 250px;
	}
	.bannerHome img {
		height: 250px;
	}
	.bannerRightHome {
		right: 0px;
		top: 0px;
		height: 250px;
	}
	.bannerRightHome img {
		right: 0px;
		top: 0px;
		height: 250px;
	}
	/* ENDE Retina-specific stuff here *!/
}*/