@charset "ISO-8859-1";

/* Colors */

body, td, tr, th, textarea, input,
.dropdownmenu li ul li a,
.four_buttons,
a h4,
#footer a ,
input[type="submit"]{
	color: #000;
}

.four_buttons:hover,
/* .hoverbox,*/
.info_bottom_left,
.info_bottom_right,
.hoverimage h4,
.info_bottom_left .fancybox,
input[type="submit"]:hover{
	color: #a3822a;
} 

.hoverbox{
	color: #ffffff;
}

.required_marker{
	color: #d44b43;
}

.indrag{
	color:#000000;
}

a{
	color:#0f376e;
}

#container,
select{
	background-color: #fff;
}

.four_buttons,
input[type="submit"],
.kontakt_kolumn1 .textruta,
.kontakt_kolumn2 .textruta,
select{
	border: 1px solid #a3822a	;
	padding-left: 4px;
}

#container h1,
.somh1,
.infobox_left_housing h1,
.breadcrumbs{
	border-bottom: 1px solid #CCC;
	width: 90%;
	padding-right: 10%;
}

#footer{
	border-top: 1px solid #CCC;
}

.four_buttons:hover,
input[type="submit"]:hover{
	background-color: #3f4262;
	border: 1px solid #3f4262; /*var #60615f */
}

.four_box:hover .hoverbox{
	/* background-image: url('nya_bilder/transparent_black.png'); */
	background: rgba(63,66,98,0.8);
	}

.hoverimage:hover .hoverbox,
.info_bottom{
	/* background-image: url('nya_bilder/transparent_black.png'); */
	background: rgba(63,66,98,0.8);
}

/* Menu colors */

.dropdownmenu li ul{
	background-color: #fff;
}

.dropdownmenu li ul{
	border: 1px solid #a3832a;
}

.dropdownmenu li a,
.dropdownmenu li,
.dropdownmenu li ul li a,
.dropdownmenu li ul li{
	color: #a3822a;
} 

.dropdownmenu li ul li:hover{
	background-color: #fff;
}

.dropdownmenu li ul li:hover a{
	color: #FFF;
}




/* Fonts */

body, td, tr, th, textarea, input,
input[type="submit"], select{
	font-family: 'Source Sans Pro', sans-serif;
}

h1, h2, h3, h4, 
.banner_text, .banner_button, 
.red_link, 
.prisruta_boka, 
.somh1, .somh2, .somh3,
.four_buttons,
.around_four_button p{
	font-family: Memphis-ExtLig, sans-serif;
}

.banner_headline,
.infobox_left h2,
.rod{
	font-family: Memphis-Lig, sans-serif;
}

/* Font sizes & look */

.indrag{
	font-style: italic; 
}

#footer,
#footer h4{
	font-size: 13px;
}

body, td, tr, th, textarea, input,
.kontakt_kolumn2 select{
	font-size: 14px;
	line-height: 150%;
	font-weight: 500;
}

.infobox_left h2{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	line-height: 150%;
	text-transform: uppercase;
	font-weight: 700;
	font-style: normal;
}

.infobox_left, .infobox_one{
	line-height: 145%;
	font-size: 16px;
}

h1, .banner_headline,
.somh1{
	font-size: 45px;
}

#background_banner .top_banner_headline,
.infobox_left_housing h1{
	font-size: 30px;
}

h2, h3, h4, .banner_text, .banner_button, .red_link, .prisruta_boka, .somh2, .somh3{
	font-size: 18px;
	margin-bottom: 10px;
}

.infobox_left h2{
	margin-bottom: 0px;
}

h1, h2, h3, h4, .banner_headline, .banner_text, .banner_button, .red_link, .prisruta_boka, .somh1, .somh2, .somh3{
	text-transform: none;
	font-weight: 500;
	line-height: 125%;
}

h1{
	font-size: 56px;
	text-transform: none;
}

.banner_text,
.hoverimage .hoverbox h3,
.around_four_button h2{
	font-size: 24px;
}

