@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);

/* PM and Events boxes */
div.pm-box {
  position: absolute;
  top: 9px;
  left: 860px;  
}

div.pm-box, #topbar-pmbox {
  background-image: url(/images/header/pm_on.png);
  background-repeat: no-repeat;
  background-position: 2px 2px; 
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

div.events-box {
  position: absolute;
  top: 9px;
  left: 900px; 
}

div.events-box, #topbar-notificationsbox, #topbar-cartsizebox {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

div.pm-box a, div.pm-box a:link, div.pm-box a:visited, div.pm-box a:hover, div.pm-box a:active,
div.events-box a, div.events-box a:link, div.events-box a:visited, div.events-box a:hover, div.events-box a:active
 {
  color: #FFF;
  text-decoration: none;
 }

div#topbar-pmbox a, div#topbar-pmbox a:link, div#topbar-pmbox a:visited, div#topbar-pmbox a:hover, div#topbar-pmbox a:active,
div#topbar-notificationsbox a, div#topbar-notificationsbox a:link, div#topbar-notificationsbox a:visited, div#topbar-notificationsbox a:hover, div#topbar-notificationsbox a:active
 {
  color: #000;
  text-decoration: none;
 }

div.pm-box a,
div.events-box a,
div#topbar-pmbox a,
div#topbar-notificationsbox a,
div#topbar-cartsizebox a {
  display: block;
  width: 18px;
  padding-left: 18px;
  padding-top: 0px;
}

div#topbar-cartsizebox {
  padding-left: 0;
}

div.pm-box a {
  padding-left: 22px;
}
div#topbar-notificationsbox a,
div#topbar-cartsizebox a {
  padding-left: 5px;
}

div.events-box {
}

div.pm-box a span,
div.events-box a span,
div#topbar-pmbox a span,
div#topbar-notificationsbox a span,
div#topbar-cartsizebox a span {
  background-color: #ff9600;
  padding: 1px 5px 1px 4px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-weight:normal;
}

div.pm-box.empty a span,
div.events-box.empty a span,
div#topbar-pmbox.empty a span,
div#topbar-notificationsbox.empty a span {
  background-color: inherit;
  margin-left: -5px;
  font-weight: normal;
  color: #ddd;
  display: none;
}

div.events-box.empty,
div#topbar-notificationsbox.empty,
div#topbar-cartsizebox.empty
 {
  display: none;
 }

div.pm-box.empty,
div#topbar-pmbox.empty {
  background-image: url(/images/header/pm_off.png);  
}

div.events-box.empty a,
div#topbar-notificationsbox.empty a {
  color: #999;
}

div.pm-box.empty a,
div#topbar-pmbox.empty a {
  color: #999;
}


.topbar-large#topbar1 {
   background: #181818 url(/styles/std/images/topstrip/new/topstrip1.jpg);
}

.topbar-large#topbar2 {
   background: #181818 url(/styles/std/images/topstrip/new/topstrip2.jpg);
}

.topbar-large#topbar3 {
   background: #181818 url(/styles/std/images/topstrip/new/topstrip1.jpg);
}

.topbar-large#topbar4 {
   background: #181818 url(/styles/std/images/topstrip/new/topstrip2.jpg);
}

.topbar,
.topbar a,
.topbar a:link,
.topbar a:visited, 
.topbar a:active,
.topbar a:focus
 {
  color: white;
 }

/* ---------------------------------------------------------------------- */
/* toolbox menu */

div.toolboxmenu {
  background-image: url(/images/header/shortcut_icon_on.png);
  background-repeat: no-repeat;
  background-position: right;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 26px;
  height: 20px; 
  border-left: 1px solid #555;
  z-index: 999;
}

ul#mytools {
  position: static;

  top: 35px;
  left: 0px;
  width: 200px;
}

ul#mytools li#sfbutton>a {
  display: block;
  height: 20px;
  width: 35px;
}

ul#mytools li#sfbutton {
  padding: 0; 
}

