@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300,800);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url(https://fonts.googleapis.com/css?family=Lora);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Cardo:400,700);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400i);

/*  
Fotosidan CSS v 2.0
*/

body, html { height: 100%; }

body {
  color: #333;
  margin: 0;
  padding: 0;
  font-family: arial, sans-serif;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: normal;
  /* background: #1e1e1e; */
  -webkit-font-smoothing: antialiased;
  line-height: 1.4;
  /* min-width: 1300px; */
  }

body.std {
  background-color: #dfdfdf; 
  background-color: #fff;
  background-color: #f9f9f9;
}

body.framed {
  background: #fff; width: 450px; box-sizing: border-box; min-width: 450px; 
}
 
body#editdesk-selectpartframe.framed.section-editdesk.section-,
body#member-selectblogpartframe.framed.section-member.section- { width:100%; margin-top:20px;}

body.help { background: #fff; margin: 0px; padding: 10px; min-width: 0; width: 100%; box-sizing: border-box;}

body.help .pushcolumn { display: none; }
body.help .documentsidebar { display: none; }
body.help .pagesection { display: none; }
body.help .cols { width: auto; }
body.help .col-w { width: auto; }
body.help .col-wn { width: auto; }
body.help .pagesection + .cols { display: none; }

body.print .pushcolumn { display: none; }
body.print .documentsidebar { display: none; }
body.print .pagesection { display: none; }
body.print .cols { width: auto; }
body.print .col-w { width: auto; }
body.print .col-wn { width: auto; }
body.print .pagesection + .cols { display: none; }

body#forum { min-width: 0;}

body.shop {
    background: #fff;
    margin: 0px;
    padding: 10px;
}

/* links */

a, a:link { color: #222;}
a:visited {color: #222; }
a:active {color: #222;}
a:hover { color: #ff9600;}

td, dl, p {
  color:#000000;
}

th { text-align: left; }

img { border: 0 none; }

.stage {
  max-width: 1300px;
  padding: 0 20px; 
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  min-height: 100%;
  position: relative;
  clear: both;
  box-sizing: border-box;
  border-right: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
  }

#magasin-digital .stage,
.section-groups .stage,
.section-blogs.blogsindex .stage {
  max-width: 100%;
  }	
  
table.striped input {
  margin-top: 0px;
  }  
    
div.tp-tablayercontent input[type="image"] {width:auto;}    

input.slimbutton {
  font-family: 'Open Sans', sans-serif;
  line-height: 1.2;
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  margin: 10px 5px 0px 0px; 
  padding: 12px 18px 12px 18px;
  min-width: 50px;
  text-align: center;
  -webkit-appearance: none;
  box-sizing: border-box;
  background: #fff;
  font-size: 14px;
  border-radius: 4px;
  color: #222;
  border: 0px solid #ccccd1;
  background-color: #f7f7f7;
  background-color: #eef1f2;
  background-color: #eaeaea;
  width: 100%;
  }  

.commentsection textarea,
.gallery-viewpic3 #viewpiccontainer textarea {
	width: 100%;
	box-sizing: border-box; 	
	padding: 10px;
    font-family: 'Roboto', Georgia,"Times New Roman",Times,serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #333;
    -webkit-font-smoothing: antialiased;
    height: 80px;
    background-color: #f9f9f9;
    margin: 10px 0px 10px 0px;
    border: 0px;
    }

small, .small {
  	font-size: 11px;
  	line-height: 12px;
	}

.innerstage {
  	/* width: 1300px; */
  	background-color: #fff;
    background-color: #f9f9f9;
  	position: relative;
  	overflow: auto;
	}

.contentstage {
  	float: left;
  	/* width: 980px */
  	max-width: 940px;
  	width: 100%;
  	position: relative;
	}

#member-view .contentstage,
#member-guestbook-index .contentstage,
#member-favorites  .contentstage {
  max-width: 980px; 
  }

.contentstage-inner {
  	position: relative;
	}

.topbar-large {
  	background-color: #181818;
  	max-width: 980px;
  	height: 98px;
  	float: left;
  	position: relative;
	}

.mainstage {
  	background-color: #fff;
    background-color: #f9f9f9;
  	/* float: left; */
  	/* width: 980px; */
  	position: relative;
	}

.main {
  	padding: 10px 10px 10px 10px;
  	padding: 10px 0px 10px 0px;
	}

.adlegend {
  	margin: 4px 0;
	}

.adcolumn {
  	float: right;
  	width: 250px;
  	padding-right: 10px;
	}

.footer {
  	clear: both;
  	background-color: #e3e3e3;
  	width: calc(100%);
	}

.sidebar-wrapper {
  padding: 20px;
  background-color: #fff;
  border-radius: 20px;
	}
  
/* menyn */

.menu {
  max-width: 980px;
  padding: 0px;
  margin: 12px 0px 12px 0px;
  background-color: #f9f9f9;
  display: inline-block;  
  box-sizing: border-box;
  }
  
.menu a {
  text-decoration:none;
  font-family: arial;
  color: #333;
  font-size:12px;
  font-weight: bold;
  }
  
.menu a:hover, .submenu a:hover {
  color:#ff9600;
  }
  
.menu ul {
  padding:0;
  list-style: none;
  margin:0 10px 0 10px;
  }
  
.menu ul:first-child {
 margin-left: 0px;  
 } 
  
.menu li {
  padding: 0px;
  margin: 5px 22px 0 0;
  float: left;
  }
  
.menu li:first-child {
  margin-left: 0px;
  }
  
.menu li.current a {
  /* color:#ff9600; */
  border-bottom: 3px solid #ff9600;
  padding-bottom: 5px;
  }
  
.menu li.nd {
  margin-right:0;
  }
  
.submenu {
  /* width:980px;
  float:left;
  height: 25px; 250115 */
  padding:0;
  margin:0;
  text-decoration:none;
  /* background-image: url(/styles/std/images/menulevel2_bg.gif); */
  }
  
.menu + .mainstage {
      /* background: #fff url(/styles/std/images/menulevel2_bg.gif) repeat-x top left; */
    }
  
.submenu a {
  text-decoration:none;
  font-family: arial;
  color: #333;
  font-size: 11px;  
  }
  
.submenu li.current a {
  color:#ff9600;
  }
  
.submenu ul {
  padding:0;
  list-style: none;
  margin:3px 10px 0 0px;
  }
  
.submenu li {
  padding:0;
  margin:0 7px 0 10px;
  float:left;
  }
  
.menu li.nd, .submenu li.nd {
  padding-right: 0;
  margin-right: 0;
  }   

/* EJ JUSTERAT */

/*
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
    max-width: 1200px;
    height: auto;
    }
    
#lightboxDetails{
    font-size: 0.8em;
    padding-top: 0.4em;
    }
    
#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;width:100%;width: auto; max-height: 800px;}
#lightbox img#closeButton {width:initial;}
*/

/* .document p img.lightbox { max-width:800px; } */

#overlay img{ border: none; }

#overlay{ background-image: url(/lightbox/overlay.png); }

* html #overlay{
    background-color: #333;
    background-image: url(blank.gif);
    }

img.lightboxzoom {
	position: absolute;
	bottom: 15px;
	left: 8px;
	border: none;
	width: 15px !important;
    max-width: 100% !important;
}

img.galleryzoom {
  position: absolute;
  bottom: 4px;
  left: 0;
  border: none;
  display: none
  }

.bloglist a img.galleryzoom::before {content: "\f138"; font-family: "Font Awesome 5 Pro"; padding-right:8px;}
.bloglist img.galleryzoom {bottom: 15px;left: 10px;display:none;}

span.lightboxzoom::before {
	content: "\f055"; 
	font-family: "Font Awesome 5 Pro"; 
	padding-right:8px;
	position: absolute; 
	top: 15%; 
	right: 5%; 
	font-size: 30px;
	}

span.lightboxzoom {
	color: #999;
	}

.section-prylar .reviewobjectinfo span.lightboxzoom {
  display: none;
  }

.section-prylar .product-pics-review img {
  max-width: 100%;
  height: auto;
  }

span.lightboxzoom:hover {}

.citation {
 font-size: 18px;
 font-family: georgia, verdana, sans-serif;
 line-height: 18px;
}

#ingress-carousel,
#superingress-carousel,
#supersuperingress-carousel {
  position: relative;
  overflow: hidden;
  }

#ingress-controls,
#superingress-controls {
  float: right; 
  padding:0px 0px 0px 0px; 
  height: 27px;
  position: absolute;
  top: 20px;
  right: 10px;
  }

#superingress-wrapper {
  width: 660px;
  overflow: hidden;
  margin-bottom:20px;
  }

#superingress-content { width: 6600px; }

#superingress-content .slide { 
  float: left; 
  width: 660px; }

.ingress, .superingress, .supersuperingress, .articleTeaserLarge, .articleTeaserLeft, .articleTeaserRight {
  overflow: hidden;
  position: relative;
}

.superingress, 
.ingress {
  	margin-bottom: 14px;
	}
	
.superingress iframe {
	width: 100% !important;
	}
  
.section-premium .superingress iframe {
  height: 800px !important;
  }  	

.caption { 
  	visibility: visible;
  	text-align: left;
  	width: auto;
 	padding: 5px;
	}
 
 .caption a {
   text-decoration: underline;
   } 

#index .articleTeaserLeft .caption,
#index .articleTeaserRight .caption,
#index .articleTeaserLarge .caption {
  bottom: -70px;
}

#index .col-wmn.index-superwide { margin-bottom: 10px; }

#index .col-wm.index-wide { margin-bottom: 10px; }

#index .col-wmn.index-superwide .mainArticle, #index .col-wmn.index-superwide .articleSummary { width:960px; }

#index .col-wm.index-wide .mainArticle { width:750px; }

#index .index-wide h1 a, #index .index-superwide h1 a {text-decoration: none; padding-top: 0px; margin-top: 0px; color: #000;}
#index .index-wide h1 a:hover, #index .index-superwide h1 a:hover, #index .index-wide h1 a:visited, #index .index-superwide h1 a:visited {color: #000;}

#xxindex .articleTeaserLarge .caption,
.std.section-blogs .articleTeaserLarge .caption {
  position: absolute;
  right: 0;
  bottom: 5px;
}

#superingress-carousel .superingress.slide { margin-left: 0;}
.superingress.slide { width: 660px; margin-left: 0px;}

#supersuperingress {
  max-width: 980px; 
  max-width: 100%; 
  width: 100%;    
  }

#supersuperingress img,
.superingress img {
	max-width: 980px;
    max-width: 100%; 
	width:100%; 
	height: auto;
	}

/*
body.section-proffsfoto div#superingress, body.section-proffsfoto div#supersuperingress { margin-left: 10px; }
*/

#supersuperingress-carousel { width: 960px; margin-left: 0; max-width:100%;box-sizing: border-box;}
#supersuperingress-carousel #superingress-wrapper { width: 960px; max-width:100%;box-sizing: border-box; height: auto !important;}
#supersuperingress-carousel #superingress-content { width: 9600px; max-width:100%;box-sizing: border-box; height: auto !important;}
#supersuperingress-carousel #superingress-content .slide { width: 960px; margin-left: 0; max-width:100%;box-sizing: border-box;}

#supersuperingress-carousel #superingress-content .slide img {width: 100%; height: auto;border:1px solid pink;}

/* new superingress slider */

.superingress.light:nth-of-type(n+2) {display: none;}

.superingress.light .open-superingress {
  float: right;
  
  }

.superingress.light .open-superingress::before {
  content: "\f065"; 
  font-family: "Font Awesome 5 pro"; 
  padding-right:8px;
  }

div.ingress.light .caption, 
div.ingress.light .caption p, 
.articleTeaserLarge .caption,
.articleTeaserLarge .caption p,
.articleTeaserLarge.light
{  color: #999999; margin: 0px; }

div.ingress.white .caption,
div.ingress.white .caption p,
.articleTeaserLarge.white .caption,
.articleTeaserLarge.white .caption p
{  color: #fff; }

div.ingress.dark .caption,
div.ingress.dark .caption p,
.articleTeaserLarge.dark .caption
{  color: #fff; }

div.ingress.black .caption,
div.ingress.black .caption p,
.articleTeaserLarge.black .caption
{  color: #fff; }

#ingress-carousel { position: relative; overflow: hidden; }
#ingress-wrapper  { width: 450px; overflow: hidden; }
#ingress-content  { width: 6600px; }
#ingress-content .slide {  float: left;  width: 450px; }

.ingress, .superingress {
  position: relative;
}

.documentpage .col-w img {
  max-width: 450px;
  height: auto;
}

.documentpage .col-w .widedoc img {
  margin-left: -100px;
  margin-top: 50px;
  margin-bottom: 50px;
  max-width: initial;
}

.documentpage #commentform .memberpicture-thumbnail,
.memberpicture-thumbnails .memberpicture-thumbnail, 
.blogentry  .memberpicture-thumbnail {
  float: left;
  min-height: 60px;
  width: 70px;
  padding: 0px 0px 0px 0px;
  }

.section-groups .memberpicture-thumbnails .memberpicture-thumbnail,
.section-pools .memberpicture-thumbnails .memberpicture-thumbnail {	
  width: calc(100% / 10 - 3px);
  }
	
.documentpage #commentform .ratingform,
.blog-wide .blogentry .ratingform {
  float: left;
  width: calc(100% - 70px);
  }	

#document-cols {
  border-bottom: 0px solid #b4b4b4;
  }

a.togglelink {
  display: block;
  font-family: 'Open Sans', sans-serif;
  text-decoration: none;
  margin-bottom: 10px;
}

a.togglelink-off::before {
  content: "\f138"; font-family: "Font Awesome 5 Pro"; padding-right:8px;
}

a.togglelink-off::before {
  content: "\f13a"; font-family: "Font Awesome 5 Pro"; padding-right:8px;
}

body#index .infocus-container {  
  padding-top: 0px;
  margin-bottom: 20px;

  
  }

body#index .infocus-container h2  {  
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  margin: 0px 0px -2px 10px;
  padding: 10px 5px 10px 10px;
  border-top: 0px solid #000000;
  background-color: #000;
  text-transform: uppercase;
}

body#index .infocus  {  
}

div.infocus-part h4 {
  margin-bottom:0px;
  }

div.infocus p {
  margin-top:0px;
}

div.infocus-part h4,
div.infocus-part h4 a {
  color: #fff;
}

div.infocus-part h4 {
  color: #fff;
  font-family: arial,tahoma,verdana,sans-serif;
  font-weight: 700;
  background-color: rgba(0, 0, 0, 0.57);
  padding: 7px 10px 4px 10px;
  margin: 10px 0 0px 0;
 }
 
div.documentpage div.infocus-part h4 {
  margin: 15px 0 0 0;
  position: relative;
  left:0px;
  top:80px;
 } 
 
body#index div.infocus-part h4 {
  font-size: 18px;
  line-height: 20px;
  margin: 120px 0 0 0;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.57);
  font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B'; font-weight: 400; font-style: normal;
}

.documentpage .infocus  {
  margin-left: 0px;
  width: 100%;
}

.infocus a {
  text-decoration: none;
}

div.infocus-part .articleCategory {
 	font-size:10px;
 	margin-bottom: 7px;
 	margin-left: 4px;
	}

.infocus-part {
  	padding-bottom: 20px;
	}

body#index .infocus-part {
  	padding-bottom: 0;
	}

div.infocus-part-image {
 	width: 100%;
 	height: 100px;
 	}

div.infocus-part-image img {
 	width: 100%;
 	height: 100px;
 	}

#infocus-controls { position: absolute; top: 10px; right: 10px; }
#infocus-wrapper  { width: 190px; height: 400px; overflow: hidden; }
#infocus-content  { width: 6600px; height: 400px; }
#infocus-content .slide {  float: left;  width: 190px; }
#infocus-content .slide .infocus-part {  padding-top: 0; }

#infocus-content a { text-decoration: none; }

body#index #infocus-controls { position: absolute; top: 0px; right: 10px; }
body#index #infocus-wrapper  { width: 280px; height: 200px; overflow: hidden; }
body#index #infocus-content  { width: 3000px; height: 200px; }
body#index #infocus-content .slide {  width: 280px; float: left; }
body#index #infocus-content .articleCategory { display:block; float: none; }

body#index .indexdocumentlist .articleCategory,
body#index .indexdocumentlist .accessLevel, 
body#index span.accessLevel,
.articleCategory,
.accessLevel,
span.accessLevel {
	position: relative;
  bottom: -2px;
  }
    
body#index .indexdocumentlist .mainArticle .articleCategory {
  position: relative;
  top: 5px;
  }
    
.indexdocumentlist .articleCategory.category-fotosidan-testar {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
  font-weight: 700
  }  
    
body#index div.infocus-part-image {
	height: 200px; 
	width: 280px; 
	padding-top: 10px; 
	z-index: 100;
	}

a.togglelink-off {text-decoration: none;}

/* links */

a.indexLinks {
  	font-family: tahoma, verdana, sans-serif;
  	font-size: 11px;
  	font-weight: 400;
  	line-height: 13px;
  	color: #000000;
  	text-decoration:none;
	}

a.indexLinks:link{
  	text-decoration:none;	
	}

a.indexLinks:visited{
  	text-decoration:none;
  	color: #828282;
	}

a.indexLinks:active{
  	color: #ff9600;
  	text-decoration:none;
	}

a.indexLinks:hover{
  	text-decoration:underline;
  	color: #ff9600;
	}

.indexLinkBox {
	width: 100%; 
	display:inline-block;
	}

a.underlined:link { text-decoration: underline; }

a.sectionlink:link, 
a.sectionlink:visited, 
.toggled-content a.readmore, a.readmore { 
  	font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    letter-spacing: 0.73px;
    line-height: 16px;
    color: #000;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    padding: 0px 10px 0px 0px;
	}

.documentdescription a.readmore {
	font-size: 14px;
	font-weight: 600;
	margin-top: 0px;
	display: none;
	}
	
.documentdescription a.desc {
	text-decoration: none;
	}	

.documentdescription a.desc:hover {
	color: #666;
	}	


a#page.sectionlink {
	float: right;
	}

a.sectionlink:hover {
	color: #ff9600;
	}


/* item */



/* div.compactalbum { padding: 0px 24px 0px 24px; } */

/* comments  */

a.commentcount, a.classifiedcount {
	font-family: 'Roboto', sans-serif;
  	font-size: 13px;
  	color: #000;
  	text-decoration:none;
  	padding: 2px 5px 2px 5px;
  	font-weight: 600;
  	}

.product-data-wrapper a.commentcount {  	
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    }
  
.documentdescription a.commentcount::before,
.articleSummary  a.commentcount::before {
  content: "\f075"; 
  padding: 0px 5px 0px 5px;
  position: relative;
  top: 1px;
  }

a.classifiedcount::before,
.commentsection h3::before {
	content: "\f075"; 
	padding: 0px 5px 0px 5px;
    }

a.classifiedcount::before {
	content: "\f075";
    position: relative;
    top: 1px;
	} 

.commentslist td.commentcell {
  	padding: 0px 0px 9px 0px;
  	color: #000000;
  	line-height: 16px;
  	font-size: 13px;
	}

.commentslist td.authorcell {
  	padding: 10px 0px 0px 0px;
  	color: #000000;
  	line-height: 16px;
  	font-size: 13px;
	}

.replycell td {
  	color:#000000;
  	font-family:arial;
  	font-size:12px;
  	line-height: 16px;
	}

.commentslist td.authorcell {
  	padding: 5px 0 5px 5px;
	}
	
.commentslist td.commentcell {
  	padding: 0px 5px 10px 15px;
	}
	
.commentslist td.functioncell {
  	padding: 5px 2px 5px 0px;
	}
	
.commentslist td.replycell {
  	padding: 0px 5px 10px 15px;
	}

.commentslist td.separatorcell {
  	height: 3px;	
	}

#viewpiccontainer table.commentslist {
  	padding-top: 15px; 
	}
  
.rating-howto {
	display:inline-block;
	}

.document .commentslist br,
.commentslist br {
  font-size: 2px;
  line-height: 10px;
}

.commentslist .comment {
	}

.section-prylar .commentslist .comment {
	margin-bottom: 20px;
	}
  
.section-prylar .commentslist .comment {
  }

.section-prylar .reviews.wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
  } 
  
.section-prylar .reviews.wrapper .product {
  width: calc(100% / 5 - 20px);
  float: right;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
  }  
  
.item-list-wrapper.productlist .item .medal {
  position: absolute;
  z-index: 20;
  left: 5%;
  top: 4%;
  }
  
.item-list-wrapper.productlist .item .medal img {
  border: 0px;
  max-width: 80px;
  transform: rotate(-5deg);
  }

.replycell .comment-col1 .portraitcell .memberpicture-thumbnail img,
.replycell .comment-col1 .portraitcell .memberpicture-thumbnail span.defaultmemberpic::before {
	max-width: 30px;
  max-height: 30px;
  font-size: 32px;
  top: -4px;
	}

.commentslist .comment.oddline,
.commentslist .comment.evenline {
	padding-top: 20px;
  padding-bottom: 20px;
	}

.commentslist .replycell .comment {
  	margin-top: 20px;
  	}

.item .comment {
  	border: 0px;
  	border-left: 3px solid #f2f2f2;
	padding: 0px 0px 0px 20px;
    margin-top: 20px;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
	  }

.commentslist .replycell {
	clear: both;
	margin-left: 20px;
	overflow: auto;
	padding-top: 10px;
	}

.commentslist .portraitcell {
	float:default;
	}

.commentslist .portraitcell .memberpicture-thumbnail {
	width: 50px;
	height: 50px;
	margin-right: 10px;
	}
  
.portraitcell .memberpicture-thumbnail span.defaultmemberpic::before {
  top: 16px;
  }

.commentslist .portraitcell .memberpicture-thumbnail img {
	max-width: 40px;
	max-height: 40px;
	}
 
.commentsection .portraitcell .memberpicture-thumbnail span.defaultmemberpic::before {
  top: -10px;
  } 
 

.commentslist .authorcell,
.item .authorcell {
  float: left;
  color: #8c8c8c;
  font-size: 13px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  color: #222;
  line-height: 1.6;
  }
  
.item span.thumbupwrapper {
  float: right;
  }  
  
.item .authorcell span.fullname {
  font-weight: 700;
  }
  
.commentslist .authorcell a,
.item .authorcell a {
  text-decoration: none;
  }  

.commentslist .functioncell {
  float: right;
  padding: 10px 0px 0px 0px;
  text-align: right;
  font-size: 10px;				 
  line-height: 12px;
	}

.commentslist .functioncell a, 
.comment-readreplies { 
	text-decoration: none; 
	padding:5px;  
	font-family: 'Open Sans', sans-serif; 
	margin-left: 5px;
	}

.commentslist .functioncell .function img { 
	vertical-align: middle;
	}

.document .commentslist .functioncell,
.commentslist .functioncell {
	font-size: 10px; 
	width: 100%;
	}

.commentslist .functioncell img {
	display:none;
	}

.commentslist .commentcell {
	padding-left: 0px; 
	clear: left;
	}

.commentslist .ratingcell {
	clear: left;
	}

.comment .comment-col1,
.item .comment-col1 { 
	float: left; 
	min-height: 60px; 
	width: 70px; 
	padding: 0px 0px 0px 20px;
	}
  
.item .replycell .comment-col1   {
  width: 50px; 
  }
  
.item-list-wrapper.comments .item .comment-col1 {
  width: 100%;
  }  
  
.comment .comment-col2,
.item .comment-col2 {
  width: calc(100% - 90px);
  float: left;
  } 
  
.item-list-wrapper.comments .item .comment-col2 {
  width: calc(80% - 10px);
  }    

.commentslist .replycell .comment-col1 {
	width: 45px;
	}

.comment .comment-col2,
.comment .comment-col2 .comment-col2 {
  overflow: hidden;
  }
  
.xcomment .comment-col2 {
  float: left; 
  width: 490px;
  }

.xcomment .comment-col2 .comment-col2 { 
  float: left; 
  width: 420px; 
  }

.comment .comment-col2 .ratingcell {
  display: inline-block;
  margin-bottom: 10px;
  }
  
.comment .comment-col2 .ratingcell .rating-label,
.item .rating-label {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.50);
  letter-spacing: 0.1px;
  line-height: 20px;
  margin-right: 5px;
  }
  
.comment .comment-col2 .ratingcell .rating-value,
.votesum a,
.item .rating-value {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  background-color: #fff;
  color: #000;
  padding: 4px 8px 4px 8px;
  border-radius: 20px;
  margin-right: 10px;
  font-weight: 400;
  }
  
.votesum a {
  margin-right: 0px;
  }  
  
body.wide #viewpiccontainer .item-list-wrapper.wide .item.ai-rating .authorcell a {
  }

body.wide #viewpiccontainer .item-list-wrapper.wide .item.ai-rating .authorcell a::after {
  content: "Fotosidan AI";
  font-family: 'Roboto', sans-serif;
  background-color: #000;
  color: #fff;
  padding: 4px 10px 4px 10px;
  font-size: 12px;
  text-decoration: none;
  font-weight: 700;
  margin: 0px 10px 0px 10px;
  border-radius: 40px;
  }
  
body.wide #viewpiccontainer .item-list-wrapper.wide .item.ai-rating a.show-more::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f078";
  margin-left: 20px;
  }  

body.wide #viewpiccontainer .item-list-wrapper.wide .item.ai-rating a.show-less::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f077";
  margin-left: 20px;
  }

.comment .comment-col2 .mpic {
  float: left; 
  padding-right: 15px; 
  padding-bottom: 15px;
  }

.comment .comment-col2 .minfo {
  float:left;
  width: 100%;
  }

.commentslist .replycell { 
  margin-left: 0;
  }

.commentslist a.report-icon::before,
.item-list-wrapper a.report-icon::before {
	content: "\f024"; 
	font-family: "Font Awesome 5 Pro"; 
	font-size: 12px; 
	text-decoration: none;
	}

.commentslist a.report-icon,
.commentslist a.function, 
.commentslist a.tool,
.item-list-wrapper a.report-icon,
.item-list-wrapper a.function, 
.item-list-wrapper a.tool {
	padding:5px;
	display: inline-block; 
	background-color: #fff; 
	margin-bottom: 5px;
	border: 1px solid #ccccd1;
	border-radius: 3px;
	font-size: 10px;
	float: right;
	}
	
.comment-readreplies {
	padding: 0px;
	}
	
.comment-readreplies a {
	font-family: 'Open Sans', sans-serif; 
	font-size: 14px;
    font-weight: 700;
    }	
	
