/***************
 * Page
 **************/
 body {
	font-family: Verdana, Arial, Helvetica, sans-serif;;
	font-size: 90%;
	margin: 0;
	padding: 0;
	background: #000;
 }
 img, div { behavior:url(iepngfix.htc); }
/*************** 
 * Container box, holds the page together
 **************/
 #wrap {	
	margin: 0 auto;
	width: 1000px;
	padding: 0 2px 0 3px;
	background: #000;
 }
 /****************
 * Pageheader
 ***************/
 #header {
 	float: left;
	border: 0;
	margin: 0 auto;
	text-align: left;
	width: 214px;
	border-bottom: 0;
	margin-top: 5px;
	margin-bottom: 3px;
 }
 * html #header {
	margin-right: -110px; 
	margin-top: 7px;
 }
 *+html #header {
	margin-top: 12px;
 }
 .header-text {
 	color: #999;
 	letter-spacing: 0.35em;
 	width: 214px;
 	text-align: center;
 	font-size: 14px;
 	line-height: 100%;
 	padding: 0 0 0 4px;
 }
/***************
 * Content
 **************/
 #content {
 	float: right;
	width: 100%;
	text-align: left;
	padding: 0;
	margin-top: 0;	
	clear: both;
 }
 *+html #content {
 	float: none;
 	clear: both;
 }
 #categories {
 	float: left;
 	width: 375px;
	padding: 0 10px;
	padding-top: 2px;
	margin-top: 0;
	color: #444;
	height: 477px;
 }
 * html #categories {
	height: 480px; 
 }
 #categories.slideshowscats {
	height: 537px; 
 }
 * html #categories.slideshowscats {
	height: 561px; 
 }
 #categories iframe {
 	border: 0;
 }
 html * #categories.slideshowscats {
	 padding-top: 5x;
 }
 #category_desc {
 	float: left;
 	width: 390px;
	font-size: 12px;
	color: #555;
	height: 22px;
	margin-top: 0;
	padding-top: 2px;
 }
 *+html #category_desc {
 	height: 20px;
 	padding: 0;
 }
 #category_desc span {
 	font-size: 11px;
	color: #555;
 }
 #image_text {
 	text-align: left;
 	float: right;
 	width: 48%;
	height: 18px;
 }
 #image_text p {
	margin: 0;
 	padding: 0;
 	padding-left: 0;
	margin-left: 0;
	padding-top: 2px;
 	text-align: left;
	font-size: 10px;
	color: #ababab;
 }
 
/***************
 * Slide
 ***************/
 #slide {
 	clear: both;
 	width: 100%;
	padding-top: 0;
	text-align: left;
 }

/*********************
 * Image
 ********************/
 #image {
 	float: right;
 	text-align: center;
	vertical-align: middle;
	width: 575px;
	height: 470px;
	padding: 10px 10px 0 10px;
	background-color: #000;
	background-image: url(images/logo3.gif);
	background-repeat: no-repeat;
	background-position: 50% 99%;
	border: 1px solid #555;
	color: #999;
 }
 * html #image {
 	padding: 0;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	height: 460px;
 }
 #inner_image {
	height: 450px;
	width: 100%;
	float: left;	
	text-align: center;
	margin: 0 auto;
	padding: 0;
 }
 #slideshow #inner_image {
	height: 505px;
 }
 * html #slideshow #inner_image {
	height: 530px;
	margin: 0;
 }
 #low_logo {
 	float: left;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	height: 20px;
 }
 #low_logo img {
	margin: 0 auto;
	width: 380px;
	height: 20px;
 }
 
 #image p {
 	text-align: left;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	padding-left: -20px;
	text-indent: 0;
	font-size: 11px;
	line-height: 120%;
 }
 #image li {
	font-size: 11px;
	line-height: 120%; 
 }
 #image h3 {
 	font-size: 14px;
 }
 
/***********************
 * Slideshow
 **********************/
 #slideshow {
 	float: right;
 	text-align: center;
	vertical-align: middle;
	width: 645px;
	height: 520px;
	padding: 0;
	/*background-color: #000;*/
	border: 1px solid #555;
	color: #999;
	padding-bottom: 5px;
	padding-right: -10px;
 }
 * html #slideshow {
	width: 565px;
	margin-right: 0px;
	margin-left: -50px;
 	padding: 10px;
	padding-bottom: 20px;
 }
