@charset "utf-8";
/* CSS Document */
html, body{
	height: 100%;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
	background-color:#FFFFAA;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #336633;
	letter-spacing: 1px;
	font-weight: normal;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: 1px;
	font-weight: normal;
}
.textbakgrund {
	background-color: #ccff66;
}
.lucka {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
	width: 110px;
	background-color:#FFFFAA;
}
.kantlinje {
	border: 1px solid #99CC00;
}
.knappfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
	border: 0px
}
.knapp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
}
.formfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
	padding: 5px;
	border: 1px solid #99CC00;
}
.felmeddelande_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}
.error_formfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
	padding: 5px;
	border: 1px solid #FF3300;
}
.error_text {
	font-size: 15px;
	font-weight: bold;
	color: #FF0000;
}
.flashcontainer{
    z-index:999;   
    position: fixed;
    width: 100%;
    text-align: left;
    top: 190px;
}
.flashcontainer1{
    z-index:999;   
    position: fixed;
    width: 100%;
    text-align: left;
    top: 20px;
} 
.flashobject {
    position: relative;
    z-index:999;               
   	width:550px;
	height:20px;  
    padding:2px;
	background-color:#FFFFAA;
	opacity: 1.0;
    border:1px solid #FF6600;
	border-radius:20px;

}
.flashobject1 {
    position: relative;
    z-index:999;               
   	width:200px;
	height:60px;  
    padding:2px;
	background:#FFFFAA;  
    border:1px solid #FF6600;
}
/* Felmeddelande */
#error {
	padding: 10px 10px 10px 80px;
	border: 1px solid #FF6600;
	width: 400px;
	min-height: 40px;
	margin: 5px 0 5px 0;
	background-image: url(alert.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
/* fieldset start */
#fstart {
	width: 410px;
	padding: 15px;
	border: 1px solid #FF6600;
}
/* fieldset instruktion */
#starten{
	width: 900px;
	padding: 15px;
	border: 1px solid #FF6600;
}	
/* fieldset yttre */
#fyttre {
	width: 1180px;
	padding: 15px;
	border: 1px solid #FF6600;
}
/* fieldset inre Stavning */
#finres {
	width: 350px;
	height: 100px;
	padding: 15px;
	margin: 15px 5px 5px 0;
	border: 1px solid #FF6600; 
	vertical-align: center;
}
/* fieldset inre Ordförståelse */
#finre {
	width: 250px;
	height: 100%;
	padding: 15px;
	margin: 5px 5px 5px 0;
	border: 1px solid #FF6600;
	vertical-align: center;
}
/* fieldset Main */
#main {
	width: 850px;
	padding: 15px;
	border: 1px solid #FF6600;
}
/* fieldset ord */
#ord {
	width: 120px;
	float: center;
	padding: 10px 10px 10px 10px;
	float: top;
	border: 1px solid #FF6600;
	vertical-align: top;
}
#fotnot{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
	font-style: italic;
}
#fontlegend{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
	font-weight: bold;
}
/*.flytande{
	position: fixed;
	float: right;
	top: 0px;
}*/
.centerFieldset {
text-align:center;
}

.centerFieldset fieldset {
display:inline;
margin-left:auto;
margin-right:auto;
/* INHERITED ALIGNMENT IS CENTER. ONLY INCLUDE THIS IF YOU WANT */
/* TO CHANGE THE ALIGNMENT OF THE CONTENTS OF THE FIELDSET */
text-align:left;
}
/* Bekräftelse */
#confirmation {
	padding: 10px 10px 10px 80px;
	border: 1px solid #66CC66;
	width: 500px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	float: center !important;
	background-image: url(ok.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}