div.commentslist a.function:hover, div.commentslist a.tool:hover {color: #ff9600;}

.main table.document-editlist.striped img {
	width: 100%;
	max-width: 50px;
	height: auto;
	text-align: center;
	}

/*cldoc */

.portraitcell {
  float:left;
  }

.portraitcell .memberpicture-thumbnail,
.item .replycell .comment-col1 {
  width: 50px;
  /* height: 150px; */
  margin-right: 10px;
  }

.portraitcell .memberpicture-thumbnail img {
  width: 100%;
  height: auto;
  }

/* wordpress images */
.blogentry img.size-full {
   height: auto;
   width: 100%;
   margin: 5px 0 10px 0;
}
 
.bloglist .blogentry {
  padding-bottom: 20px;
  margin-bottom: 80px;
}


div.document textarea {
  width: 100%;
}

div.document label {
  font-family: arial,tahoma,verdana,sans-serif;
}



body.std.section-premium div.stage { max-width: 1600px; padding:0px; border: 0px;}
body.std.section-premium.fullwidth div.stage { max-width: 100%; padding: 0px; border: 0px;}

body.std.section-premium div.contentstage { max-width: 100%;width:100%;}
body.std.section-premium .clamtop {display:none;}

body.std.section-premium #supersuperingress img,
body.std.section-premium .superingress img {max-width: 100%;}

body.std.section-premium #supersuperingress {max-width:100%;position: relative;}
body.std.section-premium .col-wmn {width:70%; max-width: 1100px; margin-left: 10%;}
body.std.section-premium .col-wmn.readmore {width:100%; margin-left: 0%;}
body.std.section-premium .col-m {} 
body.std.section-premium #supersuperingress a.lightview {width:100%;}

body.std.section-premium .documentpage h1 {
    width: 100%;
    max-width: 80%; 
    margin-left: 10%;
    font-size: 70px;
    color: #000000; 
    letter-spacing: -0.6px; 
    line-height: 1.2; 
    font-weight: 900;
    margin: 0px 12% 50px 10%;
    font-family: 'Roboto';
    } 
    
body.std.section-premium .documentpage.headerstyle-standard h1,
body.std.section-premium .documentpage.docclass-standard h1 {
  margin: 100px 12% 100px 10%;
  }
        
.documentpage.doclayout-premium.headerstyle-fullwidth .img-title-header {   
  }   

.documentpage.doclayout-premium.headerstyle-fullwidth .img-title-header h1 {
  width: 70%;
  font-size: 70px;
  max-width: 80%;
  }
  
.documentpage.doclayout-premium.headerstyle-fullwidth .col-wmn {
  
  }   
  
.documentpage.doclayout-premium.headerstyle-fullwidth .superingress .caption {
  margin-left: 10%;
  padding-bottom: 0px;
  }
   
/* PAYWALL */

.paywall {
  width: 100%;
  background-color: #fff;
  padding: 80px;
  box-sizing: border-box;
  margin-top: 0px;
  margin-bottom: 40px;
  border-radius: 4px;
  border: 1px solid #ededed;
  border: 4px solid #00c38e;
  margin-top: -20px;
    }    

.paywall h1, 
.paywall h2,
.paywall span,
.paywall p,
.paywall ul li {
  font-family: 'Open Sans', sans-serif; 
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  }

.documentpage .paywall h1 {
  font-size: 25px;
  line-height: 1.2;
  text-transform: none;
  margin: 0px;
  text-align:center;
  font-weight: 700;
  padding-top: 40px;
  }
  
body.std.section-premium .paywall h1 {
  margin: 0px;
  width: 100%;
  max-width: 100%;
  font-size: 25px;
  font-weight: 700;
  }	
  
body.std.section-premium .documentpage.docclass-standard .paywall h1 {
  margin: 0px;
  }  
  
body.std.section-premium .documentpage.headerstyle-standard .paywall h1 {
  margin: 0px;
  }
  
body.std.section-premium .paywall h1 a,
body.std.section-premium .paywall	ul li a {
  text-decoration:underline;
  }
  
.documentpage .paywall h2 {
  font-size: 19px;
  line-height: 1.2;
  text-transform: none;
  margin: 0px;
  text-align:center;
  }	
  
.paywall p { 
  line-height: 1.2;
  text-align: center;
  }
  
.paywall p a, 
.paywall span a {;
  color: #000;
  }

.paywall p a:hover, 
.paywall span a:hover {	
  color: #222;
  text-decoration:underline;
  }    

.paywall ul {
  list-style-type: none;
  margin-left: 0px;
  }

.paywall ul li, 
.paywall span {
  font-size: 16px; 
  line-height: 1.5;
  text-align:center;
  list-style: none;
  }
  
.paywall ul li::before {
  content: "\f00c"; 
  font-family: "Font Awesome 5 Pro"; 
  padding-right:8px;
  font-size: 12px; 
  position: relative;
  top: -3px;
  }

.paywall .shop-product-info input.slimbutton {
  background-color: #00c38e;
  border: 1px solid #00c38e;
  }
  
.paywall .product-wrapper .blurb,
.paywall .product-wrapper .product-usp {
  display: none;
  }	

.paywall .order-terms {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-size: 13px; 
  line-height: 1.2;
  margin-top: 20px;
  text-align: center;
  color: #666;
  }
      
.paywall .product-wrapper.compact_wtitle {
    background-color: inherit;
    border: 0px;
    text-align:center;
    }
  
.paywall .product-wrapper.compact_wtitle .producttitle, 
.paywall .product-wrapper.compact_wtitle .productsum {
  display:none;
  }  

body.std.section-premium .document p+p img,
body.std.section-premium .document a.lightview img, 
body.std.section-premium .document a.lightboxzoom img {
	width: 170%; 
	max-width: 170%; 
	margin-left: -5%;
	}
	
body.std.section-premium .document td a.lightview img,
body.std.section-premium .document img.lightbox.columnwidth {
	width: 100%;
	max-width: 100%;
	margin-left: 0%;
	height: auto;
	}	

body.std.section-premium .document p.embeddedpic img,
body.std.section-premium .document p+p p.embeddedpic img {
	width:100%; 
	max-width: 100%; 
	margin-left: 0%;
	}

body.std.section-premium .document img.embeddedpic-medium {width:130%; max-width: 130%; margin-left: -5%;}
body.std.section-premium .document p+p img:nth-child(2) {width:100%; margin-left: 0%;}
body.std.section-premium .document img.lightboxzoom {left: -12%; bottom: 25px;}

body.std.section-premium .document span.articleCategory, 
body.std.section-premium .document .accessLevel,
.document .accessLevel  {
  display: block;
  margin-bottom: 3px;
  margin-top: 4px;
	}

body.std.section-premium .commentsection {
	width:80%;
	margin: auto;
  width: 70%;
  margin-left: 15%;
  margin-bottom: 40px;
  margin-top: 30px;
	}

body.std.section-premium div.commentsection textarea {width:100%;}
body.std.section-premium .readmore-section {}
body.std.section-premium div.document p.citat-large, body.std.section-premium p.citat-large {}


/* AKADEMI */

body.std.section-akademi div.stage { width: 980px; }
body.std.section-akademi .innerstage { width: 980px; background-image: none; }
body.std.section-akademi div.footer { width: 980px; display:none;}

/* GROUPS */

.section-groups .stage .contentstage {
  max-width: calc(100% - 320px);
  }

.section-groups .stage .contentstage .col-wm .wrapper,
.section-groups .stage .contentstage .col-wmn .wrapper {
  
  }

/* blog widths */

.section-blogs.blogsindex .stage .contentstage {
  max-width: calc(100% - 320px);
}

.section-blogs .innerstage {
	}
	
body#blog-admin-edit .section-blogs div.stage { max-width: 690px; }
body#blog-admin-edit .section-blogs div.innerstage { max-width: 690px; }
body#blog-admin-edit .contentstage {width: 100%;}

.section-blogs .innerstage,
.section-blogs .contentstage,
.section-blogs div.footer {
  max-width: 100%; 
	width: 100%;
  margin-left: 0px;
	}
    
body#blog div.footer,
.section-blogs div.footer {
	margin-top: 100px;
  }

/* premium */

.section-premium div.footer {
	margin-top: 200px;
	}

/* footer */

.footer-stage {
  	padding: 60px 80px 40px 80px;
  	display: inline-block;
  	width: 100%;
  	box-sizing: border-box;
	}

.f-col { width: 25%; height: auto; float:left; padding: 10px; box-sizing: border-box;}
.f-col1 { width: 42%; height: 200px; float:left; padding: 10px; }
.f-col2 { width: 19%; height: 200px; float:left; padding: 10px; }
.f-col3 { width: 30%; height: 200px; float:left; padding: 10px 0px 10px 0px; }
.f-col3r1 { width: 25%; float:left; }
.f-col3r2 { width: 29%; float:left; }
.f-col3r3 { width: 45%; float:left; }

div.prenpush {
  	padding: 0px 0px 0px 0px;
  	height: 150px;
	}

div.memberpush {  
  	padding: 0px 0px 0px 0px;
	}
	
.pushTitle {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.49px;
  line-height: 30px;
  text-align: center;
  }

.pushInfo {
  	color: #000;
  	line-height: 1.2;
    text-align: center;
  	}

.pushInfo a,
.section-member .infocol {
  	text-decoration: none;
  	font-family: 'Open Sans', sans-serif;
  	font-size: 13.5px;
  	letter-spacing: 0.2px;
  	line-height: 1.2;
  	}
  	
.pushInfo a:hover {
	color: #000;
	text-decoration: underline;
	}  
  
.pushInfo li {
  list-style-type: none;
  }
  
.pushInfo li a::before {
   content: "\f00c"; 
   font-family: "Font Awesome 5 Pro"; 
   color: #000;
   font-weight: 600;
   margin-right: 10px;
   position: relative;
   }    	
  
/* viewpic */

#viewpiccontainer textarea {
  background-color: #eeeeee;
  border: 1px solid black;
  padding: 5px;
  width: 660px;
}  

/* viewpic large */

#viewlarge div.crumbs {
  padding: 4px;
  float: left;
}

#viewlarge div.close {
  padding: 10px;
  float: right;
}

body.large #viewpicsidebar div.information2 a.slimbutton {
  float: right;
  height: 13px;

}

/* cldoc */

div.pushcolumn {
  padding: 0 0px 10px 0px;
}

div.pushcolumn h1 {
  border-bottom:0px solid #B4B4B4;
  border-top:3px solid #000;
  background-color: #eaeaea;
  font-family: arial,tahoma,verdana,sans-serif;
  font-size:15px;
  font-weight:normal;
  text-transform: uppercase;
  margin:0px 0px 10px 0px;
  padding:5px 10px 5px 10px;
  line-height: 28px;
}

div.pushcolumn div.pushcolumn-title {
  border-bottom:0px solid #B4B4B4;
  border-top:0px solid #000;
  background-color: #EEEEEE;
  font-family: arial,tahoma,verdana,sans-serif;
  font-size:15px;
  font-weight:normal;
  text-transform: uppercase;
  margin:0px 0px 10px 0px;
  padding:5px 10px 5px 10px;
  line-height: 28px;
}
  
h1 .small-icon {
  float: right;
  padding-top: 5px;
}  

.small-icon {
  float: right;
  padding-top: 5px;
} 

/* koppla produkter till innehåll */

div#productresults {
  position:absolute;
	width: 80%;
  max-width: 300px;
  background-color:#dddddd;
  display:none;
  padding: 5px 8px 5px 8px;
  z-index: 300;
	}
	
div#productresults a {
  	color: #222;
	}
	
div#productresults a:hover {
  	color: #ff9600;
	}

iframe.connectproducts {
  	height: 0px;
  	border: none;
  	overflow: auto;
	}

.productconnections {
  	background-color: #f8f8f8;
  	border: 1px solid #eaeaea;
  	padding:3px;
  	padding: 10px;
  	margin-bottom:10px;
  	/*background-image: url(/images/beta45.gif);*/
  	background-position: top right;
  	background-repeat: no-repeat; 
	}



.product2itemlist .product2item {
  	float: left;
  	margin-bottom: 5px;
	}

.product2itemlist a.product2item-title  {
  	float: left;
	}

.product2itemlist span.product2item-delete {
  	float: left;
  	font-size: 9px;
	}

/* member-view */

.memberpic {
  position:relative;
  bottom: -480px;
  margin-left: 20px;
	}

#classifieds-view .infobox .memberpic {
	bottom:0px; 
	margin-right: 10px;
	left: 0px;
  margin-left: 0px;
  }

.memberpic img {
  width: 100%; 
  max-width: 100px;
  border-radius: 200px;
  height: auto;
  box-sizing: border-box;
  border: 2px solid #ededed;
  }

.memberpic span#no-pic {
	content: "\f2bd"; 
	font-family: "Font Awesome 5 Pro"; 
	padding-right: 8px;
    font-weight: 600;
    width: 30px;
	}

#topbar-userpic.topbar-item span#no-pic::before {
  content: "\f2bd"; 
  font-family: "Font Awesome 5 Pro"; 
  color: #fff;
  font-size: 25px;
  font-weight: 600;
  position: relative;
  padding: 0px 0px 8px 0px;
  top: 0px;
  }

.memberpic span#no-pic::before {
	content: "\f2bd"; 
	font-family: "Font Awesome 5 Pro"; 
	color: #ccc;
  font-size: 95px;
  font-weight: 600;
  position: relative;
  top: 30px;
  }

/* groups  */

.item-list-wrapper.grouplist .item .teaser-pics {
  width: 100%;
  float:left;
  margin-bottom: 10px;
  }

.item-list-wrapper.grouplist .item .teaser-pics img {
  float:left;border: 1px solid #fff;
  box-sizing: border-box;
  }
  
.item-list-wrapper.grouplist .item img#medal {
  border-radius: 30px
  }
    
.section-groups .membergroup .col-m a.slimbutton {}

.membergroup-largepresentation .membergroup-footer a.slimbutton {
	width: auto !important;
	}
  
.section-groups .wrapper .membergroup-introduction {
  margin-bottom: 20px;
  }  

.section-groups .memberpicture-thumbnail {
	margin-bottom: 5px;
	}

.section-groups .toolbar {
	float: right;
	margin-bottom: 10px;
	}

.section-groups .sidebar-nav {
	display:block;
	}

.section-groups .sidebar-nav ul.tp-tabs li {
	float:none;
	}

#groups-index h1 {
 	font-family: arial, tahoma, verdana, sans-serif;
 	font-size: 1.45em;
 	font-weight:  bold;
 	letter-spacing: 0px;
 	padding: 0;
 	padding: 5px 0 5px 0;
 	margin: 5px 0 8px 0;
	}



/* shop */
div.shoppingcart {
  background: #eee;
  padding: 10px;
}

div.shopproduct {
  width: 450px;
}

div.shopproductmainthumbnail {
  margin-right: 20px;
  margin-bottom: 10px;
  float: left;
}

div.shopproductpriceinfo {
   width: 430px;
   margin-top: 20px;
   padding: 10px;
   background-color: #cccccc;
  clear: both;
}

div.shopproductthumbnails {
  margin-top: 20px;
  width: 450px;
  clear: both;
}

div.shopproductthumbnail {
  float: left;
  height: 152px;
  width: 152px;
  padding-top: 10px;
  padding-right: 2px;
  padding-bottom: 10px;
  padding-left: 2px;
  margin-top: 0px;
  margin-right: 2px;
  margin-bottom: 10px;
  margin-left: 2px;
}

.order {
    font-family: arial, sans-serif;
  font-size: 11px;
  width: auto;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 2px;
  padding-bottom: 2px;
  vertical-align: middle;
  background-color: #FF0000;
  color: #FFFFFF;
  font-weight: 500;
  border: 1px solid #403D2F;
  cursor: pointer;	
}

/* shop ad */
div.shop-ad {
  font-family: arial,tahoma,verdana,sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: #ffffff;
  background-color: #000000;
  width: 250px;
  text-align: center;
  padding-left: 0px;
  padding-right:0px;
  padding-top: 10px;
  padding-bottom: 10px;
}

div.shop-ad a {
 font-family: arial, tahoma,verdana,sans-serif;
 font-size: 11px;
 font-weight: 400;
 color: #ffffff;
 text-decoration: none;
}

div img.shop-ad {
 border: 10px solid #ffffff;
 color: #ffffff;
 /* for CSS 2.0 compliant browsers */
 max-width: 110px;
 /* for IE only */
 /* width: expression(this.width > 116 ? 116 : true); */
}

/* smallrating */
.smallratingthumb {
  width:60px;
  height:60px;
  background-position: center center;
  float: left;
}

.smallratingtext {
  font-family: arial, tahoma,verdana,sans-serif;
  font-size: 11px;
  text-align: left;
  padding-left: 5px;
  width: 170px;
  float: left;
  overflow: hidden;
  padding-top: 20px;
}

.smallratingtext a {
  font-family:arial,tahoma,verdana,sans-serif;
  font-size: 12px;
  text-align: left;
  padding-left: 5px;
  width: 200px;
  float: left;
  text-decoration:none;
}


#member-view #smallrating-col1 {
  width: 210px;
  float: left;
  border-right:1px dotted gray; 
  margin-right:20px;
  padding-right:20px 
  }

#member-view #smallrating-col2 {
  float: left;
  width: 210px;
  }

#member-view .smallratingtext a {
  font-family: arial, tahoma,verdana,sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;   
  width: 150px;
  }

#member-view .smallratingtext {
  width: 150px;
  }

body#member-view {
  padding: 0px;
  width: 100%;
  box-sizing: border-box;
  }
  
#member-view .stage,
#member-guestbook-index .stage,
#member-favorites .stage {
  padding: 0px;
  }  
  
#member-view .cols .colwrapper,
#member-guestbook-index .innerstage .cols .colwrapper {
  padding: 0px 20px 0px 20px;
  }

#member-favorites .innerstage .cols .colwrapper {
  padding: 0px 0px 0px 20px;
  }
  
#member-view .tp-tabbedmenu .tp-tabs {
  /* padding-left: 20px; */
  }
  
#member-view ul.subtabs {
  /* padding-left: 20px; */
  }
  
#member-view .memberstatusinfo {
  width: 100%;
  color: #222;
  /* padding: 5px;
  padding-left: 20px; 250709*/
  box-sizing: border-box;
  }  

.smallratingtextdocument {
  font-family: arial, tahoma,verdana,sans-serif;
  text-align: left;
  padding-left: 11px;
  width: 190px;
  float: left;
}

.smallratingtextdocument a {
  text-decoration: none;
}

/* wide sidebar */
div.wideSidebarColumn a {
  color: #a6a6a6;
}

div.wideSidebarColumn {  
    color: #a6a6a6;
    text-align: center;
    float: left;
    width: 240px;
	margin: 0px;
    padding: 5px 30px;
    background:#3c3c3c;
   
} 

div.wideSidebarColumn h1,
div.wideSidebarColumn {
  color: #a6a6a6;
}

div.wideSidebarColumn {
  margin-left: auto;
  margin-right: auto;
}

/* index page */

#loginmenu #loginbutton { 
  display: block;
  margin: 5px 0;
}

#loginmenu a.slimbutton {width:100%; color: #000;}

/* icons memberspictures */

div.memberpicture {
	float: left;
	}

div.memberpicture img {
  	border: 3px solid white;
  	margin-right: 20px;
 	}
 	
div.memberpicture-thumbnails {
  	clear: both;
  	overflow: hidden;
  	line-height: 5px;
	}

.memberpicture-thumbnail {
  	height: 56px;
  	width: 56px;
	}

.memberpicture-thumbnail.sml {
  	height: 25px;
  	width: 25px;
    margin: auto;
	}
  
body.help td .memberpicture-thumbnail.sml {
  margin-right: 10px: 
  } 
	
.memberpicture-thumbnail.sml img {
	width: 100%;
	height: auto;
	}	

div.memberpicture-thumbnails .memberpicture-thumbnail .name {
  	font-size: 9px;
  	line-height: 10px;
  	text-decoration: none;
  	width: 60px;
  	display: block;
  	height: 25px;
  	display:none;
	}

.memberpicture-thumbnail img {
  	border-radius: 100px;
  	margin-bottom: 5px;
  	border: 2px solid #fff;
    width: 100%;
	}

img.defaultmemberpic {
	width: 50px; 
	height: 50px;
	}

img.defaultmemberpic.sml {
	width: 100%; 
	height: auto
	}

/* membergroup */
.membergroup div#photos { float: right; max-width: 560px; width:100%; position: relative; }
.membergroup div#content {  max-width: 400px; width:98%; float: left; overflow: hidden; padding-top: 10px;}
.membergroup div#photos .gallerybox { padding: 10px 0 0 7px;  }

.membergroup div.gallerythumb { 
  width: 172px;
  padding: 0px ;
  margin:  0px 8px 20px 0px;
}


h1.groupheading {
  border: 1px solid #ccc;
  font-size: 18px;
  width: 950px;
  height: 30px;
  padding: 6px 0 0 10px;
  margin: 0 0 10px 0; 
}

h1.groupheading a, h1.groupheading a:link, h1.groupheading a:visited {
 color: #000; 
 text-decoration: none;
}

h1.groupheading a:hover {
 text-decoration: underline;
}

img.groupheading {
  max-width: 960px;
}


.groupheading {
  margin: 0 0 15px 0;;
  padding: 0;
}


/* ---------------------------------------------------------------------- */
/* membergroup list */
/* ---------------------------------------------------------------------- */
.membergroup-list h2 {
  padding: 5px;
  background: #ccc;
}

.membergroup-presentation {
  border: 1px solid #eee;
  padding: 10px;
  margin: 10px 0;
  clear: both;
  overflow: hidden;
}

.membergroup-presentation p {
  width: 350px;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}

.membergroup-presentation h3 {
  font-size: 14px;
  padding: 0;
  margin: 0;
}

.membergroup-presentation .membergroup-summarybox {
 width: 330px;
 float:right; 
}

.membergroup-presentation .memberpicture-thumbnails {
 padding-top: 30px;
}


/* ---------------------------------------------------------------------- */
/* gallery */
/* ---------------------------------------------------------------------- */

.gallerybox { 
  color: #999999;
  text-decoration:none;
  min-height: 50px;
  overflow: hidden;
}

a.gallerybox:link {
  color: #666666;
  line-height: 14px;
  }
  
a.gallerybox:visited {color: #9f9f9f;}
a.gallerybox:active {color: #9f9f9f;}
a.gallerybox:hover { 
  color: #9f9f9f;
  text-decoration:underline;
  }
  
div.gallerybox.albumbox {
   background: #fff; 
}

.albumbox,
.section-pools .gallerybox,
.section-groups .gallerybox,
#contest-view #wrapper.gallerybox,
#magasin-view #wrapper.gallerybox,
x .gallerybox,
.profilewidebox .gallerybox,
.profilewidebox .gallerybox.wide {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
	}

.albumthumb {
  	width: 100px;
  	padding: 0px 10px 10px 0px;
  	margin: auto;
  	text-align:center;
  	height:150px;
  	line-height: 12px;
  	text-align: center;
  	font-family: arial,sans-serif;
  	font-family: 'Open Sans', sans-serif;
  	font-family: 'Roboto';
  	color: #666666;
  	font-size: 10px;
  	line-height: 14px;
  	position: relative;
	}
	
#member-photos-index .albumthumb, 
#gallery-listst .albumthumb {
	float: left;
	margin: 10px;
	}

div.deleted img {
  opacity:0.2;
  filter:alpha(opacity=20);
}

#pools-index div.gallerybox .albumthumb a {
 font-weight: bold;
 font-size: 10px;
 color: #000;
}

#xxgallery-toplist div.gallerybox, #xxgallery-toplist div.gallerybox a {
  line-height:16px;
}

.albumpreview {
   text-align: center;
   width: 75px;
   height: 75px;
   padding: 5px 11px 15px 6px;
   margin-bottom: 5px;
   background: url(/images/layout/albumthumb_bg.gif) no-repeat;
}

.thumbnails-small {
  overflow: auto;
  min-height: 75px;
}

img.thumbnail-small, 
img.thumbnail-large,
.item img.item-image {
  	border: 0px solid #ccc;
  	background: #fff;
  	padding: 0px;
  	margin-top: 10px;
    width: 100%;
  	max-width: 100%;
  	box-sizing: border-box;
  	height: auto;
	}
  
img.thumbnail-small, 
img.thumbnail-large {
  max-height: 640px;
  width: 460px;
  }

img.albumthumbnail-small {
  max-height: 75px;
  max-width: 75px;
}

.item-list-wrapper.fsmissue .item img.item-image {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 10px;
  }

.thumbnails-medium {
  overflow: auto;
  min-height: 110px;
}

.thumbnails-full {
  overflow: auto;
}

.groupactivity-pics-wrapper .thumbnails-full {
  margin-bottom: 20px;
  }

.thumbnails-medium .thumbnail-medium {
  float: left;
  min-height: 130px;
  min-width: 120px;
  padding: 5px;
  margin: 2px;
  text-align: center;
}

.thumbnails-full .thumbnail-full {
  float: left;
  min-height: 170px;
  min-width: 160px;
  padding: 5px;
  margin: 2px;
  text-align: center;
}

img.thumbnail-medium {
  border: 1px solid #ccc;
  background: #fff;
  padding: 5px;
  max-height: 110px;
  max-width: 110px;
}

img.thumbnail-full {
  border: 0px solid #ccc;
  background: #fff;
  padding: 10px;
  max-height: 150px;
  max-width: 150px;
  margin-bottom: 10px;
}

#member-index .groupactivity-pics-wrapper img.thumbnail-full {
	padding: 0px;
    max-width: calc(100% / 5 - 4px);
    min-width: calc(100% / 5 - 4px);
    width: calc(100% / 5 - 4px);
    height: auto;
    min-height: auto;
	}

#groupactivity img.thumbnail-full {
  max-height: 350px;
  max-width: 150px;
  width: 100%;
  padding: 0px;
}

img.albumthumbnail-medium {
  max-height: 110px;
  max-width: 110px;
}

.gallerythumb.member { 
  	width: 100px;
  	height: 125px; 
  	padding: 0px;
  	margin: 5px;
  	float: left;
  	text-align: center;
  	color: #666666;
  	line-height: 1.2;
  	position: relative; 
  	box-sizing: border-box;
  	border: 0px;
  	background-color: inherit;
	}

.gallerythumb.member .thumbbox {
    border-radius: 50%;
    overflow: hidden;
    width: 60px;
    height: 60px;
    border: 2px solid #ededed;
    background-color: #fff;
    margin: auto;
    }

.gallerythumb.member .thumbbox img {    
    width: 100%;
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    position: relative;
    left: -50%;
    top: -50%;
    }
    
