body {font: 83%/ 1.4em Tahoma, Verdana, Arial, Helvetica, sans;font-family: Tahoma, Verdana, Arial, Helvetica, sans;padding: 0;margin: 0;background: url(/images/bodyBgWhite.png) repeat-y #fff;color: #1a171b;margin: 0;height:100%;}

html {height:100%;width:100%;overflow:hidden;}
textarea {overflow:scroll;}

#head{height:60px;background: #f0ece7;border-bottom: 1px solid #d9d9d9;}

#nav {width: 250px;float:left;color:white;text-align: center}
#nav div.content {width:218px;margin:0 30px;text-align:left}
#langs a,#nav a {color: #888}
#langs a:hover,#nav a:hover {color: #67cd01}
#nav ul.sidenav {margin:2em 10px;padding:0;list-style:none;color: #aaa}
#nav ul.sidenav li {}  

#nav form {margin: 1em 0;line-height:20px;text-align: left;}
#nav form.search a.advanced {display:block;text-align:right;padding:2px 30px 2px 0px;background: url(/images/icons/plus.gif) no-repeat right center;line-height: 22px}
#nav form.search input {width:130px;height:20px;margin:3px 0;padding:2px 5px;border:none;background: url(/images/searchInputWhite.gif) no-repeat;vertical-align:top}
#nav form.search input.searchButton {background: url(/images/icons/searchWhite.png) no-repeat;border:none;width:28px;height:29px;margin:0;padding:0;cursor: pointer}
#nav form.search input.checkbox {width:auto;border:none;background:none;}

#content {float:left;overflow:auto;z-index:0;background: white}
#contentFixed {float:left;z-index:0;overflow-y:auto;height:100%;width:768px;padding-right:2px;background: white;position:relative;}
#contentFixed .content,#content .content {background:white;width:683px;background:white;padding:35px;overflow:hidden;margin-top:20px;}
#contentFixed .content.nopadding,#content .content.nopadding {padding:0;width:753px;*width:751px}
div.pagecontent {padding:25px 35px 15px 35px;}

/* Indexpage stuff */
div#bigPusher {margin:0;display:block;float:none;font-family:Arial, sans-serif;color: #aaa;;margin-top:20px;z-index:0;background:white}
div#bigPusher .pushText {background: url(/images/pushText.png); width: 420px;float:left;color: #444;;position:absolute;left:30px;top: 320px;z-index:10}
div#bigPusher .content {padding: 1em;position:relative;height:100%;}
div#bigPusher .content .pushBread {clear:none;display:block;float:right;clear:none;font-size: 1.1em;font-weight: bold;margin: 7px 20px}

div#smallPusher {width:100%;margin:0;font-family:Arial, sans-serif;font-size:0.95em;padding:0;background:white;height:160px}
div#smallPusher div.pusher {width:33.33%;float:left;}
div#smallPusher .pcontent {padding: 25px 35px 15px 35px;width:auto;line-height:1.5em}
div#smallPusher .pcontent p {margin:10px 0 0 0;}

div#smallPusher ul {list-style:none;padding:0;margin:10px 0 0 0}
div#smallPusher ul li {margin:0;padding:0;}
a.vinkel {padding: 0 0 0 16px;background: url(/images/icons/vinkel.png) no-repeat center left;}
span.smallArrow a {padding:0 25px 0 0; background: url(/images/spanSmallArrow.jpg) no-repeat center right;color: #67cd01}

/* Stol */

#stol  {
background:url(/images/leftbg.png) no-repeat bottom right scroll transparent;
height:1000px;
overflow:hidden;
position:fixed;
right:0px;
bottom:0px;
width:700px;
}

#svanen {margin:0 0 0 0;font-size: 0.8em;width:100px;
	position:absolute;line-height:1.3em;bottom:20px;left:50px;
	height:45px;padding-left:45px;padding-top: 1px;
	background: url(/images/icons/svanenWhite.png) no-repeat 0px 0px;
}


#langs div {float:left;width:50%;}

/* Headers */

