* {margin: 0; padding: 0;}

body {font-family: verdana, arial, sans-serif; 
	font-size: 100%; 
	background-color: gray;
	}


h1 	{font-family: georgia, serif;
	font-size: 3em;
	font-weight: bolder;
	margin: 40px 0 0 50px;
	color: white;
	}

h3 	{font-size: 0.9em;
	margin: 0px 0px 5px 0px;
	padding-top: 10px;}

h4 	{color: gray;
	margin: 0 0 0 50px;}

p {font-size: 0.8em; margin: 0 50px 20px 0;}
p:first-line {font-weight: bold; color: black; padding: 5px 0 2px 0px;}


div#logocontainer {width: auto; text-align: center;}
div#logocontainer img {float: right;
		margin: 0 20px 0 0;}


div#mainwrap {width: 1076px;
	margin: 40px auto; 
	border: 10px solid white;
	background: white; 
	}

div#header {width: auto; height: 170px; 
	background-color: #2375bb;
	border-top: 2px solid white; 
	border-right: 2px solid white; 
	border-left: 2px solid white;}

div.logo
	{float: right; 
	margin: -65px 20px 0 0;
	}

div.logo img	{width: 470px;}


div.engheader
	{float: right; 
	margin: -65px 20px 0 0;
	}

div.engheader img {width: 370px;}



div#listmenu {
	width: 100%; 	
	float: left;	
	font-size:.8em;	
	background-color: white; 
	text-align: center;
	margin: -26px 0px 0px 0px;
	}

div#listmenu ul {margin:0 0 0 50px;
 	}
div#listmenu li {
	float:left;	
	list-style-type:none;	  
	background-color: #2375bb; 
	border-right:1px solid white 
	}
div#listmenu li:first-child {
	border-left:1px solid white; 
	}
div#listmenu li:hover {
	background-color: gray;
	}
div#listmenu a {
	padding:0 25px;    
	text-decoration:none;	
	color: white;	
	}
div#listmenu a:hover {
	color: white; 
}
/* den vågräta menyn slutar här */


/* HACK-ZON - */
/* hack for IE (alla modeller) så att menyn får en lodrät linje längst ut till vänster */
	* html div#listmenu ul {
	float:left; /* får ul att omsluta alla li-elementen */
	border-left:1px solid #000; /* lägger till linjen längst ut till vänster i ul-elementet */
	margin-left:25px; /* IE fördubblar värdet som angivits */
	}
	* html a {display:block} /* får IE 5 och 5.5 att acceptera padding för länken */ 
	}
/* slut på hack-zon */
/* SLUT PÅ LISTBASERAD MENY */




div#maincontent {width: auto; 
		background: white; 
		margin: 30px 0 0 0;
		}

.infobox	{width: 800px;
		height: 850px;
		margin: 30px 0 0px 50px;
		} 

.infobox img 
		{float: right; 
		width: 300px; 
		height: 200px; 
		margin: 0px 30px 20px 40px;
		} 

.infobox p {font-size: 0.8em; margin: 0 50px 20px 0;}


.infobox a {font-size: 0.82em; color: gray; margin: 10px 0 0 0;}


div#creditline {width: auto; 
		height: 50px; 
		background-color: #2375bb; 
		margin: 20px 0 0 0;}

div.clearfloats {clear: both;}


/* här följer den briljanta "ingen-extra-kod"-metoden för friläggning (clearing) som 
uppfunnits av Tony Aslett - www.csscreator.com */
/* lägg helt enkelt till klassen clearfix till den behållare som måste omge flytande element */
/* läs mer om hur och varför detta fungerar på http://www.positioniseverything.net/easyclearing.html */ 
.clearfix:after {
    content: ".";              /* punkten placeras på sidan som sista objekt innan div-elementet avslutas */
	display: block;          /* inline-element reagerar inte på egenskapen clear */ 
    height: 0;                 /* ser till att punkten inte är synlig */
    clear: both;               /* får behållaren att frilägga punkten */
    visibility: hidden;	     	/* försäkrar ytterligare att punkten inte är synlig */
}
.clearfix {display: inline-block;}   /* en fix för IE Mac */

/* härnäst en fix för den fruktade giljotinbuggen i IE6 */
/* Gömmer för IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Slut på gömning för IE-mac */
/* slut på "ingen-extra-kod"-metoden för friläggning (clearing) */