a img {
  border:none;
}

a:link, a:visited {
  color:#000000;
  text-decoration:underline;
}

a:hover, a:active {
  color:#ff0000;
  text-decoration:underline;
}

h1, h2, h3 {
  color:#000;
  margin:0;
  padding:0;
}

h1 {
  cloar:both;
  font-size:1.5em;
  font-weight:normal;
  margin-bottom:0.5em;
}

h2, h3 {
  /* margin-top:1.7em; */
  font-weight:bold;
}

h2 {
  font-size:1.1em;
  margin-bottom:0.1em;
}

h3 {
  font-size:1em;
}

p {
  padding:0;
  margin:0 0 1em 0;
}

.bold {
  font-weight:bold;
}

.clear {
  clear:both;
  height:0px;
}


/* main structure */

#wrapper {
  min-width:900px;
  min-height:776px;
  background:url(/images/top_bg.png) repeat-x top left;
  position:relative;
}

#outer {
  position:relative;
  width:900px;
  padding:0;
  margin:0 auto;
  z-index:3;
}

#inner {
  padding-top:13px;
}


/* header */

#logo {
  display:block;
  position:absolute;
  top:-146px;
  left:35px;
  z-index:3;
}

#header {
  position:absolute;
  top:-150px;
  left:0;
  width:100%;
  height:150px;
}

#logoBgWrapper {
  width:900px;
  height:0;
  margin:0 auto;
  position:relative;
  z-index:1;
}

#logoBg {
  position:absolute;
  width:370px;
  height:150px;
  top:0;
  left:-102px;
  background:url(/images/skater.png) no-repeat top left;
}

#topBlocks {
  position:relative;
  top:0;
  left:0;
  width:100%;
  height:150px;
  background:url(/images/top_blocks.png) repeat-x top left;
  z-index:2;
}


#arbete {
  display:block;
  position:absolute;
  top:-77px;
  left:170px;
  z-index:3;
}


/* top menu (tabs) */

#tabs {
  position:absolute;
  width:100%;
  height:35px;
  bottom:0;
  left:0;
}

#topMenu {
  float:right;
  position:relative;
  right:-4px;
  margin:0;
  padding:0;
  list-style-type:none;
  color:#ffffff;
  font-weight:bold;
  font-size:1.2em;
}

#topMenu li {
  float:left;
  line-height:35px;
  margin:0 0 0 6px;
  padding:0 4px 0 0;
  background:transparent none no-repeat top right;
}

#topMenu .item {
  min-width:116px;
  display:block;
  padding:0 7px;
  text-align:center;
  background:transparent none no-repeat top left;
}

#topMenu .wrapper {
  display:block;
  background:transparent none repeat-x top right;
}

#topMenu .text {
  padding:0 13px;
}

#topMenu li.selected .text {
  background:transparent url(/images/menu_dot.png) no-repeat left center;
}

#topMenu a {
  cursor:pointer;
}

#topMenu a:link, #topMenu a:visited,
#topMenu a:hover, #topMenu a:active {
  color:#ffffff;
  text-decoration:none;
}


#topMenu li.red {
  background-image:url(/images/tab_red_right.png);
}
#topMenu li.red .item {
  background-image:url(/images/tab_red_left.png);
}
#topMenu li.red .wrapper {
  background-image:url(/images/tab_red.png);
}

#topMenu li.orange {
  background-image:url(/images/tab_orange_right.png);
}
#topMenu li.orange .item {
  background-image:url(/images/tab_orange_left.png);
}
#topMenu li.orange .wrapper {
  background-image:url(/images/tab_orange.png);
}

#topMenu li.blue {
  background-image:url(/images/tab_blue_right.png);
}
#topMenu li.blue .item {
  background-image:url(/images/tab_blue_left.png);
}
#topMenu li.blue .wrapper {
  background-image:url(/images/tab_blue.png);
}

#topMenu li.green {
  background-image:url(/images/tab_green_right.png);
}
#topMenu li.green .item {
  background-image:url(/images/tab_green_left.png);
}
#topMenu li.green .wrapper {
  background-image:url(/images/tab_green.png);
}


/* block with drop shadow */

.shadowBlock {
  position:relative;
  top:8px;
  left:7px;
  margin-bottom:12px;
  background:transparent url(/images/dropshadow_main.png) no-repeat bottom right;
}

.shadowBlock .content {
  position:relative;
  top:-8px;
  left:-7px;
  background:#ffffff;
}

