/* Övrigt, till designen */
html{
height:100%;
}
body{
margin:0px 0px 0px 0px;
padding:0px;
font-family: myText, sans-serif;
height:100%;
color:#333;
font-size:14px;
height:100%;
}
/* Text */
h1{
font-family: myHeadOne, sans-serif;
font-size:1.6em;
font-weight: normal;
margin-top:0em;
margin-bottom:0.2em;
}
h2{
font-family: myHeadTwo, sans-serif;
font-size:1.2em;
font-weight: normal;
margin-top:1.1em;
margin-bottom:0.8em;
}
.box h2 {
margin-top:0em;
}
h3{
font-family: myHeadlines, sans-serif;
font-size:1.1em;
font-weight: normal;
margin-top:2em;
margin-bottom:0.8em;
}
p{
font-family: myText, sans-serif;
font-size:1em;
margin-top:0.5em;
margin-bottom:1.1em;
line-height:1.3em;
}
.messForm {
padding:0.5em;
border:solid 1px #000;
}
/* Layout */
#container{
position:relative;
max-width: 1000px; /*Remove to fill screen width */
margin: 0px auto;
min-height:100%;
border-left: solid 1px #CCC;
border-right: solid 1px #CCC;
background-color:#FFF;
}
.wideContent{
position:relative;
width: 100%; /*Remove to fill screen width */
margin: 0px auto 0.6em auto;
background-repeat: no-repeat;
background-size: auto 100%;
background-position: top center;
}
.boxpad_full {
padding:0% 0% 0% 0%;
text-align:left;
height:100%;
min-height:100%;
}
.overContent { /* Boxed or not */
padding:0% 4% 3% 4%;
/* border-bottom: solid 1px #CCC;*/
min-height:100%;
}
.sokRuta { /* Boxed or not */
padding:0% 4% 0% 4%;
/* border-bottom: solid 1px #CCC;*/
}
.sokPart {
width: 30%;
margin:0em 0 0 70%;
}
.sokord {
width: 70%;
display: inline;
}
.sokKnapp {
width: 28% !important;
margin-left: 2% !important;
display: inline;
}
.logoImage {
padding:3% 4% 0% 4%;
background-color: #FFF;
}
.logoImage img {
max-width:100%;
}
#footer {
/* box-shadow: 1px 1px 1px #999;*/
margin:0% auto 0% auto;
width:92%;
height:auto;
background-color: #FFF;
padding:2% 0% 2% 0%;
box-sizing: border-box;
border-top: solid 1px #CCC;
min-height: 20em;
}
.foot1 {
float:left;
width:50%;
text-align:left;
}
.foot2 {
float:left;
width:50%;
text-align:right;
}
.content {
width:68.3%;
margin:0% 0% 0% 0%;
padding-left:0%;
float:left;
box-sizing: border-box;
}
/* Menu and side */
.containSidebar {
width:28.7%;
margin:0% 3% 0% 0%;
float:left;
box-sizing: border-box;
}
.sidebar, .menubar {
width:100%;
box-sizing: border-box;
}
.sidebar img {
width:100%;
max-width: 100%;
}
.subMenuHead {
background-color: #FFF;
padding: 2%;
font-weight:bold;
}
.subMenuHeadClosed {
padding: 4% 0% 4% 4%;
border-top:solid 2px #FFF;
text-decoration: none;
cursor: pointer;
}
.subMenuHeadEmpty {
padding: 4% 0% 4% 4%;
border-top:solid 2px #FFF;
text-decoration: none;
cursor: pointer;
}
.newsBox {
padding: 4% 0% 4% 4%;
border-top:solid 2px #FFF;
text-decoration: none;
cursor: pointer;
text-decoration: none;
}
.newsBoxLink{
text-decoration: none;
color:#333;
}
.menubar a {
color: #333;
text-decoration: none;
}
.subMenuLine {
/*background-color: #880C0E;*/
/*height: 1px;*/
}
.subMenuItem {
background-color: #FFF;
padding: 4%;
border-top:solid 1px #F2F2F2;
}
.subMenusOne {
width: 85%;
float:left;
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
}
.subMenusTwo {
text-align:center;
width: 15%;
float:left;
padding: 4% 0% 4% 0%;
border-left: solid 2px #FFF;
box-sizing: border-box;
}
/* Hide / Show */
.hideFirst {
display:none;
}
.hideInMob {
display:block;
}
.hideInComp {
display:none;
}
/* Forms */
.formMessage>div {
border:solid 1px #FF0000;
color:#FF0000;
padding:10px;
margin-bottom:5px;
}
/* Lists, images, etc */
ul {
margin-top:10px;
}
li {
margin-top:5px;
}
img{
width: 100%;
height: auto;
width: auto\9; /* IE9 and below */
display:block;
border:none;
}
.contentImage {
margin-bottom:1em;
}
.clr {
clear:both;
height:0px;
width:1px;
}
.clr_height {
clear:both;
height:25px;
width:1px;
}
.nodec {
text-decoration: none;
color:#333;
}
.nodecOnly {
text-decoration: none;
}
input, select {
font-family: myText, sans-serif;
width: 100%;
padding:2%;
border:solid 1px #CCC;
margin:2% 0% 0% 0%;
font-size:1em;
color:#333;
line-height:1.2em;
box-sizing: border-box;
}
#captcha {
border:solid 1px #FFF;
width:1px;
height:1px;
padding:0;
line-height:0em;
margin:0;
}
.blBtn {
width:100%;
margin:2% 0% 0% 0%;
padding:3%;
color:#FFF;
font-weight: normal;
font-size:1em;
line-height:1.2em;
box-sizing: border-box;
text-align:center;
}
#flags {
max-width: 1000px; /*Remove to fill screen width */
margin: 0px auto;
height:0px;
overflow: visible;
}
.flag1 {
position: absolute;
top:0.3em;
right:5.2%;
height:20%;
width:3.5%;
background-image: url('./inc/images/sve.gif');
background-size: contain;
background-repeat: no-repeat;
background-position: top right;
}
.flag2 {
position: absolute;
top:0.3em;
right:9.2%;
height:20%;
width:3.5%;
background-image: url('./inc/images/eng.gif');
background-size: contain;
background-repeat: no-repeat;
background-position: top right;
}
input[type="submit"] {
width: 100%;
border:none;
margin:2% 0% 0% 0%;
padding:3%;
font-size:1em;
line-height:1.2em;
color:#333;
box-sizing: border-box;
}
textarea {
width: 100%;
padding:2%;
border:solid 1px #CCC;
margin:2% 0% 0% 0%;
color:#333;
resize: none;
line-height:1.2em;
font-family: myText, sans-serif;
font-size:1em;
height:6em;
box-sizing: border-box;
}
#website {
/* box-shadow: 1px 1px 1px #999;*/
margin:10% auto 0% auto;
width:100%;
max-width: 1000px;
height:auto;
padding:0.3% 3% 5% 3%;
color:#AAA;
font-size: 0.8em;
text-align:center;
box-sizing: border-box;
}
#website>a {
text-decoration: none;
color:#AAA;
}