/************* CUSTOMER.CSS
		KUNDUNIKA FONT/FÄRGER/INSTÄLLNINGAR 
*************/
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,300italic,400italic,600italic);
body{font-family: 'Open Sans', sans-serif; font-size:11pt}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {  font-family: 'Open Sans', sans-serif;}

.footerIcons{float:left;font-size: 16pt;display:block;width:150px}
a {color: #000000;  text-decoration: none;}
small{color:#aaa}
/* NAVBAR TOP */
.customNavColor .navbar { background-color:#090740;}
.customNavColor{ background-color:#090740;}
body .main-header li.user-header {  background-color: #090740;  color:white;}
.customTopColor{background-color: #fff;}
.navbar .nav > li > a { color: #fff;}
.navbar-nav > li > a:hover {
    background:#47a163 !important;
}
nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: #003059;
    border-color: #428bca;
}
.nav active{ background-color: #003059;}
body .wrapper {
    background-color: #ecf0f5;
}
.navbar-static-top {
    border-width: 0;
}
.startpos{margin-top:180px}
body .main-header .logo {padding-top:0px}
.customMainColor{background-color:#fff; }
.contact{background-color:#090740; color:white; margin-top:20px;margin-bottom:10px;padding-top:10px; padding-bottom:20px; }
.garanti{background-color:#fff; margin-top:20px;margin-bottom:20px;padding-top:10px; padding-bottom:20px; border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.customFootColor{padding-top:20px; padding-bottom:20px; border-top:1px solid #f2f2f2}

/*SÖKNING*/
.typeahead__container button {	background-color: #090740;    color: #444;    border-color: #f4f4f4;}
.typeahead__container button:hover {	background-color: #47a163;}
.typeahead__field input {    color: #555;    background-color: #003059;}
input:active, .typeahead__field input:focus {    border-color: #003059;    background: #fff;    color: #333;}
.content{padding:0}
/*Viktigt inlägg*/
.importantNews, news{border-bottom: 1px solid #eee;}
.importantNews{background-color: rgb(255,226,51);}

/*Modal dialog färg*/
#defaultModal .modal-header{background:#090740;  color:white;}

/* BOX FÄRG */
.box-header {background-color:rgb(179,179,179);  color: #fff;}
.box-header.with-border { border-bottom: 1px solid #f4f4f4;}
span.headline{display:block;padding-top:5px;font-size:1em; font-weight:bold; }
.datum{font-size:0.7em}

.sort-highlight {
    border: 1px dashed gray;
    height:50px;
    min-width:40px;
    visibility:visible !important;
}
#slideshow, #slideshowMore { 
    margin: 0 auto; 
    position: relative; 
    width: 100%; 
    padding: 0px; 
    
    }
#slideshowMore > div {
		position: absolute;
	width: 100%;

}
.slides_image{
	position: absolute;
	width: 100%;
}

#slideshow, #slideshowAdmin {margin: 0 auto;position: relative;width: 100%;padding: 0px;}
#slideshow > div {top: 0px;left: 0px;right: 0px;bottom: 10px;}

#slideshowright{margin: 0 auto;position: relative;width: 100%;padding: 0px;}
#slideshowright > div {top: 0px;left: 0px;right: 0px;bottom: 10px;}
#slideshowleft{margin: 0 auto;position: relative;width: 100%;padding: 0px;}
#slideshowleft > div {top: 0px;left: 0px;right: 0px;bottom: 10px;}

#slideshowAdmin > div {right: 0px;bottom: 10px;}
.slides_image{position: absolute;width: 100%;}
.slides_texts{display:none}
.textElement11_classic h1, .textElement11_classic h2, .textElement11_classic h3{margin-top:5px}
.textElement11_classic {
	color:white;
    padding:5px 10px ;
  background-color: rgba(0,110,53,1);
   	font-size:0.8em;
  	margin-bottom:1px;
  	padding:10px 0;
  	text-align:center
}

.textElement11_classic h3{font-family:Lato, Open Sans; font-size:1.2em; margin-top:0px;}

.textElement11_classic h2{font-family:Lato, Open Sans; font-size:1.3em; margin-top:0px;}
.textElement11_c4assic h1{font-family:Lato, Open Sans; font-size:1.5em; margin-top:0px;}
.textElement11_classic p{font-size:0.8em; 	margin:0;}
.startImageLeft{padding-right:0px}
.startImageRight{padding-left:0px}

@media all and (min-width:768px){
.table{font-size:10pt}

.startpos{margin-top:0px}
	.textElement11_classic {
		color:white;
		background-color: rgba(0,110,53,0.8);
	 	top:0%;
	 	left:0%;
		position:absolute !important;
		text-align:left;
		padding:10px;
		transform: translate(5%, 50%);
	}
	.textElement11_classic h3{font-size:2em;}
	.textElement11_classic h2{font-size:2.2em;}
	.textElement11_classic h1{font-size:2.5em;}
	.textElement11_classic p{}
	
}
.box {
	margin-top:20px;
    display: block;
    padding: 8px;
    margin-bottom: 0px;
    line-height: 1.4285;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0px;
    width:300px;

}
.boxIMG{height:100px;}


.boxContainer {
  display: flex;
  flex-flow: row wrap;
       justify-content: center;
         flex-direction: flex-start;
}
@media all and (max-width: 1280px) and (min-width: 1025px){
	.startpos{margin-top:250px}
}
@media all and (max-width: 1024px) and (min-width: 769px){
	.startpos{margin-top:200px}
}
/* Medium screens */
@media all and (min-width: 768px) {
	
  .boxContainer {
    justify-content: space-around;
  }
  .box{width:350px;}
}
@media all and (max-width: 600px) {
#slideshow, #slideshowMore {display:none}
	.startpos{margin-top:0px}
  .boxContainer {
 justify-content: center;
  }
  .box {width:280px;}
}
/* Small screens */
@media all and (max-width: 500px) {

  .boxContainer {
 justify-content: center;
  }
  .box {width:280px;}
}

.contactphone, .contactemail{padding-top:5px;padding-left:0px;padding-right:0px}
.contactsubmit{padding:0px}
table.contactInfo, table.contactInfo a{color:white !important;font-size:0.9em !important}
table.contactInfo h4{font-size:0.9em !important; text-decoration:underline}
table.contactInfo h2{font-size:1.4em !important;}


@media all and (min-width:769px){
	
	table.contactInfo, table.contactInfo a{color:white !important;font-size:1em !important}
	table.contactInfo h4{font-size:1.2em !important; text-decoration:none}
	table.contactInfo h2{font-size:1.8em !important; }
	.contactemail{padding-left:5px;}

@media all and (max-width:400px){
	table.contactInfo img{width:80px}
	
	}