* html #slideshow.loaded {
	width: 645px;
	margin-right: 0px;
	margin-left: -50px;
 	padding: 10px;
	padding-bottom: 20px;	
}

 #slideshow p {
 	text-align: left;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	padding-left: -20px;
	text-indent: 0;
	font-size: 11px;
	line-height: 120%;
 }
 #slideshow li {
	font-size: 11px;
	line-height: 120%; 
 }
 #slideshow h3 {
 	font-size: 13px;
 }
 #innerSlideshow {
	padding: 0 20px 10px 20px;
	width: 460px;
	text-align: left;
 }
 * html #innerSlideshow {
	padding: 5px 20px 10px 0px;
	width: 440px;
 }
/************************
 * Arrows
 **********************/ 
 #image_slide_arrows {
	border: 0;
	padding-top: 0;
	margin-left: -2px;
	font-size: 9px;
	color: #333;
	width: 100%;
	text-align: center;
 }
 /*
 #image_slide_arrows #copy {
 	font-size: 10px;
  	float: left;
	width: 840px;
	margin-left: 20px;
	text-align: center;
	padding-top: 2px;
	color: #444;
 }
 */
 #copy {
 	font-size: 10px;
  	float: left;
	width: 995px;
	/*margin-left: 20px;*/
	text-align: center;
	padding-top: 2px;
	color: #444;
 }
 #image_slide_arrows a,  #image_slide_arrows img {
	color: #99e;/*#444;*/
	text-decoration: none;
	width: 16px;
 }
 #image_slide_arrows a:hover {
	color: #99e;/*#777;*/ 
	text-decoration: underline;
	width: 16px;
 }
 #image_slide_arrows a:visited {
	color: #99e;/*#444;*/
	width: 16px;
 }
 #right_arrow {
 	float: right;
	text-align: left;
	width: 16px;
	margin-right: -3px;
 }
 #left_arrow {
 	float: left;
	width: 16px;
 }
 
/**********************
 * Tools to choose colors
 *********************/ 
 /*#tools {
 	clear: both;
 }*/
 #tools2 {
	height: 26px; 
 }
 #color_boxes {
 	float: right;
	width: 160px;
	text-align: right;
	margin-top: 5px;
	font-size: 11px;
	color: #555;
 }
 #color_boxes img, #color_boxes a {
 	margin: 0;
	padding: 0;
 }
 #color_boxes .colorbox_header {
    float: left;
    display: block;
 	margin-top: 1px;
	font-size: 10px;
	color: rgb(153, 153, 153);
 }
 * html #color_boxes {
	margin-top: 5px; 	
 }
/**
 * Headers
 */
 h1 {
	font-size: 24px;
	font-weight: bold;
	height: 2em;
 }
 legend {
	font-size: 13px;
	font-weight: bold;
	color: rgb(153, 153, 153);
 }
 h2.category_header {	
	padding: 0 10%;
 }
/** !!! ADDED 20080508 */ 
 h3 {
	margin-top: 9px;
	margin-bottom: 13px
 }
 * html h3 {
	margin-top: 13px;
 }
 *+html h3 {
	margin-top: 13px;
 }

/**
 * Text
 */
 
 p {
	font-size: 11px;
 }
 p.description {
	display: block;
	text-align: left;
	margin: 0 auto;
	padding: 4px 0 0 0;
	max-width: 550px;
	height: 26px;
	overflow: hidden;
 }
 p.admin_box { /* used for paragraph with extra adminlinks below content */
	text-align: center;
	font-size: 10px;
 }
 p.admin_box a {
	color: #ff9900;
 }
 p.category_description { /* used for paragraph with description of indexcategory */
	padding: 0 10%;
 }
 .discrete { /* used in places such as "Click on link for larger version" */
	color: #aaa;
	margin: 6px auto;
	text-align: center;
 }
 a {
	color: #99e;
	text-decoration: none;
 }
 a:hover {
	text-decoration: underline;	
 }
 a img {
	border: 0;
 }

