
/***************************************************************

 Normalize  
 
***************************************************************/


.template-body article, .template-body aside, .template-body details, .template-body figcaption, .template-body figure, .template-body footer, .template-body header, .template-body hgroup, .template-body nav, .template-body section, .template-body summary {
	display: block
}

.template-body audio, .template-body canvas, .template-body video {
	display: inline-block;

}

.template-body audio:not([controls]) {
	display: none;
	height: 0
}

.template-body [hidden] {
	display: none
}

html {

}

.template-body html, .template-body button, .template-body input, .template-body select, .template-body textarea {
	font-family: sans-serif
}

body {
	margin: 0
}

.template-body a:focus {
	outline: thin dotted
}

.template-body a:active, .template-body a:hover {
	outline: 0
}

.template-body h1 {
	font-size: 2em;
	margin: .67em 0
}

.template-body h2 {
	font-size: 1.5em;
	margin: .83em 0
}

.template-body h3 {
	font-size: 1.17em;
	margin: 1em 0
}

.template-body h3 small {
	font-weight: 300;
	line-height: 1.1em;
}

.template-body h4 {
	font-size: 1em;
	margin: 1.33em 0
}

.template-body h5 {
	font-size: .83em;
	margin: 1.67em 0
}

.template-body h6 {
	font-size: .75em;
	margin: 2.33em 0
}

.template-body abbr[title] {
	border-bottom: 1px dotted
}

.template-body b, .template-body strong {
	font-weight: bold
}

.template-body em, .template-body time {
	font-weight: 400;
}

.template-body blockquote {
	margin: 1em 40px
}

.template-body dfn {
	font-style: italic
}

.template-body mark {
	background: #ff0;
	color: #000
}

.template-body p, .template-body pre {
	margin: 1em 0
}

.template-body code, .template-body kbd, .template-body pre, .template-body samp {
	font-family: monospace, serif;
	font-size: 1em
}

.template-body pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

.template-body q {
	quotes: none
}

.template-body q:before, .template-body q:after {
	content: '';
	content: none
}

.template-body small {
	font-size: 80%
}

.template-body sub, .template-body sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

.template-body sup {
	top: -0.5em
}

.template-body sub {
	bottom: -0.25em
}

.template-body dl, .template-body menu, .template-body ol, .template-body ul {
	margin: 0em 0
}

.template-body dd {
	margin: 0 0 0 40px
}

.template-body menu, .template-body ol, .template-body ul {
	padding: 0 0 0 0px;
	list-style: none;
	list-style-image: none
}

.template-body ul ul {
	margin-left: 20px;
	list-style: outside circle;
}

.template-body nav ul, .template-body nav ol {
	list-style: none;
	list-style-image: none
}

.template-body img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	display: block;
}

.template-body svg:not(:root) {
	overflow: hidden
}

.template-body figure {
	margin: 0
}

.template-body form {
	margin: 0
}

.template-body fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em
}

.template-body legend {
	border: 0;
	padding: 0;
	white-space: normal;

}

.template-body button, .template-body input, .template-body select, .template-body textarea {
	margin: 0;
	vertical-align: baseline;

	border: 1px solid #ccc;
}

.template-body button, .template-body input {
	line-height: normal
}

.template-body button, .template-body html input[type="button"], .template-body input[type="reset"], .template-body input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;

}

.template-body button[disabled], .template-body input[disabled] {
	cursor: default
}

.template-body input[type="checkbox"], .template-body input[type="radio"] {
	box-sizing: border-box;
	padding: 0;

}

.template-body input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
.template-body input[type="search"]::-webkit-search-cancel-button, .template-body input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
.template-body button::-moz-focus-inner, .template-body input::-moz-focus-inner {
border:0;
padding:0
}

.template-body textarea {
	overflow: auto;
	vertical-align: top
}

.template-body table {
	border-collapse: collapse;
	border-spacing: 0
}

/***************************************************************

 Reset  
 
***************************************************************/
   
   


.template-body img, .template-body a {
	outline: none;
}










/***************************************************************

 Grid  
 
***************************************************************/


.template-body .full-width {
	width: 100%;
}