#gallery-toplist .gallerythumb.member .thumbbox img {
	width: 100px;
	max-width: 100px;
	}

.section-groups .gallerybox .gallerythumb,
.section-member .gallerybox .gallerythumb,
#contest-view #wrapper.gallerybox .gallerythumb,
#magasin-view #wrapper.gallerybox .gallerythumb { 
  width: calc(100% / 6 - 10px); 
  margin: 0px 5px 5px 0px;
  padding: 5px;
  text-align: center;
  background-color: #f6f6f6;
  font-family: 'roboto';
  color: #222;
  font-size: 11px; 
  line-height: 1.2;
  position: relative; 
  box-sizing: border-box;
  }

.section-pools .gallerybox .gallerythumb { 
  text-align: center;
  font-family: 'roboto';
  color: #222;
  font-size: 11px; 
  line-height: 1.2;
  }
	
.section-member .gallerybox .gallerythumb,
#member-photos-view .gallerybox .gallerythumb {
	width: 150px;
	}	

.section-member .gallerybox.wrapper.wide .gallerythumb {
  width: 100%;
  height: auto;
  background-color: #fff;
  text-align: left;
  }

.section-member .gallerybox.wrapper.wide .gallerythumb .pictureshortinfo {  
  font-family: 'Roboto';
  color: #666666;
  font-size: 12px;
  line-height: 14px;
  margin-top: 5px;
  padding-bottom: 0px;
  }
	
.section-pools .gallerybox .gallerythumb:hover {
	background-color: #dedede;
	}	
	
.section-member .gallerybox .gallerythumb,
#member-photos-view .gallerybox .gallerythumb {
	height: 250px;
	float: left;
	}	

.section-member .gallerybox.wrapper.wide .gallerythumb img {
  width: 100%;
  height: auto;
  }
	
.gallerybox.small .gallerythumb { 
  	width: 75px; 
  	height: 110px; 
  	padding: 10px;
	}

.gallerybox.small .gallerythumb .thumbbox img { 
  	max-height: 100%;
  	max-width: 100%; 
  	padding: 0px;
	}

.gallerybox.small .gallerythumb .thumbbox  { 
  	padding: 0px;
  	background-color: #f6f6f6;
	}

.gallerybox.small .gallerythumb .thumbcaption  { 
  	font-size: 80%;
  	}

.gallerythumb a { 
  	color: #9f9f9f;
  	text-decoration: none;
  	}
  
.gallerybox span,
.gallerybox.small span {
  	line-height: 1.2;
	}

#gallery-toplist .gallerybox.member .gallerythumb .thumbcaption {
  text-align: left;
  margin-left: 10px;
  float: left;
  width: calc(100% - 50px - 70px);
  }

#gallery-toplist .gallerythumb .thumbcaption {
  text-align: center;
  width: 100%;
  font-size: 13px;
  line-height: 1.3;
  }
  
.gallerythumb a:hover { 
  	text-decoration: underline;
  	}

.gallerythumb .profileposition {
	position: absolute; 
	font-weight: normal; 
	font-size: 18px; 
	bottom: 5px; 
	right: 5px; 
	text-decoration: none !important;
	}

.gallerythumb .selectphoto {
	position: absolute; 
	bottom: 5px; 
	left: 5px; 
	padding: 0; 
	margin: 0; }
	
.gallerybox.small .gallerythumb .selectphoto {
	position: absolute; 
	bottom: 5px; 
	left: 5px; 
	width: 10px; 
	height: 10px; 
	padding: 0; 
	margin: 0; }

 
 #gallery-toplist .gallerythumb .position {
 	font-family: 'roboto';
   font-size: 14px;
   font-weight: 500;
    color: #000;
    line-height: 1.2;
    float: left;
    width: 50px;
    position: relative;
    top: 30%;
 	}	
 	
 #gallery-toplist .gallerybox {
  	margin: 0px 0px 0px 0px; 
  	padding: 10px;
  	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
    background-color: #f7f7f7;
    box-sizing: border-box;
	}

#gallery-toplist .gallerythumb { 
    margin-bottom: 10px;
    padding-top: 0px;
    padding: 10px;
    width: calc(100% / 5 - 30px);
    margin-right: 10px;
    text-align: center;
    height: auto;
    background-color: #fff;
	  } 	

#gallery-toplist .gallerybox.member .gallerythumb { 
    width: calc(100% / 3 - 30px);
    } 	


#fsmasters-results .gallerythumb { 
  	width: 100%;
  	height: auto;
  	background-color: #fff;
  	padding: 0px;
  	border: 0px; 
  	margin: 0px;
	}

#fsmasters-results .thumbbox {
  	width: 100%;
  	height: auto;
  	padding: 0px;
	}


body.large #photoinfobox .gallerythumb {width: 30%; margin: 1px; height: auto; background: inherit;border:0px;}
body.large #photoinfobox .thumbbox {width:100%; height: auto; padding:0px;}
body.large #photoinfobox .gallerythumb img {width:100%; height: auto;}
body.large #photoinfobox .thumbcaption {display:none;}

.thumbbox {
  	border: 0px solid white;
  	/* width: 151px;
  	height: 150px; */
  	padding: 5px;
	}

.thumbbox img {
	width:auto; 
	height: auto;
	max-width: 100%;
	}

#gallery-listpic .gallerythumb { 
  	width: 172px;
  	height: 235px;
  	padding: 0px;
  	margin: 5px 5px 20px 5px;
	}

#gallery-index .gallerythumb { 
  	width: 172px;
  	padding: 0px;
  	margin: 5px 5px 20px 5px;
	}

.gallery-viewpic .gallerythumb .thumbcaption { 
    text-align: center;
    }

#categoryselect a {
  text-decoration: none;
}

/* ---------------------------------------------------------------------- */
/* my page notifications */
/* ---------------------------------------------------------------------- */


div.notification.toself {
   font-weight: bold;
}


div.notification.toself .timestamp {
   font-weight: normal;
}

div.notification.toself img.thumbnail-large {
width:100%;
max-width: 100%;;
}

div.notification blockquote {
   font-weight: normal;
   max-width: 100%;
   width: 100%;
   padding: 5px 0px 5px 0px;
   margin: 5px 0 0 5px; 
   box-sizing: border-box;
}

div.notification blockquote a:link,
div.notification blockquote a:visited,
div.notification blockquote a:active
 {
   text-decoration: none;
   color: #000;
}

div.notification.sub,
div.notification.sub a,
div.notification.sub blockquote a	 {
   font-style: italic;
   color: #777;
}

div.notification.sub blockquote a:link,
div.notification.sub blockquote a:visited,
div.notification.sub blockquote a:active
 {
   text-decoration: none;
   color: #777;
}

div.notification blockquote a:hover {
   text-decoration: underline;
}





/* ---------------------------------------------------------------------- */
/* viewpic */
/* ---------------------------------------------------------------------- */
#viewpiccontainer table.radio-set td {padding-left:20px;padding-bottom:10px;}
#viewpiccontainer table.radio-set input {margin-left:-20px;}

#viewpiccontainer #ratingform-photo table.radio-set input {margin-left: 0px; float: left;}

#viewpiccontainer #ratingform-photo .ratingform-row label {
  font-size: 16px;
  font-weight: 700;
  width: 40%;
  }

#viewpiccontainer #ratingform-photo .ratingform-field,
#viewpiccontainer #ratingform-photo table.radio-set {
    width: 100%;
  }

#viewpiccontainer #ratingform-photo table.radio-set td {
  width: 50%;
  }

#viewpiccontainer #poolinfo { margin-bottom: 5px; }
#viewpiccontainer #pooldetails { }
#viewpiccontainer #photo-description { margin-bottom: 5px; }
#viewpiccontainer #poollink-comment { margin-bottom: 5px; }
#viewpiccontainer #rating-instruction-block { margin-top: 5px; padding-top: 5px; border-top: dotted 1px #ccc; }
#viewpiccontainer #rating-instruction-text  { margin: 3px 0 0 5px; padding: 5px; border: solid 1px #ccc; width: 600px;}

#viewpiccontainer .photo-description-wrapper,
#viewpiccontainer .collection-description-wrapper {
  padding: 20px 20px 0px 20px;
  background-color: #fff;
  }

#viewpiccontainer .photo-description {
  	padding: 0px 0px 20px 0px;
  	line-height: 20px;
  	font-size: 14px;
    color: #000;
	}

#viewpiccontainer .canvas {
  	padding: 0;
  	margin-bottom: 8px;
  	text-align:center;
  	min-height: 200px;
	}

#viewpiccontainer .canvas img {
  	width:100%;
  	height: auto;
  	}

#viewpiccontainer #groupchallenge.canvas {
	padding: 20px 0px 20px 0px;
	}

#viewpiccontainer .photoinfo {
  	padding-top:6px;
	}

#viewpiccontainer .canvas table {
  	margin:auto;	
	}

.bgcolorW, .bgolorW a {
  	background-color: inherit;
	}

#viewpiccontainer .bgcolorW a, .bgcolorW small {
  	color:#000;
	}

.bgcolorB {
  	background-color:#fff;
	}

#viewpiccontainer .bgcolorB a, .bgcolorB small {
  	color:#fff;
	}

.bgcolorG, .bgolorG a {
  	background-color:#aaa;
	}

#viewpiccontainer .bgcolorG a, .bgcolorG small {
  	color:#000;
	} 

#viewpiccontainer .tp-tablayercontent {
  padding-left: 0;
  padding-right: 0;
  }

#viewpiccontainer div.tp-tablayer {
  background-color: #fff;
  border-left:none;
  border-right:none;
  border-bottom:none;
  padding: 0; margin: 0; 
  }

#viewpiccontainer .commentbox {
  	background-color: #fff;
  	border:none;
  	padding: 20px 20px 0px 20px;
  	border: 0px solid #e3e3e3;
  	margin-bottom: 40px;
	}
  
#viewpiccontainer .commentbox .photographer-comment {
  padding-bottom: 20px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 20px;
  color: #888;
  font-weight: 600;
  font-size: 14px;
  }    

.ratingform-row {
	display: flex;
	margin-bottom: 10px; 
	}

.ratingform-row label {
	width: 30%;
	float: left;
	margin-top: 5px;
	}

.ratingform-row .comment {
	margin: 0px;
	margin-top: 20px;
	width: 100%;
	}
	
.ratingform-buttons {
	text-align: right;
	}	

.ratingform-field {
	width: 70%;
	float: right;
	}

#viewpiccontainer .infocol1 textarea {
  width:100%;
  height: 120px;
  }

/* bildserier */

#viewpiccontainer div.psthumbs {
  	padding: 5px;
  	border: 1px solid #eaeaea;
  	overflow:auto;
  	height:740px;
  	margin-bottom: 10px;
  	margin-top:10px;
  	float:left;
  	width:105px;
	}

#viewpiccontainer div.psthumb {
  	padding: 5px;
  	height: 85px;
  	width: 75px;
  	border: 1px solid #eaeaea;
  	margin-bottom:5px;
  	text-align:center;
	}

#viewpiccontainer div.psthumb a {
  	font-size:9px;
  	text-decoration:none;
	}

div#viewpiccontainer div.photoseriescanvas div.canvas {
  	padding-left: 0;
  	padding-right: 0;
  	height: 628px;
  	width: 802px;
  	float: right;
  	text-align: center;
	}
	
div.psnav {
  	width: 794px;
  	height: 20px;
  	float: right;
  	padding: 3px 3px 0 3px;
  	margin-top: 10px;
	}
	
div.psnav a#prevlink {
  	float: left;
	}
	
div.psnav a#slideshowlink {
  	width: 300px;
  	text-align: right;
  	float: left;
	}

div.psnav a#nextlink {
  	float:right;
	}

/* göm stora bilden */

#viewpiccontainer div#psthumbswide {
  	padding: 10px 0 10px 0;
	}	

#viewpiccontainer div#psthumbswide .psthumb {
  	float:left;
  	margin-right:5px;
	}

/* ---------------------------------------------------------------------- */
/* viewpic poollist */
/* ---------------------------------------------------------------------- */

ul.poollist {
  	list-style: none;
  	margin: 0;
  	padding: 0;
 	margin-bottom: 10px;
	}

body.large ul.poollist {
    display: inline-block;
    width: 100%;
	}

ul.poollist li {
 	border: 1px solid #eee;
 	padding: 3px;
 	margin-bottom: 3px;
	}

ul.poollist li span {
  	font-weight: bold;
	}

ul.poollist li a:hover {
  	text-decoration: underline;
	}

/* ---------------------------------------------------------------------- */
/* maps */
/* ---------------------------------------------------------------------- */

body#maps-index #themap {
  	margin-top: 10px;
  	width: 100%;
  	height: 600px;
  	/*z-index: 10;*/
  	float: left;
	}

body#maps-editposition #themap {
  	margin-top: 10px;
  	width: 100%;
  	height: 600px;
  	float: left;
	}

body#maps-index .listpanel.map {
  	width: 100%;
    font-family: 'Roboto';
    font-size: 13px;
    margin-top: 20px;
	}

body#maps-index #list a {
  	text-decoration: none;
	}

body#maps-index #list ol {
  	margin: 20px;
  	padding: 0;
	}

body#maps-index #list ol li {
  	padding-bottom: 5px;
	}

#mapfooter {
  	clear: both;
	}

.mapinfowindow {
  	width: 300px;
	}

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

.mapinfowindow .footer {
  	clear: both;
  	width: 1px; 
  	height: 1px;
	}

body#maps-index .linelabel {
  float: left; 
  width: 100%;
  font-weight: 700;
  padding-bottom: 5px;
  }

body#maps-index #filterForm #filterChoices,
body#maps-index #filterForm #sortChoices {
  float: left; 
  padding-bottom: 5px;
  width: 100%;
  }

body#maps-index #filterForm input {
  margin: 0px; 
  padding: 0px;
  }

body#maps-index #filterForm label {
  margin:0; 
  padding:0;
  }

body#maps-index #filterForm #lookup {
  float: left;
  width: 100%;
  }

body#maps-index #filterForm {
  }

body#maps-index #filterForm .filterchoice label:hover { text-decoration: underline;  }
body#maps-index #filterForm .sortchoice label:hover { text-decoration: underline; }

#lookup #indicator {
  background-color: #ff9600;
  color: #fff;
}

#lookup #locationlist {
  background-color: #eee;
  padding: 10px;
  border: 1px solid #ff9600;
  z-index: 100;
  cursor: pointer;
}  

#locationlist2 {
position: absolute;
top: 100px;
left: 40px;
  background-color: #eee;
  padding: 10px;
  border: 1px solid #ff9600;
  z-index: 100;
  cursor: pointer;
}  

/* pagination */

#pagectl- {
  margin: 10px 0 10px 0;
  font-family: 'Open Sans', sans-serif;
  display: inline-block;
  width: 100%;
  font-size: 12px;
}
  
.wide .pagectl {
  margin: 15px 0px 20px 0px;
}   

.document .pagectl {
  margin: 15px 0px 15px 0px;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  }  

a.pagectl, 
a.pagectl:visited, 
a.pagectl:link,
span.toolTextHorizontal,
span.pagectl,
.pagectl.letter a {
  color: #333;
  background: #fff;
  text-align: center;
  display: inline-block;
  border-radius: 40px;
  text-decoration: none;
  font-size: 12px;
  padding: 4px 10px 4px 10px;
  margin-bottom: 5px;
  }  

span.toolTextHorizontal,
span.pagectl {
  border: 0px;
  font-weight: 600;
  background-color: inherit;
  }

a.pagectl:hover,
.pagectl.letter a:hover { 
  color: #000;
  background-color: #b7b7b7;
  }

a.pagectl:active { 
  color: #000;
  background-color: #b7b7b7;
  }

/* overlay */
.psoverlaycontainer {
  position:relative;
  display:inline;
}
.psoverlay 
{
  position:absolute; 
  bottom:8px; 
  left:7px;
} 


/* ---------------------------------------------------------------------- */
/* member profile */
/* ---------------------------------------------------------------------- */

.memberheaderwrapper {
  margin-left: 0px; 
  margin-top: 35px;
 
  /* margin-bottom: 5px; */
  /* margin-left: 20px; 251118 */
  }
  
 #member-view .memberheaderwrapper,
 #member-guestbook-index .memberheaderwrapper,
 #member-favorites .memberheaderwrapper {
   margin-left: 20px;
   margin-top: 0px;
   }

.memberheader {
    height: 540px;
  	width: 100%;
  	border-bottom: 1px solid #ccc;
  	padding: 10px;
  	background-color: #ededed;
  	box-sizing: border-box;
	}
  
.section-gallery .memberheader {
  height: 440px;
  }    

.memberheader.wbackground {
  	background-repeat: no-repeat;
  	/* background-size: 980px 177px; */
  	margin: 0px;
  	height: 540px;
  	width: 100%;
  	background-size: cover;
  	background-position: center top;
  	box-sizing: border-box;
    position: relative;
    /* margin-left: 20px; */

	}
  
.memberheader.wbackground.randombg:after {
    content: "Bakgrund vald av Fotosidan";
    background-color: rgba(128, 128, 128, 0.2);
    color: #ddd;
    font-size:70%;
    padding: 2px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.memberheader .tp-tabs li span {
  	margin-left: 4px;
  	font-weight: normal;
  	color: #999;
	}

.membername {
	}
	
h1.membername  {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  text-transform: none;
  margin-top: 80px;
  margin-bottom: 0px;
  font-family: 'Open Sans', sans-serif;
  color: #000;
  /* padding-left: 20px; */
  }	

.membernamebox {
	padding: 0px 0px 0px 0px;
	}

.membernamebox a {	
	color: #666;
    text-decoration: none;
	}

.member-awards-wrapper {
	padding: 20px 0px 20px 0px;
    border-bottom: 2px solid #f2f2f2;
    /* margin-left: 20px; */
	}

.memberpic-type-wrapper {
	display:inline-block;
	}

.membertype {
	padding: 20px 0px 20px 0px; 
	width: 500px;
	}

.memberfollowbox {
	}

.infocol2 .memberfollowbox {
	}

#gallery-listpic .memberfollowbox {
	top: 20px;
  right: 20px;
  position: relative
	}

.memberfollowbox .count {
	font-weight: bold; 
	}

.memberfollowbox a {
	text-decoration: none;
	}
	
.memberfollowbox .slimbutton {
	margin-bottom: 5px !important; 
	}

table.followerlist { width: 100%;}

.memberfollow-icon::before, 
.memberfollows-icon::before,
.member-gfs::before, 
.member-pub-magazine::before ,
.member-medal-silver::before, 
.member-medal-bronze::before, 
.member-bonuspoints::before, 
.courses-summary::before {
  font-family: "Font Awesome 5 Pro"; 
  padding-right: 5px;
  text-decoration: none;
  display: inline-block;
  }

.memberfollow-icon::before {content: "\f007";}
.memberfollows-icon::before {content: "\f007";}
.member-gfs::before {content: "\f559";}
.member-pub-magazine::before {content:}
.member-medal-silver::before {content: "\f005"; color: #D3D3D3;}
.member-medal-bronze::before {content: "\f005"; color: #cd7f32;}
.member-bonuspoints::before {content: "\f8b7"; color: #000;}
.courses-summary::before {content: "\f19d";}

.member-master-nom::before, 
.member-master-top5::before {
	content: "\f091"; 
	font-family: "Font Awesome 5 Pro"; 
	font-size:18px; 
	position: relative;
	top: 4px;
	padding-right: 5px;
	}

span.member-master-nom, 
span.member-master-top5, 
span.member-pub-magazine, 
span.member-type, 
span.member-gfs, 
span.courses-summary, 
span.memberfollow-icon, 
span.memberfollows-icon,
.member-bonuspoints {
	text-align: center; 
	padding: 3px 6px 5px 6px;
	margin-bottom: 5px;
	margin-right: 2px; 
	display:inline-block;
	color: #000;
	}
  
.member-bonuspoints {
  border-radius: 40px;
  padding: 2px 14px 5px 10px;
  font-size: 12px;
  background-color: #fff;
  color: #666;
  }  

.member-bonuspoints a {
  
  }

span.member-type-plus,
td.plus span {
	background-color: #00c38e;
	border: 0px solid #00c38e; 
	color: #000; 
	border-radius: 4px;
	}

span.member-medal-gold {}

span.member-medal-gold::after {
	content: "PLUS"; 
	background-color: #00c38e;
	color: #fff; 
	border-radius: 3px; 
	padding: 2px 5px 2px 5px;
	font-size: 9px;
	margin-left: 10px;
	font-weight: 600;
    font-family: "Open Sans";
	}
	
.member-awards-wrapper span.member-medal-gold::after {display:none;}

span.member-type-plus-overlay {
	display:none; 
	background-color: #000; 
	border: 1px solid #000; 
	color: #fff; 
	border-radius: 3px; 
	padding: 3px 10px 4px 10px;
	z-index:1000;
	position:relative;
	}

span.member-type-plus a {
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 700;
	}

#viewpiccontainer .infocol2 .memberfollowbox a.slimbutton,
#viewpiccontainer .infocol2 .memberfollowbox a.slimbutton:link {
    border-radius: 40px;
    padding: 6px;
    text-transform: none;
    font-size: 13px;
    bottom: 30px;
    font-family: 'Roboto';
    font-weight: 600;
    }

#gallery-listpic div.memberheader.wbackground { 
    }

#gallery-listpic .memberpic, #member-photos-index .memberpic {
    left: 50%;
    margin-left: -55px;
    }
    
#gallery-listpic .membernamebox {
    text-align: center;
    }

#member-photos-index .membernamebox {
	text-align:left; 
	padding-right:0px; 
	padding-top: 10px;
	}

#gallery-listpic .pagectl, 
#member-photos-index .pagectl {
	margin-bottom: 10px;
  margin-top: 10px;
	}

#member-photos-index .link-toggler {
	padding-left: 15px;
	}

#member-benefits #membership {

  }
      
#member-benefits #membership .benefit-box {
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
	}
  
#member-benefits #membership .benefit-box.benefit {
  padding: 0px 0px 0px 20px;
  border-left: 2px solid #7bcea5;
  margin: 20px 0px 20px 0px;
  }  
  
#member-benefits .memberheader.wbackground,
#member-benefits .clamtop {
  display: none;
  }
  
#member-benefits #membership .benefit-box a {
  
  }  

/* ---------------------------------------------------------------------- */
/* cols */
/* ---------------------------------------------------------------------- */
.legacycols {
  overflow: auto;
}
.legacycols .col-left {
  float:left;
  margin-left: 10px;
  width: 570px;
}
.legacycols .col-right {
  float: left;
  width: 300px;
  margin-left: 20px;
}

/* ---------------------------------------------------------------------- */
/* photo pushbox */
/* ---------------------------------------------------------------------- */

.photopushbox, .indexpushbox  {
  overflow: hidden;
  color: #222222;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.photopushbox h1 {
  color: #000000;
  padding: 5px 5px 4px 10px;
  margin: 0px 0px 0px 0px;
  font-size: 16px;
  font-family: arial;
  text-align: left;
  border-top: 0px solid #000000;
  background-color: #eeeeee;
  font-weight: normal;
  text-transform: uppercase;
}

.photopushbox-title {
  color: #000000;
  padding: 8px 5px 7px 10px;
  margin: 0px 0px 0px 0px;
  font-size: 16px;
  font-family: arial;
  text-align: left;
  border-top: 0px solid #000000;
  background-color: #eeeeee;
  font-weight: normal;
  text-transform: uppercase;
}

.photopushbox-images {
  overflow: hidden;
  background-color: #eeeeee;
  color: #000;
  font-family: georgia, verdana, sans-serif;
  color: #fff;
  margin-left: 10px;
  text-align: center;
  margin: 0px 0px 25px 0px;
  padding:0px;
}

.photopushbox-image {
}

.photopushbox-image img {
  width: 100%;
  height: auto;
}

div#weekpic.photopushbox-images {padding:0px;}

div#weekpic.photopushbox-image img {
width: 100%;
height: auto;
}

.compactalbum img {
width: 100%;
height: auto;
}

#gfs {
  	background-color: #000000;
  	text-align: center;
  	padding: 18px 0px 0px 0px;
  	margin-bottom: 10px;
	}

.photopushbox #pow {
  	padding-bottom: 10px;
	}

.photopushbox #aow {
  	padding-bottom: 10px;
	}

.photopushbox #newfav {
  	padding-bottom: 10px;
	}

.photopushbox #newcom {
  	padding-bottom: 10px;  
	}

#randomcitation {
  	padding-bottom: 20px;  
	}

.documentpage .photopushbox {
  	overflow: hidden;
  	color: #000;
  	font-family: georgia, verdana, sans-serif;
  	color: #fff;
  	margin-left: 10px;
  	text-align: center;
  	margin: 20px 0px 25px 0px;
	}

.photopushbox a {
  	text-decoration: none;
  	color: #000000;
	}

.photopushbox a:visited {
  	text-decoration: none;
  	color: #000000;
	}

.photopushbox a:link {
  	color: #000000;
	}

.membercitat-container {
  	background-color: #eeeeee;
  	padding: 10px;
	}

.membercitat a {
 	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    padding-bottom: 20px;
    display: block;
	}

.membercitat-member {
  	font-size: 16px;
	}

.sociallinks a:link {
	text-decoration:none;
	line-height: 30px;
	}

.photopushbox img.heading {
  	margin: 0 0 20px 0;
	}

.articleTeaserLarge, 
.articleTeaserLeft, 
.articleTeaserRight {
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 11px;
	font-weight: 400;
	color: #777777;
  text-align:right;
  position: relative;
  }

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

.subArticle .articleTeaserLeft {
  float: left;
  margin-right: 10px;
  width:100%;
  }

.subArticle .articleTeaserLeft {
  float: none;
  }

.subArticle-wrapper {
  	clear: both;
  	overflow: hidden;
  	padding-top: 10px;
  	padding-bottom: 10px;
  	border-bottom: 0px dotted #BBBCC7;
  	max-width: calc(100% / 2 - 10px);
  	width:100%;
  	}

.mainArticle .articleTeaserLeft,
.mainArticle .articleTeaserRight,
.mainArticle .articleTeaserLarge {
  	margin-bottom: 5px;
	}

.mainArticle .articleTeaserLarge.light img {
  	max-width: 100%;
  	width: 100%;
  	height: auto;
  	}

.subArticle .articleTeaserLeft,
.subArticle .articleTeaserRight,
.subArticle .articleTeaserLarge {
  	margin-bottom: 5px;
	}

#index .indexdocumentlist .subArticle .articleTeaserLarge {
	width: calc(100% - 0px);
	padding: 0px 0px 10px 20px;
	margin-bottom: 0px;
	float: right;
	}
  
