/* #############################| core |############################## */

HTML {
	height:100%;
}

BODY {
	margin:0px;
	background:#fbba00;
	height:100%;
}

BODY, INPUT, TEXTAREA, TD, TH {
	font-family: verdana, arial, sans serif;
	font-size:11px;
}

IMG {
	border:0px;
}

P {
	margin:0;
	padding:0;
	text-align:left;
}

h1, H2 {
	font-size:16px;
	display:inline;
	line-height:20px;
}

H3{
	font-size:13px;
	display:inline;
}

A {
	outline: none;
	color:#000;
	text-decoration:none;
}
A:hover {
	outline: none;
	font-weight:bold;
}

DIV#frame {
	width:950px; 
	margin:0px auto; 
	margin-top:5px;
}

.strong {
	font-weight:bold;
}

/* #############################| common |############################## */

.clearfix {
	clear: both;
}

.show_div {
	display:block;
}

.hide_div {
	display:none;
}

.div_hover:hover {
	background: #FFE6B6;
}

/* buttons */
.button_left, .button_center, .button_right {
	height:34px;
	float:left;
	line-height:34px;
}
.button_left {
	width:17px;
	background: url(../images/buttons/button_left.png);
}
.button_center {
	background: url(../images/buttons/button_center.png);
	border:0 none;
	font-weight:bold;
}
.button_right {
	width:14px;
	background: url(../images/buttons/button_right.png);
}

/* tabs */
DIV#tab {
	border-bottom:3px solid #C4C5C5;
}

.tab_left, .tab_center, .tab_right {
	height:21px;
	line-height:21px;
	float:left;
}
.tab_left {
	width:14px;
	background: url(../images/tab_left.png);
}
.tab_center {
	background: url(../images/tab_center.png);
	border:0 none;
}
.tab_right {
	width:14px;
	background: url(../images/tab_right.png);
}

/* #############################| poster |############################## */

DIV#poster {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: url(../images/spacer_htrans.png);
	z-index:1;
	text-align:left;
}

	DIV#poster_inner {
		margin:0px auto; 
		margin-top:10%;
		width:300px;
		min-height:150px;
		border:2px solid #FB9A00;
		background:#fff; 
		padding:6px;
	}
		DIV#poster_hint {
			width:290px; 
			margin-left:5px; 
			text-align:left;
		}
		
		DIV#poster_close {
			position:relative; 
			top:0px; 
			left:284px; 
			height:16px; 
			width:16px; 
			background: url(../images/icons/icon_close.png);
			cursor:pointer;
		}
	
	DIV#poster_inner_large {
		margin:0px auto; 
		padding:10px;
		margin-top:10%;
		width:600px;
		border:2px solid #FB9A00;
		background:#fff;
	}
		DIV#poster_close_large {
			position:relative; 
			top:-10px; 
			left:594px; 
			height:16px; 
			width:16px; 
			background: url(../images/icons/icon_close.png);
			cursor:pointer;
		}

/* #############################| header |############################## */

DIV#header, DIV#header_left, DIV#header_center, DIV#header_right {
	height:100px;
}

DIV#header {
	width:100%;
	/* background:#E1010F; */
	background:  url(../images/header-bg.png);
	padding-top:10px;
	border-bottom:none;
}

	DIV#header_left {
		width:173px;
		text-align:center;
		background:none;
		float:left;
	}

	DIV#header_center {
		width:377px;
		text-align:left;
		background:none;
		float:left;
	}

	DIV#header_right {
		width:400px;
		text-align:center;
		background:none;
		float:left;
	}

/* #############################| infobar |############################## */

DIV#infobar {
	width:100%;
	text-align:right;
	background:#fff url(../images/infobar-bg.png) no-repeat;
	padding-top:2px;
}

	DIV#infobar_left {
		width:180px;
		background:none;
		float:left;
	}

	DIV#infobar_center {
		width:320px;
		text-align:center;
		background:none;
		float:left;
	}
	
	DIV#infobar_right {
		width:450px;
		text-align:right;
		background:none;
		float:left;
	}

		DIV#infobar_right ul {
			list-style:none inside;
			text-align:center;
			white-space:nowrap;
			margin:0;
			padding:0;
		}

		DIV#infobar_right ul li {
			float:left;
			background:#FBB900;
			padding-left:6px;
			padding-right:6px;
			line-height:20px;
			cursor:pointer;
		}
		DIV#infobar_right ul li:hover {
			background:#FB9A00;
			color:#333;
		}
		
		DIV#infobar_right ul li a {
			color:#000;
		}
		DIV#infobar_right ul li a:hover {
			color:#333;
			font-weight:normal;
		}
		
		DIV#infobar_right .menu_left {
			float:left;
			background: url(../images/infobar-menu-left.png) no-repeat;
			height:20px;
			width:15px;
		}
		
		DIV#infobar_right .menu_right {
			background: url(../images/infobar-menu-right.png) no-repeat;
			height:20px;
			width:15px;
			float:left;
		}
		
