/* Author:				Dreamscape Interactive, www.dreamscape.se
*  Contact:				info@dreamscape.se
*  Version:				3.0
*  Created:				2014
*
* CONTENTS
* -----------------
* == INCLUDE
* ----> defaults
* ----> forms
* ----> navigation
* == LAYOUT
**-----------------------------------------------------------------------------------
/* == INCLUDE
-----------------------------------------------------------------------------------*/

@import url(reset.css);

@import url(text.css); /*
@import url(960.css); */

@import url(defaults.css);
@import url(forms.css);
@import url(navigation.css);

@import url(ppp.css);
@import url(../js/slimbox/css/slimbox.css);

/*-----------------------------------------------------------------------------------
* == LAYOUT
* --------------------------------------------------------------------------------- */

div#bgwrap {position: relative;}
div#wrapper, #bgwrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	z-index: 4;
	position: relative;
}

div#bg_shade {
	min-height: 100%; height: auto !important; height: 100%;
	position: fixed; left: 50%; margin-left: -50%;
	width: 100%;
	z-index: 20;
}

div#bg_one, div#bg_two {
	width: 100%;
	position: absolute;
	z-index: 1;
}

/* Positioned, layered Graphics */
.pos_graphic { left: 50%; } /* Positioned graphic / "Layoutbild" */
a.pos_graphic, a.pos_graphic img { cursor:pointer; }
body.lowkey a.pos_graphic, body.lowkey div.pbox-float {
	z-index: 1 !important; /* prevent layout objects from being layered on top of fullscreen-shades etc */
}
body.lowkey .yodo-footer, body.lowkey .yodo-stuck {z-index: 3 !important;}

.yodo-stuck {position: fixed !important; z-index: 99999 !important; top: 0;} /* z-index: 89998 */

.layout-space {height: auto; min-height: 1px !important; margin: 0 0 0 10px !important; float: none; display: inline-block;
	/* display: block !important; float: left !important; */
}

/*-----------------------------------------------------------------------------------
* == HEADER
* --------------------------------------------------------------------------------- */

div#header_container {margin: 0 auto; width: 100%;}
div#header {  margin-left: auto; margin-right: auto; }
div#header_inner { 
	margin: 0 auto; 
	width: 100%;
	max-width: 980px;
}
div#logoparent {float: left;}
div#logobox {display: table-cell; vertical-align: middle;}
#logobox img {display: block;}
a#logo {margin: 0; font-size: 28px; font-weight: normal; height: 100%; display: table-cell; text-decoration: none;}

/*-----------------------------------------------------------------------------------
* == LANGUAGES
* --------------------------------------------------------------------------------- */

div#languages_select {background: #ffffff; height: 31px; line-height: 31px; width: 100%; border: 1px solid #ccc;}
div#languages_select a {display: block; color: #666666; font-size: 13px; padding-left: 6px; text-decoration: none;}
div#languages_select div {
	width: -moz-calc(100% + 2px); /* Firefox */
	width: -webkit-calc(100% + 2px); /* WebKit */
	width: -o-calc(100% + 2px); /* Opera */
	width: calc(100% + 2px); /* Standard */
	display: none; background: #fff; position: relative; z-index: 500; border: 1px solid #ccc; border-top: 0; margin: -1px 0 0 -1px;
}
div#languages_select div a { }
div#languages_select a img { display: block; float: left; width: 20px; margin: 8px 5px 0 0; }
a#lang_selected {
	background: url(../img/arr-down.png) no-repeat right center; 
	width: -moz-calc(100% - 7px); /* Firefox */
	width: -webkit-calc(100% - 7px); /* WebKit */
	width: -o-calc(100% - 7px); /* Opera */
	width: calc(100% - 7px); /* Standard */
}


