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

@import url(reset.css);
@import url(text.css);
@import url(960.css);

@import url(defaults.css?r=2);
@import url(forms.css?r=3);
@import url(navigation.css?r=4);
@import url(../js/slick/slick.css);


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

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

	html body {overflow-x: hidden;}
	
	
div#wholepage {
	background: #ffffff;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -2;
	filter:alpha(opacity='1');
	-moz-opacity:0.01;
	-khtml-opacity: 0.01;
	opacity: 0.01;
}

div#bodywrap {position: absolute;  min-height: 100%; width: 100%;}

div#topline {height: 45px; width: 100%; background: #262626; }
div#topline_content { height: 45px;}

.only_on_phone, .only_on_pad {display: none;}

div#wrapper, div.slide_contact, div#header-inner, #navigation-inner {width: 100%; max-width: 1100px; margin: 0 auto;}
#topline_content {width: 100%;}

div#wrapper {padding-bottom: 220px;}

div#header { width: 100%; padding: 15px 0; position: relative; background: #fff; font-size: 13px; }
	#header h1 {margin: 5px 0 5px 0; display: inline-block; position: relative;  }
	#header h1 img {max-width: 216px; display: block; margin: 0; padding: 0; border: none; outline: none; }
	#header h1 a {display: inline !important; width: auto !important;}


