html, body { }
body { font-family: "Open Sans", arial, helvetica, serif; background-color: #eee;  }
#Wrap { padding-top: 20px; background-color: #fff; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); }

#Wrap.container { margin: 25px auto }


/* bootstrap
-- ----------*/
/*
.container-fluid { padding-left: 0; padding-right: 0; }
*/

/* Important part */
.modal-dialog { overflow-y: initial !important; }
#KOGDPRModal .modal-body { height: 400px; overflow-y: auto; }

.nav-ko-usermenu a {
	color: #333;
}

.nav-ko-usermenu a:focus,
.nav-ko-usermenu a:hover {
	
}

.slick-slide img { text-align: center; margin: 10px auto; }
/*
.navbar.navbar-inverse { 
	border-top: 0; 
	background-color: #fff;
	border-color: #fff;
	background-image: linear-gradient(to bottom,#666 0,#000 100%);
}
*/
.form-group.required label:after {
  content:"*";
  padding-left: 3px; 
  color:#cc0000;
} 

/*Phone Number Input "hack"*/
.PersNo .col-xs-7::after,
.phone-number .col-xs-3::after{
 content: "-";
 position:absolute;
    right: -3px;
    color: black;
	font-weight: 700;
	font-size: 16px;
    border: 0px solid;
    top: 0px;
}
.phone-number .form-control { padding: 6px;  }

.navbar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.navbar-default { box-shadow: none; }

.fa-ul { margin-left: 1.8333em; }
.fa-ul > li { margin: 3px 0; }

.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover {
	background: linear-gradient(to bottom,#333 0,#535252 100%);
}

.breadcrumb { border-radius: 0; }

.GInfo hr { margin-top: 0; }
.GInfo .checkbox { margin: 0; }

em { font-style: italic; }
blockquote { font-size: inherit; font-style: italic; }
strong { font-weight: 700; }
a, 
h3 a:hover { color: #cc0000; }
h1#Debug-Header { margin: 10px; font-size: 1rem; font-size: 10px; }
pre#Debug { display: none; }
pre { font-family: "courier new", tahoma; font-size: 1.2rem; font-size: 12px; padding: 3px; margin: 10px; line-height: 1.6rem; line-height: 16px; border: 1px #ddd solid; }
#loadMsg { position: absolute; top: 50%; left: 50%; margin-left: -110px; margin-top: -70px; line-height: 2rem; line-height: 20px; z-index: 1010; display: block; padding: 10px; width: 200px; height: 100px; font-size: 1.2rem; font-size: 12px; text-align: center; background-color: #fff; border: 1px #ddd solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 3px 3px 4px #CCCCCC; -moz-box-shadow: 3px 3px 4px #CCCCCC; -webkit-box-shadow: 3px 3px 4px #CCCCCC; }
#loadMsg img { padding-bottom: 10px; }

#loadSuccess { display: none; z-index: 1001; position: fixed; top: 10%; left: 50%; margin-left: -110px; margin-top: -70px; font-size: 20em; }
#loadFailure { display: none; z-index: 1001; position: fixed; top: 10%; left: 50%; margin-left: -110px; margin-top: -70px; font-size: 20em; }

.navbar-inverse { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }

.NewsItem.ForumReply { border-left: 5px #eee solid; border-bottom: 0; margin-left: 20px; margin-bottom: 25px; padding-left: 10px; }
.reply-info a { color: #fff; padding: 15px 5px; }

/*
h1,.h1{ font-size:34px } 
h2,.h2{ font-size:28px } 

h3,.h3{ font-size:24px }
h4,.h4{ font-size:18px }
h5,.h5{ font-size:14px }
h6,.h6{ font-size:12px }

/* header/footer
-- --------------------*/
#Header { box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); }
/*
.top-navigation { padding-left: 0; padding-right: 0; margin-bottom: 25px; }
*/
.site-header { /*padding-left: 0; padding-right: 0;*/ }
.site-header img { width: 100%; }
.site-header a h1 { margin: 0px 0 10px 0; font-size: 3rem; font-size: 30px; color: #cc0000; font-weight: 600; }
.site-header a h3 { margin: 5px 0 10px 0; font-size: 1.7rem; font-size: 17px; font-weight: 400; font-style: italic; color: #333; }
.site-header a:hover { text-decoration: none; }


/*
.header-image-wrap { display: block; background: rgba(255, 255, 255, 1) }
*/

.header-image-wrap .header-image { 
	max-width: 100%;
}

.site-background .container-fluid .header-image-wrap .header-image { 
	margin-left: -15px;
	margin-right: -15px;
}

.header-image-wrap #Logotype {
/*
	padding: 25px 0; 
	padding-left: 15px;
*/
/*
	margin-top: 10px;
*/
	margin-right: 25px; 
}

/*
.header-image-wrap #Logotype,
.header-image-wrap #Foreningsnamn { float: left; }
*/

.header-image-wrap .site-brand a:hover,
.header-image-wrap .site-brand a:focus { 
	text-decoration: none;
}

.header-image-wrap .site-brand { 
/*
	margin: 0 0 10px 0;
*/
	color: #333;
	font-size: 45px;
	font-size: 4vw;
	font-weight: 700;
}
.header-image-wrap .site-brand small { 
	color: #333;
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 0px; 
	display: block;
}

.header-image-wrap #Logotype img {
/*
	width: 100%;
	max-width: 100px;
*/
/*
	width: 120px;
	max-width: 100%;
*/
}



/*
.header-image-wrap #Logotype img {
	max-width: 100%;
	max-height: 100px;
}
.header-image-wrap #Foreningsnamn {
	
	
}

.header-image-wrap #Foreningsnamn h1, 
.header-image-wrap #Foreningsnamn h2, 
.header-image-wrap #Foreningsnamn small {
	color: #fff;
	font-size: 45px;
	font-weight: 700;
	text-shadow: 2px 2px 1px rgba(150, 150, 150, 1);
	text-shadow: 2px 2px 1px rgba(0, 0, 0, .5);
}

.header-image-wrap #Foreningsnamn h2 { 
	margin: 0;
	margin-bottom: 5px;
	font-size: 25px; 
}

.header-image-wrap #Foreningsnamn small {
	display: block;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
}
*/

.navbar { margin-bottom: 0; border: 0; }
.navbar-extra { 
	padding: 15px 15px; 
	position: relative; 
	display: block; 
	float:left;
	
	line-height: 20px;
	color: #9d9d9d;
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);

}
.navbar-extra:hover,
.navbar-extra:focus {
	color: #fff;
	background-color: #080808;
	text-decoration: none;
}

.top-navigation .navbar-header .navbar-extra,
.top-navigation .navbar .navbar-nav > li > a,
.default-navigation .navbar .navbar-nav > li > a {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}
.top-navigation .navbar { border:0; border-bottom: 2px #000 solid; }
.top-navigation-back { background-image: linear-gradient(to bottom,#3c3c3c 0,#222 100%); border-bottom: 1px #fff solid; }

.default-navigation-back { background-image: linear-gradient(to bottom,#fff 0,#f8f8f8 100%); background-color: #fff; border-top: 1px #333 solid; border-bottom: 1px #eee solid; }
.crumbs-back { background-color: #fff; border-bottom: 1px #333 solid; }
.breadcrumb { border-top: 0; background-color: transparent; }

/*
.navbar-collapse { padding: 0; }
*/

.footer { background-color: #000; color: #fff; padding: 10px 0; }
.footer .footer-bit { /*border-left: 1px #111 solid;*/ /*margin-top: 20px; margin-bottom: 20px; */min-height: 150px; }
.footer .footer-bit:first-child { border: 0; } 
.footer .footer-bit h3 { margin-top: 10px; font-family: Roboto, sans-serif; text-transform: uppercase; font-weight: 700; /*border-bottom: 1px #ccc solid;*/ }

.footer .about { font-size: 15px; }
.footer a { color: #fff; }
.footer a:hover,a:active { text-decoration: underline; }
.footer ul li { margin: 10px 0; }

.footer ul.fa-ul li { line-height: 1.5em; }

.footer .KanslietOnline { padding: 10px 0; text-align: center; }
.footer .KanslietOnline img { max-width: 170px; }
.footer .Copyright { color: #777; text-align: right; }
.footer .Copyright a { color: #777; }

.site-footer { 
	text-align: center;
	padding: 15px 10px;
	border-top: 1px #ddd solid;
}
/*
.site-footer span { display: block; margin-left: 10px; line-height: 18px; }
*/
.site-footer i { font-size: 5px; margin: 0 10px; vertical-align: middle; }
.site-footer span:first-child i { display: none; }

.site-footer span.PoweredBy { display: block; }
.site-sub-header { position: relative; height: 30px; padding: 2px 0 5px 10px; color: #fff; background: url(../../pics/subhead.png) repeat-x #333 0 0; }
.site-sub-header span { font-size: 1.0rem; font-size: 10px; font-weight: 700; }
.site-sub-header .AccountBar { width: 50%; /*min-width: 320px;*/ position: absolute; top: 1px; right: 0; text-align: left; }

.breadcrumb { padding: 2px 10px 4px 10px; margin-bottom: 0px; }
.breadcrumb li { font-size: 1.1rem; font-size: 11px; }

ul#HeaderNav ul.AccountBox { min-width: 270px; background-color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 3px 3px 4px #CCCCCC; -moz-box-shadow: 3px 3px 4px #CCCCCC; -webkit-box-shadow: 3px 3px 4px #CCCCCC; }
ul#HeaderNav ul.AccountBox li { width: 100%; padding: 10px;  }
ul#HeaderNav {
	text-align: left;
	float: right;
	margin-top: 1px;
}

ul#HeaderNav > li {

}

ul#HeaderNav li {
	display: block;
	float: left;
	position: relative;
	padding-left: 10px;
	line-height: 28px;
}

ul#HeaderNav li:first-child { padding-left: 0; }

ul#HeaderNav > li > a {
	font-size: 11px;
	display: block;
	font-weight: bold;
	padding: 0px 5px;
}

ul#HeaderNav > li > a { color: #fff; }
ul#HeaderNav li a img { width: 16px; vertical-align: -5px; margin-right: 5px; }
ul#HeaderNav ul {
	z-index: 99;
	position: absolute;

	display: none;
	right: 0;
	padding: 2px 5px;
	margin-left: -3px;
	margin-top: 0px;
	width: 120px;
	background-color: #eee;
	border-right: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
	border-left: 1px #ddd solid;

}

ul#HeaderNav ul.item-opened {
	display: block;
}

/*
#CookieMessage { position: fixed; z-index: 999; top: 0px; margin: 10px; padding: 0px 150px 30px; width: 97.5%; background-color: #fff; border: 1px #ddd solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 3px 3px 4px #CCCCCC; -moz-box-shadow: 3px 3px 4px #CCCCCC; -webkit-box-shadow: 3px 3px 4px #CCCCCC; }
#CookieMessage button { float: right; margin-top: 15px; }
*/

#CookieMessage .navbar { border-top: 1px #ddd solid; }
#CookieMessage h3 { margin-top: 0; }
#cookie_accept { padding: 10px; 0; }
/* content
-- --------------------*/

/*
.regular-post .entry-header .entry-title { font-family: Signika, sans-serif; font-size: 2.3rem; font-size: 23px; margin-top: 0; margin-bottom: 1.71429rem; padding-bottom: 3px; color: #cc0000; border-bottom: 1px #cc0000 solid; }
*/
.regular-post .entry-header .entry-title small { color: #333; font-size: 1.1rem; font-size: 11px; float: right; }

.regular-post .entry-content,
.widget .entry-content,
.form-table td { /*line-height: 1.8rem; line-height: 18px; */ }

.regular-post .entry-content p,
.widget .entry-content p { margin: 0 0 1.4rem; margin: 0 0 14px; -moz-hyphens: auto; word-wrap: break-word; }
/*
.regular-post .entry-content ul,
.widget .entry-content ul { margin: 0 25px 10px; list-style-type: disc; }
.regular-post .entry-content ul li,
.widget .entry-content ul li { padding: 0 5px 2px; }
*/
.regular-post .entry-content ol, 
.widget .entry-content ol { margin-left: 25px; list-style-type: decimal; }
.regular-post .entry-content ol li,
.widget .entry-content ol li { padding: 0 5px 2px; }
.ui-widget { font-family: inherit; font-size: inherit; }

.regular-post .entry-content img { max-width: 100%; }

table.WeekSchedule { width: 100%; }
table.WeekSchedule th,
table.WeekSchedule td { padding: 2px 3px; }
table.WeekSchedule th { font-weight: bold; text-align: left; }
table.WeekSchedule tr td { border-top: 1px #c8996b solid; } 

/* sidebar/widgets
-- --------------------*/

.widget { margin-bottom: 20px; }
.widget-title img { vertical-align: -2px; margin: 0 5px; }
.regular-post .entry-header .entry-title,
.widget-title { font-size: 18px; margin-top: 0; line-height: 2.5rem; line-height: 25px; height: 30px; font-family: Roboto, sans-serif; text-transform: uppercase; font-weight: 700; border-bottom: 1px #333 solid; }
.widget .WidgetContent img { max-width: 100%; }


.NewsItem { border-bottom: 1px #E5E5E5 solid; margin-bottom: 15px; padding-bottom: 10px; }
.NewsItem header { cursor: default; margin-bottom: 10px; }
.NewsItem header span { float: left; margin-right: 10px; padding-bottom: 2px; text-align: center; font-weight: 700; font-size: 1.4rem; font-size: 14px; color: #333; border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
.NewsItem header span small { display: block; padding: 5px; margin-bottom: 2px; font-size: 1rem; font-size: 10px; color: #fff; text-transform: uppercase; border-radius: 3px; background-color: #cc0000; }
.NewsItem header h4 { margin-top: 0px; margin-bottom: 3px; font-size: 1.4rem; font-size: 14px; }
.NewsItem header h5 { color: #aaa; margin: 0 0 7px; font-size: 1.1rem; font-size: 11px; }

div.NewsItem header span { float: left; margin-right: 10px; line-height: 1.2em; text-align: center; font-weight: bold; font-size: 14px; color: #333; border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
div.NewsItem header span small { display: block; padding: 0px 5px; margin: 0; line-height: 1.5em; font-size: 10px; color: #fff; text-transform: uppercase; border-radius: 3px; background-color: #cc0000; }

div.NewsItem header h4.Topic { line-height: 1.0em; }
/*div.NewsItem header h4.Topic small { background: url("../pics/pencil.png") no-repeat scroll 2px 1px transparent; color: #aaa; font: 10px Tahoma,Arial,Helvetica,Geneva,sans-serif; margin: 0 0 7px; padding: 0 0 0 17px; }*/

div.SocialReadMore { margin-top: 10px; position: relative; }
div.SocialReadMore .Social { float: left; margin-bottom: 5px; }
div.SocialReadMore .Social .twitter-share-button,
div.SocialReadMore .Social .fb-like { float: left; }
div.SocialReadMore a.Decorated:link, 
div.SocialReadMore a.Decorated:active,
div.SocialReadMore a.Decorated:visited,
div.SocialReadMore a.Decorated:hover { position: absolute; right: 0; bottom: 0; line-height: 1.6em; margin-bottom: 5px; }

.Calendar-Nav { font-size: 1.3rem; font-size: 13px; text-align: center; margin-top: 0; }
.Calendar-Nav a { color: #333; margin: 0 10px; }
.Calendar-Nav a .fa { font-size: 1.5rem; font-size: 15px; }
/*
.Calendar { width: 100%; }
.Calendar td { height: 25px; text-align: center; vertical-align: middle; background: url(../../pics/subhead.png) repeat-x #eee 0 0;}
.Calendar tfoot td { background: none; }
.Calendar thead td,
.Calendar .weeknum_and_dayname { width: 10%; background: url(../../pics/subhead.png) repeat-x #C4D2EB 0 0; color: #333; font-weight: 700; }
.Calendar td.lastday { background-color: #fe9090; color: #cc0000; }
.Calendar td.pre { background-color: #fefefe; }
.Calendar td.event { color: #fff; font-weight: 700; background-color: #0FBC48; }
.Calendar td.event.lastday { color: #cc0000; }
*/
.ActCal { padding-left: 0; padding-right: 0; }
.ActCalNav { font-size: 16px; margin-bottom: 20px; }

.eventBox { cursor: pointer; font-size: 11px; border-radius: 2px; padding: 2px 3px; float: left; display: inline-block; color: #333; margin-right: 10px; width: 100%; max-width: 75px; }
.eventBox.activity { background-color:#99ABEA; border-color:#344b98; color:#344b98 }

/* Träning */
.eventBox.activity.type1 { }

/* Match/Tävling/Cup */
.eventBox.activity.type2 { }

/* Möte */
.eventBox.activity.type3 { }

/* Utbildning */
.eventBox.activity.type4 { }

/* Läger */
.eventBox.activity.type5 { }

/* Övrigt */
.eventBox.activity.type6 { }

/* Årsmöte */
.eventBox.activity.type7 { }

/* Styrelsemöte */
.eventBox.activity.type8 { }

/* Kommittémöte */
.eventBox.activity.type9 { }

.eventBox.competition { text-align: center; background-color:#A6113C; border-color:#820F20; color:#ffffff }
.eventBox.news { text-align: center; background-color:#2cd97a; border-color:#26be6a; color:#000000 }

.Events ul { list-style-type: none; padding: 0; }
.Events ul li { padding: 0; line-height: 2rem; line-height: 20px; margin: 2px 0; }
.Events span {  } 

.DayNo { width: 2%;  }
.Last .DayNo { color: #cc0000; }
.Last td { border-bottom: 1px #ddd solid; }


span.Decorated,
.ui-widget-content a.Decorated,
a.Decorated {
	padding: 3px 7px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	background-color: #C3161C;
}

span.Decorated {
	display: block;
	float: right;
	padding-left: 5px;
}

div.MessageBox { margin: 10px 5px; padding: 10px 10px 10px 55px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 3px 3px 4px #CCCCCC; -moz-box-shadow: 3px 3px 4px #CCCCCC; -webkit-box-shadow: 3px 3px 4px #CCCCCC; }
div.MessageBox.Success { color: #677e08; background: url(../pics/icons/24/check.png) #e6f5a4 no-repeat 15px 7px; border: 2px #677e08 solid; }
div.MessageBox.Success a { color: #677e08; }
div.MessageBox.Notice { color: #555; background: url(../pics/icons/24/about.png) no-repeat #eee 15px 7px; border: 2px solid #d1d1d1; }
div.MessageBox.Notice a { color: #555; }
div.MessageBox.Warning { color: #c6be42; background: url(../pics/icons/24/warning.png) #fffcc5 no-repeat 15px 7px; border: 2px #c6be42 solid; }
div.MessageBox.Warning a { color: #c6be42; }
div.MessageBox.Error { color: #cc0000; background: url(../pics/icons/24/delete2.png) #fae5e5 no-repeat 15px 7px; border: 2px #f0b2b2 solid; }
div.MessageBox.Error a { color: #cc0000; }
div.MessageBox h3 { font-size: 1.8rem; font-size: 18px; font-weight: 700; margin: 0px 0 2px;}

.entry-content div.MessageBox p { margin: 0 0 5px 0; }
.entry-content div.MessageBox a { text-decoration: underline; }
.regular-post .entry-content div.MessageBox ul, 
.regular-post .entry-content div.MessageBox ol { margin-bottom: 0; }

.color-green { color: #0e791b; }
.color-yellow { color: #c8ae00; }
.color-red { color: #ae0909; }

/* datatables
-- -----------*/
.table tr.selected td { background-color: #fff7dd; }
.table .table-tools { white-space: nowrap; }
.table tbody td button, .table tbody td a.btn { margin-left: 5px; }
.table tbody td button:first-child, .table tbody td a.btn:first-child { margin-left: 0; }
.table.table-hover tr:hover td { background-color: #fff7dd; }
.dt-small { font-size: smaller; margin-bottom: 10px; }

/* attachments
-- -----------*/
.AttachmentsWrapper { margin-bottom: 20px; }
.AttachmentsWrapper table { margin-bottom: 0; }
/* school/group list
-- --------------------*/
.SubNav ul {
/*	border-bottom: 2px #cc0000 solid;*/
	background-color: #fff;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2)
}
.SubNav ul li {  }
.SubNav ul li a { font-weight: 700; }
.SubNav ul li a { font-size: 1.2rem; font-size: 12px; line-height: 1.5rem; line-height: 15px; }
/*
.SubNav ul li ul { display: none; }
*/
.SubNav ul li a {
	padding: 10px 0px 10px 10px;
	display: block;
    color:#111111;
	background-color: #fff;
    border-top: 1px solid #eeeeee;
}

.SubNav ul li a:hover {
	color:#cc0000;
}
.SubNav ul li li a { padding-left: 15px; }
.SubNav ul li li li a { font-weight: normal; padding-left: 25px; }

.SubNav ul li ul { margin: 5px 0 0 0; }
.SubNav li a span { margin-right: 10px; margin-top: 2px; font-size: 10px; float: right; }

/* school
-- --------------------*/
.Levels .entry-header h2 { margin-bottom: 20px; font-size: 2.5rem; font-size: 25px;  font-weight: 700; }
.Levels h3 { margin-bottom: 10px; font-size: 2.0rem; font-size: 20px;  font-weight: 700; }
.Levels aside { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px #ddd solid; }

/* navigation
-- --------------------*/
.MainNavigation li a,
.MainNavigation li span { font-weight: 700; padding-left: 10px; }

.MainNavigation ul a,
.MainNavigation ul span { font-weight: 400; }

.MainNavigation.TreeView ul li a,
.MainNavigation.TreeView ul li span { font-weight: 400; padding-left: 20px; }

.MainNavigation.TreeView ul li ul li a,
.MainNavigation.TreeView ul li ul li span { font-weight: 400; padding-left: 30px; }

.MainNavigation.TreeView ul li ul li ul li a,
.MainNavigation.TreeView ul li ul li ul li span { font-weight: 400; padding-left: 40px; }

.MainNavigation a.selected { color: #cc0000; }


ul.UpcomingOccasions ul { margin-bottom: 20px; }
ul.UpcomingOccasions li { margin-bottom: 3px; }
/* images
-- --------------------*/
img.LeftImage,
img.RightImage {
	border-radius: 3px;
	max-width: 100%;
/*	box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.2);*/
}
img.LeftImage {
	float: left;
	border: 0px;
	margin: 0 24px 12px 0;
	max-width: 100%;
}

img.RightImage {
	float: right;
	border: 0px;
	margin: 0 0 12px 24px;
}

.toggleMenu {
    display:  none;
	position: absolute;
	top: 5px; 
	right: 5px; 
	/*
	width: 39px;
	height: 35px;
	*/
	width: 30px;
	/*
	position: relative;
	top: 10px;
	left: 10px;
	
	line-height: 30px;
	*/
	cursor: pointer;		

	padding: 2px 3px; 
	border: 1px solid #222;
	color: #fafafa;
	font-weight: bold;
	background-color: #111;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat center center, -moz-linear-gradient(#444, #111); 
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat center center, -webkit-linear-gradient(#444, #111);	
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat center center, -o-linear-gradient(#444, #111);
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat center center, -ms-linear-gradient(#444, #111);
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat center center, linear-gradient(#444, #111);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
}

.toggleMenu:hover,
.toggleMenu:focus { color: #fff; }

.TheTarget { border-radius: 2px; margin: 15px 0 15px 20px; padding: 5px; background-color: #fff; border: 1px #ddd solid; }
.TheTarget h3 { margin-top: 0; }

/* jquery ui
-- --------------------*/
.regular-post .entry-content .ui-tabs-nav, .widget .entry-content .ui-tabs-nav { margin: 0; }
.ui-autocomplete-loading { background: url(../pics/icons/loader16.gif) right center no-repeat; }
.ui-autocomplete-category { font-size: 1rem; font-size: 10px; font-weight: 700; padding: 2px 5px; }
.ui-autocomplete a { font-size: 1.1rem; font-size: 11px; }
.ui-autocomplete-highlight { color: #cc0000; }
.ui-dialog .ui-dialog-title { font-size: 12px; font-size: 1.2rem }

.ui-widget-header { background: #cccccc url("../pics/ui-bg_gloss-wave_500x100.png") repeat-x scroll 50% 50%; }

.widget .WidgetContent.hideMe { display: none; }
.widget .WidgetContent.showMe { display: block; }

.ui-front { z-index: 9999; }

/* pager
-- --------------------*/
.ko-pager { margin: 0; }

.regular-post .entry-content ul.pager, 
.widget .entry-content ul.pager { float:left; margin: 10px 0; padding: 0; }

.regular-post .entry-content ul.pager li { padding: 0; }
.regular-post .entry-content ul.pager li > a, .regular-post .entry-content ul.pager li > span { border-radius: 4px; padding: 2px 5px; }

.regular-post .entry-content ul.pager li.current_info,
.regular-post .entry-content ul.pager li.first_before, 
.regular-post .entry-content ul.pager li.first_after, 
.regular-post .entry-content ul.pager li.current_page 
{ background-color: #C3161C; color: #fff; border-radius: 4px; padding: 2px 5px; font-weight: 400; }


a.FBShare, a.TWShare { padding: 4px 10px; display: inline-block; border-radius: 4px; text-transform: uppercase; font-size: 9px; font-weight: 700; }
a.FBShare span, a.TWShare span { margin-left: 5px; }
a.FBShare { color: #fff; background-color: #4267b2; }
a.FBShare:focus, a.FBShare:hover { color: #fff; background-color: #365899; }

a.TWShare { color: #fff; background-color: #1b95e0; }
a.TWShare:focus, a.TWShare:hover { color: #fff; background-color: #0c7abf; }


/* sitemap
-- --------------------*/
.Sitemap ul {
	float: left;
}

div.SponsorImage img, .slick-slide img { max-width: 200px; }

.ShownOnResponsive { position: absolute; left: -9999px; top: -9999px; }

/* media queries
-- --------------------*/
@media only screen and (max-width: 1000px) {	
	/*#Wrap { padding: 0; margin: 0;}	*/
	/*
	#Container { padding: 10px; }
	*/
}
@media only screen and (max-width: 640px) {	
	#CookieMessage { margin: 0px; padding: 10px; width: 100%; border: 0px; border-bottom: 1px; box-shadow: 0px 3px 4px #CCCCCC; -moz-box-shadow: 0px 3px 4px #CCCCCC; -webkit-box-shadow: 0px 3px 4px #CCCCCC; }
	#CookieMessage button { float: none; margin-top: 10px; }

	.site-header h1 { margin: 0px 0; padding: 5px 2px; font-size: 2rem; font-size: 20px; }
	.site-header h3 { margin: 5px 0; padding: 0px 2px; font-size: 1.5rem; font-size: 15px; }
	
	.header-image-wrap .site-brand { font-size: 10vw; }

	.regular-post .entry-content .ui-tabs .ui-tabs-nav li { float: none; padding: 5px 3px; }
	.regular-post .entry-content .ui-tabs .ui-tabs-nav li a { float: none; padding: 4px; } 
	.regular-post .entry-content .ui-tabs .ui-tabs-nav li.ui-corner-top { border-radius: 0; } 
	.regular-post .entry-content .ui-tabs .ui-tabs-nav { border: 0; background: none; }
	.regular-post .entry-content .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding: 5px 3px; margin: 0 0.2em 1px 0;}
	.regular-post .entry-content .ui-tabs .ui-tabs-panel { padding: 10px 5px; }

	.footer .footer-bit { min-height: 0; margin-bottom: 20px; }
}

@media only screen and (max-width: 520px) {

	img.LeftImage, img.RightImage { float: none; display: block; }
	.AccountWidget .AccountDetails img.LeftImage { float: left; }

	/*
	.widget-title { cursor: pointer; }
*/
	body { margin: 0; }

	#Wrap.container { margin: 0 }
	
	
/*
	.widget .WidgetContent { display: none; }
*/
}

@media only screen and (max-width: 480px) {
	h1, .h1 { font-size: 30px; }
	h2, .h2 { font-size: 20px; }

	.site-header a {  }
	.site-header a h1 { width: 300px; display: inline-block; padding: 5px 2px; font-size: 2rem; font-size: 20px; }
	.site-header a h3 { margin: 5px 0; padding: 0px 2px; font-size: 1.5rem; font-size: 15px; }
	.site-header img.header-image { display: none; }


	.site-title,
	.site-description {
		position: relative;
	}

	.top-navigation { margin-bottom: 0; }
	
	.site-header a.site-title h1 { margin-bottom: 10px; }
	
	.site-sub-header .DateTime { display: none; }
	.site-sub-header .AccountBar { width: 100%; position: absolute; left: 0; }
	.breadcrumb { display: none; }
	ul#HeaderNav { float: none; }
	ul#HeaderNav ul { left: 0; }
	ul#HeaderNav li { }
	
	.site-footer span:first-child { font-weight: 700; }
	.site-footer span i { display: none; }
	.site-footer span:first-child, .site-footer span.FOOTER_PAYMENT { display: block; width: 100%; }
	.site-footer span.FOOTER_EMAIL i { display: inline-block; }
	
	.footer .Copyright { text-align: center; }

	.Levels img { width: 20%; }

	img,img.LeftImage, img.RightImage { float:none; max-width: 100%; }

	.TheTarget { margin-left: 0; }
	
	.regular-post .entry-content ul.ButtonsWithIcons { margin: 0; }
	.regular-post .entry-content ul.ButtonsWithIcons li { padding: 0; }

	.ui-button { display: block; width: 100%; margin: 2px 0; text-align: left; }
	
	.header-image-wrap div { float: none; width: 100%; margin: none; text-align: center; }
	.header-image-wrap #Logotype { padding: 0; padding-top: 10px; padding-bottom: 0; }
	.header-image-wrap #Foreningsnamn { margin-left: 0; padding-top: 0; }
	.header-image-wrap #Foreningsnamn h1 { 
		font-size: 45px;
		font-size: 10vw;
	}
}