/* Content und Sidebar-Elemente */
#content .line {
	height: 1px;
	background-color: #afafaf;
	border: 0;
	padding: 0;
	margin: 20px 0 15px 0;
	overflow: hidden;
}
#content p.emphasizeleft {
	border-left: 8px solid #800000;
	padding-left: 6px;
}
#content p.emphasizeright {
	border-right: 8px solid #800000;
	padding-right: 6px;
}
#content .w2dptablinks {
	padding: 12px 0 0 0;
	border-bottom: 1px solid #afafaf;
	margin-bottom: 10px;
}
#content .w2dptablinks a {
	font-weight: normal;
	padding: 4px 10px;
	display: block;
	float: left;
	margin-right: 7px;
	background-color: #bdbdbd;
	color: #333333;
	text-decoration: none;
	outline: none;
	-moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
#content .w2dptablinks a.w2dptabsel {color: #ffffff; background-color: #800000;}
#content .w2dptablinks a:hover {text-decoration: none;}

#content h1 {
	font-size: 120%;
		font-weight: bold;
	margin: -4px 0 -2px 0;
	padding: 0px 0px 2px 0px;
}
#content h2, #sidebar h2 {
	font-size: 110%;
		font-weight: bold;
	margin: 0px;
}
#content h2 {
	padding: 10px 0px 2px 0px;
}
#content h3 {
	font-size: 110%;
		font-weight: bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;
}
#content p {
	margin: 2px 0 2px 0;
	padding: 3px 0px 3px 0px;
	line-height: 160%;
}
#sidebar h2 {
	padding: 2px 0px 5px 0px;
}
#sidebar p {
	margin: 0px;
	padding: 2px 0px 2px 0px;
	line-height: 160%;
}
#sidebar p, #sidebar h2 {
	text-align: center;
}
#content a, #sidebar a {
	text-decoration: none;
	font-weight : bold;
	color: #800000;
}
#content a:hover, #sidebar a:hover {
	color: #000000;
	text-decoration: underline;
}
#content .sidepictureright{
	float: right;
	padding: 0;
	margin: 8px 0 -15px 15px;
}
#content .sidepictureleft{
	float: left;
	padding: 0;
	margin: 8px 15px -15px 0;
}
#content .sidepictureright p,#content .sidepictureleft p{width:160px}
#content .img-rounded, #sidebar .img-rounded{
		border: 1px solid #000000;
		border-radius:1px;
}
#content .img-circle, #sidebar .img-circle,#content .img-responsive{
 		border: 1px solid #000000;
	}
.zentriert .img-responsive, .zentriert .paratext {display:block;margin:0 auto;text-align:center}
.links .img-responsive, .links .paratext {display:block;float:left;text-align:left}
.rechts .img-responsive, .rechts .paratext {display:block;float:right;text-align:right}
#content .clearer, #content .clear {
	clear: both;
}
#content .clear {height:1px}

#more {
	margin: 20px 0 0 0;
	padding: 10px 0;
	text-align: right;
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-color: #800000;
	border-width: 5px 5px 0;
}
.tooltip-inner {
	color: #fff;
	background: #800000;
	padding:8px;
    border-radius: 6px;
	opacity:0.9
}
/* Liste */
.fa-ul {
	list-style: none;
	padding: 0;
	margin: 10px 0 6px 16px;
	line-height:200%;
}
.fa-li{
	padding: 4px 0 1px 6px;
}

