body {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 100%;
	line-height: 1.5;
	background-color: #575756; /* Background color on total screen */
	}
.main-container {
	background-color: #fff;
	border-left: ;
	border-right: ;
	border-bottom: ;
	border-color: ;
	 border-bottom-right-radius: 30px;     border-bottom-left-radius: 30px;    margin-bottom: 30px;
}
 
.main-container , #header-carousel, #header-image, .navbar-wrapper > .container {
     box-shadow: 20px 20px 5px rgba(0,0,0,0.3);}


@media (max-width: 769px) {
	.main-container , #header-carousel, .navbar-wrapper > .container {
	   box-shadow: none;
	}
}


.btlix:link, .btlix:visited {
	color: #dc7802;
	text-decoration: none;
	font-weight: normal;
}
.btlix:hover, .btlix:active {
	font-weight: normal;
	color: #db002d;
	text-decoration: none;
}
h1 {
	color: #6f6f6e;
	font-size: 24px;
	font-family: Baumans,cursive;	
	font-weight: normal;
}
.mainContent > h1 {
	font-family: Baumans,cursive;
	font-size: 42px;
	color: #777777;
	font-weight: normal;
	
}
.mainContent.first-page > h1 {
	font-family: Baumans,cursive;
	font-size: 42px;
	color: #777777;
	font-weight: normal;
}

h2 {
	color: #58595b;
	font-size: 20px;
	font-family: Baumans,cursive;	
	font-weight: ;
}
h3, h3.panel-title {
	color: #58595b;
	font-size: 16px;
	font-family: Baumans,cursive;	
	font-weight: ;
}

p{
	font-size: 13px;
}

.small{
	font-size: 13px;
}

label{
	font-size: 13px;
}

ul, ol {
	font-size: 13px;
}

input[type="file"] {
    font-size: 13px;
}

table{
	font-size: 13px;
}

a {
	color: #dc7802;
	text-decoration: none;
	font-weight: normal;
}
#header {
	margin-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
}

#header #lang {
	float:right;
	margin: 0;
	padding-top: 20px;
	height: 120px; /* -------- OBS!!!!! Sätt till 0px om Växlande texter i Headern används ----------  Annars kan innehållet tryckas ner. */
	width: 60px;
}

#header-image , #header-carousel{
	padding-left: 0px;
	padding-right: 0px;
}

#header-top-image img {
	margin-bottom: 18px; 
}

.nav {
	font-size: 16px;
	font-family: Baumans,cursive;
}
/*
.nav > li > a:hover,
.nav > li > a:focus {
  background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
}
*/

.navbar-default .navbar-nav > li > a {
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

.navbar-default .navbar-nav > li.active > a {
	color: #000;
	text-decoration: none;
	font-weight: normal;
	background-color: #f61414 ;
	background-image: linear-gradient(to top, #fff 0% , #e2e2e2 100%) ;
}


.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #000;
	text-decoration: none;
	font-weight: normal;
	background-color: #f61414 ;
	background-image: linear-gradient(to top, #fff 0% , #e2e2e2 100%) ;
}


 .navbar-default {
	background-color: #fff ;
	background-image: linear-gradient(to top, #fff 0% , #fff 100% ) ;
}

.dropdown-menu > .active > a {
	color: #000;
	text-decoration: none;
	font-weight: normal;
	background-color: #f61414 ;
	background-image: linear-gradient(to top, #fff 0% , #e2e2e2 100%) ;
}

.dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	color: #000;
	text-decoration: none;
	font-weight: normal;
	background-color: #f61414 ;
	background-image: linear-gradient(to top, #fff 0% , #e2e2e2 100%) ;
}


#sidebar1 li a.normal:hover, #sidebar1 li a.normal:active , #sidebar1 li a.urub:hover, #sidebar1 li a.urub:active {
	color: #000;
	background-color: #f61414;
	text-decoration: none;
	font-weight: normal;
}

#sidebar1 li a.current:link, #sidebar1 li a.current:visited , #sidebar1 li a.current_urub:link, #sidebar1 li a.current_urub:visited{
	color: #000;
	background-color: #f61414;
	text-decoration: none;
	font-weight: normal;
}

.brand
{
	display: block;
	float: left;
 	height: 80px;
			background: url(img/header.png) no-repeat;
		background-size: contain;
		max-width: 500px;
	width: 100%;
	margin-right: 18px;
}

@media (max-width: 769px) {
	.brand{
		float: none;
		margin: 0 auto;
	}
}

.headline1sidebar2 { /* Textegenskaper rubrik1 i högermeny */
	color: #777777;
	font-size: 42px;
	font-family: Baumans,cursive;	
}
.headline2sidebar2 { /* Textegenskaper rubrik2 i högermeny */
	color: #fff;
	font-size: 42px;
	font-family: Handlee,cursive;	
}
.textsidebar2 { /* Textegenskaper i högermeny */
	color: ;
	font-size: ;
	font-family: ;
}


#footer1 {
	color: #333333 ; 
	text-align: center;
	padding-top: 40px; 
	padding-bottom: 3px;
	font-size: 85%;
}

.bildtext {
	color: ;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
/*  height: 330px; */
  margin-bottom: 0px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  /* height: 330px; */
  background-color: none;
}

/*
.carousel-inner > .item  img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%; 
  height: 330px;
}*/

.carousel-inner  .row {
/*	padding-left: 15px;
	padding-right: 15px;
	*/
}

.carousel-inner  .image {
	/* overflow: hidden; */
	width: 100%;
	float: left;
	/* height: 330px; */
}
.carousel-inner .image.span {
	width: 100%;
}
.carousel-inner  .inner-panel  {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.5);
	color: #bbb;
	height: 100%;
	width: 30%;
	position: absolute;
	padding: 4% 4%;
	top: 0;
	left: 0;
}
.inner-panel h1 {
	color:#bbb;
	}