#container h1,
.somh1{
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.info_bottom_left,
.info_bottom_left .fancybox{
	text-transform: none;
}

.rod{
	color: #A21E00;
	font-size: 16px;
	font-family: 'Source Sans Pro', sans-serif;
}

.faktura_betald{
	color: #088f08;
}

.faktura_obetald{
	color: #dd0b0f;
}

/* Page */

body {
	margin:0 auto;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

p, h1, h2, h3, h4{
    margin-top:0px;
    margin-bottom:5px;
}

li, ul{
	margin-top:0px;
	margin-bottom:6px;
	padding-top:0px;
	padding-bottom:0px;
	margin-left:0px;
	list-style-position:inside;
}

ol{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-left:0px;
	padding-left:0px;
	list-style-position:inside;
}

hr{
	clear: left;
}

table, tr, td{
	border: 0;
}

table#bild, tr, td{
	border: 0;
	vertical-align: top;
}

#container ul{
	padding-top: 10px;
	padding-left: 18px;
	list-style: disc; /* Remove HTML bullet wite none */

}

#container li{
	padding-left: 6px;
	list-style-position:outside;
}



#container ol{
	padding-left:25px;
}

img{
	border:0px;
}

a{
	text-decoration:none;
    outline:none;
    color: #a3822a
}

a:hover {
	cursor:pointer;
}

form{
	margin-top:0px;
}

.four_buttons,
input[type="submit"],
select{
	border-radius: 0px;
	cursor: pointer;
}

.background_i{
	background-image: url(/bilder_bakgrund/Lavilla-index2017-02.jpg);
	background-size: 100% auto;
}

#aroundlogo_print{
	display: none;
}

#logo, #logo_print {
	float:left;
	top: 20px;
	height:110px;
	width: 125px;
	display: block;
	background-image: url('bilder/LaVilla-logo-retina-white.png');
	background-repeat: no-repeat;
	background-size: 125px 110px;
	background-position: top center;
	margin-left: 6%;
	z-index: 10;
	position: fixed;
}

.logobox{
	margin-top: 20px;
	height:110px;
	width: 125px;
	display: block;
	float:left;
	margin-left: 6%;
}

.no_banner_logo{
	background-image: url('bilder/LaVilla-logo-retina.png') !important;
}

.around_dropdownmenu{
	background-image: url('nya_bilder/lower_menu_background2.png');
	position: fixed;
	width: 100%;
	float:right;
	clear:right;
	z-index: 1;
	top: 39px;
	height: 39px;
}

.dropdownmenu{
	float:none;
	width: 97%;
	height: 30px;
	padding-top: 9px;
	margin-right: 2%;
}

.dropdownmenu #nav{
	float: right; 
}

.dropdownmenu li{
    font-weight: bold;
	padding-left:22px;
	padding-right:17px;
    list-style:none;
    text-align: left;
    float:left;
    height: 25px;
    margin-bottom:0px;
    position: relative; 
    background-image: url('bilder/menu_arrow.png');
    background-repeat: no-repeat;
    background-size: 10px 6px;
    background-position: right 8px;
}

.dropdownmenu li ul{
	display: none;
	position: absolute; 
	left: 22px;
	width: 120px;
	padding: 10px 0 10px 0;
}


.dropdownmenu li ul li{
	padding: 5px 5% 3px 5%;
	background-image: none; 
	float: left; 
	clear: left; 
	width: 90%;
}

.lower_menu{
	display: none !important; 
}

.top_dropdown_menu{
	top: 0px;
	background-image: url('nya_bilder/top_menu_background2.png');
	z-index: 5;
}

.menu_last ul,
.menu_item_8 ul,
.menu_item_7 ul{
	left: -140px !important;
}

.menu_first,
.menu_last,
.menu_item_2,
.menu_item_8,
.menu_bokning{
	background-image: none !important; 
	padding-right: 0 !important;
}

#menu_mail,
#menu_phone,
#menu_instagram,
#menu_facebook,
#instagram,
#facebook{
    background-repeat: no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: block;
    float: right;
}

#instagram{
	background-image: url('nya_bilder/instagram-c.png');
	float: left;
}

#facebook{
	background-image: url('nya_bilder/facebook-c.png');
	float: left;
	margin-right: 4px;
}

#menu_mail{
	background-image: url('bilder/white_mail.png');
	margin-left: 5px;
}

