/***************
 * Page
 **************/
 html, body {
	margin: 0;
	padding: 0; 
 }
 body {
	font-family: Verdana, Arial, Helvetica, sans-serif;;
	font-size: 90%;
	background: #000;
 }
 img, div {
	behavior: url(iepngfix.htc);
 }
 
/*************** 
 * Container box, holds the page together
 **************/
 #wrap {
 	background: url(images/indexback.jpg) repeat-x;
	margin: 0 auto;
	padding: 0 2px 0 3px;
	width:  1000px;
	height: 400px;
	text-align: center;
 }
 * html #wrap {
	padding: 0 1px 0 3px; 
 }
 h1 {
 	margin-top: 0;
 	padding-top: 20px;
 }
 
/****************
 * Pageheader
 ***************/
 #header {
 	float: left;
	border: 0;
	margin: 0 auto;
	text-align: left;
	width: 214px;
	border-bottom: 0;
	margin-top: 5px;
 }
 * 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 {
	width: 1000px;
	text-align: left;
	padding: 0;
	margin: 0;
 }
 * html #content {
	width: 1000px;
 }
 #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;
 } 
 
/***************
 * Footer
 **************/
 #footer {
	border: 0;
	width: 100%; 
	padding-top: 4px;
	padding-bottom: 2px;
	margin: 0 auto;
	font-size: 10px;
	text-align: center;
	color: #999;
	clear: both;
	font-weight: normal;
 }
 * html #footer, *+html #footer {
 	margin-left: 0px;	
	padding: 5px 0;
 }
 #footer a {
	color: #999;
	text-decoration: none;
 }
 #footer a:hover {
	color: #999;
	text-decoration: underline;
 }
 #footer a:visited {
	color: #999;
 }
 
/**
 * Headers
 */
 legend {
	font-size: 20px;
	font-weight: bold;
 }
 h2.category_header {	
	padding: 0 10%;
 }

/**
 * Text
 */
 p {
	font-size: 11px;
 }
 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 {
 	color: #99e;
 	text-decoration: underline;	
 }
 a:visited {
 	color: #99e;
 	text-decoration: none;	
 }
 a img {
	border: 0;
 }
 
/**
 * Forms
 */
 fieldset {
	border: 1px solid #ccc;
	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;
 }
 fieldset.email {
 	float: left;
 	border: 0;
 }
 .write_field {
 	background: #ccc;
	border: 1px solid #333;
	margin: 4px;
 }
 fieldset.email label {
 	font-weight: bold;
 }
/***************
 * Main menu
 **************/
  #site_color, #site_flags {
	 font-size: 10px;
 }
 #site_logo {
	float: left;
	margin-top: 5px;
 }
 #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: #ccc;
 }
 #mainmenu li .anylinkcss a {
	color: #ccc;
	width: 100%;
	display: block;
	text-indent: 3px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	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: 16px;*/
 }
 *+html #mainmenu {
 	margin-top: 2px;
 	/*height: 16px;*/
 }
 * html #mainmenu li {
	padding: 0 6px 0 10px;
 }
 *+html #mainmenu li {
	padding: 0 6px 0 10px;
 }
 
/*******************
 * 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;
 }
 #content #mainimage {
 	width: 1000px;
	float: right;
 }
 #content #mainimage img {
	margin: 0;
 }
 
/* image selector */
 #content #mainimage #image-selector {
 	width: 994px;	
 	height: 20px;
 	text-align: left;
 	padding-left: 2px;
 	margin: 0;
 }
 * html #content #mainimage #image-selector {
 	margin: 0;
 }
 *+html #content #mainimage #image-selector {
 	margin: 0;
 }
 
