* {
	padding: 0;
	margin: 0;
	outline:none;
}

html {
	overflow-y: scroll;
}

td, th, input, select {
	color: #626262;
}





#inbody {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#031E37;
       
}
a:link, a:visited  {
	text-decoration: none;
	color:#0360A5;
}
a:hover {text-decoration: underline}

body, a, div, p, table, th, tr, td, img, ul, li, h1, h2, h3, h4 {padding: 0; margin: 0}

h1, h2, h3 {color: #0360A5}
h1 {font-size: 14pt}
h2 {font-size: 12pt}
h3 {font-size: 11pt}
h4 {font-size: 10pt}

img {border: 0}

.flleft {float: left}
.flright {float: right}
.flclear {clear: both}

.clear {clear:both}

#outer {
	/* min-width:1000px; */
	width: 95%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	text-align:left;
	position: relative;
	padding: 10px 0 20px 0;
}

#inner {
	text-align:left;
	background-color: #FFF;
	box-shadow: 0 0 2px 2px #666;

}
#header {}
#header img {width: 100%}

.headmenu {
           /* background:url(/layout/c4b/bg_headmenu.jpg) repeat-x #f68931; color: #fff; height: 23px; */
            font-size: 8pt; 
           /* padding: 6px 4px 0 4px; */
           position: absolute; right: 0; z-index: 50; margin-right: 8px
           }