.shadowBlock .cornerTop {
  position:absolute;
  top:-8px;
  right:0;
  width:7px;
  height:8px;
  background:transparent url(/images/dropshadow_tr.png) no-repeat top right;
}

.shadowBlock .cornerBottom {
  position:absolute;
  bottom:0;
  left:-7px;
  width:7px;
  height:8px;
  background:transparent url(/images/dropshadow_bl.png) no-repeat top right;
}

.shadowBlock .padded {
  padding:20px 17px;
  min-height:130px;
}


/* start page */

#startPageLeft {
  float:left;
  width:620px;
}

#startPageRight {
  float:right;
  width:270px;
}

#startPageLeft .wrapper {
  margin-right:-62px;
}


/* normal layout */

#wideColumn {
  clear:both;
  margin-bottom:30px;
}

#leftColumn {
  position:relative;
  float:left;
  width:190px;
}

#main {
  float:right;
  width:700px;
}

#main .content {
  padding:30px;
  background:#ffffff;
  
  min-height:400px;
}

#centerColumn {
  position:relative;
  float:left;
  width:415px;
}

#rightColumn {
  position:relative;
  float:right;
  width:195px;
}

#footer {
  clear:both;
  padding-top:2em;
}

.infoBlock {
  background:#eeeeee;
  padding:11px;
}


/* submenu */

#leftMenu .content {
  padding:15px 12px 10px;
  background-color:#ffffff;
  
  min-height:200px;
}

#subMenu {
  margin:0;
  padding:0;
  list-style-type:none;
}

#subMenu ul {
  margin:0;
  padding:0 0 4px 20px;
  list-style-type:none;
}

#subMenu li {
  margin:0;
  padding:2px 0;
  border-top:1px solid #bfbfbf;
}

#submenu ul li {
  padding:0;
}

#subMenu li.first, #subMenu ul li {
  border:none;
}

#subMenu li.selected {
  font-weight:bold;
}

#subMenu li.selected ul {
  font-weight:normal;
}

#subMenu li.expanded {
  font-weight:bold;
}

#subMenu li.expanded ul {
  font-weight:normal;
}

#subMenu .text {
  display:block;
  padding:5px 13px;
}

#subMenu ul .text {
  padding:2px 13px;
}

#subMenu li.selected > .text {
  background:transparent url(/images/menu_arrow.png) no-repeat 2px 50%;
}

#subMenu a:link, #subMenu a:visited {
  text-decoration:none;
  color:#000;
}

#subMenu a:hover, #subMenu a:active {
  text-decoration:none;
  color:#000;
  background:transparent url(/images/menu_arrow.png) no-repeat 2px 50%;
}


/* mini gallery */

.galleryButton {
  display:block;
  margin-top:1em;
}


/* overlay gallery */

#overlay {
  background:url(/images/black80p.png);
  display:none;
  position:fixed;
  left:0;
  top:0;
  height:100%;
  width:100%;
  z-index:-1;
  text-align:center;
}

.galleryWrapper {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  z-index:10010;
  display:none;
}

.overlayGallery {
  position:relative;
  width:200px;
  min-width:250px;
  min-height:250px;
  padding:10px;
  margin:0 auto;
  background:#ffffff url(/images/gallery_loader.gif) no-repeat center center;
}

.overlayGallery .close {
  position:absolute;
  top:10px;
  right:10px;
  width:16px;
  height:16px;
  background:url(/images/gallery_close.png) no-repeat center;
  cursor:pointer;
}

.overlayGallery .nav {
  width:150px;
  margin:0 auto;
}

.overlayGallery .prev {
  float:left;
  width:19px;
  height:17px;
  background:url(/images/gallery_back.png) no-repeat;
  cursor:pointer;
}

.overlayGallery .next {
  float:right;
  width:19px;
  height:17px;
  background:url(/images/gallery_fwd.png) no-repeat;
  cursor:pointer;
}

.overlayGallery .fullSize {
  clear:both;
  cursor:pointer;
  margin:10px 0 0;
}

.overlayGallery .imageNo {
  text-align:center;
  font-size:1.3em;
}

.overlayGallery .caption {
  margin-top:10px;
  font-size:1.2em;
  font-weight:bold;
  text-align:center;
}

.thumbnail {
  margin:0 auto;
  display:block;
}


.shadedBox {
  position:relative;
  width:184px;
  padding:8px 0;
  background:url(/images/thumb_shadow_top.png) no-repeat top left;
}

.shadedBox .content {
  position:relative;
  margin:0;
  padding:4px 12px;
  background:url(/images/thumb_shadow.png) repeat-y top left;
}