/***************
 * DIVIDED
 **************/
 /* WRAPPER */
 #content #mainimage #welcome-wrapper {
 	width: 994px;
 	padding: 0;
	margin: 2px 0 0 0;
 }
 #content #mainimage #application-wrapper {
 	padding: 0;
	margin: 0 0 0 0; 
 }
 *+html #content #mainimage #welcome-wrapper {
 	padding-top: 10px;
 	padding-bottom: 10px;
 }
 *+html #content #mainimage #application-wrapper {
 	padding-top: 10px;
 	padding-bottom: 10px;
 }
 
 /* FRAME 1 - WELCOME TEXT - 235 - */
 #content #mainimage #welcome-wrapper #welcome-text {
 	width: 225px;
	height: 260px;
 	text-align: left;
 	color: #999;
	padding-left: 4px;
 }
 * html #content #mainimage #welcome-wrapper #welcome-text {
 	margin-left: 0px;
 }
 #content #mainimage #application-wrapper #welcome-text {
 	width: 285px;
	height: 260px;
 	text-align: left;
 	color: #999;
	padding-left: 4px !important; 
	margin-left: 0;
 }
 * html #content #mainimage #welcome-wrapper #welcome-text {
 	margin-left: 0px;
 }
 
 /* FRAME 2 - HIGH ALPINE EXPEDITIONS - 328 - */
 #content #mainimage #welcome-wrapper #he_expedition {
 	width: 313px;
	height: 260px;
 	text-align: left;
 	padding: 0;
 	margin: 0;
	padding-left: 8px;
 }
 * html #content #mainimage #welcome-wrapper #he_expedition {
	 margin-left: 0;
 }
 #content #mainimage #application-wrapper #office-text {
 	width: 285px;
	height: 260px;
 	text-align: left;
 	padding: 0;
 	margin: 0;
	padding-left: 8px;
 }
 * html #content #mainimage #application-wrapper #office-text {
	 margin-left: 0;
 }
 #content #mainimage #welcome-wrapper #he_expedition div.left {
 	float: left;
 	width: 245px;
 	margin-top: -8px !important;
 	padding-top: 0 !important;
 }
 #content #mainimage #welcome-wrapper #he_expedition div.right {
 	float: right;
 	width: 100px;
 	margin-right: 5px;
 	text-align: center;
 }
 *+html #content #mainimage #welcome-wrapper #he_expedition div.left {
 	width: 230px;
 }
 *+html #content #mainimage #welcome-wrapper #he_expedition div.right {
 	margin-right: -30px;
 	width: 110px;
 	padding: 0;
 }
 
 /* FRAME 3 - OTHER EXPEDITIONS - 305 - */
 #content #mainimage #welcome-wrapper #op_expedition {
	width: 300px;
	/*margin-left: 20px;*/
	padding-left: 8px;
	height: 260px;
	text-align: left;
 }
 #content #mainimage #welcome-wrapper #op_expedition div.left {
 	float: left;
 	width: 238px;
 	margin-top: -8px !important;
 	padding-top: 0 !important;
 }
 #content #mainimage #welcome-wrapper #op_expedition div.right {
 	float: right;
 	width: 100px;
 	padding: 0 2px 0 0;
 	margin: 0;
 	text-align: center;
 }
 *+html #content #mainimage #welcome-wrapper #op_expedition div.left {
 	width: 220px;
 }
 *+html #content #mainimage #welcome-wrapper #op_expedition div.right {
 	margin-right: -30px;
 	width: 110px;
 	padding: 0;
 }
 .expimage {
 	margin-bottom: 2px;
 }
 
 /* FRAME 1,2,3 - COMMON */ 
 * html #content #mainimage #welcome-wrapper #text, 
 * html #content #mainimage #welcome-wrapper #he_expedition,
 * html #content #mainimage #welcome-wrapper #op_expedition,
 * html #content #mainimage #application-wrapper {
 	margin-top: 5px;
 	margin-bottom: 10px;
 }
 #content #mainimage #welcome-wrapper #welcome-text p,
 #content #mainimage #welcome-wrapper #he_expedition p,
 #content #mainimage #welcome-wrapper #op_expedition p,
 #content #mainimage #application-wrapper p {
 	margin-left: 0;	
 	padding-left: 0;
 	padding-right: 5px;
 }
 #content #mainimage #welcome-wrapper #welcome-text h3, 
 #content #mainimage #welcome-wrapper #he_expedition h3,
 #content #mainimage #welcome-wrapper #op_expedition h3,
 #content #mainimage #application-wrapper h3 {
	font-size: 12px;
 }
 
/* More-links */
 a.more {
 	color: #99e;
 	text-decoration: none;	
 }
 a.more:hover {
 	text-decoration: underline;
 }

 
/* ---- */
 #op_expedition #outer_images {
	height:  85px;
	font-size: 10px;
	width: 355px;
	margin-bottom: 0;
	margin-top: 8px;
 }
 * html #op_expedition #outer_images {
	margin-top: 4px; 
 }
 #op_expedition #images {
	width: 310px;
	height: 93px;
	overflow: hidden;
	font-size: 10px;
	margin-left: 5px;
	margin-bottom: 2px;
	float: left;
 }
 #op_expedition #images #scrolling {
 } 
/* ----- */

 
 /*---*/
 #project_navigation {
	float: right; 
	margin: 0;
	padding: 0;
	margin-top: 12px;
	font-size: 11px;
	font-weight: bold;
	width: 75px;
	height: 12px;
 }
 * html #project_navigation {
	margin-top: 0; 
 }
 *+html #project_navigation {
	margin-top: 0; 
 }
 #prev_project {
	float: left; 
	width: 10px;
	padding: 0;
	margin: 0;
 }
 * html #prev_project {
	margin-top: 2px;
 }
 *+html #prev_project {
	margin-top: 2px;
 }
 #project_count {
	float: left;
	width: 51px;
	text-align: center;
 }
 #next_project {
	float: right;
	width: 10px;
	margin: 0;
	padding: 0;
 }
 * html #next_project {
	margin-top: 2px;
 }
 *+html #next_project {
	margin-top: 2px;
 }
 #project_navigation img a, #project_navigation a img {
	border: 0; 
 }
 
 #pocketoffice_con {
 	text-align: center;
 	width: 95%;
 }
 #pocketoffice_con, #pocketoffice_con td {
 	font-size: 10px;
 	color: #000;
 }
 #pocketoffice_con table {
 	margin: 10px auto;
 }
 #pocketoffice_con td {
 	text-align: left;
 }