html {
	height: 100%;				/* Sätt till 100% så att vi får hela viewporten att leka med */
	background-color: blue;
}

body {
	padding: 0px;
	margin: 0px;
	overflow: hidden;			/* Vi vill inte ha någon scrollbar i huvudbrowsern */
	width: 100%;
	height: 100%;
	background-color: rgb(218,208,221);
}

body, td {
	font-family: verdana;
	font-size: 10px;
}

#wrapper {
	position: relative;
	background-color: white;
	border: 1px solid black;
	padding: 0px;
	top: 5%;
	width: 80%;
	height: 90%;
	max-width: 1024px;			/* Vi sätter en max bredd tillsammans med */
	margin-left: auto;			/* margin-left/right till auto, vilket    */
	margin-right: auto;			/* både Firefox och Opera begriper sig på */
}

* html #wrapper {
	xleft: 10%;					/* Vi låter IE växa tills det spyr... */
	left: 50%;
	margin-left: -40%;
}

#top {
	z-index: 2;
	position: relative;
	background-color: rgb(168,141,116);
	width: 100%;
	height: 89px;
}

#horbar {
	z-index: 2;
	position: relative;
	width: 100%;
	height: 28px;
	background-image: url(../images/horbar.gif);
	background-repeat: repeat-x;
}

#navbar {
	padding-left: 10px;
	padding-right: 10px;
}

#topleft {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 364px;
	height: 89px;
	background-image: url(../images/topleft2.jpg);
	background-repeat: no-repeat;
}

#topleft #aace {
	xbackground: blue;
	display: block;
	width: 81px;
	height: 71px;
	position: absolute;
	xopacity: 0.5;
	left: 17px;
	top: 10px;
}
#topleft #aina {
	xbackground: green;
	display: block;
	width: 80px;
	height: 79px;
	position: absolute;
	xopacity: 0.5;
	left: 123px;
	top: 6px;
}

#topright {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 475px;
	height: 89px;
	background-image: url(../images/topright-schipperke.png);
	background-repeat: no-repeat;
}

* html #topright {
	background-image: url(../images/topright-schipperke.gif);	/* GIF eftersom IE inte klarar PNG som det ska */
}

#ctable {
	position: absolute;
	top: 0px;
	right: 0px;
}

* html #ctable {
	width: 99%;
	height: 99%;
}

div.subnav {
	margin-bottom: 1.2em;
	font-family: "Meta Bold Lf", "trebuchet ms", verdana;
}

div.subnav a {
	display: block;
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 11px;
	line-height: 12px;
	text-decoration: none;
}

div.subnav a:hover {
	text-decoration: underline;
	color: rgb(126,93,139);
}

div.snhead {
	color: rgb(126,93,139);
	font-family: "Meta Bold Lf", "trebuchet ms", verdana;
	font-weight: bold;
	font-size: 13px;
	border-bottom: 1px solid rgb(126,93,139);
	margin-bottom: 3px;
}

#cframe {
	padding: 4px;
}

#cxframe {
	border: none;
	z-index: 10;
}

#shadel,
#shader,
#shadet,
#shadeb,
#shadetl,
#shadetr,
#shadebl,
#shadebr,
#shadebr2 {
	font-size: 1px;
	position: absolute;
}

#shadetl,
#shadetr,
#shadebl,
#shadebr,
#shadebr2 {
	width: 40px;
	height: 40px;
	z-index: 3;
}

#shadetl {
	top: -21px;
	left: -21px;
	background-image: url(../images/shadetl.gif);
}

#shadetr {
	top: -21px;
	right: -21px;
	background-image: url(../images/shadetr.gif);
}

#shadebl {
	bottom: -21px;
	left: -21px;
	background-image: url(../images/shadebl.gif);
}

#shadebr {
	bottom: -21px;
	right: -21px;
	background-image: url(../images/shadebr.gif);
	background-position: 20px 0px;
	width: 20px;
}

#shadebr2 {
	bottom: -21px;
	right: -21px;
	background-image: url(../images/shadebr.gif);
	background-position: 0px 20px;
	height: 20px;
}

#shadel {
	top: -4px;
	left: -13px;
	background-image: url(../images/shadel.gif);
	width: 12px;
	height: 102%;
}

#shader {
	top: -4px;
	right: -15px;
	background-image: url(../images/shader.gif);
	width: 14px;
	height: 102%;
}

#shadet {
	top: -13px;
	left: -4px;
	background-image: url(../images/shadet.gif);
	width: 101%;
	height: 12px;
}

#shadeb {
	bottom: -15px;
	left: -4px;
	background-image: url(../images/shadeb.gif);
	width: 101%;
	height: 14px;
}

#footer {
	color: rgb(126,93,139);
	font-size: 9px;
	line-height: 11px;
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: -26px;
}

* html #footer {
	bottom: -27px;				/* Justera med 1 pixel för IE */
}

#footer a.footerlink {
	color: rgb(88,65,97);
}