ul#mytools ul, ul#mytools {
  z-index: 999;
}

ul#mytools, ul#mytools ul { /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
}


ul#mytools ul {
  box-shadow: 0 7px 7px #666666;
  -moz-box-shadow: 0 7px 7px #666666;
  -webkit-box-shadow: 0 7px 7px #666666;
  z-index: 999;
  padding-top:10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #bbbbbb;
  border: 0px solid #eee;
}

ul#mytools > li > a,
ul#mytools > li > a:link,
ul#mytools > li > a:visited,
ul#mytools > li > a:hover,
ul#mytools > li > a:active {
  color: #fff;
  font-size: 11px;
}

ul#mytools li li a {
  display: block;
  color: black;
  width: 230px;
  padding-left:10px;
}

ul#mytools li li a:hover {
  color: #ff9600;
}

ul#mytools li:hover, #mytools li.hover {  
    position: static;  
} 

ul#mytools li { /* all list items */
  float: left;
  padding: 5px;
  width: 240px; /* width needed or else Opera goes nuts */
  color: #ffffff;
}

ul#mytools li.dv {
  border-bottom: 0px solid #bbb;
}

ul#mytools li.hdr {
  background-color: white;
  font-weight:700;
  color: black;
  border-top:1px solid #B4B4B4;
  margin-left:5px;
  width:230px;
  margin-top:5px;
}

ul#mytools li.tophdr {
  background-color: black;
  color: #fff;
}

ul#mytools li ul { /* second-level lists */
  position: absolute;
  background: #fff;
  width: 250px;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

ul#mytools li:hover ul, #mytools li.sfhover ul { /* lists nested under hovered list items */
  left: -212px;
}

ul#mytools li li:hover {
  background-color: #fff;
}


.topbar-small {
  background-image: url(/styles/std/images/topstrip/new/topstrip_fs_mini3.png);
  background-color: #000;
  background-repeat: no-repeat;
  height: 34px;
}