.fa-square, .fa-circle, .fa-check, .fa-angle-left, .fa-angle-right {color:#800000}
a.prev {float:left}
.thumbnail, .btn-default, .pagination > li > a, .pagination > .disabled > a {background-color:transparent}
 .btn-default, .btn-sm{margin:3px 0}
#content a.btn-default,#sidebar a.btn-default, .btn-default, #content a.btn-sm, #content a.btn-xs, .btn-primary{background-color:#800000 !important;color:#ffffff;font-weight:normal}
#content a.btn-default:hover,#sidebar a.btn-default:hover {text-decoration:none;color:#ddd !important}
div.teasertitle{border-bottom:1px solid #ccc;padding:5px;word-wrap: break-word}
div.teasertitle a{border-bottom:none !important}
.teaser img{float:right;margin-top:5px}
#content .teasertext p,#sidebar .teasertext p, #content .price, #content .teaserinfo, #content .teasid,#sidebar .price, #sidebar .teaserinfo, #sidebar .teasid{padding:5px}
.pagination {margin: 0 0 0 10px}
.pagination ul.pagination {list-style-type: none !important;}
.pagination-sm > li > a {padding:5px}
#content .pagination p {padding-left:15px}
#sidebar .thumbnail img {margin-top:3px}
.pagination > .active > a {color:#ffffff !important;background-color:#800000}
.pagination > li > a, .pagination > .disabled > a {color:#800000}
.table-rounded{border-spacing: 9px; border-radius: 10px}
.table-bordered, .table-striped, .table-rounded, .table-hover {border:1px solid #aaaaaa;color:#333333;background-color:#F3F3F3}
.table-striped  tr.odd{background-color: #D9D9D9}
.table-striped  tr.even{background-color: ##AFAFAF}
.table-noborder td.cell,.table-noborder td.headercell{border:none !important}
td.cell a {color:#800000 !important}
.table-bordered td.cell{border:1px solid #aaaaaa}
.table-bordered td.headercell {border:1px solid #aaaaaa}
.table-striped td.headercell,.table-hover td.headercell,.table-striped td.cell,.table-hover td.cell,.table-rounded td.cell {
	font-weight: bold;
	border-top:1px solid #aaaaaa}
.table-responsive {margin-bottom: -20px;}

/* Absatztype Formular */
.has-error.help-block,
.has-error.control-label,
.has-error.radio,
.has-error.checkbox,
.has-error.radio-inline,
.has-error.checkbox-inline, {
  color: #a94442;
}
.has-error.form-control,.txh.form-control{
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error.form-control:focus,.txh.form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.form-control {margin-bottom:5px}
#usebill,#useship,#useship1,#continuewithoutloginbox,#loginbox,#passwordbox,#newbox {margin-top:0}
label{margin-right:5px !important}
.wk {padding:10px 0; background-color:#800000;font-size:100%}

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #800000;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
P.s2d  {
	font-size: 130%;
	color: #800000;
	font-weight : bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	line-height: 200%;
}
.alnleft {text-align:left}
P.s2dsmall  {
	font-size: 100%;
}
.kbutt{text-align:right}
.table-summary, .table-ship,.completewidth, .table-custom, .table-order, .table-bill, .table-message, .table-part, .table-return, .table-esd, .table-license, .table-nlicense, .table-head {width:100%}
.table-summary td {padding:0 2px}
td#priceinfo{white-space:pre}
.minfo{text-align:right}
.memoempty {padding:0}

@media (max-width: 1024px) {
#content .w2dptablinks a {
	width:100%;
	text-decoration: none;
    margin-bottom:3px;
	padding:10px;
}
}
@media (max-width: 991px) {
#slidercontainerleft,#slidercontainerright {display:none !important}   
}
@media (min-width: 768px) and (max-width: 991px) {
#slidercontainerleft,#slidercontainerright {display:none !important}	
}
@media (max-width: 960px) {
.direct{font-size:11px}
.navbar .navbar-nav > li > a,.navbar .navbar-nav > li > a:hover{padding:6px}
}
@media (max-width: 640px) {
#content{width:100%}
#submitbutton{float:left}
}
@media (max-width: 480px) {
#logo h1 {
	position: relative;
    float:left; 
	padding: 0px;
	margin: -25px 0 0 10px;
	color: #444444;
	letter-spacing : 8px;
	font-family: Palatino, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 15px;
}
#search.form-group {
	position:relative;
	float:left;
	width: 100%;
	height: 40px;
	margin:5px 0;
}
#searchcriteria {width:70%;float:left;}
#content .w2dptablinks a {
	width:100%;
	text-decoration: none;
    margin-bottom:3px;
	padding:10px;
}
#content .w2dptablinks a.w2dptabsel {color: #ffffff; background-color: #800000;}
#content .w2dptablinks a:hover {text-decoration: none !important;}
.navbar .navbar-nav > li > a {font-size:120%;padding:6px 10px}
.kbutt {text-align:left}
.preis{margin-top:5px}
#searchsubmit {width:48px}
.direct {margin-top:3px}
.direct:hover {color:#ddd}
a.info:hover {text-decoration:none !important}
#content{width:100%}
ul.pagination li a {width:100%}
}
@media (max-width: 320px) {
#search.form-group {
	position:relative;
	float:left;
	width: 100% !important;
	height: 40px;
	margin:5px 0;
}
#searchcriteria {width:70% !important;float:left;}
#sidebar {width:99%;background:none}
.img, .sidepictureleft,.sidepictureright  {width:100%}
.pagination > li > a {padding: 3px 6px;}
#content{width:100%}
}
@media (max-width: 767px) {
.navbar {margin:0}
#sidebar,#content {width:100%}
}
@media (max-width:768px){
#sidebar .thumbnail img {width:40%;float:right;margin-top:3px} 
.direct{font-size:11px;width:100%}
#sidebar img{width:100%} 
}