h1,h2,h3,h4,h5,h6 {font-weight:normal;margin:0.3em 0}
h1 {font-size:2.5em}
h2 {font-size:2.0em}
h3 {font-size: 1.5em}
h4 {font-size: 1.3em;}
div#contentFixed h1,div#contentFixed h2,div#contentFixed h3,#nav h3,div#contentFixed h4 {line-height:1em;font-family: Arial, sans;color:#aaa;font-weight:bold;}
#nav h1, h1.mainheader {margin: 0.5em 0 0.5em 0;width:180px;padding:0 30px;}
#nav h4 {color: #fff;font-weight:bold}
h1 a,h2 a,h3 a,h4 a {color: #aaa}

div#bigPusher h1,div#bigPusher h2,div#bigPusher h3,div#bigPusher h4 {color:#67cd01;font-weight:bold;font-size:1.8em;line-height:1em;}
div#smallPusher h1,div#smallPusher h2,div#smallPusher h3,div#smallPusher h4 {color:#aaa;font-weight:bold;font-size:1.5em;line-height:1em;text-transform:none}

/* Misc */
a {color: #47ad01;text-decoration:none}
a:hover {text-decoration:underline}
a:hover,a.active {color: #444;}
#smallPusher a {color: #444}

span.green {}
.active {font-weight:bold;}
a img {border:none}
.right {float:right;}
.alignright {text-align:right}
.narrow {width:620px;}
.center {text-align:center;}
#nav div.popMenu a {color: #888}
#smallPusher a:hover,#nav div.popMenu a:hover {color: #67cd01}
.clear {display:block;float:none;clear:both;line-height:1px;font-size:1px;}

/* PopUp Menu */
div.popNav {margin:0;padding:0 0 0 65px;top:0px;left:0px;position:absolute;overflow:hidden;clip: rect(0px 0px 2000px 0px);z-index:1000}

div.popNav div.tl {background: url(/images/menu/tl.png) top left no-repeat;width:5px;height:5px;clear:none;float:left;line-height:1px;font-size:1px;clear:left;}
div.popNav div.tm {background: white;border-top:1px solid #aaa;height:4px;clear:none;float:left;line-height:1px;font-size:1px;}
div.popNav div.tr {background: url(/images/menu/tr.png) top right no-repeat;width:8px;height:5px;clear:none;float:left;line-height:1px;font-size:1px;}

div.popNav div.c {background:url(/images/menu/c.png) repeat-y top right transparent;clear:both;float:none;border:1px solid #aaa;border-width:0 0 0 1px;position:relative;}
div.popNav div.c div.popMenu {padding: 5px 20px;}
div.popMenu a {display:block;margin:3px 0;position:relative;}
div.popMenu div.stretcher {width:150px;display:block;font-size:1px;line-height:1px;}

div.popNav div.bl {background: url(/images/menu/bl.png) top left no-repeat;width:5px;height:8px;float:left;clear:left;line-height:1px;font-size:1px;}
div.popNav div.bm {background:url(/images/menu/b.png) repeat-x top left transparent;height:8px;clear:none;float:left;line-height:1px;font-size:1px;}
div.popNav div.br {background: url(/images/menu/br.png) top left no-repeat;width:8px;height:8px;float:left;line-height:1px;font-size:1px;}
div.popNav div.bullet {background: url(/images/menu/bullet.gif) no-repeat top right;width:80px;height:10px;position:absolute;top:0px;left: -65px;}

div.popNav.wider {}
div.popNav.wider div.tm {}
div.popNav.wider div.c {}
div.popNav.wider div.bm {}

/* Post */

div.post {clear:both;height:auto;border-bottom: 1px solid #ddd;margin-bottom:2em;}
div.post em {float:right;text-transform: uppercase;font-size: 0.8em;color: #aaa}

div.threeCol h3 {color:#aaa;font-weight:bold;line-height:1em;text-transform:none}
div.threeCol div.colOne {width:31.3%;float:left;}
div.threeCol div.colTwo {width:31.3%;float:left;margin:0 3%}
div.threeCol div.colThree {width:31.3%;float:left;}

/* GRID */
div.table div.row {margin:0;padding:0;overflow:hidden;border-bottom: 1px solid #eee;}
div.table div.row:hover {background: #eee;}
div.table div.row.head {font-size: 0.8em;font-weight:bold;background: #ddd;clear:left;}
div.table div.row.head div.column.order {text-decoration: underline;}

div.table div.column {overflow:hidden;float:left;display:inline;padding:5px 0.5%;vertical-align: middle}

div.table div.column.grid_1 {width:9%;}
div.table div.column.grid_2 {width:19%;}
div.table div.column.grid_3 {width:29%;}
div.table div.column.grid_4 {width:39%;}
div.table div.column.grid_5 {width:49%;}
div.table div.column.grid_6 {width:59%;}
div.table div.column.grid_7 {width:69%;}
div.table div.column.grid_8 {width:79%;}
div.table div.column.grid_9 {width:89%;}
div.table div.column.grid_10 {width:99%;}

/* List items */
ul {padding:0;margin:0}
ul.columns li {width:50%;float:left;list-style:none;padding:0;margin:0}
ul.columns li div.colContent {width:90%;}

.anfang {color: #67cd01;display: inline;float: left;font-size: 3.6em;line-height: 1em;padding:0 0.1em 0 0;text-transform: uppercase;font-weight:bold;}

a.goToBlockLink {display:block;text-align:right;line-height: 22px}


div.productItem {float:left;text-align:center;margin:10px;display:block;height:220px;width:180px;}
div.productItem a img {border: 1px solid #ddd;padding: 5px}
div.productItem a:hover img {border-color: #666}

img.dummyButtons {position:absolute;top:0px;right:0px;}

table {border-collapse: collapse;}


/* Pager */
.pager {clear:both;float:left;font-size:11px;position:relative;text-align:right;width:100%;border-bottom:1px solid #93BBEB;}

.pager a {background:#B3D5FF none repeat scroll 0 0;border-color:#93BBEB;border-style:solid;border-width:1px 1px 0 0;color:#1F4A84;
display:block;float:left;line-height:20px;padding:0 5px;}

.pager li.cpage {
background:transparent url(/images/icons/misc.png) no-repeat scroll 11px -7px;color:#000000;left:0;line-height:20px;padding:0 5px 0 24px;position:absolute;top:0;}

.pager li {display:inline;margin:0;padding:0;}

.pager ul {list-style-image:none;list-style-position:outside;list-style-type:none;float:right;margin:0;width:auto;}

.pager .off a, .pager .off a:hover {background:#E0EEFF none repeat scroll 0 0;color:#93BBEB;}

.pager .on a, .pager .on a:hover {background:#FFFFFF none repeat scroll 0 0;border-top-color:#FFFFFF;color:#000000;font-weight:bold;}

.pager .first a {border-left:1px solid #93BBEB;}

.pager a:hover {background:#F0F7FF none repeat scroll 0 0;color:#000000;text-decoration:none;}

a.oversikt { font-weight: bold; border-bottom:1px solid; }

#pick_files li.dir { background: transparent url(/images/icons/folder.png) no-repeat center 0 scroll; }
#pick_files li.file { background: transparent url(/images/icons/file.png) no-repeat center 0 scroll; }


/* Ligthbox */
#lightbox{    position: absolute;    left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%    ; }

#imageData{    padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }    
#imageData #caption{ font-weight: bold;    }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }            
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}         

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

a.zoomimg { cursor: url(/images/magnify.cur), -moz-zoom-in;}

#footer {background: url(/images/footer.jpg) no-repeat;margin: 0px 35px 10px 35px;color: #aaa;padding: 1.2em 0 0 0;font-size: 0.8em;line-height: 1.3em}
#footer span.big {font-size: 1.25em;line-height: 1.1em}

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #aaa;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #67cd01;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:20px;
  cursor:pointer;
  color:black;
}

div.printonly { display:none; }