div#yodo_select_lang_splash, div.yodo_splash {position: fixed; z-index: 90000;}
div.yodo_splash * {text-align: center;}
div.yodo_splash p {padding: 0 30px 10px;}
#yodo_select_lang_splash div#lang_splash_bg, .yodo_splash .yodo_splash_bg {position: fixed; background: #000; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity:0.7; width: 100%; height: 100%; min-height: 3000px; overflow: hidden; z-index: 90500; top: 0; left: 0;}
#yodo_select_lang_splash div#lang_splash_wrap, .yodo_splash .yodo_splash_wrap {position: fixed; z-index: 91000; min-height: 200px; top: 25%; width: 50%; left: 25%; background: #fff; border: 1px solid #000;}
.yodo_splash .yodo_splash_wrap {padding-bottom: 20px;}
#yodo_select_lang_splash h3, .yodo_splash h3 {margin: 0 auto; text-align: center; padding: 50px 0 20px 0;}
#yodo_select_lang_splash ul, .yodo_splash ul {width: 90%; margin: 0 auto; list-style: none; text-align: center; padding: 0 0 20px 0;}
#yodo_select_lang_splash ul li, .yodo_splash ul li {display: inline-block; padding: 5px 10px;}
#yodo_select_lang_splash ul li a, .yodo_splash ul li a {display: inline-block; padding: 10px 30px; background: #fff; border: 1px solid #000; text-align: center;}
#yodo_select_lang_splash ul li a img {display: inline-block; margin: 0 10px 0 0;}

#yodo_select_lang_splash ul li a, #yodo_select_lang_splash ul li a:hover, #yodo_select_lang_splash ul li a:visited,
.yodo_splash ul li a, .yodo_splash ul li a:hover, .yodo_splash ul li a:visited {
	color: #000; text-decoration: none;
}

/*-----------------------------------------------------------------------------------
* == "SOCIAL BUTTONS"
* --------------------------------------------------------------------------------- */

.social_buttons_box {
	background: #fff;
	border: 1px solid #e0e0e0;
	width: 100%; margin: 15px auto 0 auto;
}
.ul_social_buttons { list-style: none; margin: 0;}
.ul_social_buttons li {
	float: left;
	list-style: none;
	border-right: 1px solid #e0e0e0;
	border-left: 1px solid #fff;
	position: relative;
}
.ul_social_buttons li * {vertical-align: middle;}
.ul_social_buttons li img {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 10px 0 0;
}
.ul_social_buttons li a {
	display: inline-block;
	height: 40px;
	line-height: 39px;
	padding: 0 20px 0 15px;
}
.ul_social_buttons li a, .ul_social_buttons li a:hover {color: #000 !important; text-decoration: none !important;}
.ul_social_buttons li:hover, .ul_social_buttons li.pressed {background: #f9f9f9;}

/* Like button */
.ul_social_buttons li .likebtn a {padding-right: 0 !important;}
.ul_social_buttons li .likebtn em {font-style: normal !important;}
.ul_social_buttons li .likebtn span {padding-right: 20px;}
.ul_social_buttons li .likebtn img {margin-top: -2px !important;}

/* Likes and reads lists */
.ul_social_buttons li .likeList, div.reads-box-small {line-height: normal !important;}
.ul_social_buttons li .likeList div, div.reads-box-small {background: #f0f0f0 !important; border: 1px solid #ddd !important; border-bottom: none !important; padding: 0 !important; min-width: 200px;}
div.reads-box-small {z-index: 200; position: absolute; bottom: 41px; left: -20px; display: none;}

.reads-link:hover div.reads-box-small {display: block !important;}

.ul_social_buttons li .likeList span, .reads-box-small span {padding: 5px 20px !important; border-bottom: 1px solid #ddd !important;display: block; color: #000 !important;}
.ul_social_buttons li .likeList span.likedby, .reads-box-small span.readby-span {background: #ddd !important; text-shadow: #fff 0 1px 0;}
.ul_social_buttons li .likeList div br {display: none !important;}

@media all and (max-width : 479px) {
	.ul_social_buttons li {float: none !important; display: inline-block; margin: 0 auto !important; width: 100% !important; border-left: none !important; border-right: none !important; border-bottom: 1px solid #ddd !important;}
}
	
/*-----------------------------------------------------------------------------------
* == YODO NETWORK TERMS & CONDITIONS
* --------------------------------------------------------------------------------- */
div#agreement_splash {display: none;}
div#agreement_splash {position: fixed; z-index: 90000;}
#agreement_splash div#agreement_splash_bg {position: fixed; background: #000; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity:0.7; width: 100%; height: 100%; min-height: 3000px; overflow: hidden; z-index: 90500; top: 0; left: 0;}
#agreement_splash #agreement_splash_wrap {position: fixed; z-index: 91000; min-height: 200px; top: 10%; height: 80%; width: 70%; left: 15%; background: #fff; border: 1px solid #000;}
#agreement_splash #agreement_splash_wrap div.agreement_splash_inner {
	position: relative; padding: 15px; height: 100%;
}
#agreement_splash #agreement_splash_wrap div.agreement_splash_inner div {
	border: 1px solid #ddd;
	position: relative;
	height: -moz-calc(100% - 87px);
	height: -webkit-calc(100% - 87px);
	height: -o-calc(100% - 87px);
	height: calc(100% - 87px);
	overflow-y: scroll !important;
	-webkit-overflow-scrolling:touch;
}
#agreement_splash #agreement_splash_wrap iframe {
	position: absolute; width: 100% !important; max-width: 100% !important; height: 100% !important;
}
#agreement_splash footer {height: 50px; background: #fff;}
#agreement_splash #cancel_agreement {float: left; background: #ccc !important; color: #333 !important;}
#agreement_splash #accept_agreement {float: right; background: #000;}
#agreement_splash footer button {height: 40px !important; padding: 0 20px !important; line-height: 28px !important; font-size: 15px !important; border: none !important; background: #000; color: #fff !important; margin: 15px 0 0 0 !important;}

#agreement_splash footer label {display: inline-block; float: right; margin: 0 15px 0 0; padding-top: 23px; font-size: 15px; font-weight: normal;}

@media only screen and (max-width : 800px) {
	#agreement_splash footer button {margin-top: 30px !important;}
	#agreement_splash footer label {display: block !important; position: absolute; width: 94% !important; clear: both !important; float: none !important; margin: 5px 0 0 0 !important; padding-top: 0 !important; text-align: right; }
	#agreement_splash footer {height: 70px !important;}
	.agreement_splash_inner {}
	#agreement_splash #agreement_splash_wrap {
		border: none !important;
		top: 3% !important;
		height: 90% !important;
	}
	#agreement_splash #agreement_splash_wrap div.agreement_splash_inner {
		border: 1px solid #000 !important;
		background: #fff !important;
	}
	#agreement_splash #agreement_splash_wrap div.agreement_splash_inner div {
		height: -moz-calc(100% - 67px);
		height: -webkit-calc(100% - 67px);
		height: -o-calc(100% - 67px);
		height: calc(100% - 67px);
	}
}