/* #############################| content |############################## */

DIV#content {
	width:100%;
	text-align:left;
	background: #FFF5E1 url(../images/content-bg.png) repeat-y;
}

	DIV#content, DIV#content_center, DIV#content_right {
		min-height:400px;
	}

	DIV#content_left {
		width:175px;
		float:left;
		background:none;
		margin-left:5px;
		min-height:400px;
	}
		
		DIV#content_left ul {
			list-style:none inside;
			white-space:nowrap;
			margin:0;
			padding:0;
			border-top:3px solid #C4C5C5;
			width:175px;
		}
		
		DIV#content_left ul li {
			list-style:none inside;
			margin:0;
			padding-top:6px;
			padding-bottom:6px;
			padding-left:12px;
			border-bottom:3px solid #C4C5C5;
			line-height:18px;
	    -webkit-transition: background 0.3s, font-weight 0.3s; /* Safari */
	    transition: background 0.3s, font-weight 0.3s;
		}
		DIV#content_left ul li:hover {
			background:#FFE6B6;
			font-weight:bold;
			cursor:pointer;
		}
		
		DIV#content_left ul li a {
			color:#000;
			text-decoration:none;
		}
	
	DIV#content_center {
		width:380px;
		float:left;
		text-align:center;
		background:#fff;
	}

	div#content_center a img, 
	div#content_right_large a img {
    -webkit-transition: opacity 0.6s; /* Safari */
    transition: opacity 0.6s;
	}

	div#content_center a img:hover, 
	div#content_right_large a img:hover {
		opacity: 0.8;
		filter: alpha(opacity=80); /* For IE8 and earlier */
	}
	
	DIV#content_right {
		width:370px;
		padding-right:15px;
		float:left;
		background:#fff;
		min-height:400px;
	}
	
	DIV#content_right_large {
		padding-left:25px;
		width:700px;
		float:left;
		background:#fff;
	}

	#backe-list h3 {
		font-size: 14px;
		font-weight: 700;
		display: block;
		margin: 0px;
	}
	
/* #############################| subbar + footer |############################## */

DIV#subbar {
	width:100%;
	height:25px;
	text-align:left;
	background: #fff url(../images/footer-bg.png) no-repeat bottom;
}

DIV#footer {
	width:100%;
}

	DIV#footer ul {
		list-style:none inside;
		text-align:center;
		white-space:nowrap;
		margin:0;
		padding:0;
	}

	DIV#footer ul li {
		float:left;
		background:#C4C5C5;
		padding-left:6px;
		padding-right:6px;
		line-height:16px;
		height:20px;
		cursor:pointer;
	}
	DIV#footer ul li:hover {
		background:#ABACAC;
	}
	
	DIV#footer ul li a {
		color:#333;
	}
	DIV#footer ul li a:hover {
		color:#121212;
		font-weight:normal;
	}
	
	DIV#footer .menu_left {
		margin-left:25px;
		float:left;
		background: url(../images/footer-menu-left.png) no-repeat;
		height:20px;
		width:15px;
	}
	
	DIV#footer .menu_right {
		background: url(../images/footer-menu-right.png) no-repeat;
		height:20px;
		width:15px;
		float:left;
	}
		
/* ##############| AB HIER FOLGEN DIE EINZELNEN MODULE |################## */
	
/* #############################| cart |############################## */

DIV.cart_pos, DIV.cart_model,DIV.cart_name, DIV.cart_quantity, DIV.cart_price, DIV.cart_total {
	line-height:20px;
	margin-right:10px;
}

DIV.cart_pos {
	width:50px;
	float:left;
}

DIV.cart_model {
	width:75px;
	float:left;
}

DIV.cart_name {
	width:260px;
	float:left;
}

DIV.cart_quantity {
	width:75px;
	float:left;
	text-align:center;
}

	DIV.cart_quantity INPUT.cart_quantity_form {
		border-top:0;
		border-left:0;
		border-right:0;
		border-bottom:1px solid #E3E3E3;
		width:30px;
		text-align:right;
	}

DIV.cart_price {
	width:75px;
	float:left;
	text-align:right;
}

DIV.cart_total {
	width:85px;
	float:left;
	text-align:right;
}

DIV#cart_summery {
	padding-top:10px;
	width:680px;
	line-height:20px;
	font-weight:bold;
	text-align:right;
}
	
	DIV#cart_summery .cart_summery_text {
		float:left;
		width:150px;
		margin-left:380px;
		text-align:left;
	}
	DIV#order_cart DIV#cart_summery .cart_summery_text {
		margin-left:445px;
	}
	
	DIV#cart_summery .cart_summery_price {
		float:left;
		width:85px;
		text-align:right;
	}