div#header_rightmost {float: right; width: 60%; max-width: 600px;}
p.header_contact {margin: 10px 15px 10px 0 !important; color: #696969; text-align: right; }


div#header-carts {float: right; display: inline-block; padding: 10px 0 0 0;}
div#header-carts p {margin: 0 !important;}
div#header-carts a, div#header-carts span {line-height: 120%; display: block; z-index: 30; left:0; top: 0; width: 100%; height: 33px; overflow: hidden; padding: 0 10px 0 43px; font-size: 13px;}
div#header-carts a, div#header-carts a:hover {color: #000 !important; text-decoration: none !important;}
div#cart-shop, div#cart-booking, div#cart-wishlist {float: left; display: inline-block; margin-left: 20px; position: relative;}
div#header-carts div:hover {
	background-color: #f9f9f9;
	-webkit-box-shadow: 0px 0px 0px 10px #f9f9f9;
	-moz-box-shadow: 0px 0px 0px 10px #f9f9f9;
	box-shadow: 0px 0px 0px 10px #f9f9f9;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}
div#cart-wishlist a, div#cart-wishlist span {background: url("/wwwdocs/img/icons/wishlist.png") no-repeat top left; }
div#cart-shop a, div#cart-shop span {background: url("/wwwdocs/img/icons/cartsmall.png") no-repeat top left; }
div#cart-booking a, div#cart-booking span {background: url("/wwwdocs/img/icons/clocksmall.png") no-repeat top left; }

#subtitle {left: 207px;margin: 10px 0 13px;}
#h_facebook {margin-top: -44px;}

div.column { }
.column img {max-width: 96%; margin: 0 auto;}
.col_item img {width: 100% !important; display: block; margin-bottom: 15px;}
.col_item ul li {width: 96%; margin: 0 auto;}

div.col_left {float: left; width: 24%; padding-top: 23px; margin-bottom: 15px; }
div.col_right {float: right; width: 23%; padding-top: 10px; margin-bottom: 15px;}

ul.col_misc {list-style:none; list-style-type:none; margin: 55px 0 0 0;}
ul.col_misc li {border-bottom: 1px solid #ccc; margin: 5px 0 10px 0; text-align: center; padding-bottom: 10px;}

.col_contact div {
	margin: 15px 0 15px 0;
	height: 160px; overflow-y: hidden;
	width: -moz-calc(100% - 15px); /* Firefox */
	width: -webkit-calc(100% - 15px); /* WebKit */
	width: -o-calc(100% - 15px); /* Opera */
	width: calc(100% - 15px); /* Standard */
}

div#content {margin:25px 0 0 0;}

div#content_inner {padding: 0 0 0 20px;}

/*
.body-webshop-index #content, 
.body-webshop-view #content, 
.body-webshop-cart #content, 
.body-webshop-confirm #content, 
.body-webshop-success #content, 
.body-webshop-order #content, 
.body-shop-index #content, 
.body-shop-view #content, 
.body-shop-cart #content, 
.body-shop-confirm #content, 
.body-shop-success #content, 
.body-shop-order #content 
 { float: right; width: 76%; margin-right: 0 !important;}
*/


div#google_translate_element {text-align: center;}
	 div.goog-te-gadget-simple {width:182px}


/* SMALL FOOTER */

div#footer {
	position: absolute; bottom: 0; width: 100%;
	height: 200px;
	font-size: 13px;
	box-sizing: border-box;
	padding-top:70px;
	clear:both;
	background: #efefef url("/wwwdocs/img/mbg.gif") repeat-x top left;
	color: #333;
}
#footer p { text-align: center; width: 90%; margin: 0 auto;}
p.madeby { padding-top: 15px; text-align: center; color: #999; font-size: 12px;}
p.madeby a {color: #999 !important;}


div#kvalitetspartner {padding: 20px 0; text-align: center;}
#kvalitetspartner img {display: block; width: 90%; max-width: 250px; margin: 0 auto; border: none; outline: none;}


/* BIG FOOTER */

div#bigfoot {display: none; background: #000; margin: 50px auto 0 auto; padding: 0; }

div#bigfoot_container { padding: 47px 0 50px 0;}
   #bigfoot_container h3 {color: #fff !important; font-size: 42px; font-weight: normal; width: 63%; float: left; padding-bottom: 20px;}

   #bigfoot_container form {width: 35%; max-width: 400px; float: right; text-align: right; padding-top: 10px; position: relative;}
   #bigfoot_container form input {width: 100%; border: 0; outline: none; height: 36px; line-height: 36px; font-size: 12px; color: #68696a; text-indent: 8px; }
   #bigfoot_container form a {
	   display: block; position: absolute;
		margin-top: -36px !important;
		margin-left: -moz-calc(100% - 36px) !important; /* Firefox */
		margin-left: -webkit-calc(100% - 36px) !important; /* WebKit */
		margin-left: -o-calc(100% - 36px) !important; /* Opera */
		margin-left: calc(100% - 36px) !important; /* Standard */
	  }

p.book_direct {color: #fff; font-size: 16px; line-height: 140%; padding-top: 5px; margin: 0 0 27px 0; max-width: 40%; height: 50px; }
p.book_direct span, p.book_direct a { color: #f2120b !important; }

div#bigfoot_content { clear: both; margin: 0 auto; padding: 10px 10px 0 10px; border: 1px solid #262626; border-left: 0; border-right: 0; }
div#bigfoot_content ul {float: left; width: 192px; list-style:none; }
div#bigfoot_content ul li { padding: 0 0 1px 0; margin: 0; font-size: 14px;}
div#bigfoot_content ul li a { color: #808080; }
ul.footcat_up {margin-top: -74px; }

div#footer_yada {width: 80%; float: left; }

ul#footer_menu {list-style-type: none; margin-top: 20px; }
ul#footer_menu li {margin: 0 20px 0 0; float: left; }
ul#footer_menu li a {color: #bbbbbb; font-size: 13px; font-weight: bold; }

p#footer_copynotice {clear: left; color: #757575; font-size: 12px; margin: 0; }
p#footer_copynotice a {color: #bebebe; font-weight: bold;}


a#dreamscape_logo {display: block; float: right; margin-top: 20px; width: 18%; margin-right: 2%; }
#dreamscape_logo img {max-width: 100%; margin: 0 auto; }
img#i_made_this {display: block; float: right; max-width: 18%; position: relative; margin: -165px 0 0 78%; visibility: hidden; }

div.product_catalog_div {text-align: center; padding: 6px 0 0 0;}
div.product_catalog_div img {margin-bottom: 10px;}

p#dlnk {display: none;}

/*--------------------------------------------------------------------------------------------------------
/* ==  Start Page
------------------------------------------------------------------------------------------------------- */
div.start-box {
	float: left;
	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 */
	margin: 0 15px 25px 0;
	background: #eee;
}
div.sb-image {
	background: #20419a;
	padding: 30px 0;
}
div.sb-image img {
	display: block;
	width: 35%;
	max-width: 120px;
	margin: 0 auto;
}
div.sb-text {
	padding: 15px;
	min-height: 130px;
}

/*--------------------------------------------------------------------------------------------------------
/* ==  Google Translate
------------------------------------------------------------------------------------------------------- */

div#g_translate {float: left; width: 200px; padding-top: 11px;}
#g_translate a {padding-right: 2px;}
#g_translate a img {height: 24px;}

/*--------------------------------------------------------------------------------------------------------
/* ==  AddThis Toolbox
------------------------------------------------------------------------------------------------------- */

div.addthis_default_style {width: 160px; padding: 0; margin: 15px 0 0 0;}
.addthis_default_style a {margin-bottom: 0 !important;}
.addthis_box {text-align: right; margin: 15px 0; }

/*--------------------------------------------------------------------------------------------------------
/* ==  Included files in regular pages
------------------------------------------------------------------------------------------------------- */

ul.filspalt {list-style: none; display: inline-block; width: 23%; margin-right: 2%; vertical-align: top;}
ul.last {margin-right: 0 !important;}
ul.filspalt li {margin: 0; padding: 0; font-size: 120%;}

form.file_search {
	border: 1px solid #ccc;
	border-left: 0;
	border-right: 0;
	padding: 5px 0;
	margin-bottom: 15px;
}
.file_search fieldset {margin: 0; padding: 0;}
.file_search input {margin: 0; max-width: 55%;}

.file_search label {
	display: inline; padding: 0 5px 0 0; margin: 0; 
}

.file_search button {
	display: inline; border: 0; background: none; height: auto; padding: 0; margin: 0; font-weight: bold;
	cursor: pointer; text-decoration: underline; color: #039;
}


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

div.slide_contact {width: 96%; position: relative;}
.slide_contact p {
	display: inline-block;
	color: #fff; 
	background: #163e7e; 
	position: absolute; 
	z-index: 99999; 
	font-size: 20px;
	text-align: center;
	height: 190px;
	width: 190px;
	margin-top: -280px;
	-moz-border-radius: 190px;
	-webkit-border-radius: 190px;
	-khtml-border-radius: 190px;
	behaivor: url(border-radius.htc);
	border-radius: 190px;
	border: 4px solid #fff;
}
.slide_contact p span {display: block; padding-top: 60px;}
p#slide_contact_1 span strong, p#slide_contact_2 span strong {background: url("/wwwdocs/img/marker.png") no-repeat left center; padding-left: 30px; display: inline-block; height: 32px; line-height: 32px; font-weight: normal !important; font-size: 20px;}

p#slide_contact_0 {background: #efefef !important; color: #163e7e !important;}
p#slide_contact_0 span strong {font-size: 20px; font-weight: normal !important;}
.slide_contact p span em {font-style: normal !important; font-size: 22px; display: block !important; width: 100%;}
.slide_contact p#slide_contact_0 {
	margin-left: -moz-calc(50% - 310px);
	margin-left: -webkit-calc(50% - 310px);
	margin-left: -o-calc(50% - 310px);
	margin-left: calc(50% - 310px);	
}
.slide_contact p#slide_contact_1 {
	margin-left: -moz-calc(50% - 95px);
	margin-left: -webkit-calc(50% - 95px);
	margin-left: -o-calc(50% - 95px);
	margin-left: calc(50% - 95px);
}

.slide_contact p#slide_contact_2 {
	margin-left: -moz-calc(50% + 120px);
	margin-left: -webkit-calc(50% + 120px);
	margin-left: -o-calc(50% + 120px);
	margin-left: calc(50% + 120px);
}

#slide_contact p a {color: #fff !important; }

div#slideshow_container { border-bottom: 6px solid #20419a; background: #000; background-size: cover; }

.slide-txt-bg { }



.slide-pbody {position: relative;}
.slide-txt-content {position: relative; margin: 25% 0 0 0; border-bottom: 10px solid #20419a;}
.slide-txt-content div, .slide-pbody div {background: #fff; position: absolute; width: 100%; height: 100%; z-index: 5; opacity: 0.9; filter: alpha(opacity=90); -moz-opacity:0.9;}
.slide-txt-content h2 {
	text-align: center;
	position: relative; z-index: 10;
	background: #000;
	height: 69px !important;
	margin: 0;
	padding: 0;
}
.slide-txt-content h2 span {background: #20419a; height: 69px; line-height: 69px; display: block; color: #fff; font-size: 30px; }
.slide-txt-content p {
	text-align: center;
	position: relative; z-index: 10;
	color: #202020;
	font-size: 18px;
	margin: 0; 
	padding: 35px 20px 40px 20px;
	text-shadow: #fff 0 1px 0;
}

.slide-promo {background: #fff; height: 300px; width: 100%; overflow-y: hidden; border: 5px solid #20419a;}
.slide-promo-text {float: left; width: 60%; margin-left: 4%; height: 300px;}
.slide-promo-text h2 {font-size: 30px; margin-top: 50px;}

span.p-slide-price {display: inline-block; margin: 30px auto 10px auto;}
span.p-slide-price span {display: block;}
span.p-slide-price span span {display: inline; color: red; font-size: 32px; font-weight: bold; padding-right: 3px;}


.ls-bottom-slidebuttons, .ls-carousel .ls-bottom-slidebuttons a { height: 10px; }
.ls-bottom-slidebuttons a { 
	border: 2px solid #ffffff !important;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	behaivor: url(border-radius.htc);
	border-radius: 8px;
	width: 10px; 
	background: #959494;
	margin: 0 2px;
}
.ls-bottom-slidebuttons a.ls-nav-active,
.ls-bottom-slidebuttons a:hover {
	background: #163e7e;
}

	
/*-----------------------------------------------------------------------------------
* == LOGIN
* --------------------------------------------------------------------------------- */
form#login {background:#efefef; padding:5px 10px; margin-bottom:10px;}
	#login .input_text {width:170px;}
	#login fieldset, #login button {margin:10px 0 0 0;}
	
	#login ul {margin:5px 0 10px 0;}
		#login ul li {margin-bottom:5px;}

/*-----------------------------------------------------------------------------------
* == CONTENT IMAGES (FOR ARTICLES ETC)
* --------------------------------------------------------------------------------- */	
ul.images {list-style-type:none; max-width: 40%;}
	.images li { margin-bottom:15px; margin-left:0; }
	.images li img { width: 100%; }
	.images span {display:block; margin-top:5px; color:#666; text-align:center;}
	.images p {color: #606060; font-style:italic;}

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

.adjust_top {margin-top: 100px;}
.adjust_top li {margin-bottom: 23px;}

/*-----------------------------------------------------------------------------------
* == CONTACT
* --------------------------------------------------------------------------------- */

/* .body-contact-index #content {width: 100% !important;} */
.contact { }

.contact .dbContent {border-bottom: 1px solid #ccc; margin-bottom: 10px !important;}

form#contact_form {width: 100%; float: left; }
form#contact_form legend {font-weight: bold;}
div#contact_map {
	width: -moz-calc(59% - 15px); /* Firefox */
	width: -webkit-calc(59% - 15px); /* WebKit */
	width: -o-calc(59% - 15px); /* Opera */
	width: calc(59% - 15px); /* Standard */
	float: right; margin-right: 15px;
}

.contact table {margin: 0;}
.contact table td {border: 0;}

/*-----------------------------------------------------------------------------------
* == DEPOTS
* --------------------------------------------------------------------------------- */

div.depot_view {padding-bottom: 15px;}
div#depot_map_container {padding-bottom: 20px;}
.depot_data h3 {border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 20px; font-size: 16px;}

/*-----------------------------------------------------------------------------------
* == POST
* --------------------------------------------------------------------------------- */
div.post {overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px; overflow:hidden;}
	.post img {max-width: 45%;}
	.post p a, .post a:visited {color:#000;}
	.post p a:hover {color:#666; text-decoration:none;}
	.post h4 {margin: 0;}
	.post h4 a {color: #000 !important;}

span.date {display: block; margin-bottom: 15px; font-weight: bold; color: #606060;}

.news_view h1 {margin-bottom: 5px; }


/*-----------------------------------------------------------------------------------
* == STAFF
* --------------------------------------------------------------------------------- */
div.staff {}
	.staff div.post {display: inline-block; width: 48%; margin: 0 1% 15px 1%; }
	.staff div.post img {float: left; display: block; max-width: 30%; }
	.staff div.post div {float: right; width: 66%; }

	.staff h4 {margin-bottom:5px; font-size: 20px; }
	.staff ul { list-style:inside; list-style-type:none; }
	.staff ul li {margin: 0;}

div.depot_description { border-bottom: 1px solid #ccc; margin-bottom: 15px; width: 660px; }
div#depot_map_container {clear: both; padding-top: 15px;}
#depot_map_container h3 {margin-bottom: 10px;}

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



table.reference_list {
	width: 100%; border-top: 1px solid #ccc;
    border-collapse: collapse;
    border-spacing: 0;
	table-layout: fixed;
}
.reference_list tr td {vertical-align:middle; padding: 15px 0;}
td.ref_image {width: 33% !important; text-align: center;}
td.ref_image img {max-width: 80%;}

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

.box-random-suppliers { padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.box-random-suppliers div div {width: 20%; margin: 0; padding: 0; display: inline-block; vertical-align: middle;}
.box-random-suppliers h3 {border-bottom: 1px solid #ccc; padding: 10px 0 15px 0; margin: 0 0 20px 0	; text-align: center;}
.box-random-suppliers img {display: block; max-width: 90%; margin: 0 auto; padding: 0;}


.body-index-index .addthis_default_style { margin-top: -120px !important; margin-bottom: 100px !important; }

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

div#news_latest_list {margin-top: 20px;}
div#news_latest_list ul {list-style: none; margin: 0;}
div#news_latest_list ul li {margin: 0; border-bottom: 1px solid #d0d0d0; padding-bottom: 15px; margin-bottom: 15px; }
div#news_latest_list ul li span {color: #606060; font-style: italic; display: block;}
div#news_latest_list ul li a {font-weight: bold; color: #606060; font-size: 14px;}


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

.video_view { width: 100%; margin-bottom: 20px; }
.video_description {background: #f0f0f0; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.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; }

/* YouTube Videos */
.video_view {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video_view iframe,
.video_view object,
.video_view embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.videos_list { }
.video_thumb {display: block; float: left; width: 25%; max-width: 100px; }
.video_thumb img {display: block; width: 100% !important; max-width: 100% !important;}
.videos_list .post {background: #f0f0f0; margin-bottom: 10px; padding: 10px;}
.videos_list .post div {float: left; width: 72%; margin-left: 2%;}
.videos_list .post span.date {display: inline; padding: 0 0 4px 0; color: #333; font-weight: normal; }


/*--------------------------------------------------------------------------------------------------------
/* ==  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:; padding:5px;}
#content a.notify {font-weight:bold; font-size:18px; }