.carousel-control {
position: absolute;
opacity: 0.5;
top: -25px;
}


.carousel-control.left {
background: none;
left: 0px;
height: 49px;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
width: 25px;
text-align: left;
}

.carousel-control.left:hover {
	opacity: 1;
}


.carousel-control.right {
background: none;
right: 0px;
height: 49px;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
width: 25px;
text-align: right;
}
.carousel-control.right:hover {
	opacity: 1;
}

.carousel-outer-control {
	position: absolute;
	top: 50%;
	width: 100%;
	/* height: 0px; */
}
.carousel h1 {
	font-family: Handlee,cursive;
	text-transform: uppercase;
    line-height: 140%;
	font-size: 28px;
	color: #fff;
}

@media (max-width: 767px) {
	.carousel-inner  .inner-panel  {
		width: 100%;
		background-color: rgba(0,0,0,0);
		}
	.carousel-inner  .inner-panel  h1 {
		float: left;
		background-color: rgba(0,0,0,0.5);
		padding: 7px 8px 5px 8px;
		margin: 5px 0 5px 0;
		font-size: 18px;
	}

	.carousel-inner  .inner-panel  p {
		clear: both;
		float: left;
		background-color: rgba(0,0,0,0.5);
		padding: 8px;
	}
	
}



@media (max-width: 991px)  and (min-width: 768px) {
.carousel h1 {
	font-size: 20px;
	}
	
}

.navbar-wrapper > .container {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #fff; 
}

.navbar {
 margin-bottom: 0px;
 }
 
.btn-default { color: #333; background-color: #e0e0e0; background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);border-color: #dbdbddb;}
.btn-default:hover,.btn-default:focus {color: #333;background-color: #e0e0e0;border-color: #dbdbddb; }
.btn-info { color: #fff; background-color: #269abd; background-image: linear-gradient(to bottom, #5bc0de 0%, #269abd 100%);border-color: #28a4c9 ;}
.btn-info:hover,.btn-info:focus {color: #fff;background-color: #269abd;border-color: #28a4c9 ; }
.btn-primary { color: #fff; background-color: #2d6ca2; background-image: linear-gradient(to bottom, #428bca  0%, #2d6ca2 100%);border-color: #2b669a;}
.btn-primary:hover,.btn-primary:focus {color: #fff;background-color: #2d6ca2;border-color: #2b669a; }
.btn-success { color: #fff; background-color: #419641; background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);border-color:  #398439;}
.btn-success:hover,.btn-success:focus {color: #fff;background-color: #419641;border-color:  #398439; }

.panel-default > .panel-heading {
	background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
}
 .blog-list-post-img {
 	margin-top: 20px;
 }
 
 .blog-list-post {
 	border-bottom: 1px solid #ddd;
 	margin-left: 5px;
 	padding-bottom: 5px;
 }
 .btn-tag {
 	margin-top: 5px;
 	}
 	
 .gallery-image {
 margin-top: 15px;
 }
 .gallery-image img {
 	max-height: 180px;
 }
 
 .published-date {
 	color: #6f6f6e;
 }
 
 .marked-word {
 color: #cc0033;
 font-weight: bold;
 }
 	
 .cc {
 margin-top: 15px;
 }
 
 #gallery-tag img {
 display: block;
  margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
 }
 
  #mine-flow {
  text-align: center;
  margin-top: 20px;
 }
 
.blog-list-post-text > h1/*, .blog-list-post-text > h1 > a*/ {
	color: #6f6f6e;
	font-size: 24px;
	font-family: Baumans,cursive;	
	font-weight: normal;
}
.blog-list-post-text  a.btn {
	float: right;
	display: block;
	margin: 3px 0px 3px 3px;
}


#post-chosen-image {
  margin-top: 20px;
}

.img-embed-left {
float: left;
margin-right: 10px;
}

.form-group > .ms-container {
width: 100%;
}

.right {
	text-align: right;
}

.nav-pills > li {
margin-top: 2px;
}

.nav-pills > li > a {
  text-decoration: none;
  background-color: #eee;
  }

.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  color: #fff;
  background-color: #428bca;
}

@media only screen and (max-width:800px) and (min-width:401px) {
	body{
		font-size: ;
	}
}

@media only screen and (max-width:400px) {
	body{
		font-size: ;
	}	 
}