#menu_instagram{
	background-image: url('nya_bilder/white_insta.png');
	margin-left: 20px;
}

#menu_facebook{
	background-image: url('nya_bilder/white_facebook.png');
	margin-left: 5px;
}

#menu_phone{
	background-image: url('bilder/white_phone.png');
	margin-left: 5px;
}

#menu_mail span,
#menu_phone span{
	display: none; 
}

.kartbild iframe{
	width: 100% !important;
}

.gardsikon{
    width: 25px !important;
}

.kontakta_oss_popup, .kontakta_oss_popup2, .kontakta_oss_popup3{
	display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(63, 66, 98, 0.7); /* Black w/ opacity */
    /*
    rgba(15, 55, 111, 0.72)
    rgba(63, 66, 98, 0.8)
    */
}

.kontakta_oss_box{
	margin: 150px 15%; 
	padding: 5%; /* Location of the box */
	background-color: #ffffff; 
	float: left; 
	width: 60%; 
}

.kontakta_oss_box .kontakt_kolumn1,
.kontakta_oss_box .kontakt_kolumn2{
	clear: left; 
	width: 100%;
}

.show_popup, .show_popup2, .show_popup3{
	display: block; 
}

.around_continue_arrow{
	margin-top: 50px;
	text-align: center;
}

.continue_arrow_down{
	display: inline-block;
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	background-image: url('/nya_bilder/continue_down_arrow.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

#container{
	float:left;
	width: 86%; /*var 86% */
	padding: 7% 7%;
}

#background_banner{
	height: 500px;
}

#background_banner,
.banner_text,
.banner_extratext{
	clear: left; 
	text-align: center;
	width: 100%;
}

#background_banner .banner_headline{
	padding: 125px 20px 0;
}

#background_banner .top_banner_headline{
	padding: 100px 20px 0;
}

.lower_banner_headline span span{
	word-spacing: 10px;
}

.lower_banner_headline{
	padding-top: 30px !important; /*!important*/
}

.banner_text{
	margin-top: 20px;
}

.infobox_left, .infobox_one{
	width: 50%;
	padding-right: 10%;
}

.infobox_left_span{
	display: block;
}

.infobox_left_lista ul li{
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	list-style: none;
}

.infobox_left_housing,
.infobox_right_housing{
	float: left;
	background-color: #FFF;
	width: 40%;
}

.infobox_left_housing{
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 100px;
}

.infobox_right_housing{
	width: 50%;
}