.template-body .container {
	margin: 0 auto 0 auto;
	width: 960px;
	position: relative;
}

.template-body [class*="grid"] {
	display: inline;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
}



.template-body .grid1 {
	width: 8.333333%;
}

.template-body .grid2 {
	width: 16.66667%;
}

.template-body .grid3 {
	width: 25%;
}

.template-body .grid4 {
	width: 33.33333%;
}

.template-body .grid5 {
	width: 41.66666%;
}

.template-body .grid6 {
	width: 50%;
}

.template-body .grid7 {
	width: 58.33333%;
}

.template-body .grid8 {
	width: 66.66667%;
}

.template-body .grid9 {
	width: 75%;
}

.template-body .grid10 {
	width: 83.33333%;
}

.template-body .grid11 {
	width: 91.66667%;
}

.template-body .grid12 {
	width: 100%;
}

/* 25% with Gutter */
.template-body .gutter-for-grid3 {
	width: 23.5%;
	margin-right: 2%;
}

.template-body .gutter-for-grid3:nth-of-type(4n+0) {
	margin-right: 0;
}

/* 33,33% with Gutter */
.template-body .gutter-for-grid4 {
	width: 32%;
	margin-right: 2%;
}

.template-body .gutter-for-grid4:nth-of-type(3n+0) {
	margin-right: 0;
}

/* 50% with Gutter */
.template-body .gutter-for-grid6 {
	width: 49%;
	margin-right: 2%;
}

.template-body .gutter-for-grid6:nth-of-type(2n+0) {
	margin-right: 0;
}



/***************************************************************

 Helper  
 
***************************************************************/

.template-body .box,.template-body  .relative {
	position: relative;
}



.template-body .circle {
	width: 12px;
	height: 12px;
	padding: 4px;
	border-radius: 32px;
	text-align: center;
	line-height: 10px;
	font-size: 12px;
}

.template-body .absolute {
	position: absolute;
}

.template-body .attached {
	right: -20px;
	top: 0px;
}

.template-body .handler {
	cursor: pointer;
	z-index: 9999;
}



.template-body .invisible {
	display: none;
}

.clearfix:before,  .clearfix:after {
	content: " ";
	display: table;
}

 .clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.template-body .small-width {
	width: 443px;
}

.template-body .align-center {
	text-align: center;
}

.template-body .align-right {
	text-align: right;
}

.template-body .align-left {
	text-align: left;
}

.template-body .margin-center {
	margin: 0 auto;
}


.template-body .float-left {
	float: left;
}

.template-body .float-right {
	float: right;
}

.template-body .no-float {
	float: none;
}

.template-body .max-width, .template-body .max-width img {
	max-width: 100%;
	height: auto;
}

.template-body .container img {
	max-width: 100%;
}


.template-body .border-box {
	box-sizing:border-box;
}



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





/***************************************************************

 Effects  
 
***************************************************************/




/* Borders */


.template-body .short-infos li {
	border-bottom:1px solid #ccc;
}







/* Box Shadow */


.template-body .box-shadow-lg {
	/* box-shadow:0 5px 20px rgba(0,0,0,0.3); */
}









/***************************************************************

 Global Layout  
 
***************************************************************/



.template-body {
    background: url("../img/background2.png") repeat-x scroll left -48px #FFFFFF;
    background: url("../img/background3.png") repeat-x scroll left -69px #F3F2EE;
     background: url("../img/background4.png") repeat-x scroll left -308px #F3F2EE;
    
    font-family: "Helvetica","Helvetica Neue", "Arial", "Open Sans", sans-serif;
	font-size:14px;
    line-height: 22px;
    color:#313131;
}


@media screen and (min-width: 1280px) {
	.template-body {
		
		background-position: left -300px;
	}
    
}


#vorlage {
	width:960px;
	margin-top:74px;
	position:relative;
	
}


.fluid-container {
	width:100% !important;
	max-width:1400px !important;
	min-width: 800px !important;
}


.margin-auto {
	margin-left: auto;
	margin-right: auto;
}


.template-body .mask {
	width:100%;
	overflow:hidden;

}


.template-body .horizon {
	width:7000px;
}