#index .indexdocumentlist .subArticle.smallpw .articleTeaserLarge {
  width: calc(30% - 20px);
  } 

#index .indexdocumentlist .subArticle.mediumpw .articleTeaserLarge {
  width: calc(50% - 20px);
  }
  
#index .indexdocumentlist .subArticle.plus .articleTeaserLarge {
  width: 100%
  }
	
#index .indexdocumentlist .subArticle .articleSummary {
	width: 100%;
	float: left;
	}
  
#index .indexdocumentlist .subArticle.plus .articleSummary {
  margin-left: 20px;
  width: calc(100% - 20px);
  } 	

#index .two-col .indexdocumentlist .subArticle .articleSummary {
	width: 100%;
	}

.subArticle .articleTeaserLeft img,
.subArticle .articleTeaserRight img,
.subArticle .articleTeaserLarge img,
.mainArticle .articleTeaserLarge img,
.subArticlesponsored .articleTeaserLarge img {
  	max-width: 100%;
  	width: 100%;
  	height: auto;
    border-radius: 5px;
	}
	
.subArticlesponsored {
	margin-bottom: 20px;
	}

.subArticle .articleTeaserLeft img {
	max-width: 100%;
	}

.subArticle .articleTeaserLeft ,
.subArticle .articleTeaserRight {
  margin-bottom: 0px;
	}
	
#articles .subArticle,
#articles .subArticlesponsored,
#doclist .subArticle,
#doclist .subArticlesponsored {
  max-width: calc(100% / 3 - 20px);
  margin-right: 20px;
  padding-bottom: 20px;
  }

#doclist .mainArticle,
#doclist .mainArticlesponsored {
  max-width: calc(100% / 3 - 20px);
  margin-right: 20px;
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 20px;
  }
  
.section-poddradio .poddradio-header {
  margin-bottom: 20px;
  }  
	
.subArticle .documentdescription {
  margin: 0;
  padding: 0;
  margin-top: 10px;
  }

.subArticle .articleSummary, 
.subarticle .documentdescription, 
.mainArticle .documentdescription,
.mainArticlesponsored .documentdescription,
.subArticlesponsored .documentdescription,
.cols.indented .readmore-section .mainArticle .documentdescription {
  letter-spacing: 0px;
  color: #222222;
  padding-bottom: 10px;
  font-family: georgia;
  font-style: normal; 
  font-size: 18px; 
  line-height: 1.4;
  font-weight: 400;
  color: #333;
  }
	
.mainArticle .articleTeaserLarge .caption,
.subArticle .articleTeaserLarge .caption {
	margin: 0px;
	padding: 0px 0px 0px 2px;
	}
	
.mainArticle .documentdescription,
.mainArticlesponsored .documentdescription {
	font-size: 18px;
	}	

.readmore-section.premium .mainArticle .documentdescription {
  font-size: 16px;
  } 

.articleSummary h1 {
  margin: 0px;
	}

.articleSummary {
  overflow: auto;
  }

.articleSummary img.lock {
  width:initial;
  width:auto; 
  margin:0px;
  }

.doc-adzone {
  float: right;
  }

.documentpage .doc-adzone {
  padding-bottom: 5px;
  }

.document + p,
.document + .ingress + p,
.document + .superingress + p,
.document span.articleCategory + p {
  margin-top: 0;
  }

.document span.articleCategory {
  display: block;
  margin-bottom: 3px;
  margin-top: 5px;
  }

div#index-critique.event {
}

div#index-critique.event .event-summary {
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-style: italic;
  font-size: 20px;
  color: #000000;
  letter-spacing: 0.3px;
  line-height: 31px;
}

div#index-critique.event .event-rating, div#index-critique.event .event-author, div.event-info-pub-info {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: rgba(0,0,0,0.50);
	letter-spacing: 0;
	line-height: 20px;
	font-style: normal;
}

div#index-critique.event .event-author {margin-top: 5px;}

/* ---------------------------------------------------------------------- */
/* topbar */
/* ---------------------------------------------------------------------- */
.topbar {
  position: relative;
}

.topbar, .topbar a:link, .topbar a:visited, .topbar a:hover, .topbar a:focus, .topbar a:active {
   color: #fff;
}

.searchbox {
   position: absolute;		     
   top: 40px;
   right: 10px;
}

.searchbox #searchfield, #loginfield, #passwordfield {
   -moz-border-radius-bottomleft:4px;
   -moz-border-radius-topleft:4px;
   -webkit-border-bottom-left-radius:4px;
   -webkit-border-top-left-radius:4px;
   border-bottom-left-radius:4px;
   border-top-left-radius:4px;
   background:none repeat scroll 0 0 #fff;
   border:0 none;
   color:#000;
   font-family: Arial,Helvetica,sans-serif;
   font-size:11px;
   font-weight:normal;
   height:18px;
   outline:0 none;
   padding:4px 7px;
   width:120px;
}

.searchbox #searchfield {
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   background:none repeat scroll 0 0 #fff;
   border:0 none;
   color:#000;
   font-family: Arial,Helvetica,sans-serif;
   font-size:11px;
   font-weight:normal;
   height:18px;
   outline:0 none;
   padding:4px 7px;
   width:120px;
}

#passwordfield {
   width: 115px;
}

#loginfield {
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  width: 147px;
  margin-bottom: 5px;
}

.searchbox #searchfield {
  float:left;
}

.loginbox #loginbutton {
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  background:none repeat scroll 0 0 #000;
  border:0 none;
  color:#FFF;
  font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
  font-size:10px;
  height:18px;
  font-weight:Normal;
  height:26px;
  outline:0 none;
  padding-top:1px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 4px;
  width:32px;
 }
 
.searchbox #searchbutton {
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #fff;
  border:0 none;
  color:#FFF;
  height:26px;
  width:0px;
} 



/* ---------------------------------------------------------------------- */
/* lists */
/* ---------------------------------------------------------------------- */
ul.compact {
  	padding: 0px; margin: 0px;
  	list-style-type: none;
	}

ul.compact li {
  	list-style-type: none;
  	background: url(/images/bullet1.gif) 0 11px no-repeat;
  	margin: 0;
  	border-bottom: 1px dashed #eeeeee;
  	padding: 6px 0px 6px 8px; 
  	font-family: arial, tahoma, verdana, sans-serif;
  	font-size: 12px;
  	font-weight: 400;
  	line-height: 14px;
	}

ul.compact li :visited {
    text-decoration:none;
	color: #525252;
	}

ul.compact li a:active{
	color: #ff9600;
	text-decoration:none;
	}

ul.compact li a:hover{
	color: #ff9600;
}

/* ---------------------------------------------------------------------- */
/* toggled content */
/* ---------------------------------------------------------------------- */

.toggle-block ul li {
  background: none;
  padding-left: 0;
}

.toggled-content a.readmore, a.readmore {
    margin-top: 10px;
	}

a.toggler, a.no-toggler {
  	text-decoration: none;
  	background-repeat: no-repeat;
  	background-position: right center;
  	width: 100%;
  	display: block;
	}

a.toggler.toggler-open::after {
  content: "\f077";
  margin-left: 10px;
  }  
  
a.toggler.toggler-closed::after {
  content: "\f078";
  margin-left: 10px;
  }

.toggle-block {
  padding-bottom: 5px;
  }

.toggle-block.first h3 { 
  margin-top: 0;
  }

.toggle-block h3  a {
  color: #000000;
  }
  
.sitealert, 
.siteinfo {
  	width: 100%;
 	background-color: #FEEA8B;
  	color: #222;
  	font-size: 11px;  
 	text-align: center;
  	padding: 5px;
	}

.sitealert a, 
.siteinfo a {
  	color:#222;
	}

/* ikoner till vierpic, iconwatchcomments, iconlater, iconremovefav, iconaddfav */

a.iconwatchcomments {
  padding-left: 20px;
  margin-left: 10px;
  background: url(/styles/std/images/icons/ikon_bevakakommentarer.gif)  no-repeat center left;
}

a.iconlater {
  padding-left: 20px;
  margin-left: 10px;
  background: url(/styles/std/images/icons/ikon_kommenterasenare.gif)  no-repeat center left;
}

a.iconaddfav {
  padding-left: 20px;
  margin-left: 10px;
  background: url(/styles/std/images/icons/ikon_bokmarke.gif)  no-repeat center left;
}

a.iconremovefav {
  padding-left: 20px;
  margin-left: 10px;
  background: url(/styles/std/images/icons/ikon_bokmarke.gif)  no-repeat center left;
  }

#viewpiccontainer .photonavigator {
  display: flex;
  margin: 10px 0px 15px 0px;
  }

a.iconsharetip, a.iconsharetwitter, a.iconsharefacebook {font-size:20px; text-decoration:none;}
a.iconsharetip {font-size:18px; text-decoration:none;}
a.iconsharefacebook::before {content: "\f082";font-family: "Font Awesome 5 Pro";padding-right: 2px; }
a.iconsharetwitter::before {content: "\f081";font-family: "Font Awesome 5 Pro";padding-right: 2px; }
a.iconsharetip::before {content: "\f0e0";font-family: "Font Awesome 5 Pro";padding-right: 2px; }


#viewpiccontainer .phototools {
  border: 0px solid #eaeaea;
  padding: 0 0 10px 0;
}

.phototools div.social-bookmarks {
  float:left;
  border:0;
  padding:0;
  width:auto;
  clear:none;
  display:inline;
}

.phototools .social-bookmarks a, .phototools .social-bookmarks span, .phototools .social-bookmarks img  {
  float:left;
}

/* box styles */

#member-photos-editpic .printpriceform { float:left; width: 440px; }
#member-photos-editpic .printpriceinfo { float:right; padding: 10px; }
#member-photos-editpic .printpriceinfo div { font-size:10px;  }

.imagewrapper img {
  max-width: 100%; 
  height: auto;
  }

.errorbox, .error, .errors, span.error.error-holder {
	background-color: #e8004d;
	color: #fff;
	width: 100%;
	box-sizing: border-box;
	padding: 5px 8px 5px 8px;
	margin: 5px 0 5px 0;
	font-size: 11px;
	}	

span.error.error-holder {
   display: block;
	}

span.error {
   color: #e8004d;
   font-weight: normal;
	}

.errorbox span.error,
.errors span.error {
  border: none;			 
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  } 

.infobox,
.sidebar-wrapper {
  background-color: #fff; 
  padding: 10px 20px 10px 20px;
  margin-bottom: 10px;
  border: 0px solid #e3e3e3;
  margin-bottom: 20px;
  border-radius: 8px;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  }
  
.col-m .infobox {
  padding-top: 20px;
  }  
	
.infobox.plus {
  border: 1px solid #00c38e;
  background-color: #00c38e;
  font-size: 14px;
  line-height: 1.2;
  padding: 10px;
  color: #fff;
  margin-top: 0px;
  border-radius: 8px;
  }
  
.infobox.productarticles {
  background-color: #fffdee;
  }  
  
.infobox .infowrapper,
.vote-details,
.infowrapper,
.box {
  padding: 0px 0px 20px 0px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.50);
  letter-spacing: 0.1px;
  width: 100%;
  box-sizing: border-box;
  }    
  
.infowrapper.datalist {
  padding: 20px;
  background-color: #ededed;
  border-radius: 10px;
  }  

.infowrapper.datalist ul li,
.infowrapper .folders ul li {
  list-style: square;
  }

.infowrapper .folders {
  padding: 20px 0px 20px 0px;
  }
  
.infowrapper .box {
  border-bottom: 1px solid #ccc;
  display: inline-block;
  margin-bottom: 10px;
  padding-bottom: 10px;
  }  
  
.sidebar-nav .infowrapper.datalist {
  margin-top: 20px;
  } 
	
.document.locked .infobox, 
.document .infobox, 
p.infobox {
  background-color: #fde1db;
  padding: 20px;
  border: 0px;
  border-radius: 8px;
  margin-top: 20px;
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
  }
   
.document.locked .infobox.pressmeddelande, 
  .document .infobox.pressmeddelande, 
  p.infobox.pressmeddelande {
    background-color: #f7f7f7;
    padding: 20px;
    border: 0px;
    border-radius: 0px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    }
    
 .document.locked .infobox.pressmeddelande p, 
 .document .infobox.pressmeddelande p, 
 p.infobox.pressmeddelande p {
   font-family: 'Open Sans', sans-serif;
   font-size: 14px;
   line-height: 1.4;
   font-weight: 500;
   }   
  
.document.locked .infobox span, 
.document .infobox span, 
p.infobox span { 
  font-size: 17px;
  line-height: 1.4;
  } 
 
 .document.locked .infobox span.title, 
 .document .infobox span.title, 
 p.infobox span.title {
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  padding: 0px 0px 0px 0px;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  letter-spacing: -0.6px;
   } 
	
.infobox.external {
	margin-top: 150px;
	}	
	
.document.locked .infobox.external, 
.document .infobox.external, 
p.infobox.external {
	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
	}		

.spons-wrapper .document.locked .infobox, 
.spons-wrapper .document .infobox, 
.spons-wrapper p.infobox {
	background-color: #c0eafd;
	background-color: #b5e6fd;
	}

.spons-wrapper .document .docinfo {
  display: none;
  }

.infobox a,
.infobox ul.compact li a { }
cloud-con
#pools-connectphoto .infobox {
   font-size: 110%;
}

#pools-connectphoto .infobox b.important {
  color: #f00;
}

#pools-connectphoto .connect-photo-wrapper {margin: 0px 10px 0px 10px;}
#pools-connectphoto .connect-photo-img-wrapper {margin: 0px 10px 0px 10px;}

.section-pools .main {padding-top: 0px;}

#classifieds-view .infobox img {
  max-width: 100%;
  }

.classified-wrapper .company-ad {
    background-color: #66a4e5;
    padding: 5px 10px 5px 10px;
    color: #fff;
    font-size: 11px;
    margin-right: 10px;
    position: relative;
    bottom: 3px;
    }

.classified-wrapper .classified-fulldetails {
	width: 80%; 
	padding-right: 10px; 
	box-sizing: border-box;
	float:left;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #333;
    -webkit-font-smoothing: antialiased;
    }

.classified-wrapper .classified-advertiser {
	width: 20%; 
	box-sizing: border-box;
	float:left;
	}

.classified-wrapper .classified-advertiser .memberpic {
  bottom: 0px; 
  margin-left: 0px; 
  margin-right: 10px;
  }

.searchbox-classifieds, 
.searchbox-articles, 
.searchbox-calendar, 
.functionbox,
.sortbar {
  	width: 100%;
  	box-sizing: border-box;
  	display: inline-block;
  	font-size: 12px;
    margin: 10px 0px 10px 0px;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
	}
  
.main .functionbox table tr td:first-child {
  padding-left: 0px;   
   }
  
.functionbox label {
  font-size: 13px;
  }  
  
.functionbox .buttonrow {
  margin: 10px 0px 0px 0px;
  }

.functionbox.sml .buttonrow {
  text-align: right;
  }
  
.functionbox.sml.filter {
  justify-content: flex-start;
  align-content: stretch;
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  margin-top: 20px;
  grid-template-columns: 2fr;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  }  
	
.searchbox-calendar {
	}	
	
.functionbox input {
	margin-bottom: 0px;
	}	
	
.functionbox.light {
	background-color: #fff;
	padding: 10px 0px 10px 0px
	}	
	
.functionbox input[type="text"],
.functionbox select {
	margin-bottom: 5px;
  width: calc(100% - 2px);
	}
			
#productconnectionscontent input[type="text"] {
  width: 100%;
  }

.functionbox input.slimbutton,
.searchbox-classifieds input.slimbutton,
.functionbox.search a.slimbutton {
	float: right;
	}

div.searchbox-articles {
	}

.classified-wrapper img {
	width:100%; 
	height: auto;
	margin-bottom: 20px;
	}

div.searchbox-articles td {
  width:80%;
  }

.pushbox {
	border: 1px solid #cccccc;
	padding: 5px;
	}


/* my page */
#member-index .col-m {}
#member-index .col-n { text-align: left; }
#member-index .col-n h3 { text-align: left; padding-left: 5px;}
#member-index .col-n #groupactivity {}
#member-index .col-n .thumbnails-medium .thumbnail-medium { min-height: 0;  }
#member-index .col-n .thumbnails-full {  }
#member-index .col-n .thumbnails-full > .thumbnail-full { min-height: 0; margin: 0; padding-left: 0; }

body[id^='member-photos'] .membername, 
body#member-index .membername,
body#member-profile .membername,
body#member-sales-index .membername,
body#member-camerabag .membername,
body#member-bookmarks .membername,
body#member-agents-index .membername,
body#member-photos-profile .membername,
body#member-editsubscriptionaddress .membername,
body#member-auth .membername,
body#blog-admin-index .membername,
body#member-benefits .membername,
body#member-orders .membername {
	display:none;
	}

body[id^='member-photos'] .memberheader, 
body#member-index .memberheader,
body#member-profile .memberheader,
body#member-sales-index .memberheader,
body#member-camerabag .memberheader,
body#member-bookmarks .memberheader,
body#member-agents-index .memberheader,
body#member-photos-profile .memberheader,
body#member-auth .memberheader,
body#member-editsubscriptionaddress .memberheader,
body#blog-admin-index .memberheader,
body#blog-admin-index .crumbs,
body#member-benefits .memberheader,
body#member-orders .memberheader,
body#blog-admin-editblog .memberheader,
body#blog-admin-editblog .crumbs,
body#blog-admin-editblog h1.membername {
	display:none;
	}
  
body#member-index .memberheaderwrapper,
body#member-profile .memberheaderwrapper,
body#member-sales-index .memberheaderwrapper,
body#member-camerabag .memberheaderwrapper,
body#member-bookmarks .memberheaderwrapper,
body#member-agents-index .memberheaderwrapper,
body#member-photos-profile .memberheaderwrapper,
body#member-editsubscriptionaddress .memberheaderwrapper,
body#member-auth .memberheaderwrapper,
body#blog-admin-index .memberheaderwrapper,
body#member-benefits .memberheaderwrapper,
body#member-orders .memberheaderwrapper,
body#member-photos-index .memberheaderwrapper,
body#gallery-listpic .memberheaderwrapper,
body#member-comments2 .memberheaderwrapper,
body#member-network-follows .memberheaderwrapper {
  margin-left: 0px;
  }  
  


#member-index #membership h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	letter-spacing: 1.5px;
	font-size: 15px;
	text-align: left;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #b4b4b4;
	padding: 8px 5px 8px 10px;
	margin: 0px 0px 8px 0px;
	background-color: #d3e7f8;
	text-transform: uppercase;
	font-weight: 600;
	font-style: normal;
	}

#member-index #membership p, #member-benefits #membership p {
	padding:0px 10px 0px 10px;
	font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    line-height: 14px;
    color: #000000;
    line-height: 1.4;
	}

#member-profile .tp-tablayercontent .profilepic img {
  max-width: 200px;
  height: auto;
  }

#member-index .col-m .sidebar-nav .plusbox,
.item-list-wrapper.benefits .benefit-detail-wrapper {
  padding: 20px;
  background-color: #d7f3e8;
  border-radius: 10px;
  margin-bottom: 20px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  }

#member-index .col-m .sidebar-nav .plusbox ul li {
  list-style-type: square;
  }

#member-index .col-m .sidebar-nav .plusbox ul li a {
  text-decoration: underline;
  }

/* calendar */
body#calendar-index .mainArticle {
	width: auto; 
	}

.calenderItem {
	border-bottom: 1px solid #ccc ;
	clear: both;
	padding: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	}
	
#index .infocus	.calenderItem {
	padding: 10px 0px 10px 0px;
	}

.calendarItem .calendarItemThumb {
	float: left;
	padding: 0 10px 5px 0;
	width: 100%;
	}

.calendarItem .calendarItemThumb img {
	width:100%;
	height: auto;
	}

.calendarThumb {
	float: left;
	padding: 5px;
	width: 150px;
	height: 220px;
	border: 1px solid #eaeaea;
	margin: 0 5px 5px 0;
	text-align: center;
	}

.caldates, 
.document.calendar .caldates,
.calheading a {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	color: #000000;
	letter-spacing: 0;
	line-height: 20px;
	text-decoration: none;
	}

.caldates,
.document.calendar .caldates {
	font-weight: 700;
	font-size: 16px;
	}

.callocation,
.document.calendar .callocation,
.tvdocumentlist .subArticle .articleSummary .documentdescription,
.tvdocumentlist .mainArticle .articleSummary .documentdescription {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: rgba(0,0,0,0.50);
	letter-spacing: 0.1px;
	line-height: 20px;
	}
	
#cldoc-tv-index .subArticle .articleSummary .documentlisttitle a::before,
#cldoc-tv-index .subArticle .articleSummary h2 a::before {
	content: "\f03d"; 
	font-family: "Font Awesome 5 Pro"; 
	padding-right: 8px;
	color: #000; 
	font-size: 15px;
	}	
	
.document.calendar .callocation {
	}	

/* ---------- tinymaps ---------- */
img.tinymap-static {
 	width: 100%;
    height: auto;
	} 

div.document .maplinks,
div.maplinks {
  	font-size: 12px;
  	font-family: arial;
  	padding-top: 10px;
	}

.maplinks img {
  	margin-left: 5px;
  	margin-right: 3px;
  	vertical-align: middle;
	}

/* --- lines --- */
		
.section-prylar table.pricecompare .evenline, 
.section-prylar table.pricecompare .oddline {
	margin-bottom: 20px;
	}

table.pricecompare .oddline, table.pricecompare .evenline {
	background-color: #fff;
	}

/* --- forum adjust --- */

.vbmenu_control a {
  padding: 0 5px;
}

/* --- forms --- */
td.aoform {
  padding-bottom: 8px; 
  }
  
table.aoform-horizontal td.aoform-label {
  padding-right: 10px; 
  vertical-align: middle;
}

input.entryformfield[type=radio] { 
  margin-right: 5px;
  }  

/* portfolio profile */

#member-photos-profile .portfoliostyle {  
  padding: 10px;
  float:left;
}

#member-photos-profile .langselect {
  width:100px;
  height: 50px;
  float:left;
}

.topbar-large + .menu + .submenu + .clamtop {
  clear: both;
  overflow: auto;
}

.topbar-small + .menu + .submenu + .clamtop {
  clear: both;
  overflow: auto;
}

#member-portfolios a.portfoliourlicon::before {
	content: "\f14c"; 
	font-family: "Font Awesome 5 Pro"; 
	padding-right:8px;
	color: #000; 
	font-size:15px;
	}

/*
div.fsmissuebox {
  width:360px; float:left; height:300px; border:1px solid pink;
}
 
div.fsmissuedescr {
  float:left; width:140px; border:1px solid lime;
}
*/

/* magazine */

body#index .magazine-cover img {width: 100%;height: auto;}

.fsm-digital-wrapper,
.document-compact-wrapper {
	width:100%; 
	display:inline-block;
	padding-top: 10px;
	padding-left: 20px;
  padding-right: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  box-sizing:border-box;
	}

.fsm-digital-wrapper .pagectl,
.document-compact-wrapper .pagectl {
    flex: 2 0 100%;
    margin-right: 5px;
    }

.document-compact-wrapper {
	max-width: 950px;
	margin: auto;
	}	

.fsm-digital-wrapper .fsmissuebox-wrapper,
.document-compact-wrapper .compact-wrapper,
#cldoc-oldissues-index .fsmissuebox-wrapper {
	order: 0;
    flex: 0 1 auto;
    align-self: auto;
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
    margin-right: 10px;
    margin-bottom: 20px;
    border-bottom: 0px;  
    clear: both;
    overflow: hidden;
    padding-top: 20px;
    max-width: calc(100% / 6 - 15px);
    width: 100%;
    box-sizing: border-box;
	}
	
#cldoc-oldissues-index .fsmissuebox-wrapper {
	width: 100%;
	max-width: 100%;
	}	
	
#cldoc-oldissues-index .fsmissuebox-wrapper .fsmissuebox {
	float: left;
	max-width: calc(100% / 4 - 20px);
  width: 100%;
  margin-right: 20px;  
	}	
	
.document-compact-wrapper .compact-wrapper {
	margin-right: 25px;
	}	
	
.document-compact-wrapper .compact-wrapper {
	max-width: calc(100% / 3 - 25px);
	}	
	
.fsm-digital-wrapper .fsmissuebox-wrapper .issue-image,
.document-compact-wrapper .compact-wrapper .document-image {
	width:100%;
	display: inline-block;
	}	

.fsm-digital-wrapper .fsmissuebox-wrapper .DigitalProductPush {
	width:100%;
	display: inline-block;
	display: none;
	}

#index .fsmissuebox-wrapper,
#index .compact-wrapper {
	padding:0px;
	background-color: #fff;
	}

.fsmissuebox-wrapper .DigitalProductPush h3 {
	display:none;
	}

.fsmissuebox img,
.documentbox img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	}

.fsm-digital-wrapper .fsmissuebox-wrapper .fsmissuebox img,
.document-compact-wrapper .compact-wrapper .documentbox img {
	width: 100%;
	}

.document-compact-wrapper .compact-wrapper .documentbox img:hover {
	opacity:0.7;
	}
	
#index .documentbox {
  float: left;
  margin: 0px 10px 10px 0px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #ededed;
  width: calc(100% / 2 - 10px);
  }
    
#index .fsmissuebox img {
  width: 100%;
  height: auto;
  }    

.fsm-digital-wrapper .fsmissuebox {
  width: calc(100% / 6 - 10px);
  margin-right: 10px;
  }

.document-compact-wrapper .documentbox {
	border: 0px;
	width: 100%;
	}
 
.fsm-digital-wrapper .fsmissuebox h2,
.document-compact-wrapper .documentbox h2 { 
  font-size: 12px;
  margin: 10px 0px 10px 0px;
  color: #f7e37c;
  border-bottom: 1px solid #393939;
  border-top: 0px;
  padding: 0px 0px 10px 0px;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  }
 
.fsm-digital-purchase-wrapper {
  width: 70%;
  margin: auto;
  padding: 20px;
  box-sizing: border-box;
  }
 
.fsm-digital-purchase-wrapper .billboard-wrapper {
  display: inline-block;
  text-align: center;
  margin: auto;
  width: 30%;
  }
  
.fsm-digital-purchase-wrapper .billboard-wrapper .billboardheader {}
	
.fsm-digital-purchase-wrapper .issue-image {	
  float:left; 
  margin-right: 30px;
  width: calc(70% - 30px);
  }
	
.fsm-digital-purchase-wrapper .issue-image img {
  width: 100%;
  border-radius: 10px;
  }	
 
div.fsmissuedescr {
  float:left; 
}

div.fsmissuebox .product-wrapper.minimal {
	padding-top: 10px;
	}

