body {

	margin: 0; padding: 0 5px;

	min-width: 310px;

	background: url(https://i.imgur.com/LrGuhTUm.png);

}

@media (min-width: 576px) {

	body {

		padding-top: 80px; padding-bottom: 80px;

	}

}

@media (max-width: 575px) {

	body {

		padding-top: 40px; padding-bottom: 40px;

	}

}



body, input, textarea, select {

	font-family: Georgia, Helvetica, Arial, sans-serif; font-size: 13px;

	color: #333;

}



a img {

	border: 0;

}



img {

    max-width: 100%;

}



table {

	width: 100%;

}

td {

	padding: 0;

	vertical-align: top;

}



#page {

	margin: 0 auto;

	max-width: 890px;

}



#header p {

	text-align: justify;

	font-weight: bold;

}

#header ul {

	margin: 0; padding: 0;

	list-style-type: none;

}

#header li {

	font-weight: bold;

}

#header li a {

	color: #fff;

	text-decoration: none;

}

#header li a:hover {

	color: #bb4a3b;

}

#header form {	display: flex;

	margin: 0;

}

#header form input {

	height: 28px;

	border: 0;

}

#header form .text {

	padding: 0 10px;

	line-height: 28px;

	background: #fff repeat-x url(../images/bckheaderformtext.png);

}

#header form .submit {

	width: 70px;

	background: #d3b21b repeat-x url(../images/bckheaderformsubmit.png);

	font-weight: bold;

	cursor: pointer;

}

@media (min-width: 768px) {

	#header p {

		font-size: 18px;

	}

	#header li {

		font-size: 14px;

	}

	#header li:not(:last-child) {

		margin: 0 25px 0 0;

	}

	#header form .text {

		width: 170px;

	}

}

@media (min-width: 576px) and (max-width: 767px) {

	#header li {

		font-size: 12px;

	}

	#header li:not(:last-child) {

		margin: 0 5px 0 0;

	}

	#header form .text {

		width: 115px;

	}

}

@media (min-width: 576px) {

	#header {

		position: relative;

		height: 240px;

		background: no-repeat url(../images/bckheader.png);

	}

	#header ul {

		position: absolute;

		top: 205px; right: 10px;

		line-height: 28px;	}

	#header img {

		position: absolute;

		top: -35px; left: 20px;

	}

	#header p {

		position: absolute;

		top: 35px; right: 40px; left: 265px;

		margin: 0;

	}

	#header form {

		position: absolute;

		top: 205px; left: 10px;

	}

}

@media (min-width: 401px) {

	#header li {

		display: inline;

	}

}

@media (min-width: 401px) and (max-width: 575px) {

	#header li:not(:last-child) {

		margin: 0 10px 0 0;

	}

}

@media (max-width: 767px) {

	#header p {

		font-size: 14px;

	}

}

@media (max-width: 575px) {

	#header {

		padding: 0 10px 10px 10px;

		background: left top / cover no-repeat url(../images/bckheaderm.png);

	}

	#header img {

		margin: -35px 0 0 0;

	}

	#header p {

		margin: 10px 0;

	}

	#header ul {

		margin: 0 0 10px 0; padding: 5px;

		background-color: #333;

	}

	#header li {

		font-size: 12px;

	}

	#header form {

		padding: 5px;

		background-color: #333;

	}

	#header form .text {

		width: 100%;

	}

}

@media (max-width: 400px) {

	#header li:not(:last-child) {

		margin: 0 0 5px 0;

	}

}



@media (min-width: 768px) {

	#container {

		display: flex;

		flex-direction: row-reverse;

		padding: 35px 0 0 0;

		background: no-repeat url(../images/bckcontainer.png);

	}

}



#content {

	padding: 14px 9px;

	background-color: #fff;

	border: #e6e6e6 1px solid;

}

@media (min-width: 768px) {

	#content {

		flex-grow: 1;

		margin: 0 0 0 20px;

		max-width: 580px;

	}

}

#content a {

	color: #333;

}

#content .path {

	margin: 0 0 15px 0;

}

#content .path * {

	vertical-align: middle;

}

#content .desc {

	margin: 0 0 15px 0;

}

#content .desc img {

	max-width: 100%;

	width: auto !important; height: auto !important;

}

