/*                                               */
/*  main.css :: Annika Ahlstedt                  */
/*  Version 4.0                                  */
/*                                               */

html, body {
	margin: 0px; 
	padding:0px;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 84%; /*skall fontstorlek ändras, gör det här! font-size: 1.0em;*/
	color: #000000;
	height: 100%;
	background-color: #cccccc; /* background-color: transparent; denna rad saboterar marginalen för IE/Mac 5.x*/
	scrollbar-face-color: #cccccc;
	scrollbar-highlight-color: #eeeeee;
	scrollbar-shadow-color: #eeeeee;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-arrow-color: #dddddd;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #eeeeee;
	scrollbar-base-color: #ffffff;
	/* background-repeat: repeat;
	background-image: url(gif/_.gif);*/
}

html>body {
	font-size: 90% /* Var snäll mot Opera  */;
	height: 100%;
}

/* --- BOXAR --------------------------------*/
#innehall {
	width: 950px;
	width: expression(document.body.clientWidth > 950? "950px": "auto");
	height: 100%;
	background-color: #ffffff;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding: 0px;
}
.innehall {
	/*border: 1px solid;*/
}

/* html>#huvud 	{
	width: 800px;
	} */ 
	
#huvud {
	background-color: #ffffff;
	margin: 15px 0px 0px 15px;
	height: 40px;
	vertical-align: middle;
	padding: 0px;
	/*border: 1px solid;
	position: relative; width: 786px; */
}
.huvud {
	font-family : Arial, Sans-serif;
	font-size: 1.0em;
	color: #000000;
	/*font-weight: bold;padding: 5px;*/
}

#bildhuvud {
	margin: 0px 0px 0px 0px;
	height: 150px;
	background:#ffffff;
    padding: 0px;
	padding-bottom:7px;
	/*width: 800px;	border: 1px solid;	*/
}
.bildhuvud {
	font-family : Verdana, arial, Sans-serif;
	color: #fff;
}

#huvudmeny {
	margin: 0px 0px 0px 0px;
	width: auto;
	padding: 4px;
	clear: both;
	background:#FF6600;
	/* width: 786px; word-spacing: 10px; vertical-align: middle; height: 5px; 
	position: relative; border: 1px solid; background-color: #ffffff;*/
}
.huvudmeny {
	font-family : Arial, Sans-serif;
	font-size: 1.0em;
	color: #000000;	
	letter-spacing: 1px;	
	text-align: center;
	/*font-weight: bold; padding: 5px;*/
}

#menyalternativ {
	max-width: 950px;
	width: expression(document.body.clientWidth > 950? "950px": "auto"); 
}
.menyalternativ {
	/*border: 1px solid #00ff00; height: 100%;*/
}

#meny {
	margin: 0px 0px 0px 0px;
	height: 100%;
	width: 150px; /**/	
	padding-top:15px;
	padding-bottom:20px;
	padding-right:10px;
	padding-left:30px;
	position: relative;
	float: left;
	height: 100%;
}
.meny {
	font-family : Verdana, arial, Sans-serif;
	font-size: 1.0em;
	color: #000000;	
}

#menyinnehall {
	margin: 0px 0px 0px 0px;
	height: 100%;
	width: 670px; /*689, 710*/
	width: expression(document.body.clientWidth > 670? "670px": "auto"); 	/*710*/
	position: relative;
	float: left;
	border-left: 1px solid #666666;
	padding-top:15px;
	padding-bottom:25px;
	padding-right:30px;
	padding-left:30px;		
}
.menyinnehall {
	font-family : Verdana, Arial, Sans-serif;
	font-size: 1.0em;
	color: #000000;
}

#fot {
	margin: 0px 0px 0px 0px;
	width: auto; 
	padding: 10px;
	height: 40px;
	clear: both;
	border-top: 1px solid #666666;
}
.fot {
	font-family : Arial, Sans-serif;
	font-size: 0.9em;
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 1px;	
	text-align: center;
}

/* --- LÄNKAR --------------------------------*/
A {
  color: #000000;
  text-decoration: none; 
}
A:hover, A:active {
  text-decoration: none; 
  color: #000066;
}

A.huvudmeny {
	color: #cccccc;
	padding: 5px;
	font-weight: bold; 
	letter-spacing: 2px;
	/*border: 1px solid #cccccc;*/
}
A:hover.huvudmeny, A:active.huvudmeny {
  /*border: 1px solid #000000;*/
  padding: 5px;
  color: #666666;
  font-weight:bold;
  letter-spacing: 2px;
  /*text-decoration: underline;	color: #00f; background:#000000; 
  background:#F3F3F3; display: block; */
}

#meny A {
  color: #000000;
  text-decoration: none; 
}
#meny A:hover, A:active {
  text-decoration: none; 
  color: #000099;
}

#menyinnehall A {
  color: #000066;
  text-decoration: none; 
}
#menyinnehall A:hover, A:active {
  color: #000099;
  text-decoration: none; 
}


/* --- RUBRIKER OCH BILDTEXTER --------------------------------*/

#rubrik {
	margin: 0px 0px 0px 0px;
	width: auto; 
	padding: 3px;
	clear: both;
	font-family: Verdana, arial, Sans-serif;
	font-size: 1.2em;
	color: #CCCCCC;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 3px;
	/*width: 794px;	border: 1px solid;	height: 18px;	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;*/
}

.rubrik {
	font-size: 1.4em; /*GYSS 	font-size: 1.3em; 	font-weight: bold; */
	font-weight: bold;
	font-family : Verdana, Arial, Sans-serif;
}

.rubrik2 {
	font-size: 1.1em;
	font-weight: bold;
	font-family : Verdana, Arial, Sans-serif;
}

.rubrik3 {
	font-size: 1.05em;
	font-weight: bold;
}

.rubrikB {
	font-size: 1.15em;
	font-family : Verdana, Arial, Sans-serif;
}

.rubrikmeny {
	font-size: 1.12em;
	font-weight: bold;
	font-family : Verdana, Arial, Sans-serif;
}

.rubrikIn {	background:#FF6600;} /* Index FF9900*/
.rubrikBt { background:#000066;} /* Båtar */
.rubrikBl { background:#CC3300;} /* Bilar FF0000*/


/* --- ÖVRIGT ------------------------------------------------*/

.linespacing25 {line-height: 25px}
.linespacing20 {line-height: 20px}
.linespacing15 {line-height: 15px}
.linespacing10 {line-height: 10px}
.linespacing5 {line-height: 5px}


.tumnagel{
	/* skall fungera / this is worling properly for ie 6 7 ff 1.5 2 */ 
   max-width:150px;
   max-height:90px;
   height: expression(this.height > this.width && this.height > 90 ? 90 : true);
   width: expression(this.height < this.width && this.width > 150 ? 150 : true);	
}

ul {
	list-style: outside url(gif/grey.gif) square;
}

li {
	list-style: inside url(gif/grey.gif) square;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	
}
h2 {
	font-size: 1.6em;
	font-family:Arial, Helvetica, sans-serif; 
	font-weight: bold
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}


h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}