.infobox_left_housing h1,
.breadcrumbs{
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.infobox_left img,
.infobox_right_housing img{
	width: 100%;
}

.four_boxes,
.under_four_boxes{
	width: 100%;
}

.four_box,
.around_four_button{
	width: 25%;
	float: left; 
	overflow: hidden; 
	position: relative;
}

.around_four_button{
	width: 21%;
}

.kontakt_kolumn1,
.kontakt_kolumn2{
	float: left;
	width: 50%;
}

.kontakt_kolumn1 .textruta,
.kontakt_kolumn2 .textruta,
.kontakt_kolumn2 select{
	width: 90%;
	height: 25px;
}

.kontakt_kolumn2 select{
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  width: 91%;
  height: 30px;
  padding-left: 1%;
  padding-right: 1%;
  background-image: url('nya_bilder/arrow_down.png');
  background-size: 16px 4px;
  background-repeat: no-repeat; 
  background-position: right 12px;
}

.kontakt_kolumn1 textarea{
	height: 200px !important;
	margin-bottom: 15px;
}

.kontakt_kolumn1{
	clear: left; 
}

.four_box img{
	width: 100%;
}

.four_box .hoverbox,
.hoverimage .hoverbox{
	display: none; 
	width: 100%;
	height: 100%; 
}

.four_box:hover .hoverbox,
.hoverimage:hover .hoverbox{	
	position: absolute; 
	top: 0;
	display: block; 
}

.hoverimage .hoverbox h3{
	margin-top: 160px;
}

.hoverimage .hoverbox p{
	padding: 0 75px;
}

.infobox_right_housing .hoverimage{
	width: 100%;
}

.infobox_right_housing .info_bottom_left{
	text-transform: none;
	padding-top: 17px;
}

.infobox_right_housing{
	line-height: 50%;
}

.info_bottom_left .fancybox{
	margin-left: 10px;
}

.four_buttons{
	padding: 9px 40px;
}

.four_buttons,
input[type="submit"]{
	padding-top: 3px;
	border: 1px solid #000;
}

.fakturaprint input[type="submit"]{
	margin-bottom: 7px;
}

.around_four_button{
	text-align: center;
	padding: 30px 2%;
}

.around_four_button h2{
	margin-bottom: 10px;
}

.four_box .hoverbox{
	text-align: center;
}

.four_box .hoverbox h3{
	padding: 50px 20px 0;
}

.four_box .hoverbox p{
	padding: 0px 20px;
}

.beds{
	display: inline-block;
	width: 30px;
	height: 20px;
	background-image: url('nya_bilder/bed.jpg');
	background-position: center bottom;
	background-repeat: no-repeat;
	font-size: 9px;
	text-align: center;
	padding-bottom: 7px;
	float: left;		
}

input[type="checkbox"] {
	border: none;
	margin: 0 0 0 0;
	clear: left;	
}

.attention_arrow{
	position: absolute;
	left: 120px;
	top: -18px;
	display: block;
	height: 23px;
	width: 28px; 
	background-image: url('nya_bilder/attention_arrow.png');
}

.links_left{
	float: left;
	width: 18%;
	margin-right: 2%;
	margin-bottom: 30px;
	display: block;
}

.links_to_the_left{
	float: left;
	display: block;
}

.submit_newsletter_form{
	float: left;
    padding-top: 5px;
	cursor: pointer;
}

.hoverimages{
	float: left;
	width: 100%;
}

.hoverimage{
	text-align: center; 
	position: relative;
	float: left;
	width: 50%;
	overflow: hidden;
}

.hoverimage img{
	width: 100%;
}

.info_bottom{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 40px;
	width: 100%;
	text-align: left;
}

.info_bottom_left{
	text-transform: uppercase;
	padding: 10px 15px;
}

.info_bottom_right{
	position: absolute;
	right: 15px;
	top: 10px;
}

.direct_under_four_button,
.direct_under_four_button_double,
.hidden_images{
	display: none; 
}

#show_all_images{
	margin-bottom: 20px;
	margin-top: 20px;
	float: left;
}

#karta{
	margin-top: 50px;
	width: 100%;
	height: 300px;
}

#regionskarta{
	margin-top: 30px;
	width: auto;
	hight: auto;
}

#left_top_bild{
	margin-top: 0px;
	margin-bottom: 30px;
	margin-right: 30px;
	margin-left: 0px;
	float: left;
	width: auto;
	height: auto;
}

.bokningsform .textruta{
	width: 200px;
}

#footer{
	padding-top: 30px;
	margin-top: 50px;
	width: 100%;
	float: left;
}

#footer_logo{
	float: left;
	clear: left; 
	width: 100px;
}

.footer_column{
	width: 20%;
	float: left;
	margin: 0 1.5%;
}

.text_footer{
	clear: left;
	position: relative;
	top: -2px;
}


.kontakta_oss_modal, .kontakta_oss_modal2, .kontakta_oss_modal3{
	position: relative; 
}

.x_close{
	position: absolute; 
	right: -25px;
	top: -30px;
	font-size: x-large;
	font-weight: 600;
}

.second_footer_column{
	width: 12%;
}

.third_footer_column{
	width: 52%;
}

.third_footer_column p{
	max-width: 550px;
}

#around_pfooter,
.namn_newsletter{
	display: none;
	

}

#background_banner .banner_headline{
	padding-top: 23%;
}

#background_banner .top_banner_headline{
	padding-top: 20%;
}

.uc_sigill{
	float: left; 
	margin: 12px 0 0 5px;
}

#under_footer{
	padding: 1% 2.5%;
	width: 95%;
	text-align: center; 
	float: left;
}

.erbjudande_box2{
	display:inline-block;
	width: 100%;
	background-color: #fff4d6;
	padding: 5px 10px;
	margin: 5px 0;
	border: 4px solid #A21E00;	
}

