@import url(http://fonts.googleapis.com/css?family=Lato);  

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
  margin:0;
  padding:0;
}



#main { color:#000; font-family:'Lato', arial, serif; margin: 0; padding: 0;}

h1 {font-weight: bold; font-size: 25px; }

#top { 
    margin-top:30px; 
    padding:0; 
    position:absolute; 
    width:100%;
    z-index: 999;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
 
}

.topactive {  
    background-color: #c0c0c0;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}
#topInner { height:55px; margin:0; padding:25px; float:left }
    #topInner h1 {
        margin-left: 25px;
    }
    #topInner a, a:hover {  text-decoration:none;color: #f8f8f8; }
    #topInner h2 {
        margin-left: 25px;
    }

/* Telefon */
@media screen and (max-width: 779px) {
    #startLang {
        right: 1%;
        top: 10px;
        padding-right: 14px;
    }
    #topNavigation { 
        display:none !important;
    }
    #topNavigationSelect{ 
        display:block !important; 
        margin-right: 10px;
        position: fixed;
        top: 60px;
        right: 10px;
        height: 35px;
    }
    #startImage { height: 105px;  }
    #startText {
        height: auto;
        padding-left:15px;
    }
        #startText img {
            width: 30%;
            height: 30%;
        }
    #startFlashText { font-size:2em; }
    #startLogo img { margin-left: 2% }
    #content, .subSection,#startFlashText  {
        padding-left: 2%;
        padding-right: 2%;
    }
	#contentInner img, .kwimgLeft img, .kwimgRight img, .kwimgLeftImg, .kwimgRightImg   {
        max-width: 99% !important;
        height: auto !important;
		float: none !important;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10px;
    }	
    #startFlashTextSub { display: none !important}
    .kontakt {
        width: 90%;
    }
    #footer {
        padding-left: 2%;
        padding-right: 2%;
    }
}


/* Padda, dator med liten skärm */
@media screen and (min-width:780px) and (max-width: 1024px) {
    #startLang {
        right: 1%;
        top: 20px;
        padding-right: 10px;
    }
    #startText {
        height: 200px;
    }
    #topNavigation { 
        position: fixed;
        float: right;
        right: 1%;
        top: 40px; 
    }
    #topNavigation { 
        margin:0 !important;  
        padding: 5px !important;
    }
    #topNavigation li a {
        height: 30px;
        font-size:12px; 
    }
    #startImage { height: 60vh; margin-top:  108px }
    #startText { padding-left:5px; }
    #startFlashText { font-size: 3em; }
    #startLogo img { margin-left: 4% }
    #content, .subSection,#startFlashText  {
        padding-left: 4%;
        padding-right: 4%;
    }
    #footer {
        padding-left: 5%;
        padding-right: 5%;
    }
}

/* Small computer */
@media screen and (min-width: 1025px) and (max-width: 1259px) {
    #startLang {
        right: 4%;
        top: 10px;
        padding-right: 10px;
    }
    #topNavigation { 
        position: fixed;
        float: right;
        right: 4%;
        top: 40px;
    }   
    #topNavigation ul li { height:60px; line-height:60px;  }
    #topNavigation li a {
       height: 60px;
       font-size:16px; 
    }    
    #startImage { height: 60vh; margin-top:  108px }
    #startText { padding-left:50px; } 
    #startFlashText { font-size: 5em; }
    #startLogo img { margin-left: 4%; }
    #content, .subSection, #startFlashText  {
        padding-left: 4%;
        padding-right: 4%;
    }
    #footer {
        padding-left: 4%;
        padding-right: 4%;
    }
}

/* Fullsize */
@media screen and (min-width: 1260px) {
    #startLang {
        right: 17%;
        top: 10px;
        padding-right: 10px;
    }
    #topNavigation { 
        position: fixed;
        float: right;
        right: 17%;
        top: 40px;
    }   
    #topNavigation ul li { height:60px; line-height:60px;  }
    #topNavigation li a {
       height: 60px;
       font-size:12px; 
    }    
    #startImage { height: 60vh; margin-top: 108px }
    #startText { padding-left:50px; } 
    #startFlashText { font-size: 5em; }
    #startLogo img { margin-left: 15%; }
    #content, .subSection, #startFlashText  {
        padding-left: 15%;
        padding-right: 18%;
    }

    #footer {
        padding-left: 15%;
        padding-right: 15%;
    }
}

#startLang {
    z-index: 51;
    position: fixed;
    margin-right: 10px;
    padding: 5px;
    font-size: 10px;
    border: 1px solid #596687;
}