#product-fsmag-7nr {
	padding:10px;
	}

/* fsshop product slajder */

.slider.fsproducts {
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
  }
  
 
.content {
  width: 500px;
  }

.groupwall dt {
  	font-weight: bold;
	}

.groupwall dd {
  	margin-bottom: 10px;
	}

.instruction {
  	width: auto;
  	margin: 5px 0;
	}

.rules {
  	width: auto;
  	max-width: 500px;
  	border: 1px solid #ff9600;
  	padding: 5px;
  	margin: 5px 0;
	}

h2.pagesection {
    font-weight: 700;
    font-size: 65px;
    text-transform: none;
    line-height: 1.1;
    font-style: normal;
    color: #000000;
    margin: 0;
    padding: 30px 0 20px 0;
    margin-bottom: 30px;
    margin-top: 30px;
    font-size: 58px;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 1.2;
    letter-spacing: -0.4px;
    text-align: center;
    }

.readmore-section.premium h2.pagesection {
  font-family: 'Playfair Display', serif;
  font-weight: normal;
  }
  
.document .minithumb {
  height: 98px;
  width: 98px;
  padding:5px;
  margin: 4px 4px 4px 0;
  }

/* carousel */

a.carousel-jumper, a.carousel-jumper:visited, a.carousel-jumper:active, a.carousel-jumper:hover, a.carousel-jumper:link   {
  background-color: #000000;
  color: #FFF;
  text-decoration: none;
  font-size: 9px;
  line-height: 16px;
  padding: 2px 6px 2px 6px;
  border: 1px solid #000000;
  font-size:11px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  background-image: url(/styles/std/images/pagectl_bg.gif);
  background-repeat: repeat-x;
}

a.carousel-jumper:hover { 
  color: #ff9600;
  background-color: #FFFFFF;
}

.carousel-control img {
  padding-top:0px;
  position: relative;
  bottom: 30px;
}

/* adbox index */

.adbox#doclist-ad { 
  	text-align: left;
    margin-bottom: 30px;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 30px;
	} 
  
.adbox.cldoc {
   margin-top: 20px;
   } 
   
.adbox.viewpic {
   margin: auto;
   text-align: center;
   max-width: 1100px;
   }   
     
.adbox.viewpic img {
  margin-top: 20px;
  max-width: 100%;
  height: auto;
  }

.adbox.cldoc img {
  max-width: 100%;
  height: auto;
  }

.adbox#doclist-ad .adform-adbox-static {
	width: 100% !important; 
	height: auto !important;
	}

.adbox#doclist-ad .dcmads {
	width: 100% !important; 
	height: auto !important;
	}

.adbox .adbox-label,
.superpanorama-ad .adbox-label,
.adlegend,
.adlegend.adlegend-right,
.adlegend.adlegend-center {
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  text-align: left;
  }
  
.adlegend.adlegend-right {
  float: right;
  }  
  
.adlegend.adlegend-center {
  text-align: center;
  }

.adbox#doclist-ad img { 
  width:100%;
  max-width: 100%;
  height: auto;
  } 

.admin, 
a.admin:link, 
a.admin:visited,
h2 a.admin {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 500;
    font-size: 11px !important;
    padding: 5px 8px 5px 8px;
    margin: 0px 0px 5px 0px;
    color: #000;
    letter-spacing: 0.02em;
    border-radius: 3px;
    background-color: #fcf6d2;
    display: block;
	}
		
.admin:hover, 
h2 a.admin:hover,
a.admin:hover {
	background-color: #faeca5;
	}

/* classifieds */

#productfieldwrapper { }
#modelfieldwrapper { }
#product, #productfamily { min-width: 200px; }
.disabledfield, .disabledfield td, .disabledfield p { color: #999999; }
#brandsuggestionswrapper { position: relative; }
#brandsuggestions { position:absolute; width: 300px; background-color: #ededed; padding: 10px; }
#brandsuggestions a { display: block; padding: 3px;}
#brandsuggestionswrapper #close { position: absolute; right: 2px; top: 2px; background-color: #eaeaea; color: #3c3c3c; width: 10px; height:19px; 
                       font-weight: bold; padding: 0 3px 0 3px; border-radius: 3px; cursor:pointer; }

#classifieds-view div.infobox h1 {
  border-bottom:1px solid #B4B4B4;
  border-top:3px solid #B4B4B4;
  font-family:arial,tahoma,verdana,sans-serif;
  font-size:1.45em;
  font-weight:bold;
  letter-spacing:0;
  margin:0px 0px 10px 0px;
  padding:0px 0;
}

#classifieds-view div.col-m {}

#classifieds-edit .main table tr td:first-child {padding-left: 0px;}


/* NEW 2011-11 */

.indexdocumentlist h1 a {
  	}

.indexdocumentlist h2 a,
.indexdocumentlist h1 a,
.documentlist.index h1 a,
.documentlist.index h2 a {
	font-weight: normal;
	font-size: 54px;
	font-weight: 800;
	line-height: 1.0;
	color: #000000;
	text-decoration: none;
	/* letter-spacing: -1px; */
	font-family: 'Roboto', sans-serif;
  	}
  
#articles .indexdocumentlist .subArticle h1 a,
#doclist .indexdocumentlist .subArticle h1 a,
#doclist .indexdocumentlist h1 a {
  font-size: 30px;	
  }

#articles .indexdocumentlist .subArticle h2 a,
#doclist .indexdocumentlist .subArticle h2 a,
.indexdocumentlist .indexdocumentlist h2 a {
  font-size: 24px;	
	}
  
/* Sponsored */
  
.sponsored-wrapper .articleSummary h2 a,
.sponsored-wrapper .articleSummary h1 a {
  font-family: arial;
  }   

.sponsored-wrapper .articleSummary h1 a {
  font-weight: 600;
  }
  
.mainArticle .sponsored-wrapper .documentdescription {
  font-family: arial;
  }

.sponsored-wrapper h2 a {
   font-size: 24px;	
   } 
   
.sponsored-wrapper .articleSummary {
  font-family: arial;
  line-height: 1.3;
  font-size: 17px;
  }
     
  
div.col-wm.index-wide span.articleCategory {
  padding-top: 8px;
  font-family: 'Open Sans Condensed', sans-serif; font-weight: 600; font-style: normal;
  font-size: 14px;
  }

div.blogbox-teaser {
  width:100px;
  height:85px;
  float:left;
}

div.blogbox {
  position: absolute;		     
  top: 13px;
  left: 260px;
  margin-right: 10px;
  width:400px;
}

div.blogbox .title {
  padding-top:20px;
}

div.blogbox .title a,
div.blogbox .title a:link,
div.blogbox .title a:visited,
div.blogbox .title a:focus,
div.blogbox .title a:hover,
div.blogbox .title a:active {
  font-family: arial;
  font-style: normal;
  font-size: 14px;
  font-weight: 500;   
  color: #ff9600;
  padding-top:30px;
  text-decoration: none;
}

div.blogbox .summary a,
div.blogbox .summary a:link,
div.blogbox .summary a:visited,
div.blogbox .summary a:focus,
div.blogbox .summary a:hover,
div.blogbox .summary a:active {
  font-family: georgia;
  font-weight: normal;
  font-size: 13px;
  font-weight: normal;
  color: #dedede;
  font-style: italic; 
  text-decoration: none;
}

.std.section-proffsfoto .topbar { 
  background-image: url(/styles/std/images/topstrip/new/topstrip_pf.jpg);
  height: 140px;
  }
  
#proffsfoto-index .header-logo-wrapper.proffsfoto {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 10px;
  width: 100%;
  }

.std.section-magasin .topbar { 
  background-image: url(/styles/std/images/topstrip/new/topstrip_fsm.jpg);
  height: 140px;
  }

.topbar #loginform {
   position: absolute;		     
   x-top: 20px;
   right: 0;
   margin-right: 10px;  
   }

.topbar #loginform #facebookbutton img {
   vertical-align: bottom;
   padding-bottom: 8px;
}

.topbar #notloggedininfo {
   position: absolute;		     
   top: 7px;
   right: 10px;
   margin-right: 0px;
}

.loginbox {
   position: absolute;		     
   top: 9px;
   right: 85px;
   text-align: right;
}

div.blog-doc-tags {}
 

div.blog-doc-cats {
  
}

.albumthumb.access-pr img,
#member-photos-index .gallerythumb.access-pr img {
  opacity:0.5;
  filter:alpha(opacity=50); /* For IE8 and earlier */
  }

div.updatenotification {
   min-width: 200px;					   
   background: #ff9600;
   color: #ffffff;
   font-weight: bold;
   font-size: 12px;
   padding: 5px 5px 5px 15px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
   border-radius:4px;
   }

.albumlist .albumentry {
  width: auto;
  border: 1px solid #eee;
  overflow: auto;
  margin-bottom: 2px;
  padding: 2px 0 2px 5px;
  background-color: #fff;
}

.albumlist .albumentry.access-pr {
  background-color: #eee;
  color: #999;
}

.albumlist .albumentry .album-title a,
.albumlist .albumentry .album-title a:link,
.albumlist .albumentry .album-title a:visited,
.albumlist .albumentry .album-title a:hover,
.albumlist .albumentry .album-title a:active {
  color: #000;
}

.albumlist .albumentry.access-pr .album-title a,
.albumlist .albumentry.access-pr .album-title a:link,
.albumlist .albumentry.access-pr .album-title a:visited,
.albumlist .albumentry.access-pr .album-title a:hover,
.albumlist .albumentry.access-pr .album-title a:active {
  color: #999;
}

.albumlist .albumentry .album-title { float: left; min-width: 500px;}
.albumlist .albumentry .album-type  { float: left;  min-width: 100px; }
.albumlist .albumentry .album-count { float: left; min-width:  100px; }

#index .col-m .magazine-covers {
  min-height: 150px;
  overflow: hidden;
  margin: 0px 0px 20px 0px; 
  padding: 0px 0px 10px 0px;
  background-color: #000;
}

#index .magazine-covers {
  margin: 0px; 
  padding: 0px 0px 10px 0px;
}

#index .magazine-archive {
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: grid;
  -webkit-box-flex: 1;
  flex-grow: 1;
  list-style: none;
  margin: 0px;
  margin-top: 44px;
  padding: 0px;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
} 

#index .magazine-archive .fsmissuebox .DigitalProductPush {
  display: none;
  }

.magazine-covers ul {padding: 0px;margin: -5px 0px 0px 15px;}
.magazine-covers li a {font-family: 'Open Sans', sans-serif; color: #fff;}
.magazine-covers li a::before {content: "\f105"; font-family: "Font Awesome 5 Pro"; padding-right:8px;}
 
.magazine-cover {
	text-align: center;
	}

div.magazine-covers h2 {
  font-family:  arial, tahoma, verdana, sans-serif;
  font-size:16px;
  text-align: left;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding:10px 15px 10px 10px;
  border-top: 0px solid #000000;
  background-color: #EEEEEE;
  text-transform: uppercase;
}

div.special-event {
  	min-height: 150px;
  	overflow: hidden;
  	margin: 0px 0px 0px 0px;
  	padding: 0px 0px 10px 10px;
  	width: 290px;
	}

div.special-event ul.compact li {
	margin-left: 0px;
	}

div.special-event a {
	margin-left: 10px;
	}

div.special-event h2 {
  	font-family:  arial, tahoma, verdana, sans-serif;
  	font-size:16px;
  	text-align: left;
  	font-weight: bold;
  	margin: 0px 0px 0px 0px;
  	padding:10px 15px 10px 5px;
  	border-top: 0px solid #000000;
  	background-color: #EEEEEE;
  	text-transform: uppercase;
	}
  
/* BANNERS */  

.adzone-hideable {
  	position: relative;
  	padding-bottom: 20px;
	}

.adzone-hideable #hidebutton a {
  	text-decoration: none;
  	color: #fff;
  	font-weight: bold;
  	font-size: 11px;
	}

.adzone-hideable #hidebutton {
	position: absolute;
    top: 12px;
    right: 3px;
    width: 14px;
    height: 13px;
    background-color: #222;
    vertical-align: middle;
    text-align: center;
    line-height: 9px;
	}
  
#zone34 {
   text-align: center;
   background-color: #000;
   position: relative;
   } 
   
#zone34 img {
  width: 100%;
  height: auto;
  max-width: 1340px;
  max-width: 100%;
  }  
 
#zone34 img.tracker {
  max-width: initial;
  width: initial;
  height: initial;
  }

#zone34 img:hover {
  }  

#zone34 .banner-navigation {
  position: absolute;
  left: calc(50% - 80px)  ;
  bottom: 20px;
  } 

#zone34 .banner-navigation span.arrow {
  }  

#zone34 .banner-navigation span.arrow::after {
   content: "\f078"; 
   font-family: "Font Awesome 5 Pro"; 
   padding: 6px 10px 8px 10px; 
   color: #fff; 
   text-decoration: none;
   font-size: 45px;
   } 
   
#zone34 .banner-navigation.white span.arrow::after {
  color: #000;
  }   

#zone34 .banner-navigation span.close {
  color: #fff;
  left: 16px;
  position: fixed;
  top: 42px;
  z-index: 1;
  display: none;
  }  

#zone34 .banner-navigation span.close::after {
   content: "\f00d"; 
   font-family: "Font Awesome 5 Pro"; 
   padding: 6px 10px 8px 10px; 
   color: #fff; 
   text-decoration: none;
   font-size: 35px;
   } 
   
#zone34 .banner-navigation span.scrolltext {
  color: #fff;
  display: block;
  }

#zone34 .banner-navigation.white span.scrolltext {
  color: #000;
  }

#zone34 .banner-ad-label {
  width: 100%;
  height: auto;
  max-width: 1340px;
  margin: auto;
  color: #fff;
  font-size: 12px;
  text-align: left;
  padding: 5px;
  }  
  
#zone34 .banner-ad-label.white {
  background-color: #fff;
  color: #000;
  }     
   
#zone34 .banner-navigation a {
  text-decoration: none;
  }   
  
#zone34 .banner-navigation a:hover {
  } 
  
#zone34 .videodesktop {
  width: 100%;
  }   
  
#partner-box .one img {
  max-width: 100%;
  height: auto;
  }
 
span.partner_logo {
  width: 100px;
  display: inline-block;
  margin-top: 20px;
  }   
  
span.partner_logo.mini {
  width: 60px;
  margin-top: 6px;
  }  

span.partner_logo img {
  width: 100%;
  height: auto;
  }   

  
.footer-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  margin: 0px;
  transition: opacity 0.2s linear;
  -webkit-transition: opacity 0.2s linear;
  background: #ededed;
  width: 100%;
  padding: 20px;
  text-align: center;
  filter: drop-shadow(0 10mm 10mm rgb(51, 51, 51));
  box-sizing: border-box;
  } 
  
  .footer-banner .content-wrapper {
    width: 500px;
    margin: auto;
    position: relative;
    }
  
 .footer-banner.hidden {
  opacity: 0;
  }  
 
 .footer-banner.display {
  opacity: 1; 
  }  
 
.footer-banner a.buy.slimbutton:link {
  max-width: fit-content; 
  max-width: -moz-fit-content;  
  margin: 0px;
  background-color: #e8004d;
  border: 1px solid #e8004d;
  margin-left: 20px;
  font-weight: 700;
  }
  
.footer-banner a.buy.slimbutton:hover {
  text-decoration: underline;
  }  

.footer-banner img {  
  display: block;
  position: absolute;
  width: 150px;
  bottom: -40px;
  left: -220px;
  transform: rotate(-10deg);
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  opacity: 1;
  }  

/* 2013-01-11 */

#index .col-m {
  border-left: 0px solid #cccccc;
  border-right: 0px solid #d6d6d6;
}

#gfs {
}

#gfs .photopushbox-image {
  background-color: #000000;
  box-shadow: 0 7px 7px #000000;
}

#gfs .photopushbox-image a img {
  margin-bottom: 10px;
}

/* admin */

.section-shop .tp-tabbedpane td {
  font-size: 13px;
  line-height: 1.5;
  }

/* CONTEST */

#contest-viewpic .clamtop,
#contest-view .clamtop
#contest-viewpic .sponsorbox img,
#contest-viewpic h1,
#contest-viewpic .tp-tabbedmenu {
  display: none;
  }
  
#contest-viewpic .canvas table tr td:first-child {
  padding: 0px;
  }
  
#contest-viewpic span#jury_plus.editable {
  display: block;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  }

.contests-wrapper {
  display: grid;
  -webkit-box-flex: 1;
  flex-grow: 1;
  list-style: none;
  margin: 0px;
  padding: 0px;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  margin-bottom: 20px;
  }

div#contest-info.info {
 	border-bottom: 1px solid #ededed;
 	padding: 10px;
 	margin-bottom: 10px;
 	background-color: #f2f2f2;
	}

.sponsorbox img {
	width:100%;
	height: auto;
	}

.section-challenge .sponsorbox.sponsorbanner {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  padding: 10px;
  }  

.sponsorbox.sponsorbanner img {
  width: auto;
  }  

.section-contest p {
	font-family: georgia;
    font-size: 17px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
    color: #333;
    margin: 0px;
    }
    
.section-contest p a {
  text-decoration: underline;
  }    

.contest-folder-wrapper {
    background-color: #fff;
    border: 1px solid #e3e3e3;
    padding: 20px;
    border-radius: 5px;
	box-sizing: border-box;
	}

.contest-folder-wrapper .infowrapper .readmore {
  margin-top: 20px;
  }
	
.contest-title {
  }

.contest-photo-count,
.contest-status {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.50);
  letter-spacing: 0.1px;
  line-height: 20px;
  margin-right: 5px;
  }


/* 2013-06-12 */

#viewpiccontainer .photonavigator #viewlargeinfo {
  display: block !important;
  background-color: #333;
  height: 18px;
  position: absolute;
  min-width: 120px;
  top: 40px;
  left: 85px;
  color: #fff;
  font-size: 10px;
  line-height: 16px;
  padding: 5px 5px 4px 10px;
   box-shadow: 0px 0px 24px 5px rgba(0, 0, 0, 0.2);
}

#viewpiccontainer .photonavigator #viewlargeinfo:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 10px solid transparent;
	border-bottom-color: #333;
	bottom: 100%;
	left: 20px;
}

#magasin-viewpic .editable {
  display: inline-block;
  min-width: 50px;
  border: 1px solid #ccc;
  margin: 0px 0px 5px 0px;
  width: 100%;
  box-sizing: border-box;
  }

#magasin-viewpic .editable,
#magasin-viewpic .main table tr td,
#magasin-viewpic fieldset {
  padding: 5px 8px 5px 8px;
  font-family: 'Roboto';
  font-size: 13px;
  }


/* viewpic2 */

.comment {}

.gallery-viewpic3 #photonavigator {
  margin:0;
  font-size: 11px;
}

.gallery-viewpic3 .bgcolorW, gallery-viewpic3 .bgolorW a {
  background-color: #fff;
  color: #d0d0d0;
}

.gallery-viewpic3 .bgcolorB, .gallery-viewpic3 .bgolorB a {
  background-color: #fff;
  color: #d0d0d0;
}

.gallery-viewpic3 .bgcolorG, .gallery-viewpic3 .bgolorG a {
  background-color: #fff;
  color: #d0d0d0;
}

.gallery-viewpic3 #viewpiccontainer .photoinfo {
  display: none;
  }

.gallery-viewpic3 .infocol2 #photodetails {
  padding: 20px;
  }

.gallery-viewpic3 .infocol2 .photoinfo-extra {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.50);
  letter-spacing: 0.1px;
  line-height: 20px;
  margin-right: 5px; 
  }

.gallery-viewpic3 #viewpiccontainer .evenline {
	}

.gallery-viewpic3 #viewpiccontainer .infocol1 {
  	border-right: 0px;
	}

.gallery-viewpic3 ul.poollist {
  list-style: none;
  padding: 0px 0px 0px 0px;
  /* margin-bottom: 10px;
  border-bottom: 1px solid #C5C5C5; */
}

.gallery-viewpic3 ul.poollist li {
  }

.gallery-viewpic3 #viewpiccontainer ul.poollist li {
  border: 0px;
  margin-bottom: 0px;
  padding: 0px;
  border: 0px solid #eee;
}

.gallery-viewpic3 #viewpiccontainer ul.poollist li.current {
  font-weight: 700;  
  }
  
.gallery-viewpic3 #viewpiccontainer .gallerybox {
  background-color: #fff;
  display: grid;
  -webkit-box-flex: 1;
  flex-grow: 1;
  list-style: none;
  margin: 0px;
  padding: 0px;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
  
.gallery-viewpic3 #viewpiccontainer .gallerybox a {
  font-family: "Roboto";
  font-size: 11px;
  }  

.gallerybox3.justified-gallery,
.gallerybox.justified-gallery,
.gallery-viewpic3 .gallerybox.justified-gallery { 
  	padding: 0; margin: 0; 
  	background-color: inherit;
  	border: none;
  	width: 100%;
  	/* margin-right: 10px; ger fel margin på mobilt */
	}

.gallery-viewpic3 #viewpiccontainer div.infocol1, 
#gallery-view div.infocol1 {
  	max-width: calc(67% - 20px);
  	width: 100%;
  	float: left;
  	padding: 20px;
  	box-sizing: border-box;
	}

.gallery-viewpic3 #viewpiccontainer div.infocol2, 
#gallery-view div.infocol2 {
	border-left: 0px solid #c5c5c5;
	color: #222222;
	width:100%;
  max-width: 33%;
	margin: 0px 0px 20px 20px;
	float:left;
	box-sizing: border-box;
	border: 0px solid #e3e3e3;
	padding: 20px 0px 0px 0px;
	}

.gallery-viewpic3 .information2, 
.gallery-view .information2 {
	/* margin: 10px 0px 40px 0px; */
	padding: 10px 20px 10px 20px;
	}

.gallery-viewpic3 div.infocol2 div.photographer-portrait {
	float: left; 
	margin: 0 20px 5px 5px; 
	width: 50px; 
	height: 50px;
	}
	
.gallery-viewpic3 div.infocol2 div.photographer-portrait img {
	border-radius: 100px;
	}

.gallery-viewpic3 .infocol2 .photo-info-wrapper {
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  }

.gallery-viewpic3 .infocol2 .photo-info-wrapper .photographer-details-wrapper {
  width: 50%;
  box-sizing: border-box;
  display: inline-block;
  float: left;
  }

.gallery-viewpic3 .infocol2 .photo-title, 
.gallery-viewpic3 .infocol2 .photographer-name, 
.gallery-viewpic3 .infocol2 #photodetails, 
.gallery-viewpic3 .infocol2 .photo-description, 
.gallery-viewpic3 .infocol2 .location-date {
	/* margin-left: 15px; */
	margin-left: 0px;
	padding: 0px;
	}

.gallery-viewpic3 .infocol2 .photo-title,
.collection-description-wrapper .photo-title {  
  display: inline-block;
  text-align: left;
  font-weight: 700;
  font-size: 16px;
  margin-top: 5px;
  box-sizing: border-box;
  }

.gallery-viewpic3 .infocol2 .photographer-name a, 
.gallery-viewpic3 .infocol2 .photographer-c-name a  { 
  text-decoration: none;
  font-size: 14px;
  line-height: 1.2;
  text-decoration: none;
  }	 
  
.gallery-viewpic3 .infocol2 .photographer-name a:hover { 
  text-decoration: underline;
  }

.gallery-viewpic3 .infocol2 .memberfollowbox {
  width: 20%;
  float: right;
  }

.gallery-viewpic3 .photographer-name-mobile {
	display:none;
	} 

.gallery-viewpic3 .infocol2 .location-date {
	margin-top: 10px;
  	}


.gallery-viewpic3 div.infocol2 a, 
.gallery-viewpic3 div.infocol2 p, 
.gallery-viewpic3 div.infocol2 span {
	}

.gallery-viewpic3 div.infocol2 .photo-tags-block {
  margin-bottom: 20px;	
  } 

.gallery-viewpic3 div.infocol2 .photo-tags-block a.link {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
  margin-right: 5px;
  }

.gallery-viewpic3 div.infocol2 .photo-tags-block .tags {	
	overflow: auto;
	} 

.gallery-viewpic3 div.infocol2 #tinymap {
  	width: 100% !important;
	} 

.gallery-viewpic3 div.infocol2 .photo-map {
	padding: 0px 0px 20px 0px;
	} 
	
.gallery-viewpic3 #viewpiccontainer .canvas {
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
  }

.exif {
  display: inline-block;
  padding: 20px 0px 20px 0px;
  }  
  
.exif ul {
  margin-left: 0px;
  padding-left: 0px;
  }  


/* .gallery-viewpic3 #placements {
 	border-bottom: 1px solid #ededed;
 	padding: 0px;
 	margin-bottom: 10px;
	} */

div.scoreboard-detail-rating-bar-wrapper {
  width:100%;
  margin-bottom: 50px;
  display: inline-block;
  }

.gallery-viewpic3 .scoreboard-detail-comment,
.gallery-viewpic3 .scoreboard-detail-rating,
.gallery-viewpic3 .scoreboard-detail-favcount,
.gallery-viewpic3 .scoreboard-detail-like,
.gallery-viewpic3 .scoreboard-detail-views {
  width: calc(100% / 3 - 5px); 
  display:inline-block; 
  margin-bottom: 30px; 
  text-align: center; 
  float:left;
  }
  
.gallery-viewpic3 .scoreboard-detail-favcount,
.gallery-viewpic3 .scoreboard-detail-like, 
.gallery-viewpic3 .scoreboard-detail-views {
  }

.gallery-viewpic3 .scoreboard-detail-rating-bar {
  width: 100%; 
  margin-bottom: 0px; 
  text-align: center; 
  float:left; 
  height: 30px;
}

.gallery-viewpic3 .scoreboard-detail-rating-bar:nth-child(5) {
  margin-bottom: 30px;
}

.scoreboardcount {
  font-size: 24px; 
  color: #f7e37c; 
  margin-bottom:5px; 
  font-weight: 800; 
  line-height: 24px;
  font-family: 'Roboto', sans-serif;
  }

.gallery-viewpic3 .scoreboardcount {
  color: #222;
  }

.gallery-viewpic3 .scoreboardcount a {
  color: #0099E5; 
  text-decoration: none;
  }