@media only screen and (max-width : 579px) {
	#agreement_splash footer label {text-align: center !important;}
	#agreement_splash #agreement_splash_wrap  { height: 90%; width: 90%; left: 5%; top: 5%; } 
}

/*-----------------------------------------------------------------------------------
* == CONTENT LAYOUT
* --------------------------------------------------------------------------------- */


div.gsindex {overflow: hidden; font-size: 10px; color: #aaa; position: absolute; z-index: 0; top: -50%; left: -50000px;}

div#container { 
	margin: 0 auto 0 auto; padding: 0;
	width: 100%;
	max-width: 980px;
}

div#content { }

.has_col { } /* If we have a column (like webshop categories), float the content and make it more narrow. */

.box-image img {display: block; margin: 0; padding: 0; }

.box-xsmall, .box-small, .box-medium {float: left; margin: 0 16px 16px 0;}
div.micro-box {width: 184px; float: left; margin: 0 15px 15px 0;}
.micro-box-pic {height: 140px; display: table-cell; vertical-align: middle; text-align: center; width: 164px;}

div.box-xsmall {width: 25%;}
div.box-small {width: 30%;}
div.box-medium {width: 68%; margin-right: 2%;}
div.box-large {width: 100%; margin-bottom: 16px;}

.sized-1-1 {width: 100%;}

div.box-content {margin: 0 15px 0 15px; padding-bottom: 15px;}

.box-half {
	float: left;
	margin: 0 16px 16px 0;
	width: 482px;
	min-height: 300px;
}
.box-half img {float: left;}
.box-half .dbContent {float: right; width: 280px; }

div#footer {
	clear: both;
	margin: 0 auto;
	position: relative; 
	z-index: 4;
}

div#footer_inner { margin: 0 auto; }
#footer_content table, #footer_content table tr, #footer_content table tr td {border: 0; margin: 0; padding: 0;}
#footer_content p {margin-bottom: 0;}
#footer_content h4 {line-height: normal;}
#footer_content .addthis_default_style {
	margin: 0 0 5px 0 !important;
}

.category-empty, .category-empty p {margin: 0 !important; padding: 5px; }
.dbContent { padding: 5px; }
.with_pics {float: left; width: 580px; }


.with-pics {min-height: 100%; height: auto !important; height: 100%;}

