

.easyimage-side {
  float: right;
  width: 30%;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}

.easyimage-align-right {
  float: right;
  width: 40%;
  text-align: center;
  font-style: italic;
  font-size: 16px;
  text-indent: 0;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}

.easyimage-align-left {
  float: left;
  width: 50%;
  text-align: center;
  font-style: italic;
  font-size: 16px;
  text-indent: 0;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
 


.carousel-caption {
	font-size:80%;


	}	
.carousel-indicators {
	bottom:0;


	}	



    fieldset 
	{
		border: 1px solid #ddd !important;
		font-size:16px;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 10px;
		margin-right: 10px;
		xmin-width: 0;
		padding: 10px;       
		position: relative;
		border-radius:4px;
		background-color:#f5f5f5;
		padding-left:10px!important;
	}	
	.blue
	{
		background-color:#E0ECF1;		
	}	
	
	
		legend
		{
			margin-left: 1em; 
			padding: 0.2em 0.8em; 
			font-size:16px;
			color:#666; 
			text-transform:uppercase; 
			font-weight:bold;
			margin-bottom: 0px; 
			width: auto;
			border: 1px solid #ddd;
			border-radius: 4px; 
			background-color: #ffffff;
		}
.alignright
	{
		width:50%;
		float:right;
	
		}
		
@media (max-width: 768px) {
    .alignright {
        width: 100%;
        float: none;
        display: block; /* Ensures it behaves as a block element */
        clear: both; /* Clears any floating context */
    }
}		
.alignleft
	{
		width:50%;
		float:left;
	
		}			

@media (max-width: 768px) { /* Medium and small screens */
    .alignleft {
        width: 100%;
        float: none; /* Reset the float */
    }
}


/* Tabell for bilder */
.tableimage
{
		border-top: 0px;
		
}	
.tableimage td
{
		border-top: 0px;
		
}


/* Lister */


/* Sitater */	


.testimonial-quote {
    font-size: 16px;
	margin-top:30px;
	margin-bottom:20px;
}

.testimonial-quote blockquote {
    /* Negate theme styles */
    border: 0;
    margin: 0;
    padding: 0;

    background: none;
    color: gray;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.4 !important;
    margin: 0;
    position: relative;
    text-shadow: 0 1px white;
    z-index: 600;
}

.testimonial-quote blockquote * {
    box-sizing: border-box; 
}

.testimonial-quote blockquote p {
    color: #75808a; 
    line-height: 1.4 !important;
}

.testimonial-quote blockquote p:first-child:before {
    content: '\201C';
    color: #81bedb;
    font-size: 7.5em;
    font-weight: 700;
    opacity: .3;
    position: absolute;
    top: -.4em;
    left: -.2em;    
    text-shadow: none;
    z-index: -300;
}

.testimonial-quote img {
    border: 3px solid #9CC1D3;
    border-radius: 50%;
    display: block;
    width: 120px;
    height: 120px;
    position: absolute;
    top: -.2em; 
    left: 0;    
}

.testimonial-quote cite {
    color: gray;
    display: block;
    font-size: .8em; 
	line-height:1.2em;
}
  
.testimonial-quote cite span {
    color: #5e5e5e;
    font-size: 1em;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0 1px white; 
}

.testimonial-quote {
    position: relative; 
}

.testimonial-quote .quote-container {
    padding-left: 160px; 
}
  
.testimonial-quote.right .quote-container {
    padding-left: 0;
    padding-right: 160px; 
}

.testimonial-quote.right img {
    left: auto;
    right: 0;
}

.testimonial-quote.right cite {
    text-align: right; 
}

	
.quotation {
  background: #fff;
  color: #222222;
  margin-top:20px;
  padding: 20px;
  padding-left: 50px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12);
  position: relative;
  overflow: hidden;
  min-height: 120px;
}
.quotation p {
  font-size: 22px;
  line-height: 1.5;
  margin: 0;
  max-width: 80%;
  font-style:italic;
}
.quotation div {
  font-size: 22px;
  line-height: 1.5;
  margin: 0;
  max-width: 80%;
  font-style:italic;
}
.quotation cite {
  font-size: 16px;
  margin-top: 10px;
  display: block;
  font-weight: 200;
  opacity: 0.8;
}
.quotation:before {
  font-family: Georgia, serif;
  content: "“";
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 5em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}
.quotation:after {
  font-family: Georgia, serif;
  content: "”";
  position: absolute;
  bottom: -110px;
  line-height: 100px;
  right: -32px;
  font-size: 25em;
  color: rgba(238, 238, 238, 0.8);
  font-weight: normal;
}

.quote1 {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
quote1:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
quote1 p {
  display: inline;
}


 .quote2
 {

  width:80%;
  margin:50px auto;
  font-style:italic;
  color: #555555;
  padding:1.2em 30px 1.2em 75px;
  border-left:8px solid #78C0A8 ;
  position: relative;
  background:#EDEDED;
}

.quote2:before{
  font-family:Arial;
  content: "\201C";
  color:#78C0A8;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}

.quote2:after{
  content: '';
}

.quote3{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #09C;
  border-right: 2px solid #09C;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

.quote3:before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

.quote3:after{
  /*Reset to make sure*/
  content: "";
}




/* Flere sitater */



.article-content a:hover, .article-content a:link, .article-content a:visited {
    color: #0059D2;
}

.article-content ol {
		list-style-position: inside;
	 	list-style-type: decimal;
		margin-left: 3em;	
 		padding-left: 2em;
	margin-bottom: 20px;
 	text-indent: -1.2em;

}
.article-content ul {
	list-style:inside;
	list-style-type:disc;
	margin-left: 2em;	
 	padding-left: 1em;
 	text-indent: -1.4em;
	margin-bottom: 20px;
}

.article-content li {

}


.article-content h1 {
	font-size:36px;
}

.article-content h2 {
	font-size: 24px;
}

.article-content h3 {
	font-size: 20px;
}

.article-content h4 {
	font-size: 18px;
}

.article-content h5 {
	font-size: 16px;
}

.article-content h1, h2, h3, h4, h5, h6 {
	font-weight:500;	
}


.article-content a:hover {
	text-decoration:underline;
}



@media (max-width: 640px) {
  .quotation:after {
    font-size: 22em;
    right: -25px;
  }
}
