#topnav {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute;
}
body > div#topnav {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

html, body {
	height: 100%;
	width: 100%;
	font-family: verdana;
	font-size: 11px;
	color: #333;
	margin: 0;
	padding: 0;
}
body {
	background: #0278bd url('../images/body_bg.jpg') repeat-x;
}

a:active, a:focus {
  outline: none;
}

img {
	border: 0;
}

#container {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
#wrapper {
	width: 3000px;
	height: 100%;
	position: relative;
	padding-right: 300px;
}

#topnav {
	top: 100px;
	top: 16px;
	right: 16px;
	z-index: 1000;
}
#topnav img {
	float: left;
	margin-left: 7px;
}

#forside { height: 100%; background: url('../images/forside_bg.jpg') repeat-y; }

#underside { width: 1000px; position: absolute; left: 2000px; top: 125px; }
#designcontainer { background: transparent url('../images/design_bg.jpg') no-repeat; position: relative; width: 950px; height: 566px; right: 82px; font: bold 11px Arial, sans-serif; letter-spacing: -0.3px; }
#designcontainer ul { margin: 0px; padding: 0px 0px 0px 10px; }
#designcontainer ul li { background: transparent url('../images/menu_arrow_small.png') no-repeat 0px 0px; list-style: none; margin: 0px 0px 0px; padding: 3px 5px; padding-left: 17px; }
#designcontainer ul li a,
#designcontainer ul li a:visited { font-weight: bold; color: #083c54; text-decoration: none; }
#designcontainer ul li a:hover { text-decoration: underline; }
#designcontainer ul li a[name]:hover { text-decoration: none; }
#designcontainer .leftmenu h2 { color: #46b00d; background: transparent url('../images/menu_arrow_large.png') no-repeat 0px 0px; padding: 4px 0px 4px 26px; font-size: 16.5px; margin: 12px 0px 6px; }

#designcontainer .leftmenu { position: absolute; left: 20px; top: 14px; width: 160px; height: 530px; }
#designcontainer .contentcontainer { position: absolute; left: 192px; top: 14px; width: 700px; height: 490px; }

#designcontainer .headerContainer { background: #43ae3c; height: 86px; margin: 50px 35px 25px 35px; color: #fff; position: relative; }
#designcontainer .headerContainer h1 { padding: 30px 30px 0px; margin: 0px; font-size: 24px; }
#designcontainer .headerContainer img.parents { position: absolute; right: 0px; bottom: 0px; }
#designcontainer .contentWrapper { height: 325px; width: 630px; border: 0px; margin: 0px 35px; color: #373737; font-weight: normal; letter-spacing: normal; }
#designcontainer .contentWrapper h2 { font-size: 14px; font-weight: normal; }

.parentsSectionMenu { margin-left: 0px; width: 154px; }
.teachersSectionMenu { margin-left: 7px; width: 149px; }
.leftmenu .bottomBanner { position: absolute; bottom: 15px; left: 17px; }

.playbutton { position: absolute; right: -23px; top: -52px; z-index: 999; }

form p { clear: both; }
form p label { width: 180px; float: left; padding: 4px 0px; }
form .inputholder { display: block; margin-left: 180px; }
form p input { padding: 0px 0px; vertical-align: middle; }

.questionTitle { font-size: 12px; font-weight: bold; }

.hasError { background: #fcc; }

#disclaimerLink,
#disclaimerLink:visited { position: absolute; bottom: 15px; left: 475px; font-weight: bold; text-decoration: none; color: #083c54; }

.smaspararna { position: absolute; left: 30px; top: 370px; width: 180px; height: 132px; z-index: 9999; }
.smaspararna img { display: block; }