div.scoreboardcount-label {font-size: 13px; line-height: 30px; color: #fff;font-weight: 300;}
.gallery-viewpic3 div.scoreboardcount-label {color: #000;}
.gallery-viewpic3 div.scoreboardcount-label-bar {width:100%;line-height: 8px;float:left; text-align: left;height: 20px;position: relative;top: 25px;left: 5px;}

.gallery-viewpic3 progress[value] {appearance: none;border: none;width:100%;margin:-.25rem 0 1rem 0; float:left;background-color: #ff9600; height: 25px;}

progress::-moz-progress-bar { background: #c1c1c1; }
progress.course-progress-rating1::-webkit-progress-bar { background: #fcf6d2; }
progress.course-progress-rating2::-webkit-progress-bar { background: #fcf6d2; }
progress.course-progress-rating3::-webkit-progress-bar { background: #fcf6d2; }
progress.course-progress-rating4::-webkit-progress-bar { background: #fcf6d2; }
progress.course-progress-rating1::-webkit-progress-value { background: #f5da56; }
progress.course-progress-rating2::-webkit-progress-value { background: #f5da56; }
progress.course-progress-rating3::-webkit-progress-value { background: #f5da56; }
progress.course-progress-rating4::-webkit-progress-value { background: #f5da56; }


.gallery-header-wrapper {
	/* text-align: center; */
	max-width: 980px;
	margin: auto;
	}

/* RATING / RANGESLIDER */

.rangeslider, input[type='range'] {
	border-radius:0px; 
	width:100%; 
	max-width:100%;
	box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.0); 

	}

.rangeslider__handle {
	border-radius: 0px;
	}

.rangeslider--horizontal {
	height: 5px !important;
	}

.rangeslider__fill {
	border-radius: 0px; 
	box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.0);
	background: #666 !important; 
	}

.rangeslider--horizontal .rangeslider__handle {
	top:-10px;
 	font-size: 13px;
 	line-height: 19px;
 	font-weight: 700;
 	display: inline-block;
 	-webkit-appearance: none;
 	box-sizing: border-box;
 	border: 2px solid #222;
 	background: #fff;
 	color: #222;
 	border-radius: 20px;
 	box-shadow: 0px 0px 0px;
 	height: 25px;
 	width: 20px;
 	}
 
.rangeslider,
	   input[type='range'] {
	   max-width: 100%;margin: 10px 0px 20px 0px;
	   }
	   
.rangeslider__handle:after {
	background-size: 0%;
	}
	   
div#viewpicsidebar .rangeslider {max-width: 100%}	   
    
 #gallery-viewpic .rangeslider,
	   input[type='range'] {
	   position: relative;}


	.rangeslider__handle {
	  width: 25px;
	  height: 25px;
	  min-width: 25px;
	  line-height: 25px;
	  text-align: center;
      background-image: none;

	  &:after {
	  background: 0;
	  }
	}

.infocol2 .picinfo-wrapper {
	padding: 20px; 
	background-color: #fff;
  margin-bottom: 20px;
	}

.photoshare {
  	border-bottom: 1px solid #d0d0d0;
  	padding: 10px 0px 5px 10px;
  	margin-top: 0px;
  	margin-bottom: 10px;
  	border-radius: 4px;
	}

.commentbox .photoshare {
	background-color: inherit;
	border-bottom: 0px;
	}

.gallery-viewpic3 .photoshare {
  	border-bottom: 1px solid #c2c2c2;
  	border-radius: 0px;
  	margin: 10px 0px 20px 0px;
    padding-bottom: 20px;
  	padding-left: 0px;
  	text-align: center;
	}
  
.gallery-viewpic3 #section-title.group-title {
  border-top: 1px solid #ededed;
  padding-top: 20px;
  } 
  
.gallery-viewpic3 #section-title.challenge-title {
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  padding: 10px 0px 10px 0px;
  margin: 10px 0px 20px 0px;
  }   
  
  @media only screen and (min-width : 481px) { 
    
    .gallery-viewpic3 #section-title.group-title,
    .gallery-viewpic3 #section-title.challenge-title {
      display: none;
      }    
    
    }

.photoshare #shareslide {
	z-index: 100;
    height: auto;
    width: 100px;
    white-space: nowrap;
    position: relative;
    top: 10px;
    left: 140px;
    padding: 10px;
    background-color: #d0d0d0;
    margin-top: 10px;
    }
    
#shareslide:after, #shareslide:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#shareslide:after {

	border-bottom-color: #d0d0d0;
	border-width: 10px;
	margin-left: -10px;
}
#shareslide:before {

	border-bottom-color: #d0d0d0;
	border-width: 16px;
	margin-left: -16px;
}
    
#shareslide .socialwidget {text-align: left; min-width: 0px;}    

.photoshare img#favoritebutton {display:none;} 

.photoshare #share-favorite-on::before {content: "\f004"; font-family: "Font Awesome 5 Pro"; padding: 10px 10px 8px 10px; background-color: #f9f9f9; background: linear-gradient(#dddddd, #d1d1d1); text-decoration: none;border-bottom-left-radius: 10px; border-top-left-radius: 10px;} 

.photoshare #share-favorite-off::before {color:#ff9600;content: "\f004"; font-family: "Font Awesome 5 Pro"; padding: 10px 10px 8px 10px; background-color: #f9f9f9; background: linear-gradient(#dddddd, #d1d1d1); text-decoration: none;border-bottom-left-radius: 10px; border-top-left-radius: 10px;} 

.photoshare #share-favorite img, 
.photoshare #share-fb img, 
.photoshare #share-twitter img, 
.photoshare #share-pinterest img, 
.photoshare #share-more img {
	display:none;
	}
	
.photoshare #share-twitter::before, 
.photoshare #share-fb::before,
.photoshare #share-pinterest::before,
.photoshare #share-more::before,
.photoshare a.share-favorite.button.selected::before,
.photoshare a.share-favorite.button::before,
.photoshare a.share-like.button::before,
.photoshare a.share-like.button.selected::before {
  font-family: "Font Awesome 5 Pro"; 
  padding: 6px 10px 8px 10px; 
  color: #d0d0d0;  
  text-decoration: none;
  font-size: 25px;
  font-weight: 200;
  }

.photoshare #share-fb::before {
  content: "\f09a";
  display:none;
  }

.photoshare #share-twitter::before {
  content: "\f099"; 
  display:none;
  }

.photoshare #share-pinterest::before {
  content: "\f231"; 
  display:none;
  }

.photoshare #share-more::before {
  content: "\f064"; 
  font-size:25px;
  }

.photoshare #share-favorite-on, 
.photoshare #share-fb, 
.photoshare #share-twitter, 
.photoshare #share-pinterest, 
.photoshare #share-more {
  text-decoration:none; 
  color:#000;
  }

.photoshare a.share-favorite.button {text-decoration:none; color: #000;}
.photoshare a.share-like.button {text-decoration:none; color: #000;}

.photoshare a.share-favorite.button.selected::before {
  color:#e8004d;
  content: "\f004";
  }
   
.photoshare a.share-favorite.button::before {
  content: "\f004"; 
  padding: 10px 10px 8px 10px; 
  color: #d0d0d0; 
  font-size: 25px;
  } 

.photoshare a.share-like.button::before {
  content: "\f164"; 
  padding: 10px 10px 8px 10px; 
  font-size: 25px;
  }
   
.photoshare a.share-like.button.selected::before {
  color:#000;
  content: "\f164"; 
  padding: 10px 10px 8px 10px; 
  } 

.gallery-viewpic3 div.pic-admintools {
  margin-top: 20px;
  }

.reportthis a {
  border: 0px solid #444444;
  border-radius: 4px 4px 4px 4px;
  font-size: 9px;
  padding: 2px 4px 4px 4px;
  background-color: #fff;
  margin-left: 10px;
  border: 1px solid red;
}

.gallery-viewpic3 div.pic-admintools a {
  color: #333;
  text-decoration: none;
  }

.filter-images-btn {
  float:right;
  margin: 0px 15px 0px 0px;
  color: #000000;
  font-family: arial,tahoma,verdana,sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  background-color: #333;
  padding: 2px;
  }
  
.filter-images-btn a {
  text-decoration: none;
  color: #fff;
  padding: 5px 5px 0px 4px;
  }  


.filter-images-btn:after {
  }

.section-gallery .filter-images-btn {
  display:none;
  } 
  
.section-gallery .filter-images-btn {} 

.section-gallery .empty-list {	
  text-align: center;
  font-size: 12px;
  color: #ccc;
  }

#categoryselect {
  background-color:white;
  border: 0px solid #eaeaea;
  width:190px;
  margin:20px 0 0px 0;
  padding:0px 0 5px 0;
  color: #000;
}

#categoryselect a {
  color: #000;
}

#categoryselect-header {
  width:100%;
  background-color:#333;
  padding: 3px 0 6px 2px;
  color: #fff;
  margin-bottom: 0px;
}

#categoryselect-header a {
  color: #fff;
}

.commentslist .buttoncell a.morefunction {
	float: right;
	}

.gallery-viewpic3 #scoreboard a.button, 
.gallery-viewpic3 .buttoncell a.function {
  border: 1px solid #bbbbbb;
  border-radius: 4px 4px 4px 4px;
  font-size: 9px;
  padding: 2px 6px;
  text-decoration: none;
  background-color: #fff;
  color: #000;
  font-family: 'Open Sans';
	}

.gallery-viewpic3 #ratingvote {
  border: 0px;
	}

.gallery-viewpic3 .thumbnails-small {
  width: 100%;
  margin-top: 0px;
  box-sizing: border-box;
  max-width: 100%;
  }

.gallery-viewpic3 .thumbnails-small img.thumbnail-small	{
  width: 100%;
  height: auto;
  }

.gallery-viewpic3 img.thumbnail-small {
  border: 0px;
  padding: 0px;
  }

.gallery-viewpic3 div.infocol2 .tag {
  font-family: "Roboto", sans-serif;
  background-color: #ededed;
  padding: 6px 10px;
  color: #333;
  line-height: 1.2;
  border-radius: 30px;
  font-size: 12px;
  margin-right: 5px;
  }
  
.gallery-viewpic3 div.infocol2 .tag:hover {
  background-color: #ddd;
  }  

.gallery-viewpic3 div.infocol2 a.tag {
  	text-decoration: none;
	}

.gallery-viewpic3 div.infocol2 .tags a.tag {
  	float: left;
  	margin-bottom: 5px;
  	color: #222;
  	}

a.reportthis {
	}

.shortcut {
  	padding: 3px 3px 2px 7px;
  	background-color: #222;
  	color: #fff;
  	border-radius: 4px;
  	width: 10px;
  	margin-right: 10px;
  	margin-left: 10px;
  	color: #fff; 
}

a.shortcut, a.shortcut:link, a.shortcut:visited {
  text-decoration: none; color: #fff;
  }

div.photonavigator-info {
  height: 20px;
  }

.gallery-viewpic3 div.photonavigator #navigation-old {
  display: none;
  }

.gallery-viewpic3 div.photoinfo-extra h3,
.gallery-viewpic3 h3#placedin {
   margin-top: 0px;
   }

#viewpiccontainer {
  position: relative;
  }

.gallery-viewpic3 #shownavigatorbutton {
  position: absolute;
  right: 2px;
  top: 0px;
  margin-top: -5px;
  font-size: 10px;
  }

.gallery-viewpic3 #shownavigatorbutton a {
  color: #ccc;
  text-decoration: none;
  }

.gallery-viewpic3 #hidebutton {
  padding: 0px 5px 0px 6px;
  background-color: #222;
  color: #fff;
  border-radius: 4px;
  margin-right: 10px;
  float: left;
  }

.gallery-viewpic3 #hidebutton a {
  color: #fff;
  text-decoration: none;
  }

.socialwidget {
  padding: 5px;
  min-height: 25px;
  min-width: 150px;
  }

div.share-fb-box {
  margin-right: 10px;
  }

.indexdocumentlist > .subArticle:first-child {
  padding-top: 0px;
  }

html.safari.iphone #mainimgwrap img,
html.safari.ipad #mainimgwrap img {
 pointer-events: none; 
 }

.gallerybox.square .thumbbox a img { width: 230px; height: 230px; }
.gallerybox.square .gallerythumb { width: auto; height: auto; position: relative; 
  width: 220px;
  height: 220px;
  padding: 0px;
  margin: 0px 20px 20px 0px;
  float: left;
  text-align: left;
  background-color: #fff;
  font-family: arial,sans-serif;
  color: #666;
  font-size: 10px;
  line-height: 14px;
  position: relative;
  box-shadow: none;
  border: 0px;
}
.gallerybox.square .thumbbox { width: auto; height: auto; padding:0px; margin:0px; background-color: #fff;}
.gallerybox.square .thumbcaption { position: absolute; bottom: -10px; left: 0px; color: #fff; padding: 10px;width: 210px;
 background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

div#gallerybox.gallerybox.square {background-color: #fff; border:0px;}
.gallerybox.square .thumbcaption img {display: none;}
.gallerybox.square .thumbcaption a {color: #fff;}
.gallerybox.square .thumbcaption span {color: #fff;}

.copyrightbox {background: #000; color: #fff; padding: 5px; border-radius: 4px; }

#mainimgwrap {
	position: relative; 
	background-color: #fff;
	padding-bottom: 30px;
	border-bottom: 1px solid #f7f7f7;
	}


/* justified grid */

.justified-gallery > a > .caption {
	font-size: 12px !important;
  font-weight: 600 !important;
	} 

div.pushcolumn div.pushcolumn-title, 
div.special-event h2, 
div.magazine-covers h2, 
.photopushbox h1, 
.photopushbox-title, 
.index-block .title {
	font-family: 'Open Sans Condensed';
	font-weight: 500; 
	font-style: normal; 
	font-size: 20px; 
	background: #000; 
	color:white;
	}

.infocus-container h2 {
	font-family: 'Open Sans', sans-serif; 
	font-weight: 500; 
	font-size: 20px; 
	font-style: normal;
	letter-spacing: 0.4px;
	background: #000; 
	color:white;
	}

/* 1411 */

div.menu a {
	font-weight: 600;
    font-family: 'Open Sans', sans-serif; 
    font-style: normal; 
    font-size: 14px; 
    /* text-transform: uppercase; */
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    /* font-style: normal; */
    font-size: 14px;
    /* text-transform: uppercase; */
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 15px;
    /* color: #ff9400; */
    letter-spacing: 0.49px;
    line-height: 30px;
    }

/* CRUMBS */

.crumbs {
  font-weight: 500;
  font-size: 12px;
  }

#forum .crumbs,
.crumbs,
.section-premium .crumbs {
  margin-top: 10px;
  padding: 0px 1px 10px 1px;
  }

.section-premium .crumbs {
  margin-left: 5px;
  display: none;
  }

.wide .crumbs {
  margin: 5px;
  }

a.crumbs {
  font-size: 12px;
  margin-bottom: 2px; 
  border-radius: 2px; 
  text-decoration: none; 
  display:inline-block;
  font-weight: 700;
  }

.crumbs:last-child a {
	font-weight: 700;
	}

.mainstage.wsubheader .main {
	/* padding-top: 0px; */
	} /* 0px för top i grupper */

#magasin-index .mainstage.wsubheader .main {
	padding-top:10px;
	}

	
	

td[id^=.thread_gotonew.] {background-color: red}
a.fs_adj_thread_gotonew_link::before, #forumtools-listlatest a.unread::before {
	content: "\f0c1";
	font-family: "Font Awesome 5 Pro";
	color: #000;
	font-size: 10px;
	margin: 5px 10px 0px 0px;
	padding: 5px 5px 5px 5px; 
	background-color: #eee; 
	color: #000;
	}
	
#forumtools-listlatest a.unread::before {
	margin: 0px;
	}

#forumsearch table.tborder {
	border: 1px solid #e3e3e3;
	}

.action-nav {
	padding: 20px; 
	background-color: #eaeaea;
	margin-top: 20px;
	}

.document-teaserlist {
  display: grid;
  -webkit-box-flex: 1;
  flex-grow: 1;
  list-style: none;
  margin: 0px;
  padding: 0px;
  gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  }
  
.fsmarticles .document-teaserlist {
  grid-template-columns: 1fr 1fr;
  }  
  
.item-list-wrapper.fsmissue .item .document-teaserlist {
  grid-template-columns: 1fr 1fr;
  }
  
.infocus .document-teaserlist  {
  grid-template-columns: 1fr;
  gap: 10px;
  }

.infobox .document-teaserlist {
	margin-bottom: 10px;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
	}

.infocus .document-teaserlist .document,
.document .related-articles-box .readmore-relateddocs .document {
	border-bottom: 1px solid #ececec;
	}
  
.infocus .document-teaserlist .document {
  padding-bottom: 5px;
  } 

.document .related-articles-box .readmore-relateddocs .document {
  padding-bottom: 20px;
  margin-bottom: 20px;
  }

.section-cldoc .documentsidebar .document-teaserlist .document:nth-child(odd) {
 
  }

.section-cldoc .documentsidebar .document-teaserlist .document:nth-child(last) {
  border-bottom: 0px;
  }
	
.section-cldoc .documentsidebar .document-teaserlist .document span.articleCategory {
  display: none;
  }

#index .document-teaserlist .document .teaser, 
.document-teaserlist .document .teaser,
.document .related-articles-box .readmore-relateddocs .document .teaser {
  }
  
.section-prylar .document-teaserlist .document span.articleCategory {
  display: none;
  }

.document-teaserlist .document h2 {
  font-size: 15px;
  font-weight: 600;
  }

.document-teaserlist .document h2 a {
  text-decoration: none;
  }
	
.section-prylar	.productinfo {
  }  
	
#index .document-teaserlist .document .teaser {
  width: 100%;
  box-sizing: border-box;
  }	
		
#index .document-teaserlist .articleSummary, 
.document-teaserlist .articleSummary {
  width: 100%;
  padding-left: 10px;
  box-sizing: border-box;
  }

.document .related-articles-box .readmore-relateddocs .document .teaser {
  width: calc(30% - 20px);
  box-sizing: border-box;
  float: left;
  }

.document .related-articles-box .readmore-relateddocs .document .articleSummary-wrapper {
  width: 70%;
  box-sizing: border-box;
  float: left;
  margin-left: 20px;
  }
    
 #index .infocus .document-teaserlist .document .teaser,
 .documentsidebar .document-teaserlist .document .teaser,
 .document-teaserlist .document .teaser {
  width: 40%;
  float: right;
  min-height: auto;
  margin-right: 0px;
  } 
 	
#index .infocus .document-teaserlist .articleSummary,
.documentsidebar .document-teaserlist .document .articleSummary,
.document-teaserlist .document .articleSummary {
  width: 55%;
  padding-left: 0px;
  }	   
    
.document-teaserlist .document h4 { 
	font-family: 'Open Sans Condensed', sans-serif; 
	font-weight: 400;
	font-style: normal; 
	font-size: 12px; 
	margin: 0; 
	padding: 0;
	}
   
.document-teaserlist .document h4 a {
	text-decoration: none;
	}

#index .col-wm.index-wide .mainArticle {
	max-width: 750px; 
	width: 100%;
	}

a.superingressbild-index img {
	width: 100%; 
	height: auto;
	}

div.main > div.index-block { margin-bottom: 20px; }
div.index-block { clear: both; overflow: auto; }
div.index-block div.index-block { color: #222222;  margin: 0px 10px 20px 10px; background-color: #ececec; }

div#gallerifs-block.index-block {padding: 0px; background-color: #000;}
div#gallerifs-block.index-block h3 {color: #fff;font-family: 'Open Sans Condensed', sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 20px;}

div#most-read.index-block {width: 190px; background-color: #fff;}
div#most-read.index-block .title {color: #000; background-color: #fff; padding: 15px 0px 0px 0px;}

div.smallrating {
	border-bottom: 1px solid #cfcfcf; 
	margin-bottom: 10px;
	padding-bottom: 7px;
	}

ul.compact li {
    list-style-type: none;
    background: none;
    margin: 0px;
    border-bottom: 1px solid #CFCFCF;
    padding: 6px 0px 6px 0px;
    font-family: arial,tahoma,verdana,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 0px 20px 10px 20px;
    text-align: left;
    margin-bottom: 3px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    text-decoration: none;
    box-sizing: border-box;
	}

div.index-block .title {
	text-transform: uppercase; 
	padding-left: 20px; 
	padding: 10px;
	}

.product-list td {
	height: 30px; 
	border-bottom: 1px solid #f9f9f9;
	}
	
.prod-search {
	padding: 0px 0px 10px 0px;
	}
  
.scrollable {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  }  

/* #forumlist, #blogglist {padding: 10px 20px 10px 20px;} #reviewslist, #adlist {padding-left: 15px;} */

ul.compact.li {padding: 10px 0px 10px 0px;}

dl.compact.wphoto { overflow: auto; margin-bottom: 0px;}
dl.compact.wphoto dt { min-height: 50px; min-width: 50px; float: left; clear: both; margin: 0; padding: 9px 0 0 0; border-top: 1px solid #cfcfcf;}
dl.compact.wphoto dt img {padding: 10px; width: 50px; height: auto;}
dl.compact.wphoto dt img {padding: 10px; width: 50px; height: auto;}
div#blogglist dl.compact.wphoto dt img {padding: 0px; border-radius: 70px; width: 50px; height: auto;}
dl.compact.wphoto dd { float: left; width: 170px; margin: 0; padding: 12px 0 10px 10px; border-top: 1px solid #cfcfcf;}
dl.compact.wphoto dd:nth-child(2)  {border-top: 0px solid #cfcfcf;}
dl.compact.wphoto dt:nth-child(1)  {border-top: 0px solid #cfcfcf;padding-top: 0px;}
dl.compact.wphoto dd a { text-decoration: none; min-height: 100px;}
.readmore {}

/* compact product list */

.compact.wphoto .product {
  border-bottom: 1px solid #ececec;
  box-sizing: border-box;
  }
  
 .infocus .compact.wphoto .product-info-wrapper {
   float: left;
   } 

.infocus .compact.wphoto .product {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  place-items: center;
  padding: 10px 0px 10px 0px;
  }
  
.infocus.classifieds .compact.wphoto .product {
    
    }
  
.infocus .compact.wphoto .product:last-child {
  margin-bottom: 0px;
  }

.compact.wphoto .product .product-name {
  width: 100%;
  display: inline-block;
  }

.infocus .compact.wphoto .product .product-comments {
  margin-bottom: 0px;
  }

.infocus .compact.wphoto .product .product-price {
  font-size: 14px; 
  font-weight: 700;
  }

.compact.wphoto .product .product-image img {
  height: auto; 
  width:100%; 
  padding:0px;
  }

.compact.wphoto .product-info-wrapper {
  width: 70%; 
  float:left;
  }

.compact.wphoto .product-engage-wrapper {
  display:none;
  }

.compact.wphoto .product-comments {
  margin: 0px 0px 20px 0px;
  }

#kalender-block {
  padding: 20px;
  }

.fsmagcontent div.mainArticle, 
.fsmagcontent div.subArticle {
  width: 660px;
  }

a.price_info_partner {
  padding: 50px 10px 10px 10px; 
  background-color: #4895B6;
  }

/* magasin/issues */
 
#magasin-digital-purchase .DigitalProductPush {
  width: 100%;
  }

.DigitalProductPush img {
  width:100%;
  max-width:124px;
  }

.documentsidebar .DigitalProductPush {
  width:100%;
  margin-bottom: 0px;
  }

.documentsidebar .DigitalProductPush {
  width:100%;
  margin-bottom: 0px;
  }
  
.qrcode-wrapper img {
  width: 100% !important;
  height: auto;
  }
  
.section-magasin .item-list-wrapper .item .DigitalProductPush .infobox {
  display: none;
  }

.index-wide h1 a, .index-superwide h1 {
  font-family: 'Open Sans Condensed', sans-serif;
  text-transform: none;
  font-size: 60px; line-height: 60px;
  letter-spacing: -1px;
  font-weight: 700;
  }
    
.col-wmn.index-superwide h1 {
  width:100%;
  }    

.col-wm.index-wide .mainArticle span.articleCategory {
  padding: 0px 5px 0px 5px;
  font-weight: 600;
  }
    
ul.compact li a, 
.toggled-content a.readmore, 
body#index div.infocus-part h4 {
  font-family: 'Open Sans', sans-serif;
  }    

.toggled-content a.readmore::after, a.readmore::after {
  content: "\f054"; 
  font-family: "Font Awesome 5 Pro"; 
  padding-left: 8px; 
  background: none;
  }

ul.compact li {
  padding: 8px 0px 8px 16px;
  border-bottom: 1px solid #ececec;
  }

.contentstage ul.compact li {
  padding: 8px 0px 8px 0px;
  }

.sidebarpart ul.compact li {
  padding: 0px 0px 5px 2px;
  }
  	
.commentslist .comment-readolder {
  font-size: 13px;
  padding: 10px; 
  } 	
 	
.commentslist .comment-readolder a {
  text-decoration:underline;
  } 	
  
#comment-readolder .span {
  float:right; 
  color: #333;
  }

.comment-readreplies a, .comment-readolder a {
  cursor: pointer;
  }
	
.comment-readolder span {
  float: right;
  }

div.pushcolumn div.pushcolumn-title, 
div.special-event h2, 
div.magazine-covers h2, 
.photopushbox h1, 
.photopushbox-title, 
.index-block .title {
  font-family: 'Open Sans Condensed', sans-serif;
  letter-spacing: 1.5px;
  font-size: 16px;
  padding-left: 16px;
  text-align: left;
  }

.magazine-covers img {
  width:100%; 
  height: auto;
  }

.toggle-block h3, 
body#index .infocus-container h2 {
  font-family: arial, tahoma, verdana, sans-serif;
  font-size: 15px;
  font-weight:  normal;
  text-transform: uppercase;
  padding: 0;
  border-top: 0px solid #000000;
  border-bottom: 0px solid #b4b4b4;
  padding: 8px 5px 8px 10px;
  margin: 10px 0px 8px 0px;
  background-color: #EEEEEE;
  font-family: 'Open Sans Condensed', sans-serif;
  letter-spacing: 1.5px;
  font-size: 15px;
  text-align: left;
  font-weight: 600; 
  }
	
.toggle-block h3 #completedlist::after {
  content: "\f19d";
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  text-decoration: none;
  color: #00b200;
  position: relative;
  top: -16px;
  right: -65px;
  }
	
.sidebar-nav .toggled-content ul {
  margin-left: 0px;
  padding-left: 0px;
  }	
 
#articles .subArticle .articleTeaserLeft img {
  width: 150px;
  height: auto;
  width:100%;
  }
   
.indexdocumentlist, 
#articles .indexdocumentlist {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  width: 100%;
  } 

.cols.indented.readmore-section .indexdocumentlist, 
.index-comment-list-wrapper,
.documentlist.default,
.documentlist.index,
.section-proffsfoto .indexdocumentlist,
.section-poddradio .indexdocumentlist {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: grid;
  -webkit-box-flex: 1;
  flex-grow: 1;
  list-style: none;
  margin: 0px;
  padding: 0px;
  gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  }
    