#startLang a {
    text-decoration:none;
    color: #596687;
}

#startLang a:hover {
    text-decoration:none;
    color: #fff;
}

#naviWrap {  }

#topNavigation li { display:inline-block; height:60px; line-height:60px; text-align:center; }
#topNavigation li:last-child { border-right: 0 }

#topNavigation li a { 
    transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;   
    color:#fff; 
    display:block; 
    padding:0 15px; 
    text-decoration:none; 
    font-size: 18px;
}

#topNavigation li a:hover { color: #c0c0c0 !important; text-decoration:none; }
#topNavigation li.current {  }
#topNavigation li.current a {}

#subNavigation { background-color:#303030; background-color:rgba(0,0,0,0.75); }
#subNavigation ul { margin:0 auto; width:960px; }
#subNavigation ul li { display:inline-block; height:60px; line-height:60px; text-align:center; }
#subNavigation ul li a { color:#FFF; display:block; font-size:12px; font-style:italic; height:60px; padding:0 30px; text-transform:none; }
#subNavigation ul li a:hover { text-decoration:underline; }
#subNavigation ul li chosen { font-style:italic; font-weight: bold; }



#startImage {
    overflow: hidden;
    background-color: #E5E5E3;
}

#startimages {
    margin-top: 65px; 
    margin-bottom: 65px; 
    text-align:center
}

#startimages img {
    margin-right: 20px;
}


#content {
    z-index: 50;
    background-color: #CBD1D3;
    padding-top: 40px; 
    padding-bottom: 40px;  
    color: #303030;
	border-top: 1px solid #D1D1D1;
}

#content a { color: #555555; text-decoration:none }
#content a:hover { text-decoration:underline }

.contentInner { max-width: 1300px; }

.subSection { 
    background-color: #CBD1D3; 
    padding-top: 40px; 
    padding-bottom: 40px;
    color: #303030;
}

.subSection a, .subSection p a { 
    color: #555555 !important; 
    text-decoration:none 
}

.subSection a:hover, .subSection p a:hover { text-decoration:underline }

.subSection:nth-child(odd) {
    background-color: #E5E5E3; 
}


.subSection:last-of-type {
   background-color: #f5f5f5;
   color: #171717; 
}

.subSection:last-of-type a {
   color: #171717 !important;
   text-decoration:none;
}

.subSection:last-of-type a:hover {
   text-decoration:underline;
}

#startContainer {
    /*position:relative;*/
    width:100%;
}


#startLogo {
    position:fixed;
    width:100%;
    top: 0;
    left:0;
    z-index: 50;
    background-color: #0C152D;
}

#startLogo img {
    max-height: 250px;
}


 #startFlashText {
    display:none;
    float: right;
    position:absolute;
    top:250px;
    color: #101010;
    right: 13%;
    max-width: 602px;
    }

#startFlashText h1 {
    background-color: #221E1B;
    color: #fff;
    padding: 15px;
    font-size: .4em;
    text-transform: uppercase;
    margin-bottom: 0;
    text-align: center;
}

#startFlashText h2 {
    color: #fff;
    padding: 25px;
    font-size: 0.3em;
    font-weight: normal;


}

.kwimgRightImg { 
	margin-left: 23px; 
	border: 2px solid #fff;
	box-shadow: 0px 10px 10px -5px #b0b0b0;
	max-height: 300px;
	max-width: 430px:
	}
	
.kwimgLeftImg { 
	margin-right: 23px; 
	border: 2px solid #fff;
    box-shadow: 0px 10px 10px -5px #b0b0b0;
	max-height: 300px;
	max-width: 430px:	
	}
	

.kontakt {

    color: #fff;
    -moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px;	
    margin-bottom: 25px;
}

.kontakt a { color:#000; text-decoration:none; }
.kontakt a:hover { text-decoration: underline; }

.round { 
    font-family:'Bitter', arial, serif;
    padding: 3px;
    height: 20px;
     border: 1px solid #c0c0c0;
    -moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;	
}

.button {
    padding:8px;
    height: auto;
}

.error { color: red; padding-left: 10px }



#footer { 
    background-color: #f5f5f5; 
    height: 180px;
    color:#b0b0b0;
    z-index: 50;
    
}

#footerInner {
    padding-top:80px;
    border-top: 1px solid #e1e1e1;
    overflow: hidden;
}

#footerInner a { color:#b0b0b0; text-decoration:none; }
#footerInner a:hover { color:#b0b0b0 !important }
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */