/*
	CSS for new geosurvey.se
	Author:		Tomas Lindahl
	Date:		20070605
	Version:	1.0
*/

/* General body properties */

* { 
	margin: 0;			/* Removes unwanted margins and paddings on all elements */
	padding: 0;
}

body {
	background: url("../images/structure/bodybackground.gif") #585858 repeat-y center; 
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color: white;
}

html, body {
	height: 100%;
}

/* Typography, paragraphs, headers, newstypography and anchors */

p {
	font-size: 1.2em;
	margin: 0 0 1.2em 0;
	line-height: 1.4em;
}

#footer  p {	/* Smaller paragraphs in footer */
	font-size: 1em;
}

#footer p#copyright {
	position: absolute;
	bottom: 0;
	right: 24px;
}

h1, .newsitem_rubrik {
	font-size: 1.8em;
	margin: 0 0 0.4em 0;
	font-weight: normal;
}
h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
}
h3 {
	font-size: 1.4em;
	margin: 0 0 0.8em 0;
}

h4 {
	font-size: 1.2em;
}

ul {
	margin: 0 0 1.2em 40px;
	font-size: 1.2em;
}

a:visited {
	color: #CCCCCC
}
	
a, a:visited {
	color: white;
	text-decoration: none;
	outline:none;
}

a:hover {
	text-decoration: underline;
}

.newsitem_ingress {
	font-size: 1.2em;
	font-weight:600;
}

.dashed {
	padding: 0 0 1em 0;
	background: url("../images/structure/dashedline.gif") bottom repeat-x; 
}

/* Content images properties */

div#contentRight img {
/*	margin: 20px;*/
	border: solid #a8cae6 1px 
}
div#contentLeft img {
	border: solid #a8cae6 1px 
}

div#contentRight img.puffs {
	margin: 0px 10px;
	border: none;
	width:117px;
	height:94px;
}

/* Main body wrapper */

div#mainBody {
	width: 726px;
	margin: 0 auto;
	position:relative;
	clear: both;
	z-index: 100;
	height:auto !important; /* Hack to achieve 100% height */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */	
	padding-bottom: 1em ;
	background:  url("../images/structure/contentbackground.jpg") 470px bottom no-repeat;
}

/* Header divs */

div#upperHeader {		/* Uppermost header for projects, login, brand etc..*/
	height: 112px;
	width: 100%;
	position: relative;
	background: url("../images/structure/headerupper.jpg") no-repeat; 
}

div#leftUpper {
	width: 241px;
	height: 112px;
	position: absolute;
	left: 0;
}

div#leftUpper img {
	margin: 11px 0 0 0;
}

div#middleUpper {
	width: 243px;
	height: 112px;
	position: absolute;
	left: 241px;
	text-align: left;
}

div#rightUpper {
	width: 242px;
	height: 112px;
	position: absolute;
	right: 0;
}

div#mainHeader {		/* Main header for flash movie, main menu and top images */
	height: 182px;
	width: 100%;
	position: relative;
}

div#leftHeader {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 241px;
	height: 182px;
	background: url("../images/structure/headerleft.jpg") left no-repeat; 
	text-align: left;
}

div#rightHeader {	
	width: 484px;
	height: 210px;  /* This container must have a larger height to accomodate flashmovie later! */
	background: url("../images/structure/headerright.jpg") right top no-repeat; 
	position: absolute;
	right: 0;
	top: 0;
}
div#banner {	
	width: 480px;
	height: 182px;
	position: absolute;
	left: 240px;
	top: 0;
}
#banner_content{
	margin:0px 0px 0px -21px;
	width:480px;
}
*+html #banner_content{
	margin-left:-20px;
	width:480px;
}
*+html div#banner {	
	width: 480px;
	height: 182px;
	position: absolute;
	left: 241px;
	top: 0;
}
*html #banner_content{
	margin:0px -40px 0px -20px;
	width:475px;
}
#banner_content img{
	width:482px;
}
*html div#banner {	
	width: 480px;
	height: 182px;
	position: absolute;
	left: 241px;
	top: 0;
}
div#band {
	height: 182px;
	width: 100%;
	position: absolute;
	top: 112px;
	left: 0;
	background: url("../images/structure/band.jpg") repeat-x; 
	z-index: 0;
}
div.annons{
	margin-left:-21px;
}
*html div.annons img{
	width:463px;
}
/* Menu properties, main navigation and subnavigation */ 