.shadedBox .bottom {
  position:absolute;
  bottom:0;
  left:0;
  height:8px;
  width:184px;
  background:url(/images/thumb_shadow_bottom.png) no-repeat bottom left;
}

.shadedBox .infoText {
  margin:3px 0 -2px;
  text-align:center;
  font-size:0.96em;
}

.clickable {
  cursor:pointer;
}


#top .shadedBox {
  float:left;
  margin:5px 5px 0 0;
}


/* news */

.date {
  clear:both;
  font-size:0.95em;
  font-weight:bold;
  padding-bottom:0.5em;
}

.newsList {
  padding:0;
  margin:1.5em 0 0;
  list-style-type:none;
}


.newsList .newsListItem {
  clear:both;
  padding:1.5em 0;
  border-top:1px solid #BFBFBF;
  margin:0;
}

.newsList .first {
  border:none;
}

.newsListItem p {
  margin-bottom:0.5em;
}

.newsList h2 {
  margin-top:0;
}

.newsList h2 a:link, .newsList h2 a:visited,
.newsList h2 a:hover, .newsList h2 a:active {
  text-decoration:none;
}

.newsList .readMore {
}

.moreNews {
  margin-top:1.5em;
  font-weight:bold;
  float:right;
}


/* events */

.eventList {
  padding:0;
  margin:1.5em 0 0;
  list-style-type:none;
}

.eventList .eventListItem {
  clear:both;
  padding:1.5em 0;
  border-top:1px solid #BFBFBF;
  margin:0;
}

.eventList .first {
  border:none;
}

.eventListItem p {
  margin-bottom:0.5em;
}

.eventList h2 {
  margin-top:0;
}

.eventList h2 a:link, .eventList h2 a:visited,
.eventList h2 a:hover, .eventList h2 a:active {
  text-decoration:none;
}

.eventList .readMore {
}

#rightColumn .inline {
  margin:0;
  font-size:0.95em;
  padding:0 10px 10px;
  border:1px solid #1A6ABB;
  border-top:none;
}

#rightColumn .inline .eventList {
  margin-top:10px;
}

#rightColumn .inline .eventListItem {
  border:none;
  padding:0;
  margin:0 0 1.2em;
}

#rightColumn .inline .eventListItem .date {
  font-size:1em;
  font-weight:normal;
}

.moreEvents {
  float:right;
}

/* inlined content */

.inline h2, .inline h3 {
  margin:0;
  color:#ffffff;
}

.inline h2 {
  padding:2px 10px;
  margin:0 -10px;
  background:#1A6ABB;
}

#startPageLeft .inline {
  width:242px;
  float:left;
  padding:0 10px;
  margin-right:62px;
}

#startPageLeft .inline h2 {
  padding:0;
  margin:0 -10px 0.5em;
  color:#ffffff;
}
#startPageLeft .inline h2 a {
  display:block;
  padding:0 10px;
}

#startPageLeft .eventItem h2 {
  background-color:#1a6abb;
}

#startPageLeft .news h2 {
  background-color:#5fa600;
}

.inline h3 a:link, .inline h3 a:visited,
.inline h3 a:hover, .inline h3 a:active {
  text-decoration:none;
}

.inline .date {
  font-weight:normal;
  font-size:0.9em;
  padding:0;
  margin-bottom:0.5em;
}

#startPageLeft .newsList .newsListItem,
#startPageLeft .eventList .eventListItem {
  padding:0 0 2em;
  border-top:none;
}

#startPageLeft .eventListItem p, #startPageLeft .newsListItem p {
  margin:0;
}


/* slideshow */

div.slideshow {
  position:relative;
  width:990px;
  height:230px;
}

div.slideshow img {
  position:absolute;
  top:0;
  left:0;
}


/* error page */

.shadowBlock .errorMessage {
  min-height:300px;
}


/* forms & tables */

.textbox {
	font-family:Arial, Helvetica, sans-serif;
  font-size:1em;
  border:1px solid #999999;
  padding:2px;
}

input.error, textarea.error, select.error {
  border:1px solid #ff0000;
  background-color:#ffeeee;
}

p.error {
  font-weight:bold;
  color:#ff0000;
}

select {
	font-family:Arial, Helvetica, sans-serif;
  font-size:1em;
  border:1px solid #999999;
  padding:2px;
}

.contactForm .textbox {
  width:95%;
}

.contactForm select {
  width:90%;
}

.contactForm textarea.textbox {
  width:405px;
}