.topbar-small div.pm-box {
  display: none;
  position: absolute;
  top: 9px;
  right: 80px;  
  left: auto;
  background-image: url(/images/header/pm_on.png);
  background-repeat: no-repeat;
  background-position: 2px 2px; 
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.topbar-small div.events-box {
  position: absolute;
  top: 9px;
  right: 40px; 
  left: auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}


.topbar-smallheader {
  height: 60px;
  width: 100%;
  z-index: 100;
  position: relative;
  background-color: #000;
  background: linear-gradient(to bottom, #000000 0px, #1b1b1b 100%) repeat scroll 0% 0% transparent;
}

.contentstage .menu { z-index: 100; }
.topbar-smallheader-content {
	margin: 0 auto; 
	z-index: 100; 
	width: 100%; 
	position: fixed;
    background-color: #111111;
    opacity: 0.9;
}

body.std.section-akademi .topbar-smallheader-content {width: 100%;}

.std.section-blogs .stage { position: static; }
.std.section-blogs .topbar-smallheader-content { position: absolute; left: 0; right: 0; background-color: black; z-index:300;}
.std.section-blogs .topbar-smallheader-content {width: 100%;}
#blog .topbar-smallheader-content {width: 100%;}
body#gallerifs-index.gfs .topbar-smallheader-content, body.large .topbar-smallheader-content, #membershop-plus .topbar-smallheader-content, #membershop-magasin .topbar-smallheader-content, #membershop-magasin-extra .topbar-smallheader-content, #membershop-books .topbar-smallheader-content {width: 100%;}


.topbar-item { float: left; z-index: 100; }

.topbar-smallheader,
body#forum .topbar-smallheader,
body#forum .topbar-smallheader a,
.topbar-item a,
.topbar-item a:link,
.topbar-item a:visited {
  color: #dfdfdf; font-weight: normal; text-decoration: none;
  font-family: 'Open Sans', sans-serif; font-weight: 300; font-style: normal;
  font-size: 15px;
} 

.topbar-item a:hover {color: white;}

.topbar-item img { border: 0 none;}

#topbar-navigation { margin-top: 16px; }
#topbar-logo a { width: 130px; height: 34px; display: block; background-image: url(/styles/std/images/topstrip/new/fs_logotyp_vit2.png); background-repeat: no-repeat; margin: 18px 0px 0px 0px;}
#topbar-extra { float: right; margin-top: 0px; }
#topbar-userbox { float: right; position: relative; margin-right: 0px; margin-top: 0px; padding: 0px 0px 0px 10px; }
#topbar-userpic { margin-top: 0px; height: 60px; padding-left: 10px;}
#topbar-userpic img { margin-top:13px; width: 34px; height: 34px; border-radius: 50%;}
#topbar-userpic:hover {}
#topbar-username { margin-left: 0px; margin-top: 0px; height: 30px; padding: 19px 5px 3px 10px; }
#topbar-username a { }
#topbar-username:hover { background-color: #333333; color: #ddd}
#topbar-username a:hover {color: #ddd}
#topbar-user:hover { background-color: #333333;}

#topbar-notificationsbox { margin-top: 0px; height: 40px; padding: 19px 15px 0px 5px;}
#topbar-notificationsbox:hover { background-color: #333333; border-radius: 0px;}

#topbar-cartsizebox { margin-top: 0px; height: 40px; padding: 19px 15px 0px 5px;}
#topbar-cartsizebox:hover { background-color: #333333; border-radius: 0px;}

#topbar-search { margin-left: 0px; float: left; margin-top: 0px; height: 39px; padding: 19px 10px 0px 10px; }
#topbar-search:hover { background-color: #333333; }
#topbar-search:selected { background-color: #000000;}
#topbar-search form { float: left; }
#topbar-search a { float: left; }
#topbar-search img {margin-top: 2px;}

#topbar-upload:hover {background-color: #333333;}
#topbar-upload-icon { margin-left: 0px; margin-top: 0px; height: 38px; padding: 21px 0px 0px 20px;}
#topbar-upload-text { margin-left: 0px; margin-top: 1px; margin-top: 0px; height: 40px; padding: 19px 20px 0px 5px;}
#topbar-upload-text:hover { background-color: #333333;}
#topbar-upload-text a:hover { color: #ddd;}

#topbar-register { margin-left: 0px; margin-top: 1px; margin-top: 0px; height: 30px; padding: 20px 10px 10px 10px;}
#topbar-register:hover {background-color: #333333;}
#topbar-register a:hover {color: #dddddd;}

#topbar-login {margin-left: 0px; margin-top: 1px; margin-top: 0px; height: 30px; padding: 20px 10px 10px 35px; background-image: url(/images/layout/large2/header_profile_default.png); background-repeat: no-repeat; background-position: 10px 19px; }
#topbar-login:hover {background-color: #333333;}
#topbar-login a:hover {color: #ddd;}

body#login #topbar-login { display: none; }
body#member-register #topbar-login { display: none; }
body#member-register #topbar-register { display: none; }

.section-header {max-width: 980px; width:100%; height: 160px; background-color: #000; clear: both; margin-bottom: 20px;}
.section-header h1 { color: #fff; font-family: adelle; font-weight: bold; font-size: 4em; margin-top: 20px; display: none;}
.section-proffsfoto .section-header { background-image: url(/images/sections/banner_prf.png); margin-bottom: 0px;}
.section-magasin .section-header { background-image: url(/images/sections/banner_fsm.png); display: none;}


.xmemberheader { padding: 10px; background-color: #000; margin-left: -10px; margin-bottom: 10px; }
.xmemberheader h1 { color: #fff; font-family: adelle; font-weight: bold; font-size: 4em;}

.groupheader { padding: 10px; width: 100%; max-width: 990px; 
               height: 140px; background-color: #333; margin-left: -10px; margin-bottom: 10px; position: relative;margin-right:-10px; }

.groupheader .adminlink { position: absolute; top: 10px; right: 10px; color: #fff; border: 1px solid #fff;padding: 5px;border-radius: 2px;text-decoration: none;}
.groupheader .grouplogo { margin: 25px 10px 0px 0; float:left;}
.groupheader a.grouplogo { margin: 10px 0 40px 0; display: block; }
.groupheader h1 { padding: 0; margin: 40px 0 30px 0; }
#forum .groupheader h1 a,
.groupheader h1 a { color: #fff; font-family: 'Open Sans Condensed', sans-serif;font-weight: 600;font-style: normal; text-decoration: none; font-size: 50px; text-transform: uppercase;}

div.groupheader.small {height: 60px; background-color: #fff; margin-bottom: 0px;}

div.groupheader.small h1 {margin: 0px; display: none;}
div.groupheader.small h1 a {font-size: 22px; color: black; font-weight:normal;}
div.groupheader.small div.tp-tabbedmenu {margin-top:5px;}
div.groupheader.small div.grouplogo {margin: 0px 10px 0px 0;}


.clamtop { position: relative; clear: both; }
#editdesk-index .clamtop, #editdesk-selectdoctype .clamtop, #editdesk-editdoc .clamtop {display:none;}

.clamtop .adflag {
  display: none;
  position: absolute;
  top: 10px;
  left: -45px; 
  height: 15px;
  width: 60px;
  padding-left: 5px;
  color: #555;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.topbar-smallheader #searchfield {
  border-radius: 6px;
  padding: 5px;
  background: #000000;
  color: #999999;
  border: 1px solid #333;
  margin: -3px 5px 0px 0px;
   font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.025em;
}


input#searchfield.fstyle1 {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 14px;
  letter-spacing: 0.025em;
  margin-top: -4px;
}

/* 1411 */

div#topbar-sectiontitle.topbar-item h1 {margin: 2px 0 0 0; padding: 0px;}
.XXtopbar-item#topbar-sectiontitle {position: absolute; left: 500px; top: 13px; }
.topbar-item#topbar-sectiontitle {position: absolute; top: 13px; left: -270px; right: 0; text-align: center; width: 10%; margin-left: auto; margin-right: auto; }
.std.section-magasin .topbar-item#topbar-sectiontitle {width: 450px;}
.large.section-akademi .topbar-item#topbar-sectiontitle {left: -110px;}
.std.section-classifieds .topbar-item#topbar-sectiontitle {width: 165px;}
#membershop-magasin.shop .topbar-item#topbar-sectiontitle {width: 450px;}
#membershop-magasin-extra.shop .topbar-item#topbar-sectiontitle {width: 450px;}
div#topbar-sectiontitle.topbar-item span.beta {color: #fc0;padding-left: 10px;font-size: 14px;}
div#topbar-sectiontitle.topbar-item a {font-size: 32px;font-family: 'Open Sans Condensed',sans-serif;letter-spacing: 2px;font-weight: 600;font-style: normal;color: #FFF;line-height: 28px;text-transform: uppercase;}
.shop .topbar-item#topbar-sectiontitle {margin-top: -7px; left: 0px;}

/* menus */

#index #topbar-logo {}

div#topbar-toolsmenu-item { position: relative; padding: 20px 5px 16px 5px;}
div#topbar-toolsmenu-item:hover {background-color: #333333}
div#topbar-mainmenu-item  { position: relative; padding: 5px 10px 2px 10px; margin: 8px 30px 0px 10px; width: 18px;}
#gallerifs-index div#topbar-mainmenu-item {margin-top: 12px;}
div#topbar-mainmenu-item:hover  { background-color: #333333; }
#topbar-mainmenu-item a span {font-size: 10px;margin: 10px 0px 0px -20px;padding: 15px;}
div#topbar-shopcart-item { position: relative; padding: 20px 5px 16px 5px;}
div#topbar-shopcart-item:hover {background-color: #333333; }
#topbar-shopcart-delivery {margin: 10px 0px 10px 0px;text-align: right;font-size: 11px;padding-right: 7px;}
#topbar-shopcart-buttons {text-align: right;}

div.topbar-menu { position: absolute; /* overflow: auto; */ clear: both; z-index: 999; min-width: 50%; }

div#topbar-mainmenu { top: 50px; left: 0px; box-shadow: 0 10px 10px black; width: 200px; }
div#topbar-mainmenu ul.topbar-menu li { width: 160px; }
div#topbar-mainmenu ul.topbar-menu li li { width: 120px; }

div#topbar-toolsmenu {top: 60px; right: 0; box-shadow: 0 10px 10px black; width: 300px;}
div#topbar-toolsmenu ul.topbar-menu li { width: 260px; }
div#topbar-toolsmenu ul.topbar-menu li li { width: 220px; }

div#topbar-shopcart {top: 60px; right: 0; box-shadow: 0 10px 10px black; max-width: 500px; width:100%; background-color: black; min-height: 50px; padding: 20px;}
div#topbar-shopcart ul.topbar-menu li { width: 480px; color: #dfdfdf; font-weight: normal; text-decoration: none;
  font-family: 'Open Sans	', sans-serif; font-weight: 300; font-style: normal;
  font-size: 15px;color: #fff;}
div#topbar-shopcart ul.topbar-menu li li { width: 220px; }

ul.topbar-menu { margin: 0; padding: 0; text-align: left; overflow: auto; background-color: #000; box-shadow: 0px 10px 10px #333333; }

#topbar-shopcart-content ul.topbar-menu {box-shadow: none;overflow: hidden;}

ul.topbar-menu li { list-style-type: none; margin: 0; padding: 10px; border-bottom: 1px solid #333333; position: relative; color: #fff; }
ul.topbar-menu li li  { border-bottom: none; }
ul.topbar-menu li a {font-family: 'Gotham Narrow A', 'Gotham Narrow B'; font-weight: 400; font-style: normal; font-size: 14px; color: #999; }
ul.topbar-menu ul.submenu { display: none; margin-top: 15px;}

.expand, .visible { display: block !important; }

ul.submenu.visible li a {font-size: 13px; padding-top: 8px; padding-bottom: 8px;}
ul.submenu.visible li a:hover {color: white;}
ul.submenu.visible li  {padding-top: 8px; padding-bottom: 8px;}

ul.topbar-menu li .submenu-toggle { display: none; position: absolute; right: 0px; top:0; cursor: pointer; }
ul.topbar-menu .submenu-toggle {width: 20px; height: 20px; margin-top:12px;}
ul.topbar-menu .submenu-toggle.submenu-open {background: url(/images/smallheader/menu_toggle_arrow_off.png) no-repeat;}
ul.topbar-menu .submenu-toggle.submenu-close {background: url(/images/smallheader/menu_toggle_arrow_on.png) no-repeat;}

/* ---------- topbar info boxes ---------- */
.topbar-info {
  position: absolute;
  border: 1px solid #333; box-shadow: 0px 5px 10px #333;
  min-width: 200px; padding: 10px 30px 10px 10px;
  background-color: #333; color: #fff;  
  cursor: pointer; 
  font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-style: normal; 
  font-size: 14px;
}
.topbar-info:after {
  content: ' ';	height: 0; position: absolute; width: 0; border: 10px solid transparent; border-bottom-color: #333;
}

#topbar-mainmenu-info { top: 45px; left: 2px; }
#topbar-mainmenu-info:after { top: -20px; left: 5px; }

#topbar-toolsmenu-info { top: 55px; right: -2px; }
#topbar-toolsmenu-info:after { top: -20px; right: 5px; }

.topbar-info-toggler {
  position: absolute; top: 6px; right: 6px;
  background-color: #fff; color: #000;
  border-radius: 10px; height: 12px; width: 12px; line-height: 10px;
  text-align: center; font-size: 11px; display: inline-block;
}