a:link {text-decoration: none; font-family: Arial,Verdana; color: #5050FF; font-size: 12px; }
a:visited {text-decoration: none; font-family: Arial,Verdana; color: #5050FF; font-size: 12px; }
a:hover {text-decoration: underline; font-family: Arial,Verdana; color: #FFA0A0; font-size: 12px; }
a:active {text-decoration: none; font-family: Arial,Verdana; color: #5050FF; font-size: 12px; }

a.menu:link {text-decoration: none; display: block; font-family: Arial,Verdana; color: #505050; font-size: 12px; }
a.menu:visited {text-decoration: none; display: block; font-family: Arial,Verdana; color: #505050; font-size: 12px; }
a.menu:hover {text-decoration: none; display: block; font-family: Arial,Verdana; color: #FFFFFF; font-size: 12px; }
a.menu:active {text-decoration: none; display: block; font-family: Arial,Verdana; color: #505050; font-size: 12px; }

html{
	height: 95%;
}

@font-face {
	font-family: Bar-Regular;
	src: url(Css/Bar-Regular.ttf) format("truetype");
}

body{
	background: #F0F0F0;
	font: 12px Verdana,Arial;
	height: 95%;
	margin: 0px;
	line-height: 16px;
}

table.header{
	background: #FFFFFF;
}

table.background{
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, red , yellow); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, red, yellow); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, red, yellow); /* For Firefox 3.6 to 15 */
	/* background: linear-gradient(to right, #90EAEA, #CEFFFF ); */ /* Standard syntax */
	background: linear-gradient(#EAEAEA, #F5F5F5 ); /* Standard syntax */

	padding: 10px 0px 10px 0px;
	border-radius: 5px;
}

div.main{
	background: #FFFFFF;
	min-height: 95%;
	height: 95%;
	padding: 5px;
	border: none;
}

div.header_links{
	background: linear-gradient(#A0E0FF, #CFF0FF, #A0E0FF ); /* Standard syntax */
	padding: 10px 0px 10px 0px;
	border-radius: 5px;
}

div.header_links1{
	background: linear-gradient(#EAEAEA, #F5F5F5, #EAEAEA ); /* Standard syntax */
	padding: 10px 0px 10px 0px;
	border-radius: 5px;
}

div.arrangemang{
	background: linear-gradient(#F0F0F0, #FFFFFF); /* Standard syntax */
}

table.aktuellt_background{
	background: linear-gradient(#F0F0F0, #FFFFFF); /* Standard syntax */
}

span.header_links{
	font: 14px Arial,Verdana;
	text-shadow: 2px 2px 0px #FFFFFF;
	padding: 5px 5px 3px 5px;
}

span.header_links:hover{
	color: #5EBFBF;
	cursor: pointer;
}

#menu {padding: 0px 5px 0px 5px; margin: 2px 5px 0px 5px; list-style: none; height: 40px; position: relative; z-index: 500; font: 12px Verdana,Arial; }
#menu li a {display: block; line-height: 40px; color: #5EBFBF; font: 12px Verdana,Arial; padding: 0px 30px 0px 20px; }
#menu li ul {border: 1px #A0A0A0 solid; box-shadow: 5px 5px 5px #505050; }
	
/* Style the list OR link hover. Depends on which browser is used */
#menu li.current {font: 12px Verdana,Arial;  color: #505050; }

#menu li:hover {position: relative; z-index: 200; color: #5EBFBF; cursor: pointer; }
#menu:hover ul {left: 0; top: 15px; width: 140px; background: #FFFFFF; }

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu:hover ul ul {position: absolute; left: -9999px; top: -9999px; margin: 0px; padding: 0px; list-style: none; }

#menu:hover ul li a {background: #FFFFFF; text-decoration: none; color: #505050; width: 120px; padding: 5px; }
#menu:hover ul li a:hover {color: #5EBFBF; }

td.left_border{
	background: #F0F0F0;
	width: 20px;
	border-radius: 10px 0px 10px 0px;
}

td.main{
	padding: 0px 5px 0px 5px;
	border-right: 1px #E0E0E0 solid;
}

div.rubrik{
	font: 14px Arial,Verdana;
	color: #3A3A3A;
}

div.rubrik_border {
	background: #EAFFFF;
	font: bold 16px Arial;
	color: #505050;
	text-align: left;
	letter-spacing: 1px;
	padding: 5px 0px 5px 15px;
	border: 1px #5CBFBF solid;
	border-radius: 5px;
}

div.underrubrik{
	font: 14px Arial,Verdana;
	color: #505050;
}

div.styckerubrik{
	font: bold 14px Arial,Verdana;
	color: #505050;
}

div.stycketext{
	font: 14px Arial,Verdana;
	line-height: 16px;
}

input.kontakta_oss{
	background: #EAFFFF;
	font: 16px Arial,Verdana;
	color: #505050;
	padding: 5px 35px 5px 35px;
	cursor: pointer;
	border: 1px #A0A0A0 solid;
	border-radius: 5px;
}

img.image{
	border: 1px #A0A0A0 solid;
	width: 120px;
	margin-right: 15px;
	border-radius: 5px;
}

img.bild{
	background: #FFFFFF;
	width: 240px;	
	margin: 0px 15px 15px 15px ;
	padding: 7px;
	border: 1px #A0A0A0 solid;

}

input.textfaelt{
	font: 14px Arial,Verdana;
	padding: 5px;
	border: 1px #A0A0A0 solid;
	border-radius: 5px;
}

textarea{
	font: 14px Arial,Verdaqna;
	padding: 5px;
	border: 1px #A0A0A0 solid;
	border-radius: 5px;
}

select.textfaelt{
	font: 13px Trebuchet Ms, Arial;
	padding-left: 3px;
	border: 1px #A0A0A0 solid;
}

input.knappar{
	font: bold 14px Arial,Verdana;
	color: #505050;
	width: 120px;
}

input.mail_knappar{
	background: #EAFFFF;
	font: 16px Arial,Verdana;
	color: #505050;
	letter-spacing: 1px;
	padding: 5px 35px 5px 35px;
	cursor: pointer;
	border: 1px #A0A0A0 solid;
	border-radius: 5px;

}

div.kursanmalan{
	color: #3030FF;
	cursor: pointer;
}

div.kursanmalan:hover{
	text-decoration: underline;
	color: #FF3030;
}