.contactForm {
  width:98%;
  border:none;
  border-spacing:0;
}

.contactForm th {
  padding:0.2em 2px;
  text-align:left;
  font-size:1.1em;
  font-weight:bold;
}

.contactForm td {
  padding:3px 2px;
  position:relative;
}

.contactForm td.rightAlign {
  text-align:right;
}

.button {
  background:#EEEEEE;
  padding:1px 3px 1px 3px;
  border:1px outset #999999;
}

.contactForm .dateOption {
  padding-right:1.5em;
  float:left;
}

.dateOption input {
  margin:0;
  padding:0;
  vertical-align:middle;
}

.topAlign {
  vertical-align:top;
}

input.amount {
  width:2em;
  text-align:right;
}

th {
  text-align:left;
}

tr.tone {
  background-color:#e3e3e3;
}

.orderItems {
  width:100%;
  border-spacing:0;
  margin:0 0 2em;
}

.orderItems th, .orderItems td {
  padding:0.2em 0.5em;
}

.orderForm .contactForm textarea.textbox {
  width:95%;
}

.orderForm .contactForm {
  margin:1em 0;
}



/* search */

#quickSearch {
  position:absolute;
  top:73px;
  right:-2px;
}

#quickSearch input {
  padding:3px 8px;
  width:116px;
  height:15px;
  line-height:15px;
  font-size:12px;
  border:none;
  background:url(/images/search_box.png) no-repeat top left;
}

/* search */

#searchBox {
  clear:both;
}

.searchResults {
  width:415px;
}

.searchResult {
  margin-bottom:1.5em;
}


/* forum */

#postForm {
  width:415px;
  margin-top:1em;
}

#postForm div {
  margin-bottom:0.7em;
}

#postForm .textbox {
  width:409px;
}

#postForm .left .textbox, #postForm .right .textbox {
  width:194px;
}

#postForm .left {
  float:left;
  width:200px;
}

#postForm .right {
  float:right;
  width:200px;
}

#postForm .button {
  float:right;
}

#postForm .sec {
  display:none;
}

.forumPostList {
  margin:0;
  padding:2em 0 0;
  list-style-type:none;
  clear:both;
}

.forumPostList li {
  border:1px solid #999999;
  margin:0 0 1.5em;
}

.forumPostList h2, .forumPostList h3 {
  font-size:1em;
  font-weight:bold;
  margin:0 0 0.3em;
}

.forumPostList p {
  margin:0;
}

.postInfo {
  padding:1em 1em 0.5em;
  border-bottom:1px solid #bfbfbf;
  background:#bfe2eb;
}

.postInfo a:link, .postInfo a:visited,
.postInfo a:hover, .postInfo a:active {
  text-decoration:none;
}

.postDate {
  float:right;
}

.mailLink {
  text-decoration:underline;
}

.postInfo .options a {
  float:left;
  display:block;
  padding:0.3em 0.4em;
  margin-left:0.7em;
  background:#008dae;
  border:1px solid #ffffff;
  min-width:4em;
  text-align:center;
}

.postInfo .options a:link, .postInfo .options a:visited {
  color:#ffffff;
}

.postInfo .options a:hover, .postInfo .options a:active {
  color:#ffffff;
  text-decoration:underline;
}

.postInfo .poster {
  float:left;
}

.postInfo .options {
  float:right;
}

.postBody {
  padding:1em;
}

.forumPostList .deleted, .forumPostList .deleted h2, .forumPostList .deleted a {
  color:#555555;
}

.forumPostList .deleted .postInfo {
  background:#eeeeee;
}

.forumPostList .deleted .postInfo .options a {
  background:#8c8c8c;
}

/* pagination */

.pagination {
  margin:0;
}

.resultCount {
  float:left;
  margin-right:2em;
  padding:0.2em 0;
}

.pageSelector {
  float:right;
}

.pageSelector img {
  vertical-align:text-bottom;
}

.pageSelector a, .pageSelector span {
  vertical-align:text-bottom;
  display:inline-block;
  min-height:16px;
  padding:0.2em 0.4em;
  margin:0 0.2em;
  border:1px solid #cccccc;
  color:#555555;
}

.pageSelector span {
  color:#000000;
  font-weight:bold;
  border-color:#aaaaaa;
}

.pageSelector a:link, .pageSelector a:visited {
  text-decoration:none;
  color:#555555;
}

.pageSelector a:hover, .pageSelector a:active {
  text-decoration:none;
  background-color:#e2e2e2;
  border-color:#bbbbbb;
  color:#000000;
}