/* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. *//* ==========================================================================   Base styles: opinionated defaults   ========================================================================== */html, button, input, select, textarea {	color: #222;	image-rendering: -webkit-optimize-contrast;}body {	font-size: 1em;	line-height: 1.4;		image-rendering: -webkit-optimize-contrast;}/* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate. * Customize the background color to match your design. */::-moz-selection {	background: #b3d4fc;	text-shadow: none;}::selection {	background: #b3d4fc;	text-shadow: none;}/* * A better looking default horizontal rule */hr {	display: block;	height: 1px;	border: 0;	border-top: 1px solid #ccc;	margin: 1em 0;	padding: 0;}/* * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */img {	vertical-align: middle;}/* * Remove default fieldset styles. */fieldset {	border: 0;	margin: 0;	padding: 0;}/* * Allow only vertical resizing of textareas. */textarea {	resize: vertical;}/* ==========================================================================   Chrome Frame prompt   ========================================================================== */.chromeframe {	margin: 0.2em 0;	background: #ccc;	color: #000;	padding: 0.2em 0;}/* ==========================================================================   Author's custom styles   ========================================================================== */.margo-jobb-10px {	margin-left: 0px;	margin-right: 10px;}.margo-bal-10px {	margin-left: 10px;	margin-right: 0px;}.margo-jobb-20px {	margin-left: 0px;	margin-right: 20px;}.margo-bal-20px {	margin-left: 20px;	margin-right: 0px;}.margo-jobb-lent-10px {	margin-left: 0px;	margin-right: 10px;	margin-bottom: 10px;}.margo-bal-lent-10px {	margin-left: 10px;	margin-right: 0px;	margin-bottom: 10px;}.margo-jobb-lent-20px {	margin-left: 0px;	margin-right: 20px;	margin-bottom: 20px;}.margo-bal-lent-20px {	margin-left: 2px;	margin-right: 0px;	margin-bottom: 20px;}.ws_amount {	width: 20px !important;}.clear {	clear: both;}/* forum */.forumtr { /*color: #fff !important;*/}.forum-title {	margin-top: 15px; /*background-color: #83b1dd;*/ /*color: #fff;*/	border-radius: 10px;	height: 25px;	line-height: 25px;	text-indent: 15px;	font-weight: bold;	border-bottom: 1px solid #cecece;}.forum-date {	float: right; /*color: #fff;*/	font-size: 10px;	margin-right: 15px;}.forum-post {	padding: 15px;}.forum-posts-answers {	margin-left: 50px;	padding: 10px;	background-color: #f4f4f4;	border-radius: 10px;}.forumtextarea { /*background-color: #fff;*/	border-radius: 3px;	border: none;	height: 250px;	width: 385px;	padding: 10px;}#postreplyDiv {	display: none;}#icos {	background-color: #fff;	margin-left: 10px;	width: 70px;	border-top-left-radius: 5px;	border-top-right-radius: 5px;}/** * 	WEBSHOP  **/.ws_cart {}.ws_cart_row {	margin-top: 20px;}.ws_cart_product {	width: 60% !important;	float: left;	font-weight: bold;	padding-top: 8px;}.ws_cart_amount {	width: 20% !important;	float: left;	text-align: right;}.ws_price {	width: 10% !important;	float: left;	font-size: 13px;	text-align: right;	padding-top: 8px;}.ws_delete {	width: 20%;	float: left;	text-align: right;	padding-top: 8px;}.ws_cart_delete {	width: 10%;	float: left;	text-align: right;	padding-top: 8px;}.ws_cart_full {	font-size: 1.5em;	margin-top: 30px;}.ws_short {	width: 80px !important;}.ws_item {	border: 1px solid #c9c9c9;	padding: 10px;	width: 175px;	margin-left: 15px;	margin-bottom: 10px;	height: 265px;	float: left;}.ws_item strong {	font-size: 12px;	font-weight: bold;	margin: 0;	padding: 0;	height: 35px;	display: block;	overflow: hidden;	margin-bottom: 10px;}.ws_item input[type="text"] {	padding-top: 0;}.ws_item_right input[type="text"] {	padding-top: 0;}.ws_item_image {	width: 75%;	overflow: hidden;	height: 100px;	text-align: center;	margin: auto;	overflow: hidden;}.ws_item_image img {	max-width: 100%;	max-height: 100%;	margin: auto;	margin-top: 0 !important;	margin-bottom: 0 !important;}.ws_item_fullimage {	width: 100%;	text-align: center;}.ws_item_fullimage img {	max-width: 100%;}.ws_item_short_p {	width: 100%;	height: 55px;	overflow: hidden;}.ws_item_short p {	font-size: 11px;	line-height: 14px;}.ws_item_price {	font-size: 14px;	font-weight: 600;	/*color: <?= $css[ 'template_color_link' ] ?>;*/}.ws_item_price_sep {	clear: both;	height: 1px;}.ws_price_old {	text-decoration: line-through;	font-size: 12px;}.ws_item_left {	width: 30%;	float: left;}.ws_item_right {	width: 65%;	float: left;	padding-left: 5%;}.ws_categories {	width: 25%;	float: left;}.ws_categories_mob {	display: none;}.ws_categories_box {	border: 1px solid #c9c9c9;	padding: 10px;}.ws_categories_box h1 {	margin: 0;	padding: 0;}.ws_categories_box ul {	margin: 5px 0;	padding: 0;	list-style-type: none;}.ws_categories_box ul li {	border-bottom: 1px solid #c9c9c9;	font-weight: bold;	margin-bottom: 10px;}.ws_categories_box ul li ul {	padding-top: 10px;}.ws_categories_box ul li ul li {	border-bottom: 0px solid #c9c9c9;	margin-bottom: 0;	font-weight: normal;	padding-left: 10px;}.ws_products {	width: 75%;	float: left;	padding-left: 0%;}.wsinput {}.wsinput_error {	border-color: red !important;}#webshop-wrapper {	height: 42px;	line-height: 42px;	background-color: #4c4c4c;	color: #fff;}#webshop-container {	width: 960px;	margin: auto;	text-align: right;}#webshop-container a {	color: #fff;	font-size: 12px;}#webshop-dd {	width: 180px;	height: 20px;	background-color: #fff;	color: #737373;	display: inline-block;	float: right;	margin-left: 10px;	margin-top: 11px;	line-height: 20px;	padding-right: 10px;	cursor: pointer;	text-align: left;	text-indent: 10px;	background-image: url(/grf/wsdd.png);	background-position: right center;	background-repeat: no-repeat;	font-size: 11px;}.foodlist {}.foodlist h1 {	font-weight: bold !important;	margin-top: 20px !important;}.foodlist small {	font-style: italic;}.food_item {	margin-top: 20px;}.food_name {	width: 70%;	float: left;}.food_price {	width: 15%;	float: left;	text-align: right;}.food_cart {	width: 15%;	float: right;	text-align: right;}.video-container {	position: relative;	padding-bottom: 56.25%;	padding-top: 30px;	height: 0;	overflow: hidden;}.video-container iframe, .video-container object, .video-container embed {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}.embed-container {	position: relative;	padding-bottom: 56.25%;	height: 0;	overflow: hidden;	max-width: 100%;}.embed-container iframe, .embed-container object, .embed-container embed {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}/*	IDF GALLERY*//*.idf_container { display: block; }.idf_images { width: 265px; height: 265px; overflow: hidden; margin: 10px; float: left; }.idf_images img {  max-width: 265px; min-width: 265px; min-height: 265px; height: auto; height: auto; }*/.idf_images {	width: 265px;	height: 265px;	margin: 10px;	float: left;	overflow: hidden;}.idf_image {}.idf_images img {	margin-top: 0 !important;	margin-bottom: 0 !important;	/*opacity: 0;*/}.idf4_images {	width: 195px;	height: 195px;	margin: 10px;	float: left;	overflow: hidden;}.idf4_image {}.idf4_images img {	margin-top: 0 !important;	margin-bottom: 0 !important;	/*opacity: 0;*/}.idf5_images {	width: 152px;	height: 152px;	margin: 10px;	float: left;	overflow: hidden;}.idf5_image {}.idf5_images img {	margin-top: 0 !important;	margin-bottom: 0 !important;	opacity: 1;}/*review*/.review {	padding: 15px 0;}.review_title {	margin-bottom: 10px;}.review_name {	font-size: 18px;}.review_date {	font-size: 13px;	font-style: italic;	display: inline-block;	float: right;}.starBlack {	margin: 2px;	margin-top: 0px !important;	margin-bottom: 5px !important;}.productReviewRed {	margin: 2px;	margin-top: 0px !important;	margin-bottom: 5px !important;}.productReviewBtn {	display: inline-block;	padding: 5px 30px;	text-align: center;	color: #fff !important;	border-radius: 5px;	font-size: 16px;	background-color: #c20000;}.review_count {	font-size: 18px;	color: red;	font-weight: 600;}.formSelect {	width: 405px;	border: 1px solid #e4e4e4;	background-color: #fff;	height: 26px;	border-radius: 3px;	-webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.05);	box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.05);	padding-left: 10px;	font-size: 0.9em;	padding-top: 4px;	font-family: 'Open Sans';}.ws_products_artcatalog {}.artcatalog_item {	width: 29%;	float: left;	padding: 30px 2%;}.artcatalog_item_image {	width: 100%;	height: 250px;	text-align: center;}.artcatalog_item_image img {	max-width: 100%;	max-height: 250px;	text-align: center;}.artcatalog_item_short {	padding: 15px 0 10px 0;	line-height: 1.6em;}.artcatalog_item_hr {	border-bottom: 1px solid #333333;	clear: both;}td form p {	font-size: 16px;	color: #fff;	}td form p input {	margin-top: 6px;}@media screen and (min-width: 641px) and (max-width: 1024px) {	#webshop-container {		width: 760px;	}	.ws_item {		width: 230px;	}	.idf_images {		width: 220px;		height: 20px;		margin: 10px;		float: left;		overflow: hidden;	}	.idf4_images {		width: 160px;		height: 20px;		margin: 10px;		float: left;		overflow: hidden;	}	.idf5_images {		width: 124px;		height: 20px;		margin: 10px;		float: left;		overflow: hidden;	}	.idf_image {	}	.idf_images img {		margin-top: 0;		margin-bottom: 0;	}	.forumtextarea { /*background-color: #fff;*/		border-radius: 3px;		border: none;		height: 250px;		width: 330px;		padding: 10px;	}}@media screen and (max-width: 640px) {	.artcatalog_item {		border-bottom: 1px solid #333333;		width: 96%;		float: left;		padding: 30px 2%;	}	.artcatalog_item_hr {		display: none;	}	.idf_images {		width: 31%;		height: 100px;		overflow: hidden;		margin: 1%;		float: left;	}	.idf_images img {		margin-top: 0 !important;		margin-bottom: 0 !important;	}	.idf4_images {		width: 23%;		height: 100px;		overflow: hidden;		margin: 1%;		float: left;	}	.idf4_images img {		margin-top: 0 !important;		margin-bottom: 0 !important;	}	.idf5_images {		width: 15%;		height: 100px;		overflow: hidden;		margin: 1%;		float: left;	}	.idf5_images img {		margin-top: 0 !important;		margin-bottom: 0 !important;	}	#webshop-container {		width: 90%;	}	.ws_item {		width: 90%;		margin: auto;		margin-bottom: 20px;	}	.ws_amount {		width: 30px !important;	}	.ws_amount_mob {		width: 30px !important;		margin: 0 5px;	}	.ws_categories {		display: none;	}	.ws_products {		float: none;		margin: auto;	}	#ws_categories_mob_select {		width: 100%;		margin: auto;		margin-bottom: 20px;		height: 30px;		text-align: center;	}	.ws_categories_mob {		display: block;	}	.ws_cart_row {		width: 100% !important;		border-bottom: 1px solid #cecece;		padding-bottom: 10px;	}	.ws_cart_product {		width: 100% !important;		float: none !important;	}	.ws_cart_amount {		width: 40% !important;		float: left !important;	}	.ws_cart_amount input {		height: 80% !important;		float: left !important;	}	.ws_price {		width: 40% !important;		float: left !important;	}	.ws_cart_delete {		width: 20% !important;		float: right !important;		text-align: right !important;		font-size: 0.8em !important;	}	.forumtextarea { /*background-color: #fff;*/		border-radius: 3px;		border: none;		height: 250px;		width: 327px !important;		padding: 10px;	}	.review_count {		display: block;	}	.review_name {		font-size: 14px;	}	.review_date {		font-size: 11px;	}	.productReviewBtn {		font-size: 14px;	}	.formSelect {		width: 83%;		border: 1px solid #e4e4e4;		background-color: #fff;		height: 26px;		border-radius: 3px;		-webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.05);		box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.05);		padding-left: 10px;		font-size: 0.9em;		padding-top: 4px;		font-family: 'Open Sans';	}}/* INFO MODULES */.notification {	position: relative;	margin: 0px 0px 15px;	padding: 0px;	border: 1px solid;	background-position: 10px 11px !important;	background-repeat: no-repeat !important;	font-size: 13px;	width: 99.8%;	border-radius: 6px 6px 6px 6px;}.notification div {	display: block;	font-style: normal;	padding: 10px 10px 10px 36px;	line-height: 1.5em;}.notification .close {	font-size: 9px;	right: 5px;	top: 5px;	color: rgb(153, 0, 0);	position: absolute;}.warning {	background: url('/grf/warning.png') no-repeat scroll 10px 11px rgb(255, 251, 204);	border-color: rgb(230, 219, 85);	color: rgb(102, 100, 82);}.info {	background: url('/grf/info.png') repeat scroll 0% 0% rgb(219, 227, 255);	border-color: rgb(162, 180, 238);	color: rgb(88, 91, 102);}.success {	background: url('/grf/tick.png') repeat scroll 0% 0% rgb(213, 255, 206);	border-color: rgb(154, 223, 143);	color: rgb(85, 102, 82);}.error {	background: url('/grf/cross.png') repeat scroll 0% 0% rgb(255, 206, 206);	border-color: rgb(223, 143, 143);	color: rgb(102, 82, 82);}.hint {	background: url('/grf/infogrey.png') repeat scroll 0% 0% #fdfdfd;	border-color: #d4d6d5;	color: rgb(102, 82, 82);}/* /INFOMODULES *//* ==========================================================================   Helper classes   ========================================================================== *//* * Image replacement */.ir {	background-color: transparent;	border: 0;	overflow: hidden; /* IE 6/7 fallback */	*text-indent: -9999px;}.ir:before {	content: "";	display: block;	width: 0;	height: 100%;}/* * Hide from both screenreaders and browsers: h5bp.com/u */.hidden {	display: none !important;	visibility: hidden;}/* * Hide only visually, but have it available for screenreaders: h5bp.com/v */.visuallyhidden {	border: 0;	clip: rect(0 0 0 0);	height: 1px;	margin: -1px;	overflow: hidden;	padding: 0;	position: absolute;	width: 1px;}/* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {	clip: auto;	height: auto;	margin: 0;	overflow: visible;	position: static;	width: auto;}/* * Hide visually and from screenreaders, but maintain layout */.invisible {	visibility: hidden;}/* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the *    `contenteditable` attribute is included anywhere else in the document. *    Otherwise it causes space to appear at the top and bottom of elements *    that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using *    `:before` to contain the top-margins of child elements. */.clearfix:before, .clearfix:after {	content: " "; /* 1 */	display: table; /* 2 */}.clearfix:after {	clear: both;}/* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */.clearfix {	*zoom: 1;}/* ==========================================================================   EXAMPLE Media Queries for Responsive Design.   Theses examples override the primary ('mobile first') styles.   Modify as content requires.   ========================================================================== */@media only screen and (min-width: 35em) {	/* Style adjustments for viewports that meet the condition */}@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {	/* Style adjustments for high resolution devices */}/* ==========================================================================   Print styles.   Inlined to avoid required HTTP connection: h5bp.com/r   ========================================================================== */@media print {	* {		background: transparent !important;		color: #000 !important; /* Black prints faster: h5bp.com/s */		box-shadow: none !important;		text-shadow: none !important;	}	a, a:visited {		text-decoration: underline;	}	a[href]:after {		content: " (" attr(href) ")";	}	abbr[title]:after {		content: " (" attr(title) ")";	}	/*	 * Don't show links for images, or javascript/internal links	 */	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {		content: "";	}	pre, blockquote {		border: 1px solid #999;		page-break-inside: avoid;	}	thead {		display: table-header-group; /* h5bp.com/t */	}	tr, img {		page-break-inside: avoid;	}	img {		max-width: 100% !important;	}	@page {		margin: 0.5cm;	}	p, h2, h3 {		orphans: 3;		widows: 3;	}	h2, h3 {		page-break-after: avoid;	}}.parallax-container {	height: 500px;	width: 100%;	z-index: 10000;}.parallax-mirror {	z-index: 10000 !important;} a.white { color: #fff !important; }