/* #############################| address printing |############################## */

DIV#form_left {
	width:350px;
	float:left;
}

DIV#form_right {
	width:350px;
	float:left;
}

DIV#form_left .form_field input {
	width:160px;
}
DIV#form_left .form_field_big input {
	width:320px;
}
DIV#form_right .form_field input {
	width:160px;
}
DIV#form_right .form_field_big input {
	width:320px;
}

.form_text, .form_field {
	line-height:20px;
	height:20px;
}

DIV#form_left  .form_text {
	width:110px;
	float:left;
}

DIV#form_left  textarea {
	width:160px;
	height:80px;
	float:left;
}

DIV#form_left .form_check {
	width:25px;
	line-height:20px;
	float:left;
}

DIV#form_left .form_position {
	width:45px;
	line-height:20px;
	float:left;
}

DIV#form_left .form_field {
	line-height:20px;
	float:left;
}

DIV#form_right  .form_text {
	width:80px;
	line-height:20px;
	float:left;
}

DIV#form_right .form_check {
	width:25px;
	line-height:20px;
	float:left;
}

DIV#form_right .form_position {
	width:45px;
	line-height:20px;
	float:left;
}

DIV#form_right .form_field {
	line-height:20px;
	float:left;
}

.printing_comment {
	width: 560px;
	height: 64px;
	padding-right: 64px;
	background: transparent url("../images/icons/icon_info_comment-s.png") no-repeat scroll 564px 7px;
}	


/* #############################| address billing-/ delivery |############################## */

DIV#results {
	display:none;
	width:100%;
	height:100px;
	float:left;
}

/* #############################| progressbar |############################## */	

DIV#progressbar {
	width:100%;
	height:29px;
	margin-bottom:10px;
	margin-top:10px;
}

/* #############################| order summary |############################## */	

DIV#order_cart {
	background:none;
}
DIV#order_cart .content{
	background:#FFF5E1;
	font-weight:bold;
	height:20px;
}

DIV#order_cart DIV#cart_summery {
	margin-left:-75px;
	width:775px;
}
	DIV#cart_summery .cart_summery_text {
		width:150px;
	}
	DIV#cart_summery .cart_summery_price {
		width:150px;
	}

DIV#order_printing {
	background:none;
}

DIV#order_printing DIV#form_left, DIV#form_right {
	width:320px;
}

DIV#order_printing .form_text {
	font-weight:bold;
	width:120px;
}

DIV#order_billing {
	float:left;
	width:330px;
}

DIV#order_billing .form_text {
	font-weight:bold;
	width:120px;
}

DIV#order_delivery {
	float:left;
	width:330px;
	margin-left:40px;
}

DIV#order_delivery .form_text {
	font-weight:bold;
	width:120px;
}

DIV#order_process {
	width:100%;
	text-align:center;
}

DIV#order_confirm {
	width:100%;
	text-align:center;
}

/* #############################| progressbar |############################## */

DIV#progressbar a:hover {
	font-weight:normal;
	color:#E3000F;
}

/* #############################| forms |############################## */	

INPUT#form_quantity {

	width:55px;

	text-align:center;
}

INPUT.box {
	width:20px;
}

/* #############################| Sidebar |############################## */	

#sidebar {
	display: block;
	position: absolute;
	right: 0;
	top: 200px;
	height: 250px;
	width: 100px;
	background: url(../images/sb-bg.png) no-repeat 0 0;
  -webkit-transition: opacity 0.8s; /* For Safari 3.1 to 6.0 */
  transition: opacity 0.8s;
}

#sidebar:hover {
	opacity: 0.8;
	filter: alpha(opacity=40); /* For IE8 and earlier */
}

form[name="form_login"] > div {
	margin: 3px 0;
}

input[name="customer_nickname"] {
	min-width: 260px;	
	padding-left: 5px;
}

input[name="customer_pass"] {	
	padding-left: 5px;
}

input[name="login_submit"] {
  background-color: #E1010F;
  border: 1px solid #E1010F;
  padding: 5px 25px;
  color: #fff;
  cursor: pointer;
}

#images_bottom {
	display: block;
	margin: 40px 15px 10px 175px;
}

#article-pages-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

#article-pages-preview .article-image-item {
  flex: 0 0 calc(14.2857% - 16px); /* fix 7 Spalten */
  max-width: calc(14.2857% - 16px);
  box-sizing: border-box;
}

#article-pages-preview .article-image-item img {
  width: 100%;
  height: auto;
  display: block;
}

#article-pages-preview .article-image-note {
  font-size: 0.75rem;
  margin-top: 1rem;
}