.template-body .langcontent {
	float:left;
	width:960px;
	min-height:600px;
	overflow:hidden;
	/* background-color:#fff; */
}
	
	





@media screen and (min-width: 1280px) {
	#vorlage, .template-body .langcontent { width:1200px;}


	#vorlage.alternate, .alternate .langcontent { width:1000px;}




}




/* Header */
.template-body .header {
	/* background-color:#1E1E1E; */
	/* color: #f6f2de; */
	/* background-color:#FDFCF8; */
	position: relative;
	background-color: #fff;


}


.template-body .header {
		/* height:386px; */
		height:auto;
	}


@media screen and (min-width: 1280px) {

	.template-body .header {
		/* height:394px; */
		height:auto;
	}
}


/* Bar */
.template-body .bar {
	padding:10px 10px;
	color:#F6F2DE;
	background-color:#960909;
	font-size:11px;
	letter-spacing:0.0em;
	

}




.template-body .header .bar {
background-color:transparent;
    color: #f6f2de;    
    position: absolute;    
    padding:20px 0;
    left: 15px;
    padding: 20px 0; 
    top: 63px;

}


@media screen and (min-width: 1280px) {

	.template-body .header .bar  {
		 left: 52px;
    		
    		top: 89px;
	}
}



/* Intro */

.template-body .intro, .template-body .intro-image  {
	
	padding:40px 40px;

}

.template-body .intro {
	
	text-transform:normal;
	margin:0;
	background-color: #fff;
	color:#111;
	font-size:14px;
	line-height:23px;
	text-align:justify;
	height:212px;
	overflow:hidden;

}


@media screen and (min-width: 1280px) {
	
	.template-body .intro-image  {
	
	padding-left:60px;

	}

	.template-body .intro {
		height:192px;


	}
    
}



.template-body footer {
	text-align: center;
	padding:20px 0;
}



/******
Boxes
*****/


.template-body .box {
	margin-top:50px;
	margin-bottom:50px;
	padding:30px;
	background-color:#F9F7ED;
	background-color: #E5E3DA;
	background-color: #f6f2df;
}





.data-list.numbers  {
	display: inline !important;
	text-align:center;

}


.data-list.numbers dd, .data-list.numbers  dt  {
	display: inline;
	width:auto;
	background-color:transparent;
	border-bottom: 1px solid #ccc;
	}


/*****
Short Info Lists (DL)
****/




.template-body .short-infos li, 
.template-body dt,   
.template-body dd {
	padding:5px 0;
}



.template-body dt,
.template-body dd {
	margin-bottom:1px;
	background-color:#F9F7ED;
	background-color: #E5E3DA;
	background-color: #f6f2df;

	
}





.template-body dt {
	color:#562A1C;
	text-transform:uppercase;
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:0.0em;
	clear:both !important;

}


@media screen and (min-width: 1280px) {

	.template-body dt   {

		font-size: 13px;
		 
	}
}



.template-body .product-details {
	position: relative;
	margin-top:50px;
	background-color: #fff;
}



