@charset "utf-8";
/* CSS Document */

html {
	font-size: 80%;
	background:#000000;
    background-attachment: fixed;
    background-size: cover;
    background-position: 0% 0%;
    background-repeat: no-repeat no-repeat;	
}
body {
	font-size: 1rem;
	font-family:  Helvetica, Arial, sans-serif;
	color: #999999;
	text-decoration: none;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 20px;
}
.bgTable {
	 background-color:#1A1A1A;
	 margin:20px 0;
}
.trTable {
	background-color:#1A1A1A;
}
.bgBody {
	background-color:#000000;
}
a {
	color: #e6af31;
	text-decoration:none;
}
a:hover { 
	color: #999; 
	text-decoration:underline;
}
h1 { 
	color: #999; 
	font-size: 3rem; 
}
h2 { 
	color: #e6af31; 
	font-size: 1.5rem;  
	margin: 0.83em 0;
}
hr {
	border:1px solid #666;
}
.editBlock{
	position:fixed; 
	z-index:1; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%;
	background-image:url(../img/bg_pix_white_40procent.png);
}
.editForm{
	width:400px; 
	text-align:left; 
	background-color:#383838;
	border:5px solid #1A1A1A;
	margin-top:40px; 
	padding:10px 30px;
	line-height:120%;
}
.formField {
	border:1px solid #434343;
	width:100%;
	background-color:#121212;
	background-image:url(../img/bgForm.png);
	color: #e6af31;
}
.formDisabled {
	border:1px solid #000;
	width:100%;
	background-color:#434343;
	color:#ff0000;
}
.errorMSG
{
	background-color:#CC0000; 
	color:#ffff00;
	text-align:center;
	padding:5px;
	margin:0px;
}
.obs {
	color:#b0a56e;
}

form {
	margin:0px;
}
a.redText { 
	color: #ff0000;
}
.redText { 
	color: #ff0000;
}
.greenText {
	color:#00ff00;
}
p.green {
	background-color:#00ff00;
	padding:10px;
	text-align:center;
	color:#000;
}
p.red {
	background-color:#ff0000;
	padding:10px;
	text-align:center;
	color:#000;
}
.smaller, .rubrik {
	font-size: 80%;
}

/* formulär ------------------------------ */

input, textarea, select {
	font-size: 1rem;
	width:100%; 
	border:solid 1px #dddddd;								/* färg */
	border-radius: 0.5rem;
	padding: 0.5rem;
}
.kryssruta{
	width: 18px;
	height: 18px;
}
select {
	width: 100%;
	background-color: #dddddd;
}
textarea {
	height:100px;
}
.button {
	width: 150px;
	background-color: #87B52D;								/* färg */
	color: #ffffff;
}
.button_red {
	width: 150px;
	background-color: #CD2D28;								/* färg */
	color: #ffffff;
}