/***************
 * Main menu
 **************/
 #site_color, #site_flags {
	 font-size: 10px;
 }
 #site_logo {
	float: left;
	margin-top: 5px;
	margin-left: 2px;
 }
 #site_flags {
	float: right;
	height: 34px;
	margin-right: 5px;
 }
 #site_flags img.swe {
	margin: 2px 0 0 8px;
 }
 #site_flags img.eng {
	margin: 2px 8px 0 0;
	 
 }
 #site_color {
	float: right; 
	height: 34px;
 }
 * html #site_color {
	margin-right: 2px; 
 }
 #mainmenu {	
	text-align: left;
	border: 0;
	margin-top: -4px;
	padding: 0;
	padding-top: 2px;
	font-size: 11px;
	width: 700px;
	float: right;
 }
 * html #mainmenu {
 	margin-top: 0;
 	margin-right: -4px;
 	padding-top: 2px;
 }
 *+html #mainmenu {
 	margin-top: 0;
 	margin-right: -7px;
 	padding-top: 2px;
 }
 #mainmenu ul {		
	clear: right; 
 }
 * html #mainmenu ul {
	float: right;
 }
 *+html #mainmenu ul {
	float: right;
 }
 #mainmenu li {
	display: block;
	float: right;
	padding: 0 0 2px 16px;
 }
 #mainmenu li a {
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
 }
 #mainmenu li a:hover {
 	text-decoration: underline;
 }
 #mainmenu li a.current {
	text-decoration: underline;
	color: #99e;
 } 
 /** Subnav **/
 #mainmenu li .anylinkcss {
	position: absolute;
	visibility: hidden;
	margin-top: 4px;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	z-index: 100;
	width: 175px;
	background: #333;
	color: #999;
 }
 #mainmenu li .anylinkcss a {
	color: #999;
	width: 100%;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-indent: 3px;
	text-decoration: none;
	text-indent: 5px;
	text-transform: none;
	padding: 1px 0 0 0;
	font-weight: normal;
	font-size: 12px;
 }
 #mainmenu li .anylinkcss a.lines {
 	font-style: italic;
 	border-top: 1px solid #999;
 	border-bottom: 1px solid #999;
 }
 #mainmenu li .anylinkcss a:hover {
 	color: #fff;
 }
 * html #mainmenu {
 	margin-top: 2px;
 	/*height: 22px;*/
 }
 *+html #mainmenu {
 	margin-top: 2px;
 	/*height: 22px;*/
 }
 * html #mainmenu li {
	padding: 0 6px 0 10px;
 }
 *+html #mainmenu li {
	padding: 0 6px 0 10px;
 }
 
/*********************
 * Images
 ********************/
 div#images {
	margin: 0 auto;
	text-align: center;
	margin-top: 1em;
 }
 div#images table {
	margin: 0 auto;
 }
 div#images table tr {

 }
 td.image_cell {
	text-align: center;
 }
 /*td.image_cell small a {

 }*/
 .image_cell img {
	border: 1px solid #eaeaea;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	padding: 10px;
 }
 .image_cell img:hover {
	border: 1px solid #999;
 }


/*********************
 * Single imageview
 ********************/
 div#single_image {
	margin: 0 auto;
	margin-bottom: 1em;
	text-align: center;
 }
 div#single_image img {
	border: 0;
	margin-bottom: 1em;
 }

/**
 * Pagenavigation
 */
 .paging {
	text-align: center;
	font-size: x-small;
	color: #999;
 }


/************************
 * Forms
 ***********************/
 fieldset {
	border: 0;
	width: 400px;
	margin: 0 auto;
	padding: 10px;
	text-align: left;
 }
 label {
	font-size: 1em;
 }
 textarea {
	font-family: Verdana, 'Century Gothic', Helvetica, sans-serif;
	width: 360px;
 }
 input, select, textarea {
	font-size: 1em;
 }
 
/**********************
 * Misc
 *********************/
 #content p, #content h2 { /* just for misc contents leftmargin */
	padding: 0 24px;
 }
 .clear, .clr {
	clear: both;
 }
 .odd {
	background-color: #fff;
 }
 .even {
	background-color: #eaeaea;
 }
 .msg { /* messages, errors etc */
	color: #c00;
	background-color: #ff9;
	font-style: italic;
	padding: 8px;
	width: 400px;
	margin: 10px auto;
	border: 1px dotted #c00;
 }


