@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
    height: 100%;
	font-family: open sans, arial;
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

.navbar-collapse {
float:right;
}

.navbar-inverse {
    background-color: #265680;
    border-color: #265680;
}

.navbar-inverse .navbar-brand {
    color: #ffffff;
	}
	
.navbar-inverse .navbar-brand:hover {
    color: #aaa;
	}
	
.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
}

.navbar-inverse .navbar-nav > li > a:hover{
    color: #aaa;
}

.navbar-nav > li > a {
    padding: 10px;
}

.navbar-brand img {
float:left;
margin:-10px 2px;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.carousel-caption{
	top: 80px;
}

.arrow img{
	margin-top: 490px;
}

.carousel-caption a {
	outline:none;
}

.our-container {
width:100%;
}

h1 {
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
}

h2 {
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
}

h4 {
text-transform: uppercase;
}

p {
font-size: 1,5rem;
line-height: 1.80;
margin-bottom: 1.875rem;
}

.part1 {
padding:60px 30px;
}

.part2 {
background-color:#fff;
padding:40px 30px 0px;
}
.part2_5 {
background-color:#fff;
padding:0px 30px 40px;
}
.part2 .part2_5 a{

}

.justify {
text-align: justify;
}

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

.part5{
padding:10px 30px 60px;
}

/*youtube*/
.part7{
padding:80px 10px 40px;
}

/*hr*/
.parthr{
padding:0px 0px;
}

/*social*/
.part_social{
padding:30px 0px 0px 0px;
text-align:center;
}

.part_social_nere{
padding:10px 0px 80px 0px;
text-align:center;
}

.part_social img{
margin:auto;
max-width:160px;
}

.part_social_nere img{
margin:auto;
max-width:160px;
}

.part3{
text-align:center;
background-color:#265680;
padding-bottom: 50px;
color: white;
}

.part4{
text-align:center;
padding-bottom: 80px;
}

.part4 #real {
max-width:160px;
margin:auto;
}

.fire{
text-align:center;
}

.max{
max-width:500px;
}

footer {
    text-align: center;
	margin: 30px auto;
}

.real{
	max-width:160px;
	margin:auto;
	}


/*detta tog bort vita kanten, före -15px*/
.row {
    margin-right: 0px;
    margin-left: 0px;
}

@media only screen and (max-width: 480px) {
	.arrow img{
	display:none;
	}
	.carousel-caption img{
	margin-bottom: 20px;
	width:200px;
	}
	.justify {
	text-align: left;
	}
	.navbar-brand {
    font-size: 15px;
	}
	.fire{
	margin-bottom:20px;
	}
	.arcada  img{
	margin-bottom:40px;
	}
	.part_social img{
	margin:auto;
	max-width:100px;
	}
	.part_social_nere img{
	margin:auto;
	max-width:100px;
	}
	.real{
	max-width:80px;
	}
	h1 {
	font-size: 20px;
	}
	h2 {
	font-size: 18px;
	}
	h4 {
	font-size: 15px;
	}
	.group {
	background: #blue;
	padding:10px 10px;
	margin-top:5px;
	}
	.part1 {
		padding:0px 0px;
	}
	.part2 {
		padding:0px 0px;
	}
	.part2_5 {
		padding:0px 0px;
	}
	.part_social{
		padding:0px 0px;
	}
	.part7{
		padding:0px 0px;
	}

}

@media only screen and (max-width: 650px) and (min-width : 481px) {
	.arrow img{
	display:none;
	}
	.carousel-caption img{
	margin-bottom: 170px;
	width:200px;
	}
	.carousel-caption{
	top: 30px;
	}
}

@media only screen and (max-width: 767px) and (min-width : 0px) {
	.bs-docs-sidebar {
	display:none;
	}
}



/*sidebar*/

.group {
    background: #fff;
	padding:10px 10px;
	margin-top:30px;
}
.group .subgroup {
    background: orange;
    width: 150px;
    height: 200px;
}
.fixed {
    position: fixed;
}

/* sidebar */
.bs-docs-sidebar {
    padding-left: 20px;
    margin-top: 60px;
    margin-bottom: 20px;
}

/* all links */
.bs-docs-sidebar .nav>li>a {
    color: #999;
    border-left: 2px solid transparent;
    padding: 4px 20px;
    font-size: 13px;
    font-weight: 400;
}

/* nested links */
.bs-docs-sidebar .nav .nav>li>a {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 30px;
    font-size: 12px;
}

/* active & hover links */
.bs-docs-sidebar .nav>.active>a, 
.bs-docs-sidebar .nav>li>a:hover, 
.bs-docs-sidebar .nav>li>a:focus {
    color: #265680;                 
    text-decoration: none;          
    background-color: transparent;  
    border-left-color: #265680; 
}
/* all active links */
.bs-docs-sidebar .nav>.active>a, 
.bs-docs-sidebar .nav>.active:hover>a,
.bs-docs-sidebar .nav>.active:focus>a {
    font-weight: 700;
}
/* nested active links */
.bs-docs-sidebar .nav .nav>.active>a, 
.bs-docs-sidebar .nav .nav>.active:hover>a,
.bs-docs-sidebar .nav .nav>.active:focus>a {
    font-weight: 500;
}

/* hide inactive nested list */
.bs-docs-sidebar .nav ul.nav {
    display: none;           
}
/* show active nested list */
.bs-docs-sidebar .nav>.active>ul.nav {
    display: block;           
}


/*franska sidan*/
.partblue{
	background-color:#265680;
	padding: 50px 0px;
	color: white;          
}

/*Språkmeny*/
 .language {
	font-size:12px;
}
.navbar-inverse .navbar-nav > .active > a{
	font-weight: bold;
	background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a:hover{
	font-weight: bold;
	background-color: transparent;
}
.navbar-inverse .navbar-nav  p{
	font-weight: bold;
	color:#fff;
	padding:7px;
}

/*timeline*/
.timeline2{
	position:relative;
	top: -5px;
}
.timeline3{
	position:relative;
	margin-top: -10px;
}
.timeline4{
	position:relative;
	top: -15px;
	z-index:900;
}
.timelineX{
	position:relative;
	margin-top: -20px;
}
.timeline5{
	position:relative;
	top: -25px;
}
.timeline6{
	position:relative;
	margin-top: -30px;
	z-index:901;
}

.timeline7{
	position:relative;
	top: -25px;
	z-index:900;
}
.timeline8{
	position:relative;
	margin-top: -40px;
}
.timeline9{
	position:relative;
	top: -30px;
	z-index:903;
}
.timeline10{
	position:relative;
	margin-top: -50px;
	z-index:902;
}
.timeline11{
	position:relative;
	margin-top: -20px;
}

.timeline12{
	position:relative;
	margin-top: -20px;
	z-index:902;
}
.timeline13{
	position:relative;
	margin-top: -20px;
}
.timeline12{
	position:relative;
	margin-top: -20px;
	z-index:902;
}
.timeline13{
	position:relative;
	margin-top: -20px;
}
.timeline14{
	position:relative;
	margin-top: -20px;
}
.timeline15{
	position:relative;
	margin-top: -20px;
}