div#leftHeader div#icmsLiMenu {		/* Main navigation */
	width: 230px;
	position:relative;
	margin: 70px 0 0 22px;
}

div#leftHeader div#icmsLiMenu ul {
	margin: 0;
	list-style-type: none;
	font-size: 1em;
}

div#leftHeader div#icmsLiMenu ul li {
	display: block;
	float: left;
	margin: 0 0 5px 5px;
	width: 90px;
}

div#leftHeader div#icmsLiMenu ul li a  {
	font-size: 1.4em;
	padding: 0 0 0 12px;
	background: url("../images/structure/bulletarrow.gif") 0px 6px no-repeat; 
	text-decoration: none;
	display: block;
	width: 78px;
	color: white;
}

div#leftHeader div#icmsLiMenu ul li a:hover {
	background-color: #7e93a5;
}

div#contentLeft div#icmsLiMenu {	/* Submenu on the left side */
	margin: 6px 0 0 0;
}

div#contentLeft div#icmsLiMenu ul {
	list-style-type: none;
	margin: 0;
} 

div#contentLeft div#icmsLiMenu ul li {
	margin: 0 0 10px 0;
	background: url("../images/structure/bulletarrowsmall.gif") 0px 6px no-repeat; 
	padding: 0 0 0 15px;
}

div#contentLeft div#icmsLiMenu ul li a {
	font-size: 1em;
	color: white;
	text-decoration: none;
}

div#contentLeft div#icmsLiMenu ul li a:hover {
	text-decoration: underline;
}

div#contentLeft div#icmsLiMenu ul li a.active {
	font-weight: 600;
	text-decoration: underline;
}

/* Content */

div#content {		/* Main content divs, will contain two columns */
	width: 726px;
	margin: 27px 0 0 0;
	background: url("../images/structure/middleline.gif") 240px 0 repeat-y; 
	overflow: hidden;
	margin-bottom: 266px;
}

/* Left content column */

div#contentLeft {
	width: 208px;
	position: relative;
	float: left;
	text-align: left;
	padding: 5px 10px 0 24px;
	height: 100%;
}

/* Right content column */

div#contentRight {
	width: 444px;
	position: relative;
	float: left;
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
}
*html div#contentRight { /* IE6 boxmodel hack */
	width: 441px;
}
/* Footer properties */
div#measure {
	width: 113px;
	height: 125px;
	bottom: 112px;
	left: 115px;
	position: absolute;
	background:  url("../images/structure/measure.jpg")  no-repeat;
}

div#footer {
	height: 95px;
	width: 700px;
	background:  url("../images/structure/footerimage.jpg") top no-repeat #294357;
	position: absolute;
	left: 1px;
	bottom: 0px;
	text-align: left;
	padding: 17px 0 0 24px;
}

div#footerLeft {
	width: 193px;
	float: left;
}

div#footerMiddle {
	width: 241px;
	height: 50px;
	padding: 0 0 0 48px;
	position: relative;
	float: left;
}

/* News item properties */

div#middleUpper div.icmsLatestNews div.newsitem_rubrik_latest a { /* Latest project news */
	padding: 0 0 0 10px;
	font-size: 1.2em;
	background: url("../images/structure/bulletround.gif") 0 5px  no-repeat; 
	text-decoration: none;
	color: white;
}

div#middleUpper div.icmsLatestNews div.newsitem_rubrik_latest a:hover {
	text-decoration: underline;
}