/*****************************
 * Lightbox
 * CSS for Lightbox Plugin
 * http://www.huddletogether.com/projects/lightbox/
 ****************************/
 #lightbox {
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
 }
 #lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
 }
 #lightboxCaption {
	float: left;
 }
 #keyboardMsg {
	float: right;
 }
 #lightbox img {
	border: none;
 } 
 #overlay img {
	border: none;
 }
 kbd {
	font-family: Verdana, 'Century Gothic', sans-serif;
	font-size: 1em;
 }
 #overlay{ background-image: url(../../images/overlay.png); }
 * html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/overlay.png", sizingMethod="scale");
 }
 
 
 .clr {
 	clear: both;
 }
 #pagecontent {
	padding: 40px 20px 20px 50px;
	text-align: left;
 }
 #pagecontent h1 {
 	font-family: Georgia, serif;
	letter-spacing: 2px;
	color: #999;
	font-size: 20px;
 }
 #pagecontent #body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 600px;
	color: #999;
	font-size: 11px;
 }
 
 #pagecontent legend.contact {
	font-size: 13px;
	font-weight: bold;
	height: 2em;
	color: rgb(153,153,153);
	padding: 0 10px;
 }
 fieldset.email {
 	float: left;
 	border: 0;
 }
 .write_field {
 	background: #999;
	border: 1px solid #333;
	margin: 4px;
 }
 /*******************
 * Popup
 ******************/
  #popupbox {
	margin: 0; 
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 1%;
	padding-top: 10px;
	padding-left: 30px;
	width: 200px;
	height: 200px;
	position: absolute;
	background: #eaeaea;
	border: 2px solid #666;
	border-bottom-color: #000;
	border-right-color: #000;
	z-index: 9;
	display: none;
	color: #333 !important;
  }
  #popupbox form {
	margin: 0;
	padding: 0;
  }
  #popupbox fieldset {
	border: 0;
	padding: 0;
	margin: 0;
  }
  #popupbox p {
	margin: 5px;
	color: #333 !important;
  }
  #popupbox legend {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #333 !important;
  }
  #popupbox label {
	font-size: 12px;
	font-style: italic;
	color: #333 !important;
  }
  #popupbox input.colorInput {
	border: 1px solid #ccc;
	border-top-color: #777;
	border-left-color: #777;
  }
 
 .colorbox {
 	width: 14px;
	height: 14px;
	float: left;
	margin: 2px 6px 10px 0;
	padding: 0;
	border: 1px solid #000;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
 }
 #body.contact_form * {
	margin: 0;
	padding: 0;
 }
 #body.contact_form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 600px;
	color: #999;
	font-size: 11px;
 }
 #body.contact_form .postform_left {
	width: 40%;
	float: left;
 }
 #body.contact_form .postform_right {
	width: 60%;
	float: right;
 }