#articles div.subArticle-wrapper, 
.cols.indented.readmore-section .subArticle, 
.cols.indented.readmore-section .mainArticle, 
.indexdocumentlist.default .subArticle,
.documentlist.index .subArticle
.subArticle {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
  flex-grow: 1;
  padding-top: 0px;
  padding: 0px 0px 10px 0px;
  border-bottom: 1px solid #ededed;
  } 
   
#doclist .indexdocumentlist {
  margin-top: 20px;
  }   
 
.indexdocumentlist .mainArticle,
.indexdocumentlist .mainArticlesponsored {
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ededed;
  }
  
.documentlist.index .subArticle {
  width: calc(50% - 20px);
  margin-right: 20px;
  }
 
.indexdocumentlist img.mainArticleImg {
  width:100%;
  height: auto;
  }
 
.subArticle-wrapper:nth-child(odd) {
  margin-right: 10px;
  }

#premium-articles .mainArticle-wrapper:nth-child(odd), 
#premium-articles .subArticle-wrapper:nth-child(odd) {
  margin-right: 10px;
  }
 
.cols.indented.readmore-section .subArticle,
.cols.indented.readmore-section .mainArticle,
#cldoc-tv-index .subArticle,
.cols.indented.readmore-section.premium .mainArticle,
.readmore-section.premium .subArticlesponsored,
#proffsfoto-index .indexdocumentlist .mainArticle,
#proffsfoto-index .indexdocumentlist .subArticle {
  width: calc(100% / 3 - 20px);
  width: 100%;
  margin-bottom: 0px;
  border-bottom: 0px;
  }
   
.cols.indented.readmore-section .subArticle:nth-child(3) {
  /* margin-right: 0px; */
  }   
 	
#index .documentlist.default .subArticle {
  margin-right: 20px;
  width: calc(100% / 2 - 20px);
  }	
 	
.cols.indented.readmore-section .subArticle:nth-child(4n) {
  /* margin-right: 0px; */
  }	
 	 	       
#articles .articleSummary {
  overflow: none;
  width:100%;
  }  

#articles h1, 
#contest-index h1, 
#tools-contactus h1 {
  font-size: 40px;
  }

.ui-sortable a { cursor: point; }
.ui-sortable > div { cursor: move; }

/* classifieds, extended version of event flow */
.adflow-outer .functionbox.light {
  padding: 0; 
  margin-top: 0;
  }

.adflow-outer {
  position:relative; 
  clear:both;
  }
  
.adflow-outer .list-controls {
  display:inline-block;
  width:100%;
  }

.adflow-outer .list-controls form {
  display:inline;
  }

/* .adflow-outer .list-controls select { margin-top:-3px; } */

.adflow-outer .list-controls a {
  float:right;
  }

.adflow-outer #pagectl-before {
  position: absolute; 
  left: 0; 
  top: -30px;
  }

.adflow-outer div.pagectl {
  margin-top: 15px;
  }

.adflow {
  width:100%; 
  padding: 10px 0px 10px 0px;
  }

.item-list-wrapper.classifiedad .item {
  min-height:100px;
  }

.item-list-wrapper.classifiedad .item.Raderad {
  background-color: #d3e7f8;
  }

.item-list-wrapper.classifiedad .ad-timestamp {
  float: right;
  display: none;
  }

.item-list-wrapper.classifiedad .event-info {
  width: 100%;  
  margin-bottom: 0px;
  }

.item-list-wrapper.classifiedad .ad-location {
  float:left; 
  padding: 3px 5px 3px 5px;
  font-size: 11px;
  font-weight: 700;
  }

.item-list-wrapper.classifiedad .ad-category,
.item-list-wrapper.classifiedad .ad-brand,
.item-list-wrapper.classifiedad .ad-type {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 3px 10px 3px 10px;
  background-color: #ededed;
  border: 1px solid #ededed;
  border-radius: 20px;
  font-weight: 600;
  font-size: 11px;
  }
	
.item-list-wrapper.classifiedad .ad-brand a, 
.item-list-wrapper.classifiedad .ad-category a {
  text-decoration:none;
  }

.item-list-wrapper.classifiedad .ad-price {
  font-weight: 800;
  }

.item-list-wrapper.classifiedad a.viewdetail:visited {
  color: #999;
  } 

.item-list-wrapper.classifiedad .event-author {
  clear:both; 
  padding: 10px 0px 10px 0px;
  }
	
.item-list-wrapper.classifiedad .event-author a {
  text-decoration: none;
  }

.item-list-wrapper.classifiedad .inforow {
  font-family: 'Open Sans', sans-serif; 
  display:inline-block; 
  width: 100%;
  }

.item-list-wrapper.classifiedad .inforow a:visited {
  color: #999;
  }

.item-list-wrapper.classifiedad .item .item-info .item-summary {
  display:inline-block; 
  width: calc(100% - 300px); 
  float: left;
  }

.item-list-wrapper.classifiedad .item .item-info .item-info-teaser,
.item-list-wrapper.critique .item .item-teaser,
.item-list-wrapper.articlecomment .item .item-teaser,
.item-list-wrapper.guestbook .item .item-teaser,
.item-list-wrapper.groupwall .item .item-teaser {
  float: left; 
  width: calc(30% - 20px); 
  padding-right: 10px; 
  box-sizing: border-box;
  text-align: center;
  margin-right: 20px;
  }
  
.item-list-wrapper.classifiedad .item .item-info .item-info-teaser {
  padding-left: 10px;
  }  
  
  .item-list-wrapper .item .item-teaser.narrow {
    width: 60px; 
    padding-left: 15px; 
  }
  
 .item-list-wrapper.classifiedad .item .item-info .item-info-teaser {
    background-color: #fff;   
  } 
  
.item-list-wrapper.critique .item .item-shortinfo {
  width: 60%;
  float: left;
  margin-right: 20px;
  }
  
 .item-list-wrapper.articlecomment .item .item-shortinfo,
 .item-list-wrapper.guestbook .item .item-shortinfo,
 .item-list-wrapper.groupwall .item .item-shortinfo {
  width: calc(100% - 90px);
  float: left;
 }

.item-list-wrapper.articlecomment .item .item-shortinfo .replycell {
  /* margin-top: 30px; */
  }
  
.item-list-wrapper.critique .item .item-shortinfo .comment-author {
  font-size: 14px;
  margin-top: 10px;
  }  

.item-list-wrapper .item .item-actions {
  float: right;
  text-align: right;
  }  
  
.blogentry .item-list-wrapper .item .item-actions {
  position: absolute;
  right: 0px;
  }
  
.blogentry .commentcell .buttonrow {
  margin-bottom: 0px;
  }

.item-list-wrapper.critique .item .item-actions .rating-box {
  margin-top: 10px;
  }
  
.item-list-wrapper .item .item-actions a:link {
  text-decoration: none;
  }

.item-list-wrapper.classifiedad .item .item-info-teaser img {
  max-height: 100px;
  width: auto;
  }
    
.item-list-wrapper.challenge .item .item-shortinfo {
  padding: 5px;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  }  
  
.item-list-wrapper.challenge .item .item-shortinfo span.title {
  width: 40%;
  float: left;
  }

.item-list-wrapper.challenge .item .item-shortinfo span.challengecountdown {
  width: 60%;
  float: left;
  }

.item-list-wrapper.critique .item .item-teaser img,
.item-list-wrapper.challenge .item .item-teaser img {
  max-width: 100%;
  height: auto;
  }
  
.item-list-wrapper.challenge .item .item-teaser img:hover {
  opacity: 0.5;
  }  
  
.item-list-wrapper.challenge .item h2 {
  color: #fff;
  }    

.item-list-wrapper.classifiedad.compactflow .item {min-height: auto; }
.item-list-wrapper.classifiedad.compactflow .ad-thumbnail img { height: 50px; }
.item-list-wrapper.classifiedad.compactflow .ad-author, 
.item-list-wrapper.classifiedad.compactflow .ad-location { display:none; }

.item-list-wrapper.classifiedad.compactflow .event { min-height:31px; margin-bottom: 5px;padding: 5px;}
.item-list-wrapper.classifiedad.compactflow .ad-price {}
.item-list-wrapper.classifiedad.compactflow .event-info { margin-bottom:0; }
.item-list-wrapper.classifiedad.compactflow .event-author { padding: 0px;font-size: 12px; margin-left: 140px;}
.item-list-wrapper.classifiedad.compactflow .ad-thumbnail span { font-size: 15px; padding-top: 3px; padding-left: 0px; margin-left: 115px;}

.item-list-wrapper.classifiedad.compactflow .ad-category, 
.item-list-wrapper.classifiedad.compactflow .ad-brand {}

.item-list-wrapper.classifiedad.compactflow .ad-type {padding: 2px 5px 2px 5px;margin-right: 10px;}
.item-list-wrapper.classifiedad.compactflow .viewdetail {position: absolute; padding:0px;}
.item-list-wrapper.classifiedad.compactflow .event-author a {margin-left: 70px;}
.item-list-wrapper.classifiedad.compactflow .ad-timestamp {padding:0px;}
.item-list-wrapper.classifiedad.compactflow .inforow {margin-left: 0px; width: 100%;}

.item-list-wrapper.classifiedad.compactflow .inforow.infoblockone {} 
.item-list-wrapper.classifiedad.compactflow .inforow.infoblockthree {display:none;}

.item-list-wrapper.classifiedad.compactflow .event {}

.item-list-wrapper.classifiedad.compactflow h2 {margin-bottom: 0px;}
.item-list-wrapper.classifiedad.compactflow .item .item-info .item-summary {width: calc(100% - 65px);}
.item-list-wrapper.classifiedad.compactflow .item .item-info .item-info-teaser {width: 10px; background-color: inherit;}

.item-list-wrapper.fsmissue ul li,
.item.camerabag ul li {
  list-style-type: square;
  }

table.adsum td.adsum {font-size: 12px; padding: 5px;}
table.adsum tr.adsum-odd {background-color: #f6f6f6;}

/* CHALLENGE */



#challenge-view .wide-content,
#challenge-index .wide-content,
#challenge-viewcup .wide-content {
  
  }
  
#challenge-view .wide-content p,
#challenge-index .wide-content p,
#challenge-viewcup .wide-content p {
  color: #222;
  font-size: 14px;
    }  

#challenge-view .col-wrapper,
#challenge-index .col-wrapper,
#challenge-viewcup .col-wrapper {
  }

#challenge-view .col-wrapper .filter {
  margin-bottom: 20px;
  }  
 
#challenge-view .col-wrapper .filter a {
  color: #000;
  }  

#challenge-index .col-wrapper h2 {
  color: #000;
  margin-top: 0px;
  padding-top: 0px;
  }
  
#challenge-index .col-wrapper h3,
#challenge-viewcup .col-wrapper h3 {
  text-align: left;
  }  

#challenge-index .col-wrapper .item h2 {
  }

#challenge-view .col-wrapper h2 {
  padding: 10px;
  background-color: #00c38e;
  width: auto;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  }

#challenge-view .col-wrapper .teaser img {
  width: 100%;
  height: auto;
  }
  
#challenge-view .col-wrapper .challengecountdown {
  padding: 20px;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #000;
  }
  
#challenge-view .col-wrapper .challengecountdown .countdown-section {
  color: #333 !important;
  font-size: 13px !important;
  }
  
#challenge-view .col-wrapper .challengecountdown .countdown-amount {
  font-size: 18px;
  font-weight: 800 !important;
  color: #000 !important;
  }
  
span.countdown-amount,
span.countdown-period {
  color: #000 !important;  
  }
  
#challenge-view .col-wrapper td {
  color: #000;
  } 
  
.item-list-wrapper.challenge {
  margin-bottom: 20px;
  }   

.infocus .item-list-wrapper.challenge {
  padding: 0px;
  background-color: #fff;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }

.infocus .item-list-wrapper.challenge .item {
  min-width: 100%;
  background-color: #fff;
  border-top: 0px;
  margin-right: 0px;
  } 
  
.infocus .item-list-wrapper.challenge .item .item-shortinfo span.challengecountdown {
  width: 70%;
  }
  
.infocus .item-list-wrapper.challenge .item .item-shortinfo span.title {
  width: 30%;
  }

.infocus .item-list-wrapper.challenge .item h3 {
  font-size: 17px;
  }
  
.infocus .item-list-wrapper.challenge .item:last-child {
  margin-block: 0px;
  }

/* PUBLICATIONS ADMIN */

.column.column-block {
	width: calc(100% / 5);
	float: left;
	margin-bottom: 20px;
	}

.column.column-block .card {
	border: 0px !important;
	}

.column.column-block .card .card-divider {
	font-weight: 700;
	margin-bottom: 10px;
	}

.column.column-block .card img {	
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.37);
	}
  
#publication-admin-index .cards .card {
  min-width: 150px !important;
  max-width: 150px !important;
  font-family: 'Roboto';
  font-size: 14px;
  }  

/* AKADEMI */

body.std.section-akademi {background-color: #fff};
div.photonavigator-info {}

/* ADCOLUMN */

div#hello-blocker {
  padding: 20px;
  background-color: #e8004d;
  margin: 10px 0px 0px 0px;
  color: #fff;
  }

div#hello-nonplus {
  padding: 10px;
  color: #fff;
  background-color: #00c38e;
  margin: 20px 10px 20px 0px;
  font-size: 13px;
  line-height: 1.2;
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  font-family: 'Roboto';
  }
  
 div#hello-nonplus a, 
 div#hello-blocker a {
   color: #fff;
   text-decoration: underline;
   } 

div#hello-freeloader a {color:white;};

/* social-bookmarks */

.social-bookmarks-mini { width: 100px; height: 50px; float: left; }

.social-bookmarks-wide { clear: both; padding: 0px; margin-bottom: 0px; display: inline-block;}

.social-bookmarks-wide .document ul,
.social-bookmarks-wide ul,
.document .docinfo .social-bookmarks-wide ul {
	margin: 0px; 
	padding: 0px; 
	margin: 0; 
	list-style-type: none;
	}

.social-bookmarks-wide li * { line-height: 0 !important; font-size: 9px !important; text-decoration: none; }
.social-bookmarks-wide li { float: left; min-height: 20px;  margin: 0; border-bottom: 0px; }
.social-bookmarks-wide li.soc-facebook { margin-right: 10px; line-height: initial;}
.social-bookmarks-wide li.soc-gplus {margin-right: 0px; }
.social-bookmarks-wide li.soc-gplus a { color: #fff; margin-right: 0px; }
.documentsidebar div.social-bookmarks-wide li.soc-gplus {display:none;}
.social-bookmarks-wide li.soc-twitter { margin-right: 10px; }
.social-bookmarks-wide li.soc-twitter a { color: #fff; }
.social-bookmarks-wide li.soc-email a {height: 20px;display: inline-block;padding: 10px 6px 1px 6px !important;margin-right:10px;color: #fff; background-color: #222222; border-radius: 3px; vertical-align: top;font-weight: 700; font-family: arial; box-sizing: border-box;} 

a.rss-icon {padding: 5px 0px 5px 10px;border: 1px solid #ededed;border-radius: 5px;background-color: #ededed;text-decoration: none;}
a.rss-icon::before {content: "\f09e"; font-family: "Font Awesome 5 Pro"; padding-right:8px;color: #000;}
a.facebook-icon {padding: 5px 0px 5px 10px;border: 1px solid #ededed;border-radius: 5px;background-color: #ededed;text-decoration: none;}
a.facebook-icon::before {content: "\f09a"; font-family: "Font Awesome 5 Pro"; padding-right:8px;color: #000;}
a.mail-icon {padding: 5px 0px 5px 10px; border: 1px solid #ededed;border-radius: 5px;background-color: #ededed;text-decoration: none;}
a.mail-icon::before {content: "\f0e0"; font-family: "Font Awesome 5 Pro"; padding-right:8px;color: #000;}
a.twitter-icon {padding: 5px 0px 5px 10px;border: 1px solid #ededed;border-radius: 5px;background-color: #ededed;text-decoration: none;}
a.twitter-icon::before {content: "\f099"; font-family: "Font Awesome 5 Pro"; padding-right:8px;color: #000;}

span.admin-report {
  padding: 5px 0px 5px 10px;
  border-radius: 5px;
  text-decoration: none;
  }

span.admin-report::before {
  content: "\f06a"; 
  font-family: "Font Awesome 5 Pro"; 
  color: #ccc; 
  font-size:15px; 
  } 

span.admin-edit {
  padding: 5px 0px 5px 10px;
  border-radius: 5px;
  text-decoration: none;
  }

span.admin-edit::before {
  content: "\f304"; 
  font-family: "Font Awesome 5 Pro"; 
  padding-right: 0px;
  color: #ccc; 
  font-size:15px;
} 

span.thumbup {
  padding: 5px 0px 5px 10px;
  border: 1px solid #fff;
  border-radius: 5px;
  background-color: #fff;
  text-decoration: none;
  }

span.thumb_up_on::before {
  content: "\f164"; 
  font-family: "Font Awesome 5 Pro"; 
  font-size:15px;
  } 

span.thumb_up::before {
  content: "\f164"; 
  font-family: "Font Awesome 5 Pro";
  color: #ccc; 
  font-size:15px;
  } 

/* .profilewidebox a img {width:100%; height: auto;} */

.review-subcat-list {  
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* grid-template-rows: 80px; */
  -webkit-box-flex: 1;
  flex-grow: 1;
  list-style: none;
  margin: 0px;
  padding: 0px;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  margin-top: 10px;
  }

.reviewobjectinfo img {
  height: auto;
  max-width: 100%;
  border: 10px solid #fff;
  box-sizing: border-box;
  border-radius: 5px;
  }

.reviewobjectinfo .productpictures a.lightview:nth-child(1) {
  width:100%;
  margin: 0px;
  }

.reviewobjectinfo .productpictures a.lightview {
  width: calc(100% / 8 - 10px);
  margin: 10px 10px 10px 0px;
  float: left;
  }

.reviewobject-pics img {
  height: auto;
  max-width: 100%; 
  float: left;
  }
  
 #section-prylar .product-pics-review img {
   max-width: 100%;
   }

.externallink-icon::before {content: "\f08e"; font-family: "Font Awesome 5 Pro"; padding-right:8px;color: #000; font-size:15px; display:none;}
a.externallink-icon {}
.instore-on-icon::before {content: "\f14a"; font-family: "Font Awesome 5 Pro"; padding-right:8px;color: green; font-size:20px;}
.instore-off-icon::before {content: "\f14a"; font-family: "Font Awesome 5 Pro"; padding-right:8px;color: red; font-size:20px;}
a.instore-on-icon, a.instore-off-icon {text-decoration: none;}
.list-icon::before {/*content: "\f03a"; font-family: "Font Awesome 5 Pro"; padding-right:8px;color: #000; font-size:15px;*/}
a.list-icon {text-decoration: none;}
.pricecompare td.shop-logo img {max-height: 25px;}
.pricecompare tr {border-bottom: 1px solid #dedede;}

#reviews-viewprices .evenline {background-color: #FFF;}
#reviews-viewprices .oddline {background-color: #f9f9f9;}

.reviewcat-container {
  padding: 4px 10px 2px 10px;
  border-radius: 10px;
  background-color: #fff;
  box-sizing: border-box;
  }
  
 .reviewcat-container:hover {
  background-color: #e2e2e2; 
   } 

.reviewcat-container .reviewcat-infowrapper {  
  gap: 1rem;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
  padding: 0px;
  }
  

.product-list-wrapper .product {
	width: calc(100% / 5 - 5px);
	margin-right: 5px;
	box-sizing: border-box;
  }
    
.product-list-wrapper .product.compact {
  width:100%;
  }

.product-list-wrapper .product:nth-child(even) {} 

.product-list-wrapper .product.compact {
  background-color: #fff;
  /* width: calc(100% / 3 - 10px); 
  height: auto; 
  margin: 0px 10px 10px 0px;
  min-width: 150px; */
  }
  
.product.compact.product-ad {
  border: 2px solid #0099cc;
  }
  
.section-prylar .product.compact.product-ad {
  padding: 20px;
  margin: 20px 0px 20px 0px;
  text-align: center;
  }

.product-list-wrapper .product-name {width:100%;text-align: center;height: 80px;}
.product-list-wrapper .product.compact .product-name {float:left;width:100%;height: auto;}
.product-list-wrapper .product.compact .product-data-wrapper {float:left; width:100%; text-align:center;}
.product-list-wrapper .product.compact .product-data-wrapper.ad {font-family: 'Open Sans', sans-serif;
  font-size: 14px; padding: 0px 10px 0px 10px; box-sizing: border-box;}
.product-list-wrapper .product.compact .product-name h2 {padding-top:0px;}
.product-list-wrapper .product-comments {text-align:center;}
.product-list-wrapper .product-classified {text-align:center;}
.product-list-wrapper .product-rating {text-align:center;padding; 5px 0px 5px 0px;}
.product-list-wrapper .product-rating progress.progress-rating-bar {width:100%;}
.product-list-wrapper .product.compact .product-comments {}
.product-list-wrapper .product.compact .product-classified {}
.product-list-wrapper .product.compact .product-rating {}
.product-list-wrapper .product-image {width:100%; margin:auto; text-align:center;min-height: 200px;}
.product-list-wrapper .product.compact .product-image {float:left;width:100%;}
.product-list-wrapper .product.compact .product-image {min-height: 50px;margin-top: 20px;}
.document-products .product-list-wrapper .product.compact .product-image {min-height: 90px;}
.product-list-wrapper .product-image img {height: auto; width: 50%;}
.product-list-wrapper .compareprices-compact td.shop-logo,
.product-list-wrapper .compareprices-compact td.storestatus,
.product-list-wrapper .compareprices-compact td.deliveryprice,
.product-list-wrapper .compareprices-compact td:nth-child(6) {display:none;}

.product-list-wrapper .compareprices-compact table.pricecompare tr td,
.main #document-cols .product-list-wrapper .compareprices-compact table.pricecompare tr td,
.product-list-wrapper .compareprices-compact a,
.product-list-wrapper .product.compact .product-data-wrapper.ad p {
  font-size: 13px; 
  font-family: 'Roboto', sans-serif; 
  padding: 3px 0px 3px 0px;
  color: #000;
  font-weight: 400;
  }

.product-list-wrapper .compareprices-compact {
  width: 100%;
  box-sizing: border-box;
  padding: 0px 20px 0px 20px;
  }

.product-list-wrapper .compareprices-compact table.pricecompare {
  padding: 0px;
  }

.product-list-wrapper .compareprices-compact td.store {
  width: 60%;
  }

.infocus .product-rating progress.progress-rating-bar {
  width:70%; 
  background-color: #f7f7f7;
  }

.section-reviews .product-rating progress, 
.section-prylar .product-rating progress {
	width:100%;
	height: 10px;
	-webkit-appearance: none;
   appearance: none;
   }
   
.section-prylar .review-detail-wrapper {
  padding: 50px 0px 50px 0px;
  }   

progress::-webkit-progress-value {
  background: #7bcea5;
}

progress::-moz-progress-bar {
  background: #d7f3e8;
}

progress::-webkit-progress-value {
  background: #7bcea5;
}

progress::-webkit-progress-bar {
  background: #d7f3e8;
}
   

.section-reviews .product-rating .ratingbar, 
.section-prylar .product-rating .ratingbar {
  margin-bottom: 10px; font-size: 14px;
  }

.section-prylar h1,
.section-proffsfoto h1,
.section-events h1,
#articles h1 {
  font-family: 'Roboto';
  font-weight: 800;
  font-size: 34px;
  }

.product-review-wrapper {font-size: 16px;line-height: 1.5;color: #333;font-weight: 400;font-family: 'open sans', georgia; font-style: normal;display: block;-webkit-font-smoothing: antialiased;}
.product-list-wrapper .product.compact .product-engage-wrapper {width: 20%; display:inline-block; float:right; text-align: right;}
.product-list-wrapper .product .product-engage-wrapper {width: 100%; display:inline-block; text-align: center;}
.product-list-wrapper .product .product-engage-wrapper a.slimbutton.compact {}

.product-rating a.buy.slimbutton {
	width: auto;	
	}

.fa-star.inactive {
	color: #e2e2e2;
  margin-bottom: 10px;
	}

.fa-star.active {
	color: #f1c40f;
  margin-bottom: 10px;
	}
	
.fa-lg {
	font-size: 15px;
	}

.reviewcat-container h2 {
  color: #000;
  font-weight: 600;
  }

.reviewcat-container a {
  text-decoration: none;
	}
    
.reviewcat-img {
  width: 40px;
  float:left;
  margin: 0px 10px 0px 10px;
;
  }

.reviewcat-img img {
  width: 100%;
  height: auto;
  }
 
.reviewcat-name { 
  width: calc(70% - 20px);
  float: left;
  }

.col-wn .reviewcat-img img {
  width: 100%; 
  margin: 0px;
  opacity: 0.9;
  padding: 0px 10px 0px 0px;
  box-sizing: border-box;
  }
    
.reviewobjectinfo .productpictures {
  margin: 0px 0px 50px 0px;
  position: relative;
  display: inline-block;
  }

.reviewobjectinfo .productpictures img {
  background-color: #fff;
  }
	
.productinfo .reviewobjectinfo {
  font-size: 15px; 
  line-height: 1.2;
  }
  
.productinfo .reviewobjectinfo .medal {
  position: absolute;
  z-index: 20;
  left: 5%;
  top: 190px;
  }	

.productinfo .reviewobjectinfo .medal img {
  border: 0px;
  max-width: 150px;
  transform: rotate(-5deg);
  }

.evenline .rating-score img, .oddline .rating-score img {margin:3px 3px 3px 0px;}
span.adpic::before {content: "\f030"; font-family: "Font Awesome 5 Pro"; padding:4px;}



/* MEMBER SEARCH */

#member-search input {}
table.checkbox-set {}
table.checkbox-set label { font-weight: normal; }
.googlemap img {width:100%;height: auto;}

#member-list .memberpicture-thumbnail {
  margin-right: 20px;
  }

#member-list td.memberpicture-thumbnail img.defaultmemberpic {
  }


/*.gallery-viewpic3 #viewpiccontainer .canvas {margin-right:0px; height: auto !important;}*/
.gallery-viewpic3 #viewpiccontainer .canvas {margin-right:0px;}


  
/* PUBLICATIONS */  

.section-publication .col-w {
    }

/* POOL VOTING */

.vote-wrapper {
  width: 25%;
  float:left; 
  padding: 10px;
  background-color: #f9f9f9;
  box-sizing: border-box; 
  border-top: 1px solid #ededed;
  }

.vote-image {
  height: 170px; 
  text-align: center;
  }

.vote-details {
  width:100%; 
  text-align: center;
  padding-bottom: 0px;
  }

.vote-wrapper input#gfs-yes.slimbutton, 
.vote-wrapper input#gfs-no.slimbutton {
	}  

#pools-vote-ID .stage {
	width:100%;
	}

/* DIMENSIONS */

/* MEMBER PROFILE */

#editprofileimg {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 10px 5px 10px;
    border-radius: 20px;
    text-decoration: none;
    background-color: #222;
    opacity: 0.9;
    font-size: 10px;
	}

#member-index .upgrade-push-wrapper {
	padding: 0px;
	box-sizing: border-box;
	margin-top: 0px;
	display: inline-block;
	width: 100%;
	}

#member-index .upgrade-push-wrapper	h2 {
	}

#member-index .upgrade-push-wrapper .billboard-wrapper {
	width: 100%;
	float: left;
	box-sizing: border-box;
	background-color: #d7f3e8;
	padding: 20px;
	}
	
#member-index .upgrade-push-wrapper	.billboardheader {
  background-color: #fff;
  margin-bottom: 0px;
  }

#member-index .upgrade-push-wrapper .billboard-wrapper ul {
	padding-left: 0px;
	padding-bottom: 10px;
	}
	
#member-index .upgrade-push-wrapper .billboard-wrapper ul.usp li::before {
	content: "\f058"; 
	font-family: "Font Awesome 5 Pro"; 
	padding:4px;
	}	
	
#member-index .upgrade-push-wrapper .billboard-wrapper .shop-product-info input.slimbutton {
	width:100%;
  }