div#middleUpper div.icmsLatestNews {
	margin: 0 0 5px 20px;
}

div#middleUpper div.zone_topp {
	font-size: 1.4em;
	margin: 17px 0 4px 20px;
	font-weight: 600;
}

div#contentLeft div.icmsLatestNews {  /* Latest news, left column */
	margin: 0 0 10px 0;
	width: 200px;
	padding: 0 0 7px 0;
	background: url("../images/structure/dashedline.gif") bottom repeat-x; 
}

div#contentLeft div.icmsLatestNews div.newsitem_rubrik_latest a { 
	font-size: 1.2em;
	text-decoration: none;
	line-height: 1.6em;
	color: white;
}

div#contentLeft div.zone_topp {
	font-size: 1.4em;
	font-weight: 600;
	margin: 0 0 6px 0;
}

div#contentRight div#print div.newsitem_button_table  {		/* Readmore page's properties */
	height: 20px;
}

div.newsitem_backbutton, div.newsitem_printbutton, div.tips_icon  {
	width: 20px;
	height: 20px;
	float: left;
	position:relative;
}

div#contentRight hr { 
	color: #87a6bd;
	margin: 0 0 10px 0;
	border-top: #38566b 1px solid;
	border-bottom: #87a6bd solid 1px;
}

div.newsitem_printbutton {
	background: url("../images/structure/printbutton.gif") bottom repeat-x;
	margin: 0 10px 0 0;
}

div.newsitem_backbutton {
	background: url("../images/structure/backbutton.gif") bottom repeat-x;
	margin: 0 10px 0 0;
}

div#contentRight div.newsitem_printbutton a img, div#contentRight div.newsitem_backbutton a img {
	margin: 0px;
	border: none;
}

/* Form properties, login, contact etc.. */

div#rightUpper form {
	width: 188px;
	overflow: auto;				/* Makes form expand to accomodate floated content */
	position: relative;
	float: right;
	right: 15px;
	top: 15px;
}

div#rightUpper form fieldset {
	border: none;
}

div#rightUpper form fieldset label {
	float: left;
	margin: 8px 0 0 0;
}

div#rightUpper form fieldset input {
	border-top: solid #767676 1px;
	border-right: solid #767676 1px;
	border-bottom: solid #385a72 1px;
	border-left: solid #385a72 1px;
	background: url("../images/structure/inputfield.gif") 0px 0px no-repeat; 
	width: 115px;
	margin: 5px 0 0 0 ;
}

div#rightUpper form input#loggain {
	padding: 0;
	margin: 0;
	font-size: 1em;
	border: none;
	width: 71px;
	height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	background: url("../images/structure/submitbutton.gif") no-repeat; 
	float: right;
	position:relative;
 	margin: 5px 5px 0 0;
}

div#contentRight form fieldset ol { /* Contact forms */
	list-style-type:none;
}

div#contentRight form fieldset  { 
	border: none;
	padding: 5px;
}

div#contentRight form fieldset ol li label { 
	display: block;
	width: 130px;
	float: left;
	padding: 0.2em 0 0 0;
	font-size: 1.2em;
	
}

div#contentRight form fieldset ol li { 
	margin: 0 0 1em 0 ;
	padding: 3px;
	float: left;
	display: block;
	width: 130px;
}

div#contentRight form fieldset ol li input { 
	background: url("../images/structure/inputfield2.gif") 0px 0px repeat-x; 
	width: 130px;
	border-top: solid #767676 1px;
	border-right: solid #767676 1px;
	border-bottom: solid #385a72 1px;
	border-left: solid #385a72 1px;
}
div#contentRight form fieldset ol li.area { 
	clear: left;
}

div#contentRight form fieldset ol li input#skicka { 
	padding: 0;
	margin: 0;
	font-size: 1em;
	border: none;
	width: 71px;
	height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	background: url("../images/structure/submitbutton.gif") no-repeat; 
	float: left;
	position:relative;
 	margin: 5px 5px 0 0;
	
}