.template-body .product-details.alternate {

	background:url(http://assets.zeitauktion.com/img/ebay_ersatzteile_collage.jpg) no-repeat center top;
	background-size: 110%;
	background-color: #fff;
	margin-top: 0;


}


/** 

Abmessungen 

**/

.template-body .box.dimensions > .grid6 {
	width:100% !important;

}


.template-body .box.dimensions br {
	display: none;
}


.template-body .dimensions dt {
	padding-left:20px;	
	font-size: 12px;
}




.template-body .img_scheme_1 {
	background: url(../img/1_16.png) left center no-repeat;
}

.template-body .img_scheme_2 {
	background: url(../img/2_16.png) left center no-repeat;
}

.template-body .img_scheme_3 {
	background: url(../img/3_16.png) left center no-repeat;
}

.template-body .img_scheme_4 {
	background: url(../img/4_16.png) left center no-repeat;
}


.template-body .dimensions img {
	margin-top: 20px;
}


.template-body .dimensions dd {
	text-align: right;
	padding-right: 20px;
}

.template-body .dimensions small {
	font-size: 10px;
	line-height: 14px;
	display: block;
}



.template-body .overview {

	    padding: 30px;
    background: #fff;
    text-align: center;
    margin-top: 20px;
}


.template-body .overview h5 {

	text-align:center;

}


.template-body .overview a:before {
	display:inline;
	content:"»";
}


.template-body .overview a:after {
	display:inline;
	content:"«";
}




/**** 
Product Infos
*****/


.idnr {
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;


}


.template-body .product-infos {
	padding-top:40px;
	position: relative;
}



.template-body .product-infos.alternate {


	float:none !important;
	display: block !important;
	margin:0 auto;


}



.template-body .product-infos > div, 
.template-body .product-infos > ul, 
.template-body .product-infos > p, 
.template-body .product-infos > dl, 
.template-body .product-infos h2,
 .template-body .product-infos h3 {
	margin-left: 40px;
	margin-right:40px;

}



.template-body .condition dt {

	word-wrap:break-word;
	
	
	
}


/*** 
Product Images
****/


.template-body .product-images  {
	padding:30px;
	background-color:#F6F2DE;
	background-color: #f6f2df;;
	box-sizing: border-box;
	border: 1px solid #fff;
}



	




.template-body .product-images img {
	margin-bottom: 10px;
}



/* Contact */

.template-body .contact {
	padding:20px 40px;
	color:#F9F7ED;
	font-size: 15px;
	margin-bottom: 10px;
	background-color:#960909 !important;
}


.template-body .contact {
	
	text-align: center;
	overflow:hidden;

	overflow: hidden;
    padding: 20px 0px;
    background-color: #444 !important;
    font-size: 17px;
  
    text-align: center;
 
  

}


.alternate .contact {
	margin-bottom:0;
}


.template-body .contact a {
	color:#ccc;
	text-decoration: none;
}




/***************************************************************

 Typo  
 
***************************************************************/

.template-body h1, 
.template-body h2, 
.template-body h3, 
.template-body h4 {
   
    font-weight: normal;
    padding: 0 ;
    text-decoration: none;
    text-transform: uppercase;
}

.template-body h1 {
    color: #960909;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.6em;
    font-weight: normal;
    letter-spacing: 1.5px;
    line-height: 100%;

    text-transform: uppercase;
}


.template-body h2 {
   
    font-size:26px;
    font-weight: normal;
    letter-spacing: 0.1em;
    line-height: 30px;
    color: #960909;
    text-transform: uppercase;
}

.template-body h2.title {
	font-size:35px;
	text-align:center;
	margin-top:20px;
	padding-bottom:15px;
}




.template-body h3, 
.template-body .short-infos li {
	font-size:21px;
	font-style:italic;
	color:#313131;
}


.template-body h3.teaser, .template-body h4.teaser {
	text-align:center;
	margin-top:0;
}


.template-body h4 {
	color: #960909;
	font-weight: 600;
}


.template-body .short-infos li {
	font-size:17px;
}


.template-body h5 {
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    text-transform: none;
	font-weight:bold;
}


.template-body p small {
	line-height:17px;
	display:block;
}










.template-body .data-list.numbers {
	font-size:13px;
	line-height:20px;
	
}





/***************************************************************

 Links / Nav  
 
***************************************************************/

.template-body .btn-container {
	text-align: center;
	padding:50px 0;
}

.template-body .btn.dark {
	background-color:#562A1C;
}



.template-body  .btn {
	background-color:#960909;
	color:#fff;
	padding:10px 15px;
	text-align: center;
	border-radius: 2px;

	text-decoration: none;
}

.template-body  .btn:hover {

	background-color: #111;0


}

.template-body a {
	color: #960909;
}


.template-body a:hover, .template-body a:focus {
	text-decoration:underline;
}



.template-body .navbar, .template-body .navbar.zeitauktion {
	position:absolute;
	left:0;
	top:-30px;
	z-index:9999;

}




.template-body a.lang {
	float:left; /* background:#6c6c6c; border:1px solid #fff; color:#fff; */ 
	color:#6c6c6c; 
	padding:1px; 
	height:12px;  
	text-align:center; 
	line-height:1.5em; 
	font-size:0.7em;
	text-decoration:none; 
	top:-30px;
	font-weight:bold; 
	width:24px; 
	height:20px;
	border:0;
	display: block;
	
	/* box-shadow:1px 1px 1px rgba(0,0,0,0.8); */
}




.template-body a.lang img {
	width:100%;
	
}


.template-body a.lang.active {
	background-color: #444 ;
}




.template-body .product-infos .navbar {
	position:static !important;
	top:auto;
	left:auto;
	display: block;
	height:50px;
	text-align: center;

}






.template-body .product-infos  .navbar a.lang {
	display: inline-block;
	float:none;
	width:46px; 
	height:31px;
	padding-left: 10px; 
	padding-right: 10px;
	border-right: 1px solid #ccc;



}



.template-body .langbar h4 {
	margin:0;

	
	background:#313131;
	font-weight: 200;
	letter-spacing: 0.03em;
	color:#fff;
	font-size: 11px;
	height:35px;
	
	
}
	
.template-body .langbar h4 a {	

	color:#f6f2df;
	text-decoration: none;
	display: block;
	float:left;
	margin-top:8px;

}


.template-body .langbar h4 a:hover {	

	color:#ccc;
}

.template-body .langbar img {
	display: block;
	float:left;
	margin-right: 10px;
	margin-left:5px;
}



/***************************************************************

 Tables  
 
***************************************************************/

.template-body tr {
	border-bottom: 1px solid #ccc;
}

.template-body tr:nth-child(2n+1) {
	background: #f5f5f5;
}

.template-body td, .template-body th {
	padding: 5px 10px;
	text-align: left;
	border-right: 1px dotted #ccc;
	vertical-align: top;
}

.template-body th {
	font-size: 12px;
	line-height: 14px;
	font-weight: 300;
	background-color: #333;
	text-align: center;
	color: #fff;
	border-right: 1px solid #ccc;
}

.template-body table {
	margin-bottom: 20px;
	width: 100%;
}

.template-body table tr {
	border-bottom: 1px solid #ccc;
}

.template-body table td {
	padding: 20px 10px;
}

.template-body td:last-child, .template-body th:last-child {
	border-right-width: 0;
}


	
/***************************************************************

 Forms  
 
***************************************************************/

.template-body label {
	font-size: 0.8em;
	font-weight: bold;
	clear: both;
	float: left;
	display: block;
	font-weight: normal;
}

.template-body button,.template-body  input,.template-body  textarea, .template-body select {
	padding: 5px 7px;
	margin-bottom: 0px;
	width: auto;
	background: #FAFAFA;
	color: #282828;
	border: 1px solid #ccc;
	box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

.template-body textarea {
	height: 215px;
	width: 60%;
	font-size: 0.9em;
}

.template-body button, .template-body .button, .template-body input[type=submit],.template-body  input[type=file] {
	font-size: 0.9em;
	width: auto;
	text-transform: none;
	font-weight: 300;
	padding: 6px 8px;
	background-image: none;
	border: 0;
	display: block;
	color: #FFF;
	background-color: #333;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

.template-body input[type="checkbox"], .template-body input[type="radio"] {
	padding: 0;
	width: auto;
}

.template-body input[type=file] {
	float: left;
	margin-bottom: 30px;
}









/***************************************************************

 Products   
 
***************************************************************/




.template-body .product {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding:20px 0;
	background-color: #fff !important;

}


.template-body .product td {
	padding: 15px;
	text-align: left;
	border-right: 1px dotted #ccc;
	vertical-align: middle;
}


.template-body .product h2, .template-body .product h3, .template-body .product .idnr {
	text-align: left;
	font-size: 16px;
}



.template-body .product h2 {
	    margin-top: 0;
	    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: 700;
    font-size: 17px;
}

.template-body .product h3 {
	    margin-top: 0;
    padding-bottom: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
}


.template-body .product .idnr {
	font-size: 11px;

}



.template-body .product .btn {
		margin-left:40px;
}

.template-body .product dl, .template-body .product dt, .template-body .product dd  {
padding:3px 0;
background-color: transparent;
margin:0;
font-size: 12px;

}


.template-body .product dt {
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0em;
}