#content h3 {

	position: relative;

	z-index: 1;

	margin: 0; padding: 0 0 0 25px;

	height: 35px; line-height: 35px;

	background: no-repeat url(../images/bckcontenth3.png);

	text-transform: uppercase;

}

@media (min-width: 576px) {

	#content h3 {

		margin: 0 0 0 20px;

	}

}

@media (min-width: 401px) {

	#content h3 {

		font-size: 18px; font-weight: normal;

	}

}

@media (max-width: 400px) {

	#content h3 {

		font-size: 12px;

	}

}

#content h3 .small {

	position: absolute;

	top: 0; left: 385px;

	line-height: 15px;

	font-size: 11px;

	text-transform: none;

}

@media (max-width: 575px) {

	#content .categories, #content .categories tbody, #content .categories tr, #content .categories td {

		display: block;

	}

}

#content .categories a {

	text-decoration: none;

}

@media (min-width: 576px) {

	#content .categories.homepage td {

		padding: 0 10px 0 0;

	}

}

@media (min-width: 576px) {

	#content .categories.homepage td {

		width: 280px;

	}

}

#content .categories.homepage strong {

	position: relative;

	display: block;

	margin: 0 0 0 20px; padding: 0 0 0 20px;

	line-height: 30px;

	background: no-repeat url(../images/bckcontentcategorieshomepagestrong.png);

	text-transform: uppercase;

}

#content .categories.homepage ul {

	margin: -20px 0 10px 0; padding: 30px 15px 15px 30px;

	list-style-type: none;

	background: #f5f5f5 repeat-x url(../images/bckcontentcategorieshomepageul.png);

}

#content .categories.homepage li a:hover {

	color: #bb4a3b;

	text-decoration: underline;

}

#content .categories.innerpage {

	margin: -20px 0 15px 0; padding: 30px 10px 15px 10px;

	background: #f5f5f5 repeat-x url(../images/bckcontentcategorieshomepageul.png);

}

#content .categories.innerpage strong {

	display: block;

}

#content .categories.innerpage a:hover {

	color: #bb4a3b;

	text-decoration: underline;

}

#content .links, #content .articles {

	margin: -20px 0 15px 0; padding: 30px 10px 15px 10px;

	background: #f5f5f5 repeat-x url(../images/bckcontentcategorieshomepageul.png);

}

#content .articles .title {

	font-weight: bold;

}

#content .links table {

	margin: 0 0 10px 0;

}

#content .links .pr {

	float: left;

	margin: 0 10px 0 0;

	height: 30px;

	font-size: 8px;

}

#content .links .prg {

	width: 40px; height: 3px;

	border: #999 1px solid;

	font-size: 1px;

}

#content .links .prb {

	height: 3px;

	background-color: #5eaa5e;

	font-size: 1px;

}

#content .links a:hover, #content .links .url {

	color: #bb4a3b;

}

#content .links p {

	margin: 0;

}

#content .article h2, #content .article h3 {

	position: static;

	margin: 15px 0; padding: 0;

	height: auto; line-height: normal;

	background: none;

	font-size: 14px; font-weight: bold;

	text-transform: none;

}

#content .box {

	margin: -20px 0 15px 0;

    padding: 30px 10px 15px 10px;

    background: #f5f5f5 repeat-x url(../images/bckcontentcategorieshomepageul.png);

}

#content .guidelines ul {

	margin: 5px 0 15px 20px; padding: 0;

	list-style-type: none;

}

#content .guidelines li {

	position: relative;

	padding: 0 0 0 20px;

}

#content .guidelines li::before {

	content: '\2022';

	position: absolute;

	top: 0; left: 0;

	line-height: 1;

	font-size: 15px;

}

#content .price table {

	border: #e6e6e6 1px solid;

}

#content .price td {

	padding: 5px;

}

#content .buttons {

	text-align: center;

	border-top: #e6e6e6 1px solid;

}

#content fieldset {

	margin: 15px 0; padding: 10px;

	border: #e6e6e6 1px solid;

}

#content .text, #content .limit_field, #content textarea, #content select {

	padding: 2px 5px;

	border: #e6e6e6 1px solid;

	width: 100%;

    box-sizing: border-box;

}

#content .err, #content .msg {

	padding: 3px;

	text-align: left;

	background-color: #f0f0f0;

	border: #cecece 1px solid;

	color: #ca0002;

}

#content .label {

	padding: 0 5px 5px 0;

}

#content .field, #content #additional_links td {

	padding: 0 0 5px 0;

}

#content .req {

	margin: 0 0 0 5px;

	font-weight: bold;

	color: #ca0002;

}

#content .errForm {

	display: block;

	margin: 2px 0 0 0; padding: 2px 3px;

	text-align: left;

	background-color: #fffff3;

	border: #ccc 1px solid;

	color: #ffa814;

}

#content .navigation {

	margin: 15px 0 0 0;

}

#content .mainPaging {

	float: right;

}

#content .paging-links, #content .paging-info {

	text-align: right;

}

#content .paging-info {

   font-style: italic;

}

#content #toggleCategTree {

	display: block;

	color: #6a8ad4;

	cursor: pointer;

}

#content #categtree {

	margin: 3px 0;

	max-width: 300px; height: 200px;

	overflow: auto;

	border: #9ec2f3 1px dotted;

}

#content #categtree h2 {

	margin: 0 0 5px 0; padding: 2px;

	vertical-align: middle;

	text-align: center;

	color: #3e81b4;

	background-color: #dde5f3;

}

#content #categtree #close_tree {

	right: 0;

	padding: 1px;

	text-align: center;

	white-space: nowrap;

	cursor: pointer;

}

#content #categtree .categ-item {

	display:block;

	margin: 3px 5px; padding:2px 5px;

	border: #cbe2ec 1px dotted;

	cursor: pointer;

}

#content #categtree .categ-item img {

	margin: 0 1em 0 0;

}

#content #categtree .odd {

	background-color: #f8f8fc;

}

#content #categtree .even {

	background-color: #fff;

}

#content #categtree .categ-item:hover {

	background-color: #eee;

}

#content .article img {

	max-width: 100%;

	width: auto !important; height: auto !important;

}

#content .article iframe {

	width: 100% !important; 

}



#sidebar {

	margin: 0; padding: 0;

	list-style-type: none;

}

@media (min-width: 768px) {

	#sidebar {

		max-width: 270px;

	}

}

@media (max-width: 767px) {

	#sidebar {

		margin: 20px 0 0 0;

	}

}

#sidebar h3 {

	margin: -15px -10px 0 -10px; padding: 0 0 0 10px;

	height: 65px; line-height: 45px;

	background: no-repeat url(../images/bcksidebarh3.png);

	font-size: 18px; font-weight: normal;

	color: #fff;

	text-transform: uppercase;

}

#sidebar a {

	color: #7b0046;

}

#sidebar a:hover {

	color: #bb4a3b;

}

#sidebar ul {

	margin: 0; padding: 0;

	list-style-type: none;

}

#sidebar li {

	margin: 0 0 15px 0; padding: 15px 10px;

	background-color: #dedede;

}

#sidebar li li {

	margin: 0 0 5px 0; padding: 1px 0 1px 25px;

	background: left top no-repeat url(../images/bcksidebarlili.png);

}

#sidebar .login span {

	font-weight: bold;

}

#sidebar .login form {

	margin: 15px 0;

}

#sidebar .login input {

	display: block;

	border: 1px solid;

}

#sidebar .login .text {

	margin: 0 0 5px 0; padding: 5px 9px;

	width: 230px;

	background: #fff repeat-x url(../images/bcksidebarlogintext.png);

	border-color: #ababab;

}

#sidebar .login .submit {

	padding: 5px 0;

	width: 248px;

	background: #d3b21b repeat-x url(../images/bcksidebarloginsubmit.png);

	border-color: #a5a5a5;

	font-weight: bold;

	cursor: pointer;

}

@media (max-width: 767px) {

	#sidebar .login .text, #sidebar .login .submit {

		width: 100%;

		box-sizing: border-box;

	}

}

#sidebar .login a {

	color: #bb4a3b;

}

#sidebar .login .forgot {

	background-image: url(../images/bcksidebarloginforgot.png);

}

#sidebar .login .register {

	background-image: url(../images/bcksidebarloginregister.png);

}



#footer {

	margin: 25px 0 0 0;

}

@media (min-width: 768px) {

	#footer {

		margin-left: 290px;

	}

}

@media (min-width: 576px) {

	#footer {

		display: flex;

	}

	#footer img {

		margin: 0 5px 0 0;

	}

}

@media (max-width: 575px) {

	#footer img {

		display: block;

		margin: 0 0 5px 0;

	}

}

#footer a {

	color: #000;

}