body{	font-family: 'Roboto', sans-serif; font-size: 13px;  margin:0px;color:black; font-weight: 300;letter-spacing: 0.5px;line-height: 1.6;background-color:#ededed;

	background-image: url("./images/wave_rentcontrol-wave.png");
	/* Background image is centered vertically and horizontally at all times */
	background-position: center center;
  
	/* Background image doesn't tile */
	background-repeat: no-repeat;
  
	/* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
	background-attachment: fixed;
  
	/* This is what makes the background image rescale based  on the container's size */
	background-size: cover;

}

.main-wrapper{max-width: 1020px; margin-left: auto; margin-right: auto;overflow: auto;height:100%;}
.main-middle{margin-left: auto; margin-right: auto; }
.footer{text-align:center;background-color:#6c7983;color:white;height:40px;line-height:40px;font-weight:normal;}

.main-header{color:white;height:390px;margin-left: auto; margin-right: auto;overflow: auto;}
.header-top-menu-logo{float:left;}
.header-top-menu-fb{margin:3px;float:left;text-align:center;vertical-align: middle;line-height: 50px;margin-left:3%;}
.header-top-menu-black{cursor:pointer;float:right;background-color:black;padding-left:10px;padding-right:10px; height:100%;text-align: center;vertical-align: middle;line-height: 52px;   }
.header-top-menu-black:hover{color:#6c7983;}
.header-top-menu-black .active{color:#6c7983;}
.header-top-menu-login{display:inline;cursor:pointer;float:right;background-color:#6c7983;width:100px; height:100%;text-align: center;vertical-align: middle;line-height: 52px;   }
.header-top-menu-login:hover{}

.loginrow{margin-bottom: 25px}
.loginbutton{float: right; cursor:pointer; border: none; color: white; text-decoration: none; cursor: pointer; height: 40px; border-radius: 4px; padding-right: 15px; padding-left: 15px; background-color: #6c7983; color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300;}


.clear{clear: both;}
textarea,
select,
input.text,
input[type="text"],
input[type="date"],
input[type="tel"],
input[type="button"],
input[type="time"],
input[type="password"],
.input-checkbox {
appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-family: 'Roboto', sans-serif;
  font-size: 13px; 
}
img{border-style: none;}
input[type="button"]{
	 background-color: #6c7983; color: white; font-size: 9pt; height: 25px; border: none;border-radius:2px;cursor:pointer;
}

input[type="text"]{
	border: 1px solid lightgrey;
	border-radius:7px;
	padding:5px;
	padding-left:15px;
}
input[type="password"]{
	border: 1px solid lightgrey;
	border-radius:7px;
	padding:5px;
	padding-left:15px;
}
textarea{
	border: 1px solid lightgrey;
	border-radius:7px;
	padding:5px;
	padding-left:15px;
}
a{color:#6c7983;cursor:pointer;text-decoration:none;}
a:hover{color:#6c7983;}

.svart a{color:black;font-weight:normal;}
.svart a:hover{color:#6c7983;}

.popupMenu{width:270px;height:100%;background-color:white;border-radius: 2px; box-shadow: 10px 10px 10px #ffffff;position:fixed;overflow: auto; z-index:10; left: 0%; top: 0%;font-weight:300;font-size:16px;}
.popupMenu td{padding-left:15px;border-bottom:1px solid lightgrey;cursor:pointer;}
.popupMenu td:hover{color:#6c7983;}
.popupLoggin{width:500px;min-height:380px;background-color:white; border: 1px solid black; border-radius: 2px; position:fixed;overflow: hidden; z-index:10; left: 50%; padding-bottom: 10px; margin-left: -250px;top: 24%;font-weight:normal;}

.popupGlomtlosen{width:450px;height:130px;background-color:white;border-radius: 2px; box-shadow: 10px 10px 10px #ffffff;position:fixed;overflow: auto; z-index:10; left: 50%; margin-left: -200px;top: 20%;font-weight:normal;}
.popupGlomtlosenmobile{width:210px;height:330px;background-color:white;border-radius: 2px; box-shadow: 10px 10px 10px #ffffff;position:fixed;overflow: auto; z-index:10; left: 50%; margin-left: -100px;top: 20%;font-weight:normal;}
.popupBack{ position: fixed; width: 100%; overflow: auto;top:0px;left:0px; background-color: #ffffff; opacity: 0.7; height: 100%;   z-index: 9; }

.rubrik{font-size: 25px; color: #6a6a6a; font-weight: 200}
.rubrikljus{font-size: 25px; color: #000000; font-weight: 200}

.rubrik_mindre{font-size: 19px; }

.container_1{text-align:center;padding-top:20px;padding-bottom:40px;background-color:white; color: #231f20}
.container_1 .text{font-weight:normal;width:80%;margin-left: auto; margin-right: auto;margin-top:20px;}

.container_2{padding-top:40px;padding-bottom:20px;color:white;text-align:center;background-image:url('mainpage/images/bg_container.jpg');background-repeat: no-repeat;overflow: auto;}
.container_2 .text{font-weight:normal;width:90%;margin-left: auto; margin-right: auto;margin-top:20px;}
.container_2 .rutor{margin-left: auto; margin-right: auto;margin-top:20px;overflow:auto;}
.container_2 .dottedLine{float:left;}
.container_2 .ruta .rubrik_mindre{margin-bottom:20px;}

.container_funktioner{background-color:white;padding:3%;font-weight:normal;overflow:auto;}
.container_funktioner .meny{position: absolute; top:100;border-radius: 2px; border:1px solid grey; overflow: auto;width:180px;background-color:white;overflow-y:hidden;overflow-x:hidden;z-index:8;}
.container_funktioner .meny td:not(.rubrik){border-top:1px solid grey;cursor:pointer;}
.container_funktioner .meny td:not(.rubrik):hover{color:#6c7983;}
.container_funktioner .funktioner{float:right;width:73%;}
.container_funktioner .funktioner img{float:right;}
.container_funktioner .funktioner span{font-weight:100;border-bottom:1px solid grey;}
.container_funktioner .funktioner .funkt{margin-bottom:50px;width:100%;}
.container_funktioner .funktioner img{border-radius:2px;}

.container_om_oss{background-color:white;padding:3%;font-weight:normal;overflow:auto;}
.container_om_oss .meny{position: absolute; top:100;border-radius: 2px; border:1px solid grey; overflow: auto;width:180px;background-color:white;overflow-y:hidden;overflow-x:hidden;z-index:8;}
.container_om_oss .meny td:not(.rubrik){border-top:1px solid grey;cursor:pointer;}
.container_om_oss .meny td:not(.rubrik):hover{color:#6c7983;}
.container_om_oss .divs{float:right;width:73%;}
.container_om_oss .divs img{float:right;}
.container_om_oss .divs span{font-weight:100;border-bottom:1px solid grey;}
.container_om_oss .divs .div{margin-bottom:50px;width:100%;}
.container_om_oss .divs img{border-radius:2px;}

.container_kontakt{padding:40px;background-color:white;}
.container_kontakt .text{font-weight:normal;}
.kontakt_form{margin-top:30px;}
.container_kontakt input[type="text"],textarea{width:100%;}

.container_demo{padding:40px;background-color:white;text-align:left;}
.container_demo .text{font-weight:normal;}
.container_demo .demo_form{text-align:left;margin-top:50px;}
.container_demo input[type="text"],textarea{width:100%;}

.main-bottom{margin-left: auto; margin-right: auto; padding-top:20px;overflow:auto;background-color: #dbdbdb;z-index:5;position:relative;border-top:1px solid lightgrey;}
.main-bottom .rutor{margin-left: auto; margin-right: auto; width:90%; height:100%;overflow:auto;}
.main-bottom .rutor .line{float:left;height:100%;}
.main-bottom .rutor .line hr{border:none;background:black;}
.bottom-ruta{float:left;width:30%;font-weight:normal;padding-left:10px;}
.bottom-ruta .text{margin-top:10px;}

#cssmenu{top:0; position:fixed; width:100%; max-width:1020px; border-bottom:1px solid #a5a9ab; background-color:#6c7983; margin: 0; padding: 0; height:55px; display: block; box-sizing: border-box; font-size:14px;}

.header-top-menu-logo{margin-top:15px;margin-left:3%; width: 160px;}
.header-top-menu-logo img{width:100%; height:100%}

.loginSubmit{ width: 100%; }
.removeFloat{ margin-top: 5px;}


.login-select-company{
	border:0px solid #000000; 
	min-height: 40px; 
	padding: 8px; 
	margin-top: 10px; 
	margin-left: 20px; 
	margin-right: 20px; 
	border: 1px solid #4c7eb1;
	cursor: pointer;
	-webkit-transition: background 0.8s;
	transition: background 0.8s;
}

.login-select-company:hover{
	background-color: #4c7eb1;
}

.login-select-company--name{
	float: left; 
	line-height: 40px; 
	width: 80%; 
	height: 100%; 
	font-size: 15pt;
}

.login-select-company--iconholder{
	float: right; 
	width: 40px; 
	height: 40px; 
	font-size: 15px; 
	text-align: center; 
	background-color: #4c7eb1; 
	border-radius: 5px;
}

/* TABLET LANDSCAPE / DESKTOP */
@media only screen and (max-width: 768px) {
	.notMobile{display:inline;}
	.mobile{display:none;}
	.main-header{height:390px;}	
	.main-bottom .rutor{width:90%;}
	.bottom-ruta{float:left;width:290px;border-bottom:0px;}
	.popupLoggin{width:500px;min-height:360px; left: 50%; margin-left: -250px;top: 10%;}
	.popupGlomtlosen{width:450px;height:230px; left: 50%; margin-left: -200px;top: 10%;}

	.container_2 .rutor{width:100%;}
	.container_2 .ruta{float:left;width:30%;height:400px;}
	.container_2 .ruta img{ height:80px;margin-bottom:20px;}
	.container_2 .dottedLine{display:inline;}
	.container_2 .ruta .bildText{display:inline;}
	.container_2 .ruta .rubrik_mindre{margin-bottom:20px;}
	
	.container_funktioner .meny{display:inline;}
	.container_funktioner .funktioner{width:73%;}
	.container_funktioner .funktioner img{display:inline;}
	
	.container_om_oss .meny{display:inline;}
	.container_om_oss .divs{width:73%;}
	.container_om_oss .divs img{display:inline;}

	.header-top-menu-mobile{display:none;}

	.header-top-menu-logo{margin-top:13px;margin-left:5%; width: 200px;}
	.header-top-menu-logo img{width:100%;}
	.header-top-menu-black{display:inline;}
	.header-top-menu-fb{display:inline;}
    .adtext{margin-top: 135px; margin-left: 590px; text-align:center;font-size: 20px; color: #363636; font-weight: 200; line-height: 1.3;display:block;}


}



/* SMARTPHONES LANDSCAPE */
@media only screen and (max-width: 560px) {
	.removeFloat{ float: left;}
	.notMobile{display:inline;}
	.mobile{display:none;}
	.adtext{display:none;}
	.popupLoggin{width:400px;min-height:380px; left: 50%; margin-left: -200px;top: 5%;}
	.popupGlomtlosen{width:450px;height:230px; left: 50%; margin-left: -200px;top: 20%;}
	
	.main-header{height:300px;}	
	.main-bottom .rutor{width:100%;}
	.bottom-ruta{float:left;width:30%;border-bottom:0px;}
	.main-bottom .rutor .line{display:inline;}

	
	.container_2 .rutor{width:100%;}
	.container_2 .ruta{float:left;width:30%;height:400px;}
	.container_2 .ruta img{ height:80px;margin-bottom:20px;}
	.container_2 .dottedLine{display:inline;}
	.container_2 .ruta .bildText{display:inline;}
	.container_2 .ruta .rubrik_mindre{margin-bottom:20px;}
	
	.container_funktioner .meny{display:none;}
	.container_funktioner .funktioner{width:100%;}
	.container_funktioner .funktioner img{display:none;}
	
	.container_om_oss .meny{display:none;}
	.container_om_oss .divs{width:100%;}
	.container_om_oss .divs img{display:none;}

	.header-top-menu-mobile{display:inline;cursor:pointer;float:left;line-height: 50px; height: 55px; margin-left:20px;border-right:1px solid #a5a9ab;}
	.header-top-menu-mobile .text{margin-left:7px;margin-right:10px;float:left;font-size:10px; color: #f6f6f6;}
	.header-top-menu-mobile .lines{float:left;margin-top:14px;}
	.header-top-menu-mobile .line {width: 20px; height: 1px; background-color: white; margin: 5px 0; }

	.header-top-menu-logo{margin-top:13px;margin-left:5%; width: 200px;}
	.header-top-menu-logo img{width:100%;}
	.header-top-menu-black{display:none;}
	.header-top-menu-fb{display:none;}

	}



/* SMARTPHONES PORTRAIT */
@media only screen and (max-width: 400px){
	.removeFloat{ margin-left: 10px; }
	.notMobile{display:none;}
	.mobile{display:inline;}
	.adtext{display:none;}	
    .popupLoggin{width:90%;min-height:380px; left: 5%; margin-left: 0px;top: 5%;}
	
	.main-header{height:300px;}	
	.container_2 .rutor{width:100%;}
	.container_2 .ruta{float:left;width:30%;height:400px;}
	.container_2 .ruta img{ height:80px;margin-bottom:20px;}
	.container_2 .dottedLine{display:inline;}
	.container_2 .ruta .bildText{display:inline;}
	.container_2 .ruta .rubrik_mindre{margin-bottom:20px;}
	
	
	.container_funktioner .meny{display:none;}
	.container_funktioner .funktioner{width:100%;}
	.container_funktioner .funktioner img{display:none;}
	
	.container_om_oss .meny{display:none;}
	.container_om_oss .divs{width:100%;}
	.container_om_oss .divs img{display:none;}
	
	.header-top-menu-mobile{display:inline;cursor:pointer;float:left;line-height: 50px; height: 55px; margin-left:20px;border-right:1px solid #a5a9ab;}
	.header-top-menu-mobile .text{margin-left:7px;margin-right:10px;float:left;text-align:center;vertical-align: middle;line-height: 50px;font-size:10px; color: #f6f6f6;}
	.header-top-menu-mobile .lines{float:left;margin-top:14px;}
	.header-top-menu-mobile .line {width: 20px;height: 1px;background-color: white;margin: 5px 0; }

	.header-top-menu-logo{margin-top:15px;margin-left:3%; width: 160px;}
	.header-top-menu-logo img{width:100%; height:100%}
	.header-top-menu-black{display:none;}
	.header-top-menu-fb{display:none;}

}