/* MAGAZINE GALLERY */

#magasin-gallery-view a {
  color: #eee; 
  text-decoration:none;
  }
 
#magasin-gallery-view .stage {
  border-left: 0px;
  }  

body.wide .commentbox .fsm-rating h2 {
  font-size: 15px;
  }

/* ADS */

.adflag {display:none;} 


/* EDITDESK INSERIMAGE */

body.help td, input, select, textarea {
	font-family: 'Open Sans', sans-serif;
	font-family: 'Roboto', sans-serif;	
	font-size: 14px;
	line-height: 1.3;
  /* appearance: auto; popup help 230110*/
	}	
  
.searchbox-classifieds input,
.searchbox-classifieds select {
  margin: 0px;
  box-sizing: border-box;
  } 


/* BODY HELP */

body.help table {
}

body.help tr {
  width: 100%;
  }

body.help td {
  }
  
body.help td.aoform {
  padding-bottom: 0px;
  }  

body.help input[type="button"] {border: 2px solid #c1c1c1; padding:10px;text-transform: uppercase;width:auto;}
body.help input[type="button"]:hover {background-color: #f2f2f2;border: 2px solid #ccc;}
body.help iframe#partframe {}
body.help body.framed {height: 600px;}




/* BLOG FILEPICKER */

#tinymce-filepicker  {
  padding: 20px; 
  width:100%; 
  box-sizing: border-box;
}

/* EDITDESK FILEPICKER */

.section-tinymce #select-btns ul.nav.nav-tabs {
  display: inline-block;
  border-bottom: 1px solid #ccccd1;
  width: 100%;
  box-sizing: border-box;
  margin-left: 0px;
  }

.section-tinymce #select-btns ul.nav.nav-tabs li {
  float: left;
  border: 1px solid #ccccd1;
  padding: 10px;
  margin-right: 10px;
  position: relative;
  top: 1px;
  }

.section-tinymce #select-btns ul.nav.nav-tabs li.nav-item.active {
  border-bottom: 1px solid #fff;
  }
  
.section-tinymce #select-btns ul.nav.nav-tabs a.nav-link.active {
  font-weight: 700;
  }

.section-tinymce ul.portfolio-pickfile li {
  list-style-type: square;
  margin-left: 20px;
  }
  
.section-tinymce div#select-btns {
  border-bottom: 0px;
  }

.section-tinymce .toggle-select-mode {
  padding: 10px;
  }
  
.section-tinymce .toggle-select-mode a {
  text-decoration: none;
  }  
  
.section-tinymce .filepicker.single-mode {
  display: none;
  }

/* FORUM */

old {
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height: 12px;
  font-weight: 600;
  display: inline-block;
  background:#333;
  color:#fff;
  border:0;
  outline:0;
  padding: 10px;
  border-radius:2px;
  vertical-align: middle;
  text-decoration: none;
  margin: 10px 5px 0 0;
  padding: 10px;
  min-width: 50px;
  -webkit-appearance: none;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #c1c1c1;
background: #fff;
color: #222;
text-transform: uppercase;
 -webkit-appearance: none
}

body#forum a.fs_adj_forumdisplay_slimbutton:hover {background-color: #f7e37c; border: 1px solid #f7e37c; color: #000;}

div.page a.fs_adj_showthread_slimbutton {}
.panel_wrapper div.current { height: auto !important; }
#ruledetails {
  }

.fr-box.fr-basic .fr-element {background-color: #fff;}


/* campaigns */



/* albumpreviewtest 

img.albumthumbnail-small {
    max-height: 100%;
    max-width: 100%;
    width: 150px;
}

div.albumpreview {
    text-align: center;
    width: 75px;
    height: 75px;
    padding: 0px 0px 15px 0px;
    margin-bottom: 5px;
     background: url(/images/layout/albumthumb_bg.gif) no-repeat; 
    width: 100%;
    height: auto;
    }
   
div.albumthumb {
    width: 150px;
    padding: 0px 0px 10px 0px; 
    margin-right: 15px;
    text-align: center;
    background: #f2f2f2;
    line-height: 12px;
    float: left;
    text-align: center;
    font-family: arial,sans-serif;
    font-family: 'Open Sans', sans-serif;
    color: #666666;
    font-size: 10px;
    line-height: 14px;
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
    height: 150px;
    }
    
    */  

/* INDEX4.0 */

.banner-panorama-wn {
	display:inline-block; 
	width: 67%; 
	border: 0px solid black;
	margin: 50px 0px 10px 0px;
	}

.banner-panorama-wmn {
	display:inline-block;
	width: 100%; 
	border: 0px solid black;
	margin: 40px 0px 80px 0px;
	}

.banner-panorama-m {
	display:inline-block; 
	width: 100%; 
	border: 0px solid black;
	margin: 50px 0px 10px 0px;
	}

.banner-panorama-wn img, 
.banner-panorama-wmn img, 
.banner-panorama-m img,
.clam.clamtop img {
	max-width: 100%; 
	height: auto;
  box-sizing: border-box;
	}

span.product-content-push {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 20px 20px 20px 20px;
  border: 1px solid #f5da56;
  background-color: #f7e37c;
  }
    
span.product-content-push.variant1 {
  border: 1px solid #85bbec;
  background-color: #aad1f1;
  }
    
span.product-content-push.variant2 {
  border: 1px solid #f7e37c;
  background-color: #f5da56;
  }   

span.product-content-push.variant3 {
  border: 1px solid #d7f3e8;
  background-color: #d7f3e8
  }
  
span.product-content-push.variant4 {
  border: 1px solid #ccc;
  background-color: #fff;
  }

span.product-content-push.dext {
  border: 1px solid #008cb0;
  background-color: #008cb0;
  }
  
span.product-content-push.variant4 .content-box .content-box-right {
  width: 100%;
  max-width: 100%;
  }   
	
span.product-content-push .content-box .logo img {
	max-width: 250px;
  margin-right: 20px;
	height: auto;
	float: left;
	}
	
span.product-content-push .content-box .content-box-middle {
	padding: 5px 0px 0px 10px;
	max-width: 70%;
	box-sizing: border-box;
	}
  
span.product-content-push.variant1 .content-box .content-box-middle,
span.product-content-push.variant3 .content-box .content-box-middle,
span.product-content-push.variant4 .content-box .content-box-middle {
  max-width: 100%;
  padding: 5px 0px 0px 0px;
  } 
 
span.product-content-push .content-box .content-box-right {
	float: left;
	padding: 5px 0px 0px 0px;
	max-width: 100%;
	box-sizing: border-box;
	width: 100%;
	}
  
 span.product-content-push.dext .content-box .content-box-right {
  width: 80%; 
  padding: 5px 0px 0px 10px;
  }
		
span.product-content-push .content-box .content-box-right p {
	font-weight: 400;
	font-size: 14px;
    text-align: left;
    color: #000;
	}		
	
span.product-content-push .content-box-middle .producttitle {
	font-family: 'Open Sans', Georgia,"Times New Roman",Times,serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  text-align: left;
  color: #000;
	}
  
 span.product-content-push.variant4 .content-box-middle .producttitle,
 span.product-content-push.variant4 .content-box .content-box-right p {
   color: #000;
   }
				
span.product-content-push .content-box .cta {
	float:left;
	margin-top: 5px;
	}

span.product-content-push .content-box .cta a.buy.slimbutton {
	background-color: #fff;
	color: #000;
	border-radius: 40px;
	padding: 3px 8px 3px 8px;
    border: 1px solid #000;
    margin-bottom: 10px;
	}	

span.product-content-push .content-box .cta a.buy.slimbutton:hover {
	color: #222;
	text-decoration:underline;
	}
	
span.product-content-push .content-box .logo {
	}

span.product-content-push .content-box .fs-logo-box	img {
	height: 40px;
	width: auto;
	}

span.product-content-push.dext .content-box .fs-logo-box	img {
  height: 20px;
  width: auto;
  }
	
span.product-content-push .content-box .fs-logo-box {	
  width: 20%;
  float: right;
  text-align: right;
  }
  
#first.category-label {margin-top:0px;} 
.grid-wrapper {
  background-color: #000; 
  padding: 20px;
  }
  
.col-wn .subArticle .articleTeaserLarge img, 
.col-wn .mainArticle .articleTeaserLarge img,
.col-wn .subArticlesponsored .articleTeaserLarge img {
  	max-width: 100%; 
  	border-bottom:0px; 
  	width:100%; 
  	height: auto; 
  	} 
  
#index .col-wn .mainArticlesponsored,
#index .col-wn .subArticlesponsored, 
#index .col-wn .mainArticle,
#index .col-wn .subArticle,
#index .documentlist.index .subArticle {
  margin-bottom: 10px;
  border-bottom: 1px solid #f2f2f2;
  padding: 10px 0px 10px 0px;
  width: 100%;
  }
  
#index .col-wn .mainArticle {
  padding-top: 0px;
  }  
  
#index .col-wn .subArticle.plus {
  border-left: 5px solid #fcc550;
  padding-top: 0px;
  margin-top: 5px;
  }  

#index .documentlist.index .subArticle {
  }
	
#index .indexdocumentlist h2 a,
#index .indexdocumentlist h1 a
#index .documentlist.index h1 a,
#index .documentlist.index h2 a   {
  font-size: 44px;
  font-family: 'Roboto', sans-serif; 
  line-height: 1.0; 
  letter-spacing: -0.4px;
  }
  
#index .indexdocumentlist .sponsored-wrapper h2 a,
#index .indexdocumentlist .sponsored-wrapper h1 a
#index .documentlist.index .sponsored-wrapper h1 a,
#index .documentlist.index .sponsored-wrapper h2 a  {
  font-family: 'Arial', sans-serif; 
  }  

#index .indexdocumentlist .subArticle h2 a,
#index .indexdocumentlist .subArticle h1 a,
#index .documentlist.index .subArticle h1 a {
	font-size: 40px;
	}

#index .indexdocumentlist .subArticle.mediumpw h2 a {
  font-size: 36px;
  } 
  
#index .indexdocumentlist .subArticle.smallpw h2 a {
  font-size: 34px;
  } 
    
#index .indexdocumentlist .subArticle.plus h2 a,
#index .indexdocumentlist .subArticle.plus h1 a,
#index .documentlist.index .subArticle.plus h1 a,
#index .documentlist.index .subArticle.plus h2 a {
   font-size: 40px;
   } 
   
#index .indexdocumentlist .readmore-pushbox {
   display: inline-block;
   } 
  
#index .indexdocumentlist .subArticle.plus .readmore-pushbox {
  padding-left: 20px;
  }
	
.documentlist.default .subArticle .documentlisttitle a {
	font-size: 40px;
	line-height: 1.1;
	}
	
.cols.indented.readmore-section .indexdocumentlist h2 a,
.cols.indented.readmore-section .indexdocumentlist h1 a,
#index .documentlist.index .subArticle h2 a,
#proffsfoto-index .indexdocumentlist .mainArticle h1 a,
#proffsfoto-index .indexdocumentlist .subArticle h1 a, 
#proffsfoto-index .indexdocumentlist .mainArticle h2 a,
#proffsfoto-index .indexdocumentlist .subArticle h2 a,
.section-poddradio .indexdocumentlist h2 a,
.section-poddradio .indexdocumentlist h1 a {
  font-size: 24px;
  line-height: 1.1;
  }	
    
.section-cldoc .indexdocumentlist h2 a {
  }	   

#cldoc-tv-index .indexdocumentlist .documentdescription {
  display: none;
  }
  
.cols.indented .readmore-section.premium .indexdocumentlist .mainArticle h2 a {
  font-size: inherit;
  font-size: 24px;
  } 

#infocusfirst.infocus {
  margin-bottom: 20px;
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  }
   
#infocusfirst.infocus.productpush,
.sidebartpart .productpush {
  border: 1px solid #00c38e;
  padding: 20px 20px 5px 20px;
  }

#infocusfirst.infocus.productpush .shop-product-info span.kitinfo span.kitpercentage {
	}
  
#infocusfirst.infocus.productpush .shop-product-info .productsum,
#infocusfirst.infocus.productpush .shop-product-info .producttitle a:link,
#infocusfirst.infocus.productpush .shop-product-info .productextratitle {
  }
	
#infocusfirst.infocus.productpush .billboardheader {
	background-color: inherit;
	}
 
#premium-articles.col-wmn .indexdocumentlist {  
    background-color: #fbf3e6;
    padding: 10px 10px 10px 10px;
    }
 
.documentpage h1 {
	font-family: 'Playfair Display', serif;
	}

.documentpage h1 {
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 1.1;
  letter-spacing: -0.4px;
  font-weight: 600;
  }
 
.indexdocumentlist-2col .subArticle {
  max-width: 450px;
  }
 
.infocus .heading,
.category-label { 
  padding: 0px 10px 10px 0px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dfdfdf;
  }
  
.category-label.articles {
  margin-bottom: 10px;
  }
  
#premium-articles .category-label.articles {
  border-bottom: 1px solid #00c38e; 
  }
    
.infocus .heading a,
.category-label a {
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing: 1px;
  font-size: 16px;
  text-align: left;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  }    
    
.infocus .heading a:hover {
  color: #ff9600;
  }  
  
.infocus .heading a:after,
.category-label a:after,
a.sectionlink::after {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  padding-left: 8px;
  background: none;
  font-size: 14px;
  }  
	
.infocus.banner img {
  width: 100%;
  height: auto;
  }
 	
#infocusfirst.infocus.productpush .heading {
  background-color: inherit;
  padding-left: 0px;
  padding-top: 0px;
  }
  
#infocusfirst.infocus.productpush .billboardheader .producttitle {
  text-align: left;
  }
  
#infocusfirst.infocus.productpush .billboardheader .producttitle a,
#infocusfirst.infocus.productpush .billboardheader .productmoreinfo a {
  }
  
#infocusfirst.infocus.productpush .productprice {
  margin-bottom: 20px;
  }  
	
#infocusfirst.infocus.productpush .heading a {
	color: #000;
	}

#infocusfirst.infocus.productpush .billboardheader {
	padding: 0px;
	margin-bottom: 20px;
	}
	
#infocusfirst.infocus.productpush span.kitinfo span.kittotal {
	color: #000;
	}
		
	
/* BANNER */

.floatingAd {
	padding: 10px;
	background-color: #fcc550;
	text-align: center;
	bottom: 0px;
    position: fixed;
    min-width: 960px;
    margin: 0px;
    color: #fff;
	}
	
.floatingAd a.slimbutton.cta {
	margin: 0px;
	background-color: #fff;
	border: 1px solid #fff;
	padding-left: 30px;
	padding-right: 30px;
	margin-left: 50px;
	}		
  
#gam-overthetop.gam-adunit {
  border: 5px solid hotpink;
  width: 100%;
  box-sizing: border-box;
  display: none;
  } 

#gam-overthetop.gam-adunit iframe img.img_ad {
  width: 100% !important;
  height: auto !important;
  border: 2px solid greenyellow;
  }

    
/* COURSES */

.courses-list .course-box {
	float:left;
	box-sizing: border-box;
	width:calc( ( 1/3 * 100% ) - (40px / 3 ) ); 
	margin: 0 0 20px 0; 
	background: #ddd;
	overflow: hidden;
	padding: 0;
	position: relative;
}

	.courses-list .course-box:nth-child(3n+2) {
		margin: 0 20px 20px 20px;
	}

	.courses-list .course-box:before{
		content: "";
		display: block;
		padding-top: 100%;
	}

	.courses-list .course-box .course-box-contents {
		position:  absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}

.courses-list .course-box .course-teaser img {
	top:0;
	left:0;
	width:105%;
}

.courses-list .course-box .course-teaser img:hover {
	opacity: 0.8;
}

	.course-box a {
		text-decoration:none!important;
		color:white!important;
	}


.course-price {
	position:absolute;
	text-decoration:none!important;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.4rem;
	line-height: 1.3em;
	text-transform: uppercase;
	letter-spacing:.04rem;
}

	.courses-list .course-title {
		top:20px;
		left:20px;
	}

	.courses-list .course-price {
		bottom:20px;
		left:20px;	
	}


.courses-list .course-description { }
.courses-list .course-teaser img {width:100%;height:auto;box-sizing: border-box; }
.courses-list .course-progress a {background: #fc0;padding: 10px;margin: 15px; position: absolute;right:0}
.courses-list .course-progress a::after { content: "% klar"; }

.course-header h1, 
.course-box .course-title {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 1.6rem;
	line-height: 1em;
	position:absolute;
	font-weight: 700;
	letter-spacing: -.015em;
}    

*/
  
/* MAPS */

.map {
-webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
            }


/* FROM SHOP.css */

.billboard {
  	float: left;
  	width: 290px; 
  	margin-left: 10px;
  	margin-right: 0;
  	padding-bottom:100px;
  	padding: 30px 10px 30px 10px;
  	border-radius: 2px;
	}

.billboard {
	width:100%;
	padding:0px; 
	margin:0px;
	}

.billboardheader {
  	width:100%;
  	height: auto;
  	min-height: 310px;
  	background-position: 0 20px;
  	background-repeat: no-repeat;
  	background-color: #eee;
  	border-radius: 10px;
  	padding: 20px;
  	box-sizing: border-box;
	}

.billboardheader {
	height: auto; 
	min-height: auto;
	}

#free.billboard div.billboardheader, div#fsm-dig.billboard div.billboardheader {
	background: #eeeeee; 
	}

#plus.billboard div.billboardheader {
	background: #ff9400;
	}

#fsm.billboard div.billboardheader {
	background: #0090e3;
	}

.billboardheader h2, 
.billboardheader .producttitle, 
.billboardheader .productmoreinfo {
	font-size: 14px;
	min-height: 0px;
	text-align: left;
	font-weight: 700;
	color: #000;
	}
	
.shop-product-pic img {
	width: 100%;
	height: auto;
	}	
	
.billboardprice, .billboard .shop-product-info .productsum, .billboardprice-free {
	font-size: 60px; 
	font-weight: 700; 
	margin-top: 20px;
	line-height: 50px;
	display: inline-block;
	}
	
.billboardprice-free {
	margin: 60px 0px 65px 0px;
	}

.billboardheader a.slimbutton {
	padding: 12px 20px 12px 20px;
	text-decoration: none; 
	margin-right: 0px;
	margin: 20px;
	background-color: #508eff; 
	color: #fff; 
	display: inline-block;
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.20);
	}

#plus.billboard .billboardprice, 
#plus.billboard .billboardheader p, 
#plus.billboard .billboardheader h2, 
#plus.billboard .shop-product-info .productsum, 
#plus.billboard .billboardheader .producttitle  {
	color: #fff;
	}

.superpanorama-ad .one {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	}
	
.readmore-section .superpanorama-ad .one {
	padding: 0px; 
	margin-bottom: 40px;
    margin-top: 80px;
	}

.superpanorama-ad .one img {
	width:100%;height: auto;
	box-sizing: border-box;
	padding:0px 0px 0px 0px;
	}

/* tinymc  */

body#tinymce p img {
	width:100%; 
	height: auto;
	}

/* editdesk */

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

/* mailer */

.wizardpage {
	width:100% !important; 
	box-sizing: border-box;
	}

/* publication */

.card {
	border: 1px solid #ccc !important;
	text-align: center;
	}

/* msadmin */

.msadminlist th, .msadminlist td {
	font-family: 'Roboto';
	font-size: 13px !important;
  line-height: 1.3;
	}

/* forms */

pre {font-family: 'Open Sans', sans-serif; width:100%;}

/* scribble */
#scribbleTools { float: right; padding: 0px 10px 0px 10px;}
#scribbleCanvas { cursor: crosshair; border:1px dotted lime; }
div.scribbleEnable {  margin-top:10px; }
#scribblePalette { margin-top:10px; }
#scribblePalette .scribblecolor { display:inline-block; width:25px; height:25px; border:1px solid #888888; margin: 2px; }
#scribblePalette .scribblecolor.active { margin:0; border-width: 3px; }
#scribblePalette .scribblecolor.sc-ffffff { background-color:#ffffff; }
#scribblePalette .scribblecolor.sc-eaeaea { background-color:#eaeaea; }
#scribblePalette .scribblecolor.sc-000000 { background-color:#000000; }
#scribblePalette .scribblecolor.sc-e8004d  { background-color:#e8004d ; }

div.scribble.ratingform-row { position:relative; display:block; min-height:25px; }
div.scribble.ratingform-row a { position:absolute; right:10px; top:5px; font-size:14px; }

body.wide #viewpiccontainer .item-list-wrapper.wide .item .authorcell a.showscribble {
  font-family: 'Open Sans', sans-serif; 
  border: 1px solid black; 
  border-radius: 30px; 
  color: #000; 
  padding: 2px 6px 2px 6px; 
  text-transform: none; 
  font-size: 10px;
  }

a.showscribble:hover {
  background-color: #fff;
  }

body.large #commentbox a.slimbutton.scribbleEnable { display: block; }


/* blogg editor */

#tinymce-filepicker input#href {
  display: none;
  }

#select-btns {
  border-bottom: 1px solid #ccccd1;
  margin-top: 10px;
  }

#list-photos, #upload-new, .docparts > .docpart {
	padding: 20px 20px 20px 0px;
	border: 0px solid #ccccd1;
    border-top: 0px;
}

.docparts > .docpart {
	padding: 20px 20px 20px 20px !important;
	border-top: 0px solid #fff !important;
	bottom: 1px;
	}
	
.docparts {
	padding-top: 10px;
	}	

.section-tinymce #upload-new {
	padding: 0px 0px 20px 0px;
    text-align: left;
	}
 
.section-tinymce #upload-new #multi_upload {
  }

.section-tinymce #upload-new #multi_upload a.toggle-upload-mode.toggle-mode,
.section-tinymce #upload-new #simple_upload a.toggle-upload-mode.toggle-mode {
  background-color: inherit;
  border: 0px;
  margin: 0px 0px 10px 0px;
  text-decoration: underline;
  float: left !important;
  }
	
.section-tinymce #upload-new #multi_upload .plupload-container,
.section-tinymce #upload-new #simple_upload .plupload-container {
  border: 0px !important;
  border-top: 1px solid #ccccd1  !important;
  }
  
.section-tinymce #upload-new #simple_upload .plupload-container span.upload {
  display: block;
  }   
  
#upload-new a,
#list-docparts a:link {
	font-family: 'Open Sans', sans-serif;
   font-family: 'Open Sans', sans-serif;
   line-height: 1.2;
   font-weight: 500;
   display: inline-block;
   vertical-align: middle;
   text-decoration: none;
   margin: 10px 5px 0px 0px; 
   padding: 12px 18px 12px 18px;
   min-width: 50px;
   text-align: center;
   -webkit-appearance: none;
   box-sizing: border-box;
   background: #fff;
   font-size: 14px;
   border-radius: 4px;
   color: #222;
   border: 0px solid #ccccd1;
   background-color: #f7f7f7;
   background-color: #eef1f2;
   background-color: #eaeaea;
   width: auto;
    }

#list-docparts a:link {
  margin: 20px 0px 0px 20px;
  }

body#tinymce-filepicker #select-btns .slimbutton {
  background-color: #fff;
  border: 1px solid #ccccd1;
  border-bottom: 0px solid #fff;
  color: #999;
  font-weight: normal;
  font-size: 14px;
  position: relative;
  bottom: -1px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 10px;
  }

body#tinymce-filepicker #select-btns .slimbutton:hover {
	}

body#tinymce-filepicker #select-btns .slimbutton:active {
	}

body#tinymce-filepicker #select-btns .slimbutton:disabled {
	color: #000;
	border-bottom: 1px solid #fff;
	font-weight:bold;
  	}

/* QUERY */


#member-admin-viewsavedquery fieldset {
  font-family: 'Courier New', monospace;
  color: #000;
  background-color: #fff;
  }

  	    
/* NOFLOW */

#member-admin-index .grid {
 display:flex;
}

#member-admin-index .grid > * {
 margin: 0.1em 1em 0.1em 0;
 flex: 1;
}

#member-admin-index .grid > div:last-child{
 margin: 0;
}

#member-admin-index .rowgrid {
   display:flex;
   flex-wrap: wrap;
}

#member-admin-index .sgrid{ /*won't wrap and has no margins*/
   display:flex;
}

#member-admin-index .rowgrid > div, 
#member-admin-index .sgrid > div{
   flex: 1;
}

a.button.small.togglebutton {
  padding: 5px;
  background-color: #000;
  color: #fff;
  margin-top: 10px;
  text-decoration: none;
  border-radius: 3px;
  margin-bottom: 5px;
  }
  
a.button.small.togglebutton:hover {
  background-color: #ccc;
  }  

@media only screen and (max-width: 968px) {
   #member-admin-index .rowgrid > div:nth-child(3){
      flex: 0 0 auto;
      width: 100%;
      order: 2;
   }
 }

@media only screen and (max-width: 768px) {
  #member-admin-index .rowgrid  {
      flex-direction: column;
     }
 }

#member-admin-index .box {
  background: #fff;
  padding: 20px;
  margin-bottom: 20px;
  box-sizing: border-box;
}