@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,600,700");
@import url("https://fonts.googleapis.com/css?family=Oswald:300,400");

body
{
	font-family: "open sans",arial,helvetica,sans-serif;
	line-height: 1.3em;
	color: #333333;
	background:url() top repeat-x #fff;
}
.EW2LabelStyle,.ProfilCheckBox, .ProfilRadioButton, .BifogaFilInfo
{
	font-family: "open sans",arial,helvetica,sans-serif;
}
.MasterContentInnerWrap > .EW2LabelStyle {
	max-width: 40em;
}
span, p, label
{
	margin-top: 0;
	margin-bottom: 0;	
	padding-top: 6px;
	padding-bottom: 6px;
}
.Beskrivning  {
	padding-bottom: 24px;
}
h1,h2,h3,h4, .Sidtitel{ 
    font-family: oswald,arial,helvetica,sans-serif !important;
	line-height: 1;
	font-weight: normal; 
}
h1, .Sidtitel 	{ font-size:1.5em;letter-spacing:-0.04em;margin-bottom:10px; }
h2 				{ font-size:1.00em;line-height:120%;margin-top: 4px; margin-bottom: 4px; }
h3 				{ font-size:1.00em; margin-bottom: 2px;margin-top: 4px; }

.ButtonStyle { background: none repeat scroll 0 0 #EEEEEE; }
input[type="submit"] { color: #000000; }
.TopLogo { padding: 14px 0;}
/**************** LANKAR ***************/
a:link, a:visited  { text-decoration:none; }

.LinkBack { background-color: transparent; }
.LinkBack ul li a { color: #007cbe; background-color: transparent; }
 .LinkBack ul li a:hover { text-decoration: none; }
/************ MASTERPAGE *************/

.MasterHeader, .MasterMenu , .MasterInloggad, .MasterContentInner, .MasterFooterInner { max-width: 940px; }
.MasterHeaderLeft { padding-left: 10px;}
.MasterHeaderMiddle { padding-top: 33px; }
.MasterHeaderRight { }

.MasterMenu { margin-top: 0;}
.MasterMenuList { background-color: #FFF; border-bottom: 1px solid #c9c9c9; border-top: 1px solid #c9c9c9}
	ul.MasterMenuList li a span { font-size: 1.200em; font-family: 'Oswald','Arial','Helvetica'; /*text-transform: capitalize;*/ }
	.MasterMenuList li a { line-height: normal; padding: 20px;}
	.MasterMenuList li.ActiveItem, .MasterMenuList li.ActiveItem a {  color: #FFF; background-color: #555;}
	.MasterMenuList li:hover a { color: #FFF; background-color: #555; text-decoration: underline; }

.MasterInloggad {background-color: rgb(245, 245, 245);}
	.MasterMenuInloggad { margin: 0 1em; }
	
.MasterFooter { background-color: #FFF; height: 12em;  }
.MasterFooterInner { }
.Footer { margin-top: 25px;}
.FooterStart  { padding: 0 15px; border-top:0px; text-align: left;}
.FooterEnd { height: 0;}
.SidfotInfoLabel { font-size: 1.125em; }
.SidfotInfoLabel h3 { color: #fff; }
/* Grid */
.HeaderStyle 			{ border-bottom: 1px solid #c9c9c9; }
.RowStyle, .AltRowStyle 	{ border-bottom: 1px solid #c9c9c9; }
/************************* Meny samt Innehålstabell i ansöksförfarandet ************************/
.TableMenuStyle ul  { border-top: 6px solid #de4939; border-bottom: 4px solid #de4939; }
.TableMenuStyle ul li  { border-left: 0; padding: 10px 0; border-bottom: 2px solid #d8d8d8; }
.TableMenuStyle ul li.ProfilFragorSelectedAltRowStyle, .TableMenuStyle ul li.ProfilFragorSelectedRowStyle { border-left: 0; background: #EEEEEE; }
.TableMenuStyle a { padding-left: 10px; }
.TableMenuStyle a:link, .TableMenuStyle a:visited { color: #000; }
.TableMenuStyle a:visited { text-transform: underline; }
.TableMenuStyle .MenuTop { height: 0px;}
table.TableStyle caption { border-bottom-color: #de4939;}

.ProfilFragorLabel, .BifogaFilRubrik, .SammanfattningRubrik { font-weight: normal; }

/*********************** Page: Sammanfattning ********************/
.SammanfattningInfo { border-bottom-color: #d8d8d8; }


@media only screen and (max-width: 767px)
{
	.MasterHeaderRight { width: 100%; }

	/* .MasterMenuList li a { line-height: 3em } */
	/* ul.MasterMenuList li a span { font-size: 1.5em } */
	.MasterMenuList li  {border-bottom: 1px solid #444;}
	.MasterMenuList li.ActiveItem, .MasterMenuList li.ActiveItem a { color: #fff !important; background-color:  #555; font-weight: bold;}
}

@media only screen and (width: 680px)
{
	.MasterHeader{display: none;}
	.MasterFooter{display: none;}

	.MasterMenuBtn  { display:none; }
	.MasterMenuList { display: block; }
	.MasterMenuList li  { width: 20%; }
	/* .MasterMenuList li a { line-height: 3em } */
	/* ul.MasterMenuList li a span { font-size: 0.9em } */
	
	.MasterMenuList li  {border-bottom: 0;}
	.MasterMenuList li.ActiveItem, .MasterMenuList li.ActiveItem a { color: #fff !important; background-color:  #555; font-weight: normal;}

}


@media handheld, only screen and (max-width: 480px)
{


	.MasterHeaderLeft { width:100%; }
	.MasterHeaderRight { width:100%; }
}