@charset "iso-8859-1";
/*  Dreamweaver-genererade boxar  */
body {
	font-family: Trebuchet MS, garamond, verdana;
	font-size:10pt;
	/* font: 100% Verdana, Arial, Helvetica, sans-serif; */
	background:url("images/bg_front.jpg");
	/*background: #ECECEC; */
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	line-height:140%;
}

td {
	font-family: Trebuchet MS, garamond, verdana;
	font-size:10pt;
	color: #000000;
	line-height:140%;
}

#container {
	width: 990px; 
	margin: 10px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	background: #DDDDDD; 
	height: 140px;
	background:url("images/bg.png");
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
#titel {height: 103px;}

#nav {
	height: 36px;
	color:#FFFFFF;
	/*height: 40px;*/
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

#navv {float:left;width:150px;}
#navh {float:left;	width:835px;}

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#main {
	float:left;
	width:988px;  /*   990px - 2 borders   */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	border-top: 0;
	border-bottom: 0;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

#mainbildspel {
	position: relative;
	width: 990px;
	height: 540px;
	top:0px;
	left:0px;
	padding: 0; 
	background: #FFFFFF;
}

#hoger {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 0 10px;
	width: 200px;
	height: 500px;
	border: 1px #666;
	background: #FFF;
	opacity:0.8;
	filter:alpha(opacity=80);
}

#mainnav {
		float:left;
		width:150px;
		margin: 10px;
		padding: 10px;
		/* border: 1px dotted #9a3e43; */
}

#mainnav a {
	color:#000;
	text-decoration: none;
	font-size:10pt;
	line-height:140%;	
}

#mainnav a:hover {	
	text-decoration: underline;
}
	
#mainnav a.n3 {
	color:#9a3e43;
	text-decoration: none;
	font-size:10pt;
	line-height:140%;	
}

#mainnav a.n3:hover {	
	text-decoration: underline;
}

a.n3 {
	color:#9a3e43;
	text-decoration: none;
	font-size:10pt;
	line-height:140%;	
}

a.n3:hover {	
	text-decoration: underline;
}

#mainnav a.font8 {color:#9a3e43;font-size:8pt;text-decoration: none;}
#mainnav a.font8:hover {font-size:8pt;color:black;}
a.font8 {color:#9a3e43;font-size:8pt;text-decoration: none;}
a.font8:hover {font-size:8pt;color:black;}

a.whitesmall {color:#ffffff;font-size:8pt;text-decoration: none;}
a.whitesmall:hover {font-size:8pt;color:#9a3e43;}

a.footer {color:#ffffff;text-decoration: underline;}
a.footer:hover {color:#9a3e43;}

#mainhuvud {
		float:right;
		width:759px;
		margin: 0px 0px 0px 0;
		padding-left: 20px;
		padding-top: 20px;
		padding-right: 80px;
		padding-bottom: 20px;
		border-left: 1px dotted #C0C0C0;
}

#mainhuvud h2{
		color: #9a3e43;
}

#mainhuvud p{
		color: #000000;
		font-size: 14px;
}

#mainhuvud a{
		color:#9a3e43;
		text-decoration: none;	
	}
	
#mainhuvud a:hover {	
		text-decoration: underline;
	}

#hfc {
	position: absolute;
	top: 460px;
	left: 15px;
	}

#footer {
/*	border-top: 1px dotted #666; */
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
/*	background:url("../images/bgftr.png");
*/	background: #000000;
}
#footer p {
	font-size:14px;
	color:#EEE;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

h1.osynlig {display:none;}
h2 {font-size:14pt;}
h3 {font-size:12pt;}
	
#navh p {
	margin: 10px 0 0 10px; 
	padding: 0; 
}

#navh a { 
	color: #CCC;
	text-decoration:none;
/*	  background-color: #000; */
  font-family:Verdana, Geneva, sans-serif;
  font-size:9pt;
  text-decoration: none;
  padding: 11px 0 10px 0;
}	

#navh a:hover, #navh a:active { 
	color: #FFF;
	 background-color: #9a3e43; 
/*	 background: url(../images/bgnav.png); */
}

#navv a 		{ color: #CCC; }
#navv a:hover 	{ color: #9a3e43; }
#navv img 		{ margin: 13px 0 0 10px; border-width: 1px;}	

#hoger ul {
		margin: 0 10px;
		padding: 0 10px;
		}

#hoger a {
		color:#aa0000;
		text-decoration:none;
		font:bold;
	}
#hoger a:hover {
		color:#000000;
		font:bold;
		text-decoration:underline;
	}
		
#hoger ul li {
		margin-bottom: 5px;
		color:#000;

		}
	
/* protofade */
#protofade { position:relative; margin:0; padding:0px; width:990px; height:540px; overflow:hidden; }
#protofade li { position:absolute; top:0; left:0; margin:0; padding:0; background:none;}
.next, .previous, .start, .stop { cursor:pointer; display:block; margin:5px 15px 15px 15px; float:left; }
/* end protofade */