.kontakta_oss {
    background-color: #3f4262;
    border: none;
    font-size: 16px;
    color: #a3822a;
    padding: 15px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    width: 100%;
    text-transform: uppercase;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.4), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.kontakta_oss2 {
    background-color: #a3822a;
    border: none;
    #border-radius: 50%;
    font-size: 16px;
    color: #3f4262;
    padding: 15px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    width: 30%;
    text-transform: uppercase;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.4), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.kontakta_oss3 {
    background-color: #ff0000;
    border: 4px solid #ff0000;
    font-size: 16px;
    color: #ffffff;
    padding: 11px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    width: 100%;
    text-transform: uppercase;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.4), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.kontakta_oss:hover {
    background-color: #a3822a;
    color: #3f4262;
    border: none;
}   

.kontakta_oss2:hover {
    background-color: #3f4262;
    color: #a3822a;
    border: none;
}   

.kontakta_oss3:hover {
    background-color: #ffffff;
    color: #ff0000;
    border: 4px solid #ff0000;	
} 


.knapp[type="submit"] {	
    background-color: #3f4262;
    border: none;
    font-size: 16px;
    color: #a3822a;
    padding: 15px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    width: 91%;
    text-transform: uppercase;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.4), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.knapp[type="submit"]:hover {
    background-color: #a3822a;
    color: #3f4262;
    border: none;
}  

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

  


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
} 

.kontakta_oss_box ul{
	padding-left: 0;
}


.kontakta_oss_box li{
	list-style-position: outside;
	margin-left: 17px;
}
    

@media (min-width: 0px) and (max-width: 1500px) { 

	#background_banner .banner_headline{
		padding-top: 21%;
	}


	#background_banner .top_banner_headline{
		padding-top: 18%;
	}

}

@media (min-width: 0px) and (max-width: 1300px) { 

	#background_banner .banner_headline{
		padding-top: 19%;
	}

	#background_banner .top_banner_headline{
		padding-top: 15%;
	}
	
	.hoverimage .hoverbox h3{
		margin-top: 120px;
	}

	.hoverimage .hoverbox p{
		padding: 0 50px;
	}

	#footer{
	margin-top: 30px;
	}
}

@media (min-width: 0px) and (max-width: 1200px) { 

	.infobox_left{
		width: 60%; /* var 60% */
	}

	.infobox_left_housing,
	.infobox_right_housing{
		width: 40%;
	}

	.infobox_left_housing{
		padding-left: 5%;
		padding-right: 5%;
	}

	.infobox_right_housing{
		width: 50%;
	}

}

@media (min-width: 0px) and (max-width: 1100px) { 

	#background_banner .banner_headline{
		padding-top: 15%;
	}


	#background_banner .top_banner_headline{
		padding-top: 15%;
	}

	
	.infobox_left{
		width: 60%; /* var 60% */
	}

	.infobox_left_housing,
	.infobox_right_housing{
		width: 40%;
	}

	.infobox_left_housing{
		padding-left: 5%;
		padding-right: 5%;
	}

	.infobox_right_housing{
		width: 50%;
	}
	
	.four_box .hoverbox h3{
		padding: 50px 10px 0;
	}

	.four_box .hoverbox p{
		padding: 0px 10px;
	}

	.hoverimage .hoverbox h3{
		margin-top: 80px;
	}

	.hoverimage .hoverbox p{
		padding: 0 40px;
	}

}

@media (min-width: 0px) and (max-width: 1010px) { 

	.infobox_left{
		width: 60%; /*var 60% */
	}

	.links_left{
		width: 23%;
	}

	.links_to_the_left{
		width: 65%; /* var 65%*/
	}

	.four_box .hoverbox h3{
		padding-top: 30px;
	}

	.infobox_left_housing,
	.infobox_right_housing{
		width: 80%;
	}

	.infobox_left_housing,
	.infobox_right_housing{
		padding-left: 10%;
		padding-right: 10%;
	}

	.infobox_right_housing{
		margin-top: 50px;
	}
	


}