/* #body.contact_form form {
 	width: 830px;
 }*/
 #body.contact_form fieldset {
	width: 500px;
	border: 1px solid #333;
	padding: 15px 20px 20px 20px;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 20px; 
 }
 #body.contact_form legend {
	font-size: 14px;
	padding: 0 20px;
	margin-top: 0;
	margin-bottom: 2px;
	font-weight: normal;
	color: #777;
 }
 #body.contact_form .contact_form label, #body.contact_form input, #body.contact_form textarea, #body.contact_form select {
 	margin: 0;
	font-size: 12px;
 }
 #body.contact_form label {
 	font-size: 12px;
 	font-weight: normal !important;
 	margin-top: 5px;
 	padding: 0;
 }
 #body.contact_form input.colorthis {
 	width: 170px;
 	margin-bottom: 7px;
 }
 #body.contact_form textarea.colorthis {
 	width: 292px;	
 }
 #body.contact_form input.colorthis, #body.contact_form textarea.colorthis {
	background: #ddd;
	padding: 2px;
	border: 1px solid #666;
	border-right-color: #999;
	border-bottom-color: #999;
 }
 
 /* */
 #thumbs {
 	padding: 4px 0 0 2px;
	margin: 0 auto;
 	border: 1px solid #555;
	text-align: center;
	width: 994px;
 }
 #thumbs table {
 	width: 100%;
	margin: 0 auto;
	margin-left: 2px;
	text-align: center;
 }
 #thumbs table tr {
	margin: 0 0 20px 0;
	padding: 0;
 }
 #sthumbs {
 	padding: 4px 0 0 2px;
	margin: 0;
 	border: 1px solid #555;
	text-align: center;
	width: 994px;
 }
 #sthumbs table {
 	width: 994px;
	margin: 0 auto;
	margin-left: 2px;
	text-align: center;
 }
 #sthumbs table tr {
	margin: 0 0 20px 0;
	padding: 0;
 }
 td.image {
 	padding: 0 auto;
 	height: 150px;
	width: 241px;
 	text-align: center;
 	vertical-align: middle;
 	padding-left: 35px;
	/* added 20090114 */	
 	padding: 12px 8px 2px 30px;
 }
 * html td.image  {
	width: 240px; 
 	padding: 12px 2px 2px 25px;
 }
 *+html td.image {
	width: 240px; 
 	padding: 12px 2px 2px 25px;
 }
 td.slidecell {
 	height: 150px;
	width: 240px;
 	padding: 12px 0 0 25px;
	text-align: center;
	margin: 0 auto;
 	vertical-align: middle;	
 }
 * html td.slidecell  {
	width: 240px; 
 	padding: 12px 2px 2px 25px;
 }
 *+html td.slidecell {
	width: 240px; 
 	padding: 12px 2px 2px 25px;
 }
 #ptexts {
 	padding: 14px 0 0 2px;
	margin: 0;
 	border: 1px solid #555;
	text-align: center;
	width: 994px;
 }
 #ptexts table, #ptexts tr, #ptexts td {
	text-align: left;
	font-size: 11px;
 }
 .view {
	position: relative;
	z-index: 10;
	top: -22px;
	left: -35px;
	top: -85px;
	left: 6px;
 }
 #thumbs .view {	
	position: relative;
	top: -22px;
	left: -35px; 
 }
 .play {
	position: relative;
	z-index: 10;
	top: -25px;
	left: -45px; 
 }
 html>body .play {
	top: -30px;
	left: -50px;
 }
 
/***************
 * Footer
 **************/
 #footer {
	border: 0;
	padding-top: 0;
	/*padding-left: 6px;*/
	padding-bottom: 10px;
	font-size: 10px;
	text-align: center;
	color: #999;
	clear: both;
	margin: 0;
 }
 * html #footer, *+html #footer {
	padding: 5px 0; 
 }
 /*.index #footer, #footer.page {
 	position: absolute;
	bottom: 2px;
	z-index: 1;
	margin-top: 100px;
 }*/
 #footer a {
	color: #999;
	text-decoration: none;
 }
 #footer a:hover {
	color: #999;
	text-decoration: underline;
 }
 #footer a:visited {
	color: #999;
 }
 
 /*#thumbs table td {
	width: 24%; 
 }*/
 
 #projectFrameHolder {
	float: left; 
	margin: 0;
	padding: 5px 20px 10px 20px;
	width: 500px;
	text-align: left;
 }
 * html #projectFrameHolder {
	 width: 500px;
 }
 #projectframe {
	width: 500px; 
 }
 * html #projectframe {
	width: 500px; 
 }
 #prarrows {
	float: right; 
	width: 16px;
	height: 415px;
 }
 #PrArrowUp {
	 /*display: none;*/
	 width: 16px;
	 height: 16px;
 }
 #PrArrowDown {
	 margin-top: 383px; 
	 /*display: none;*/
	 width: 16px;
	 height: 16px;
 }
 .image_thumb_desc {
	width: 150px;
	height: 50px;
	margin: 2px auto;
	padding: 0 10px; 
	vertical-align: top;
	text-align: left;
 }
 #categories.projectcats {
	width: 327px;	 
	height: 537px; 
 }
 * html .projectcats {
	width: 317px;	 
	height: 561px;
	padding-top: 5px;
 }