.headmenu a {background: url(/layout/c4b/bg_headbutton.jpg) repeat-x; border: 1px solid #888; border-top: 0; display: block; float: left; margin-left: 5px; padding: 5px 10px 5px 10px; font-size: 8pt; color: #fff; text-decoration: none}
.headmenu a:hover {text-decoration: underline}
.basket {position: relative; top: 40px; right: 5px; }
.basketinner {text-decoration: none; color: #626262; background:url(/layout/c4b/img_basket.jpg) no-repeat 3px 5px; border: 1px solid #aaa; width: 150px; height: 60px; padding-left: 70px }
.basketinner h2 {text-decoration: none; color: #f37529; font-size: 11pt; display: block; padding: 2px 0 8px 0}
.basketlink a {background: url(/layout/c4b/hd_orange.jpg) repeat-x; border: 1px solid #ec7120; font-size: 12pt; color: #fff; display: block; font-weight: bold; height: 25px; margin-top: 5px; padding-top: 4px; text-align: center;}
.basketlink a:hover {text-decoration: none}
.basketlink a.checkout_red {background: url(/layout/c4b/hd_red.jpg) repeat-x}
.basketlink a.checkout_blue {background: url(/layout/c4b/hd_blue.jpg) repeat-x; border: 1px solid #024174}
#searchline {background: #f5f9fc; height: 30px; width: 100%; margin-top: 1px; padding: 2px 0px 2px 0px}

#topmenu {margin-left: 1px; height: 35px; width: 998px}
#topmenu ul {position: relative}
#topmenu li {display: block; float: left; text-align: center; position: relative; background:url(/layout/c4b/bg_topmenu.jpg) repeat-x #024477;  }
#topmenu li a {border-right: 1px solid #024174; border-left: 1px solid #0077C9; display: block; width: 157px; height: 27px; padding: 8px 5px 0 5px; color: #fff; font-size: 12pt; font-weight: bold }
#topmenu ul li:hover { text-decoration: none; background:url(/layout/c4b/bg_topmenu_over.jpg) repeat-x;}
#topmenu ul li a:hover {text-decoration: none}
#topmenu ul li div {border: 1px solid #e85b00; border-top: 0; background-color: #f37828; position: absolute; margin: 0; padding: 10px; top: 35px; left: -10000px; z-index: 198;}
#topmenu ul li div.mc1 {width: 510px}
#topmenu ul li div.mc2 {width: 560px}
#topmenu ul li div.mc3 {width: 470px}
#topmenu ul li div.mc4 {width: 336px}
#topmenu ul li div.mc5 {width: 466px}

#topmenu ul li ul li, #topmenu ul li ul li:hover {background: none; float: left; margin: 0; padding: 0; margin-right: 25px}


#topmenu ul li ul li a{height: 12px; border: 0; font-weight: normal; font-size: 9pt; background: none; color: #fff; text-align: left; padding: 6px 0 6px 0px; width: 100%;}
#topmenu ul li ul li a:hover {background: none; text-decoration: underline}
#topmenu ul li ul li ul li, #topmenu ul li ul li ul li:hover {background: none; float: none; margin: 0; padding: 0;}
#topmenu ul li ul li ul li a{font-weight: normal; display: block;	color: #FFFFFF;	text-align: left; padding: 4px; width: 100%;}
#topmenu ul li ul li ul li a:hover {background: none; text-decoration: underline}
#topmenu ul li:hover > div {left: 0px }
#topmenu ul li:hover > div.mc5 {left: -317px; }


#main {margin-top: 20px; padding-bottom: 30px; display: flex; flex-direction: column-reverse }

/* #leftcol {display: none} */
#rightcol {width: 100%}
#rightcol .border {padding: 10px; margin-right: 20px; margin-left: 20px}
#leftcol #categories {margin: 0 20px}
@media (min-width: 768px) {
#main {display: block}
#leftcol {display: block; float: left; width: 30%}
#rightcol .border {margin-left: 0}
#rightcol {float: left; width: 70%}
}
@media (min-width: 992px) {
#leftcol {float: left; width: 22%}
#rightcol {float: left; width: 78%}
}
@media (min-width: 1200px) {
#leftcol {float: left; width: 22%}
#rightcol {float: left; width: 78%}
}



#footer {background: #f2f6f9; margin-left: 10px; width: 960px; margin-top: 10px; padding: 10px; padding-bottom: 20px}
#footer .footerbox {}
#footer .footerbox .headline {font-size:10pt; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 5px; padding-right: 10px; padding-left: 10px}
#footer .footerbox ul {padding-left: 10px; padding-right: 20px; padding-top: 5px; font-size: 8pt; list-style: none}
#footer .footerbox li {display: block; padding-top: 2px; padding-bottom: 2px; padding-left: 4px;}
#footer .footerbox a {color: #626262}
#footer .newsletterbox {width: 240px}
#footer .newsletterbox .headline {font-size:10pt; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 5px; padding-right: 0px; padding-left: 30px}
#footer .newslettercontent {text-align: justify; width: 180px; border-left: 1px solid #ccc; margin-top: 10px; padding-left: 30px;}
#footer .newslettercontent input {display: block; width: 180px; margin-bottom:5px}
#footer .newslettercontent input.button {width: 106px; height: 25px; background:url(/layout/c4b/newsletterbtn.jpg) no-repeat #024477; border: 0; margin-left: 77px}

.footerbottom {height: 10px}
.footertext {text-align: center; font-size: 9pt}

/* menu */

ul.left_menu li {
	list-style-type:none;
	text-align:left;
	line-height: 200%;
}

.left_menu a, .left_menu a:link, .left_menu a:visited {
	/* color:#626262 !important; */
	color:#fff;
}

.left_menu .level1 a{
	display: block;
	padding-left:10px;
	background: #024174;
	border-top: 1px dotted #fff;
	font-size: 9pt;

}


.left_menu .level1active_link{
	font-weight:bold;
	
}


.left_menu .level2 a{
	display: block;
	padding-left:10px;
	background: #024174;
	border-top: 1px dotted #fff;
	font-size: 9pt;
}
.left_menu .level1 a:hover{text-decoration: none; background-color: #F37529; background-image: none; }
.left_menu .level2 a:hover{text-decoration: none; background-color: #F37529; background-image: none; }
.left_menu a.level2active_link {
	font-weight:bold;
	background:url(/layout/c4b/bg_topmenu.jpg) repeat-x;
}

.left_menu .level3 a{
	display: block;
	padding-left:20px;
	background: #0360A5;
	border-top: 1px dotted #fff;
	font-size: 8pt;
}
.left_menu .level3 a:hover{text-decoration: none; background-color: #F37529; background-image: none; }

.left_menu a.level3active_link {
	font-weight:bold;
	background:url(/layout/c4b/bg_topmenu_over.jpg) repeat-x ;
	/* background-color: #F37529 !important; */
}

.left_menu .level4 a{
	padding-left:40px;
	background-image:none;
}

.left_menu .level4active_link{
	font-weight:bold;
	background-color: #F37529
}

/* Artikelansichten */



.border{
	border: 1px solid #cccccc;
}

.marginbottom{
	margin-bottom:5px;
}

.small{
	font-size: 0.8em;
}

.Price_single_art, .Price{
	color:#0360A5;
	font-size:20pt;
	font-weight:bold;
}

.currency{
	color:#394C5E;
	font-weight:bold;
}

.ArticleAttrTable td{
	text-align:right;
	padding-bottom: 3px;
	padding-left: 3px;
}

.orange_pagenav{
	margin-bottom: 5px;
	width: 750px;
	height:22px;
	background-color:#f5832e;
	background-image: url(/layout/c4b/hd_orange.jpg);
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
}


.blue_pagenav{
	margin-bottom: 5px;
	width: 750px;
	height:22px;
	background-color:#01528A;
	background-image: url(/layout/c4b/hd_blue.jpg);
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
}

.orange_pagenav h2 {
	font-size: 14px !important;
	color: #fff !important;
	font-weight: bold;
	line-height: 14px;
	display: inline;
	float: left;

}

.blue_pagenav h2 {
	font-size: 14px !important;
	color: #fff !important;
	font-weight: bold;
	line-height: 14px;
	display: inline;
	float: left;

}

.articlePages_Link{
	text-decoration: none;
	color: #fff !important;
}

.articlePages_activeLink{
	text-decoration: none;
	font-weight: bold;
	color: #fff !important;
}

.articlePages{
	display:inline;
	float:right;
	margin-top:1px;
}



/* strong {color: #3399FF;font-weight: normal;} */

#categories .headline {color: #fff; height: 27px; background: url(/layout/c4b/bg_topmenu.jpg) repeat-x #024477; font-size: 12pt; font-weight: bold; padding: 8px 5px 0 5px; }
#boxleft {margin-top: 15px}
#boxleft .headline {color: #fff; height: 27px; background: url(/layout/c4b/bg_topmenu.jpg) repeat-x #024477; font-size: 12pt; font-weight: bold; padding: 8px 5px 0 5px; }
#boxleft .content {border: 1px solid #024174}
#boxleft .content ul {list-style: square outside none; margin: 5px 0px 5px 20px; color: #024174}
#boxleft .content ul li {padding: 2px}
#plentycat_186-0-0-0-0-0 {margin-top: 5px; border: 1px solid #024174; width: 198px; height: 99px; background: Url(/layout/c4b/karpfenangeln.jpg) no-repeat}
#plentycat_187-0-0-0-0-0 {margin-top: 5px; border: 1px solid #024174; width: 198px; height: 99px; background: Url(/layout/c4b/raubfischangeln.jpg) no-repeat}
#plentycat_190-0-0-0-0-0 {margin-top: 5px; border: 1px solid #024174; width: 198px; height: 99px; background: Url(/layout/c4b/forellenangeln.jpg) no-repeat}
#plentycat_188-0-0-0-0-0 {margin-top: 5px; border: 1px solid #024174; width: 198px; height: 99px; background: Url(/layout/c4b/meeresangeln.jpg) no-repeat}
#plentycat_228-0-0-0-0-0 {margin-top: 5px; border: 1px solid #024174; width: 198px; height: 99px; background: Url(/layout/c4b/wallerangeln.jpg) no-repeat}
#plentycat_577-0-0-0-0-0 {margin-top: 25px; width: 200px; height: 160px; background: Url(/layout/c4b/foxrage2.jpg) no-repeat}
#plentycat_577-0-0-0-0-0 a {padding: 0; font-size: 0px; color: transparent; height: 121px; position: relative; top: 39px;}
#plentycat_587-0-0-0-0-0 {margin-top: 5px; border: 1px solid #024174; width: 198px; height: 121px; background: Url(/images/gallery/Banner/pelzer.jpg) no-repeat}
#plentycat_587-0-0-0-0-0 a {padding: 0; font-size: 0px; color: transparent; height: 121px;}
#plentycat_648-0-0-0-0-0 {margin-top: 5px; border: 1px solid #024174; width: 198px; height: 121px; background: Url(/images/gallery/Banner/mantikor.jpg) no-repeat}
#plentycat_648-0-0-0-0-0 a {padding: 0; font-size: 0px; color: transparent; height: 121px;}

.articlelist_row_table {margin-bottom: 10px}
.articlelist_cell_table {border: 1px solid #375E8C; margin: 0 6px 0 0; padding: 5px; width: 188px}
.articlelist_cell_table_name {text-align: left}
.articlelist_cell_table_name a {text-align: center; display: block; height: 50px; overflow: hidden; font-size: 12px }
.articlelist_cell_table_price {color: #375E8C; display: block; font-size: 16px; font-weight: bold; margin: 10px 0 0}





a.linktextdiv {cursor:pointer; color: #0360A5; font-weight: bold}
a.linktextdiv:hover {text-decoration: underline}
.displaynone {display: none}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.article_name {color: #0360A5; font-size: 2rem; padding-bottom: 15px; text-align: center;}
.article_imagebox {text-align:center}
.article_details {float: right; width: 300px}
.article_image {display: inline-block; border: 1px solid #CCC; text-align: center; max-width: 100%; height: auto;
/* width: 420px; height: 300px*/
}
.article_image2 {display: inline-block; width: 48%; border: 1px solid #CCC; margin-left: 4px; text-align: center; }
.article_preview_img {margin: 2px}
.article_description {border-top: 1px dotted #025ea1; margin-top: 20px; padding-top: 10px}
.article_description ul {list-style-position: inside; padding: 1rem;}
.article_description ul li {padding: 0.5rem 0}
.article_price {color: #0360A5; font-size: 20pt; font-weight: bold; margin-bottom: 20px; text-align: right}
.article_availability {text-align: right}
.article_small {font-size: 9pt; font-weight: normal; color: #626262}
.article_attribut {margin-left: 10px}
.article_rebate, .article_availability {margin-bottom: 20px}
.article_rebate {font-size: 10pt; height: 50px}
.article_headline {font-size: 18pt; margin-bottom: 20px}
.article_buy {margin-top: 40px; }
.articlenr {text-align: right}
input.article_basket {cursor:pointer; background: url(/layout/c4b/article_basket.png) no-repeat; border: 0; height: 37px; width: 248px}

.formtable td {padding-bottom:3px; padding-top: 10px}
#sellerfox {display: block; margin: 0 auto; padding-top: 20px}

.sub_cat {display: none}

.article_description p {margin: 1em 0}
.article_imagebox table td {width:105px; height: 105px; border: 1px solid #ccc; vertical-align: middle; text-align: center}
.article_imagebox table td img {max-width: 95px}
.plentylink ~ div {display: none;}