@media (min-width: 0px) and (max-width: 880px) { 
	
	.infobox_left{
		width: 60%; /*var 60% */
	}

	.infobox_left_housing{
		width: 80%; /*var 60% */
	}

	.links_left{
		width: 28%;
	}
	
	.links_to_the_left{
		width: 70%; /* var 65%*/
		padding-right: 0%;

	}

	.four_box .hoverbox h3{
		padding-top: 20px;
	}
	
	.four_box{
		font-size: 12px;
	}
/*
	.footer_column{
		width: 45%;
	}

	.first_footer_column{
		width: 25%;
	}
*/

	.second_footer_column{
		width: 15%;
	}
	
	.third_footer_column{
		width: 55%; 
	}
	
	.under_four_boxes h3{
	font-size: 18px;
	}
	
	#footer{
	margin-top: 20px;
	}

}

@media (min-width: 0px) and (max-width: 800px) { 

	.infobox_left{
		width: 60%; /*var 60% */
	}

	.infobox_left_housing{
		width: 80%; /*var 60% */
	}

	.links_left{
		width: 30%;
	}
	.links_to_the_left{
		width: 65%; /* var 65%*/
		margin-right: 0;
	}
	
	
	.four_box{
		font-size: 14px;
	}

	.under_four_boxes{
		display: none;
	}

	.direct_under_four_button_double{
		display: block; 
		float: left;
		width: 100%;
	}

	.direct_under_four_button_double a{
		float: left;
		width: 50%;
	}

	.direct_under_four_button{
		display: none;
	}

	.direct_under_four_button_1,
	.direct_under_four_button_3{
		float: left;
		width: 50%;
	}

	.four_box{
		width: 50%;
	}

	.four_boxes_2, .four_boxes_4,
	.direct_under_four_button_2,
	.direct_under_four_button_4{
		float: right; 
	}

	.four_box .hoverbox h3{
		padding-top: 40px;
	}

	.hoverimage .hoverbox h3{
		margin-top: 40px;
	}

	.hoverimage .hoverbox p{
		padding: 0 20px;
	}

	.footer_column{
		width: 25%;
	}
	
	.second_footer_column{
		width: 20%;
	}
	
	.third_footer_column{
		width: 40%; 
	}

	#container h1,
	.banner_headline,
	.somh1{
		font-size: 44px;
	}
	
	#background_banner .banner_headline, 
	top_banner_headline{
		padding-top: 70px;
	}
	

	.infobox_right_housing{
		width: 100%;
	}

	.infobox_right_housing{
		padding-left: 0%;
		padding-right: 0%;
	}

	#show_all_images{
		margin-left: 10px;
	}

}