.img-svg a {display: block; text-align: center;}
.img-svg svg {height: auto;}

/*-----------------------------------------------------------------------------------
* == VIDEO BACKGROUNDS
* --------------------------------------------------------------------------------- */

.y-video-outer {position: relative; overflow: hidden;}
.y-video-wrap {position: absolute; z-index: 1; width: 100%; height: 100%;}
.y-video-inner {position: relative; z-index: 5; top: 0; width: 100%; }
video.y-bg-video {min-height: 100%;}

/*-----------------------------------------------------------------------------------
* == INDEX
* --------------------------------------------------------------------------------- */

.box-news img {width: 100%;}

/*-----------------------------------------------------------------------------------
* == MINI (INDEX) BOXES
* --------------------------------------------------------------------------------- */

/* Subscribe to newsletter */
.box-newsletter h3 {margin-bottom: 13px;}
.box-newsletter button {margin-top: 5px;}

div.mini-box {
	width: 316px;
	height: 200px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	
	border-radius: 2px;
	margin: 0 16px 16px 0;
	float: left;
}
div.mini-inner {
	padding: 15px;
}
.mini-box * {line-height: normal;}
div.mini-box-pic { float: right; margin-left: 15px; }


/*-----------------------------------------------------------------------------------
* == CONTENT IMAGES (FOR ARTICLES ETC)
* --------------------------------------------------------------------------------- */	
div.regular_image {float: right; margin: 0;}
div.regular_image a {display: block; margin: 0 auto; padding: 0;}
div.regular_image img {display: block; margin: 0 auto; padding: 0; width: 100%;}
div.regular_image p {color: #666; text-decoration: none; padding: 5px; margin: 0; border-top: 1px solid #ccc;}


div.more_pics {clear: both; }
div.more_pics div.regular_image {float: right; margin-bottom: 15px; margin-right: 15px; margin-left: 0 !important; }
div.first {clear: right; float: right; margin-right: 0 !important;}

ul.images {list-style-type:none; float:right; margin:0 0 0 15px;}
	.images li{ margin-bottom:15px; margin-left:0; }
	.images span {display:block; }
	.images p {margin: 0; color: #666;}

.alignleft {float:left; margin:0 15px 0 0; display:block;}
.alignright {float:right; margin:0 3px 0 15px; display:block;}
.aligntop {display:block; margin-bottom:15px;}

a.nopic-large-box {width: 286px; height: 190px; display: table-cell; vertical-align: middle; text-align: center;}

/*-----------------------------------------------------------------------------------
* == GRAYSCALE IMAGES WITH COLOR-ON-MOUSE-OVER-EFFECT:
* --------------------------------------------------------------------------------- */

img.cmo_grey {}
img.cmo_color {display: none !important;}
img.cmo_current {display: inline-block !important;}


/*-----------------------------------------------------------------------------------
* == SLIDESHOW
* --------------------------------------------------------------------------------- */

div#slideshow_container { margin: 0 auto; }
div.cb_sh_l, div.cb_sh_r {width: 5px; height: 10px; position: absolute; top: 50%; margin-top: 26px; z-index: 10000;}
.cb_sh_l { background: url(../img/cb_btn_shadow_left.png) no-repeat center center; }
.cb_sh_r { background: url(../img/cb_btn_shadow_right.png) no-repeat center center; }

/*-----------------------------------------------------------------------------------
* == POST
* --------------------------------------------------------------------------------- */

div.post {height: 220px;}
div.post-small {height: 140px;}

.post-img a {display: block; width: 100%; }
.post-img img {display: block; margin: 0 auto !important;} /* 2015: Keeps images centered in lists */





/*-----------------------------------------------------------------------------------
* == STAFF
* --------------------------------------------------------------------------------- */
div.staff {}

	.staff-box {height: 335px;}
	.staff-box ul {list-style:none; margin: 0;}
	.staff-box ul li {padding: 0; margin: 0;}
	.staff-position {font-weight: bold;}
	.long-name { }

	.staff-list-blocks-slong .staff-box { height: 400px; }

/*-----------------------------------------------------------------------------------
* == CONTACT
* --------------------------------------------------------------------------------- */
div.contact {}
	.contact form {float:left; width:350px; margin-right:15px;}

div.contact div.dbContent {float: left; width: 340px;  }
div#contact_data {width: 520px; float: right; margin-bottom: 15px;}
div#contact_data * {padding: 0; margin: 0;}
div#contact_data table {float: left; width: 250px; margin-right: 16px;}
div#contact_data td {border: 0; border-left: 4px solid #c0c0c0; padding: 0 0 2px 10px;}

form#contact_form {clear: both; float: left; width: 390px; }


/*-----------------------------------------------------------------------------------
* == COMMENTS
* --------------------------------------------------------------------------------- */	

div.comments_section {padding-top: 25px;}
div.comments_section h3 {margin-bottom: 15px;}

div.comment-post {background: #fff; margin: 0 0 15px 0;}
div.comments-write-form {margin: 0 0 15px 0;}
div.comment-post-inner, div.comments-write-form form {padding: 15px 15px 5px 15px; margin: 0;}
div.comments-write-form form {background: #fff;}
div.comments-write-form form {display: none;}
div.comments-write-form form fieldset {margin: 0 0 10px 0; padding: 0;}
div.comments-write-form form legend {font-weight: bold; font-size: 16px; padding: 0; margin: 0 0 15px 0;}
div.comments-write-form form button {margin-top: 15px;}

.main-comment .comment-content {padding-bottom:30px;}
div.comment-author {float: left; width: 80px;}
.comment-author img {display: block; max-width: 100%; max-height: 80px; margin: 0 auto 10px auto;}

.comment-withpic {
	float: left; padding-left: 15px;
	width: -moz-calc(100% - 80px); /* Firefox */
	width: -webkit-calc(100% - 80px); /* WebKit */
	width: -o-calc(100% - 80px); /* Opera */
	width: calc(100% - 80px); /* Standard */
}
.comment-nopic { }

.comment-panel {border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.comment-panel p, .comment-panel ul li {color: #666 !important; font-size: 14px !important;}
.comment-panel p {float: left; width: 50%;}
.comment-panel ul {list-style: none; float: right; width: 50%; text-align: right; margin: 0;}
.comment-panel ul li {display: inline-block; margin: 0; padding: 0 3px;}

p#comments_reply_to {display: none; margin: 0 0 15px 0 !important;}
a#comments_reply_terminate {color: red !important; text-decoration: none !important; font-weight: bold !important; font-size: 16px !important;}
a.comments-reply-link {margin-top: 15px;}

.comments-replies {margin-top: -15px; margin-bottom: 25px;}
.comments-reply-wrap {padding-left: 21px; margin-left: 15px; padding-top: 15px; background: url(/wwwdocs/img/thread.png) no-repeat center left;}
.comments-reply-wrap .comment-post {margin-bottom: 0;}
.comments-last-reply {background: url(/wwwdocs/img/thread-last.png) no-repeat center left !important;}

.comments-replies .comments-replies {margin: 0 0 0 20px; padding-left: 35px; background: url(/wwwdocs/img/thread_height.png) repeat-y top left !important;}
.comments-no-more-replies .comments-replies {background: none !important;}

p.comment-modified {padding-top: 10px; border-top: 1px solid #ccc; color: #999 !important; font-size: 13px !important; font-style: italic; width: 100%;}

ul.comment-attached-pics {float: right; list-style: none; width: auto; max-width: 33%; display: inline-block; margin: 0 0 0 25px; text-align: right;}
ul.comment-attached-pics li {display: inline-block; margin: 0; padding: 0 3px 3px 0; vertical-align: top;}
ul.comment-attached-pics li img {display: inline-block; margin: 0; max-width: 100px; max-height: 100px;}
.comment-modified {clear: both;}
.comment-content {position:relative;}
a.cfolder {position: absolute; right:0;bottom:10px;border: 1px solid #ddd;padding: 4px 16px;background: #fff;}
.comments_section .main-comment {background:#f5f5f5;border-left:10px solid #000;}
.comments_section .chidden {display:none !important;}

@media only screen and (max-width : 959px) {
	.comment-panel p {float: none; width: 100%; margin-bottom: 0;}
	.comment-panel ul {float: none; width: 100%; text-align: left; margin: 0 0 10px -3px; }
}

@media only screen and (max-width : 779px) {
	.comments-reply-wrap {background-image: none !important; padding-left: 0 !important; margin-left: 0 !important;}
	.comments-reply-wrap .comment-reply-post {background: none !important; border-left: 2px solid #ccc; padding-left: 7px !important; margin-left: 7px !important;}
	.comments-reply-wrap .comment-reply-post .comment-post-inner {background: #fff !important; }
	.comments-last-reply {background-image: none !important;}
	.comments-replies .comments-replies {margin: 0 0 0 7px !important; padding-left: 7px !important; background-image: none !important; border-left: 2px solid #bbb;}
}

@media only screen and (max-width : 579px) {
	.comments-reply-wrap .comment-reply-post {padding-left: 4px !important; margin-left: 4px !important; border-left: 1px solid #606060 !important;}
	.comments-replies .comments-replies {margin: 0 0 0 4px !important; padding-left: 4px !important; border-left: 1px solid #606060 !important;}
}

@media only screen and (max-width : 479px) {
	div.comment-author {width: 50px;}
	.comment-withpic {
		float: left; padding-left: 15px;
		width: -moz-calc(100% - 50px); /* Firefox */
		width: -webkit-calc(100% - 50px); /* WebKit */
		width: -o-calc(100% - 50px); /* Opera */
		width: calc(100% - 50px); /* Standard */
	}
}


/*-----------------------------------------------------------------------------------
* == LATEST
* --------------------------------------------------------------------------------- */	


.obj-post-pic img {display: block; margin: 0 auto; width: 100%;}


/*-----------------------------------------------------------------------------------
* == SUPPLIERS
* --------------------------------------------------------------------------------- */	

.box-image .inner-box {
	height: 200px;
	width: 297px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.box-image .inner-box img { margin: 0 auto; }

/* Suppliers promo (first page) */
table#suppliers_promo {clear: both; margin: 0; height: 80px; width: 100%;}
	#suppliers_promo tr td {border: 0; text-align: center; vertical-align: middle; padding: 20px 0 20px 0;}
	#suppliers_promo a, #suppliers_promo img {margin: 0 auto; padding: 0;}
	img.sup_gray {display: block;}
	img.sup_color {display: none;}


/*-----------------------------------------------------------------------------------
* == VIDEOS
* --------------------------------------------------------------------------------- */

.video_view { width: 720px; margin-bottom: 20px; }
.video_description {  }
.video_description h3 {background: #e0e0e0; margin: 0; padding: 6px 10px 5px 10px; border-bottom: 1px solid #d5d5d5; }
.video_description div {padding: 10px 10px 0 10px; }
.videos_list { }
.video_thumb {display: block; float: left; width: 100px; margin-right: 20px; }
.video_thumb img {display: block;}
.videos_list .post {background: #f0f0f0; margin-bottom: 10px; padding: 10px;}
.videos_list .post div {float: left; width: 500px;}
.videos_list .post span.date {display: inline; padding: 0 0 4px 0; font-weight: normal; }

/*-----------------------------------------------------------------------------------
* == OFFERS
* --------------------------------------------------------------------------------- */
div.offers-priceinfo {border-top: 1px solid #ccc; padding-top: 10px; clear: both; }
p.offers-price { float: right; text-align: right; margin: 0;}
span.special-price {font-size: 20px; color: red;}
span.offers-org-price { display: block; font-style: italic;}
span.offer-vat {font-size: 12px; font-style: italic;}
.offers-row .post-img-inner-left, .offers-row .post-img-inner-right {margin-bottom: 15px; } 


/*-----------------------------------------------------------------------------------
* == SEARCH RESULTS
* --------------------------------------------------------------------------------- */
.search-result-container {margin-bottom: 25px;}

/* AddThis Toolbox */

.addthis_toolbox {clear: both;}
.object-inner .addthis_default_style, .layout-object-inner .addthis_default_style {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #efefef;
}
span.at-icon-wrapper {margin-right: 5px; margin-bottom: -3px;}


/*--------------------------------------------------------------------------------------------------------
/* ==  NOTIFIER
------------------------------------------------------------------------------------------------------- */

div.notifier_container {width:420px; height:320px; padding:15px; position:fixed; left:50%; top:50%; margin-top:-175px; margin-left:-225px; display:none; background:#fff; border:5px solid #666; z-index:9999;}
	.notifier_container h2 {background:#efefef; color:#000;}
a.close_notifier {position:absolute; bottom:15px; left:15px; margin:0;}
a.notify {text-decoration:; font-family:Verdana, Arial, Helvetica, Georgia; padding:5px;}
#content a.notify {font-weight:bold; font-size:18px; }

/*-----------------------------------------------------------------------------------
* == USERS: LOGIN ETC.
* --------------------------------------------------------------------------------- */

.page-login {
	background: #fff;
	color: #333;
	width: 98%;
	max-width: 460px;
	border: 1px solid #ccc;
	margin: 30px auto;
}

.page-login div {padding: 15px;}

div#users-single-chat-wrapper { display: none; }

/*-----------------------------------------------------------------------------------
* == ATTACHED FILES
* --------------------------------------------------------------------------------- */

div.file_list { clear: both;  margin: 10px 0 10px 0; }
.file_list h3 {border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 0px;}
.file_list ul {list-style-type:none; margin: 0; padding: 0;}
.file_list ul li {margin: 0; padding: 5px 0; border-bottom: 1px dotted #c0c0c0;}
.file_list ul li span {color: #bbb; font-style: italic;}

/*-----------------------------------------------------------------------------------
* == GOOGLE MAP
* --------------------------------------------------------------------------------- */

.google-map {
    width: 100%;
    height: 390px;
}

/*-----------------------------------------------------------------------------------
* == FRAMEWORKS ETC.
* --------------------------------------------------------------------------------- */


/* To clear right-floated images, floated frames etc.. */
.layout-object-inner:after, .object-inner:after, .yodo-frameset:after, yodo-layoutset:after, .yodo-frameset-inner:after, .yodo-layoutset-inner:after {clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}

.yodo-layoutset-inner, .yodo-frameset-inner {
	display: table; 
	table-layout: fixed;
	height: 100%;

	margin-left: -10px; /* To get rid of the first object's left margin. We'll also add 10px to this div's width, in order to fill out the 10px gap to the right. */
	width: -moz-calc(100% + 10px) !important; /* Firefox */
	width: -webkit-calc(100% + 10px) !important; /* WebKit */
	width: -o-calc(100% + 10px) !important; /* Opera */
	width: calc(100% + 10px) !important; /* Standard */
}

.layout-content {margin-bottom: 0 !important;}

.frame-1-1, .frame-1-2, .frame-1-3, .frame-1-4, .frame-2-3, .frame-3-4 {
	float: left;
	margin: 0; 
	height: 100%; 
	display: table;
	table-layout: fixed;
	line-height: normal;
}

.object-1-1, .object-1-2, .object-1-3, .object-1-4, .object-2-3, .object-3-4 {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 10px 10px;
	*display: inline;
	*zoom: 1;
	float: none;
	padding: 0;
	line-height: normal;
}

.frame-1-1 {width: 100%;}
.frame-1-2 {width: 50%;}
.frame-1-3 {width: 33.33%;}
.frame-1-4 {width: 25%;}
.frame-2-3 {width: 66.66%;}
.frame-3-4 {width: 75%;}


.yodo-frameset, .yodo-layoutset {
	overflow: hidden;
}

.yodo-padd { } /* Used for left/right padding within framesets */


.object-1-1 { 
	margin-left: 10px !important;
	width: -moz-calc(100% - 10px) !important; /* Firefox */
	width: -webkit-calc(100% - 10px) !important; /* WebKit */
	width: -o-calc(100% - 10px) !important; /* Opera */
	width: calc(100% - 10px) !important; /* Standard */
}

.object-1-2 {
	/* width: 49%; */
	width: -moz-calc(50% - 10px); /* Firefox */
	width: -webkit-calc(50% - 10px); /* WebKit */
	width: -o-calc(50% - 10px); /* Opera */
	width: calc(50% - 10px); /* Standard */
}

.object-1-3 {
	/* width: 32.33%; */
	width: -moz-calc(33.33% - 10px); /* Firefox */
	width: -webkit-calc(33.33% - 10px); /* WebKit */
	width: -o-calc(33.33% - 10px); /* Opera */
	width: calc(33.33% - 10px); /* Standard */
}

.object-1-4 {
	/* width: 24%; */
	width: -moz-calc(25% - 10px); /* Firefox */
	width: -webkit-calc(25% - 10px); /* WebKit */
	width: -o-calc(25% - 10px); /* Opera */
	width: calc(25% - 10px); /* Standard */
}

.object-2-3 {
	/* width: 65.67%; */
	width: -moz-calc(66.66% - 10px); /* Firefox */
	width: -webkit-calc(66.66% - 10px); /* WebKit */
	width: -o-calc(66.66% - 10px); /* Opera */
	width: calc(66.66% - 10px); /* Standard */
}
.object-3-4 {
	/* width: 65.67%; */
	width: -moz-calc(75% - 10px); /* Firefox */
	width: -webkit-calc(75% - 10px); /* WebKit */
	width: -o-calc(75% - 10px); /* Opera */
	width: calc(75% - 10px); /* Standard */
}


.general-picture img { max-width: 100%; display: block; }
.obj-post-pic {margin-bottom: 10px;}
.general-slideshow {margin-bottom: 0;}


@media only screen
and (min-width : 480px) 
and (max-width : 959px) {
	/* Tablets / Pads */
	.rem-pad-33_33 {width: 33.33% !important;}
	.rem-pad-37_5 {width: 37.5% !important;}
	.rem-pad-50 {width: 50% !important;}
	.rem-pad-62_5 {width: 62.5% !important;}
	.rem-pad-99_99 {width: 99.99% !important;}
	.rem-pad-100 {width: 100% !important;}

	.section_fourth {width: 48% !important; margin: 0 1% !important;}

}

@media only screen 
and (max-width : 479px) {
	/* Phones */
	.rem-phone-33_33 {width: 33.33% !important;}
	.rem-phone-37_5 {width: 37.5% !important;}
	.rem-phone-50 {width: 50% !important;}
	.rem-phone-62_5 {width: 62.5% !important;}
	.rem-phone-99_99 {width: 99.99% !important;}
	.rem-phone-100 {width: 100% !important;}

	.section_fourth {width: 100% !important; margin: 0 !important;}

	.post-img, .post-content-separate-right, .post-content-separate-left {float: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; max-width: none !important;}
	.post-img {margin-bottom: 15px !important;}

	/* Old stuff for making smaller boxes larger */
	.obj-1-3, .obj-1-2, .obj-2-3, .obj-3-4 {
		clear: both;
		width: 100% !important;
		width: -moz-calc(100% - 15px) !important; /* Firefox */
		width: -webkit-calc(100% - 15px) !important; /* WebKit */
		width: -o-calc(100% - 15px) !important; /* Opera */
		width: calc(100% - 15px) !important; /* Standard */
	}
	.obj-1-4 {
		clear: both;
		width: 50% !important;
		width: -moz-calc(50% - 15px) !important; /* Firefox */
		width: -webkit-calc(50% - 15px) !important; /* WebKit */
		width: -o-calc(50% - 15px) !important; /* Opera */
		width: calc(50% - 15px) !important; /* Standard */
	}
	.box-image .inner-box img, .box-image .inner-box, .obj-1-3 .inner-box, .obj-1-2 .inner-box, .obj-2-3 .inner-box , .obj-3-4 .inner-box  {width: 100% !important; height: auto !important;}
}


@media only screen 
and (min-width : 960px) {
	/* Larger screens / PC:s, laptops... */
	
}



/* Live edit mode */
.editable-active:hover, .editable-focused {
	outline: 2px dotted #3ebc47 !important; cursor: text;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.editable-inline {display: inline;}



/* Cookie bar */
#cookiebar {background: #000; position: fixed; bottom: 0; width: 100%; height: 55px; z-index: 99000;}
#cookiebar p {float: left; padding-left: 10px;}
#cookiebar p, #cookiebar p a, #cookiebar p a:visited, #cookiebar p a:hover {color: #fff !important; margin: 0 !important; text-align: center; height: 55px; line-height: 53px;}
#cookiebar p a {text-decoration: underline;}
button#cookies_ok {float: right; margin: 11px 10px 0 0 !important; padding: 0 20px !important; background: #fff !important; color: #000 !important;}
span#cookies_ok {
	display:inline-block; float: right; margin: 11px 10px 0 0 !important; padding: 5px 20px !important;
	background: #fff !important; font-size: 14px !important; color: #000 !important;
	font-family: 'Helvetica neue', Helvetica, Arial, Verdana;
	cursor:pointer;
}
@media only screen and (max-width : 890px) {
	#cookiebar {padding-top: 15px;}
	#cookiebar, #cookiebar p {float: none !important; height: auto !important; text-align: center; line-height: normal !important;}
	#cookiebar p, #cookiebar p a, #cookiebar p a:visited, #cookiebar p a:hover {height: auto !important; line-height: normal !important;}
	button#cookies_ok {float: none !important; margin: 10px auto 10px auto !important;}
}