@media (min-width: 0px) and (max-width: 700px) { 
	
	#background_banner .banner_headline{
		padding-top: 20px;
		font-size: 30px;
	}

	.links_left{
		width: 35%;
	}

	.links_to_the_left{
		width: 55%;
	}
	
	.infobox_left{
		width: 60%; /*var 60% */
	}

	.infobox_left_housing{
		width: 80%; /*var 60% */
	}

	.hoverimage{
		clear: left; 
		width: 100%;
	}
	
	.hoverimage .hoverbox h3{
		margin-top: 130px;
	}

	.hoverimage .hoverbox p{
		padding: 0 20px;
	}

	#logo, #logo_print {
		margin-top: 20px;
		top: 0;
		position: relative;
	}

	.logobox{
		display: none;
	}

	.around_dropdownmenu{
		background-image: none;
		position: static;
		width: auto;
		float:right;
		clear:right;
		margin-right: 2%; 
		margin-top: 20px;
	}

	.dropdownmenu{
		display: block;
	    height: 21px;
	    width: 30px;
	    background-color: rgba(15, 55, 111, 0.2);
	    background-image: url(nya_bilder/menu-button-w.svg);
	    background-size: 30px 30px;
	    cursor: pointer;
	    float: right;
	    
	}

	.dropdownmenu ul{
		display: none; 
		position: absolute;
		background-color: #3f4262;
		opacity: 0.96;
		filter: alpha(opacity=96); /* For IE8 and earlier */
		padding-top: 20px;
		top: 0px;
		left: 0px;
		width: 100%;
		padding-bottom: 20px;
		z-index: 11;
	}

	.dropdownmenu ul li,
	#menu_mail,
	#menu_phone{
		width: 100%; 
		background-color: #3f4262;
	}

	#menu_instagram,
	#menu_facebook{
		position: relative;
		float: left; 
		margin-left: 0;
		margin-right: 4px;
	}

	.dropdownmenu ul li{
		padding-left: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	#menu_instagram{
		background-image: url('nya_bilder/instagram.jpg');
		left: 210px;
	}

	#menu_facebook{
		background-image: url('nya_bilder/facebook.jpg');
	}

	.dropdownmenu ul li a{
		color: #a3822a;
		font-size: 18px;
		line-height: 180%;
		
	}

	.dropdownmenu:hover ul{
		display: block;
	}

	.dropdownmenu:hover ul li ul{
		display: none;
		z-index: 2;
		left: 40px !important;
	}

	.dropdownmenu ul li:hover ul{
		display: block;
	}

	.dropdownmenu ul li ul li a{
		color: #000;
	}

	.lower_menu{
		display: block !important; 
	}

	.top_dropdown_menu{
		display: none;
	}

	#nav{
		position: absolute;
		border-bottom: 1px solid #000;
	}

	#menu_mail,
	#menu_phone{
		background-image: none; 
		padding: 5px 0 3px 0;
		padding-left: 0;
		position: relative;
		left: -18px; 
	}

	#menu_phone{
		padding-top: 10px;
	}

	#menu_mail{
		padding-bottom: 20px;
	}

	#menu_mail span,
	#menu_phone span{
		font-weight: 600;
		display: block;
		color: #000;
	}

	.dropdownmenu li,
	#menu_instagram,
	#menu_facebook{
		left: -17px;
	}

	.dropdownmenu li ul li{
		left: 0;
	}

	.kontakt_kolumn1,
	.kontakt_kolumn2{
		clear: left;
	}

	.kontakta_oss_popup .kontakt_kolumn1,
	.kontakta_oss_popup .kontakt_kolumn2{
		width: 90%;
	}

	.kontakta_oss_page_form .kontakt_kolumn1,
	.kontakta_oss_page_form .kontakt_kolumn2{
		width: 100%;
	}

	.kontakt_kolumn1 .textruta,
	.kontakt_kolumn2 .textruta,
	.kontakt_kolumn1 textarea,
	.kontakt_kolumn2 select{
		width: 100%;
	}

	.kontakta_oss_box h1{
		font-size: 36px;
	}
/*
	.hoverimage .hoverbox{
		display: none !important;
	}
*/
}

@media (min-width: 0px) and (max-width: 600px) { 
	
	.links_left{
		width: 98%;
	}

	.links_to_the_left{
		width: 98%;
	}

	#container h1,
	.banner_headline,
	.somh1{
		font-size: 36px;
	}

	#background_banner .banner_headline{
		padding-top: 20px;
		font-size: 24px;
	}
	
	
	.footer_column{
		width: 45%;
	}
	
	.second_footer_column{
		width: 45%;
	}
	
	.third_footer_column{
		width: 90%; 
	}

}

@media (min-width: 0px) and (max-width: 450px) { 

	.direct_under_four_button_double{
		display: none;
	}

	.direct_under_four_button{
		display: block;
	}

	.direct_under_four_button,
	.direct_under_four_button_1,
	.direct_under_four_button_2,
	.direct_under_four_button_3,
	.direct_under_four_button_4,
	.four_box{
		width: 100%;
	}

	.four_box .hoverbox h3{
		padding-top: 50px;
	}

	#container h1,
	.somh1{
		font-size: 30px;
	}


	#background_banner .banner_headline{
		padding-top: 0px;
		font-size: 20px;
	}
	
	#background_banner .lower_banner_headline{
		padding-top: 0px !important	;
	}
	
		.footer_column{
		width: 60%;
	}
	
	.second_footer_column{
		width: 30%;
	}
	
	.third_footer_column{
		width: 90%; 
	}
		
	.hoverimage .hoverbox h3{
		margin-top: 50px;
	}

	.hoverimage .hoverbox p{
		padding: 0 10px;
	}

	.kontakta_oss_box h1{
		font-size: 28px;
	}
}