* { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

body { font-family: Arial; font-size: 12px; background-color: #ffe64d; margin: 0; padding: 0; overflow-x: hidden; }

body, input, select, td, th { font-size: 14px; color: #000;}

input[type='text'],
input[type='password'] { border: 1px solid #CCC; padding: 7px; width: 300px; }

h1 { font-size: 30px; margin-top: 10px; line-height: 45px; }
h2 { font-size: 22px; color: black; line-height: 30px; }
h3 { font-size: 22px; color: black; line-height: 30px; }

h1, h2, h3, .menu a, #menu a, #right .readmore { font-family: 'Montserrat', sans-serif; color: black; }
h1 { font-weight: 300; }
h2, h3 { font-weight: 400; }
h5.ad  { font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 10px; margin: 0 0 3px; text-transform: uppercase; }

a { color: #000; }
a.btn, input.btn, div.cup-table a.to-group { padding: 15px 15px; background-color: #333; border: 1px solid #000; color: #FFF; text-decoration: none; border-radius: 3px; font-size: 17px; font-weight: bold; text-transform: uppercase; }
a.btn:hover { background-color: #4d4d4d; }
a.btn-active { background: #999; color: #FFF; }
li {list-style: none;}

/* Content-holder */
.content-holder,
.content.fullwidth .content-holder .content-holder { width: 1200px; margin: 0 auto; }

/* INFO */
.information { float: left; width: 100%; background: #ffe400; }
.information span { float: left; padding: 5px 0; font-family: 'Oswald', sans-serif; font-weight: 300; text-transform: uppercase; }
.information span a { text-decoration: none; color: #000; }
.information ul.icons { float: right; list-style: none; padding: 0; margin: 0; }
.information ul.icons li { float: left; padding-left: 10px; }
.information ul.icons li a { float: left; }
.information ul.icons li a img { float: left; }

/* HEADER */
.header { float: left; width: 100%; height: 90px; background-color: #FFF; }
.header .content-holder { height: 100%; }
.header .content-holder .logo { float: left; padding: 10px 10px 10px; }
.header .content-holder .logo img { height: 70px; }

/* Flash */
.flash { float: left; width: 100%; }
.flash span { float: left; width: 100%; padding: 10px; background: #CC0000; color: #FFF; }
.flash span.ok { background: green; }

/* MENU */
.menu { float: right; height: 100%; }
.menu ul { float: left; list-style: none; margin: 0; padding: 0; height: 100%; }
.menu ul li { float: left; position: relative; height: 100%; }
.menu ul li a { float: left; font-size: 14px; height: 100%;  padding: 33px 20px 0; text-transform: uppercase; color: #000; text-decoration: none; }
.menu ul li:hover a,
.menu ul li.active a { background: #000; color: #FFF; }


/* Level 2 */
.menu ul li ul { display: none; position: absolute; height: auto; background: #000; left: 0; top: 100%; z-index: 100; border: 0; width: 120%; }
.menu ul li ul li { border: 0; height: auto; }
.menu ul li ul li a { color: #000; height: auto; padding: 20px; }


/* Main */
.content { float: left; width: 100%; }
.content.fullwidth .content-holder { width: 100%; }

/* LEFT */

div.left { float: left; width: 18%; overflow: hidden; padding-right: 10px; }
div.left .menu { float: left; width: 100%; background: #FFF; border: 1px solid #CCC; padding: 10px; }
div.left .menu ul { float: left; width: 100%; list-style: none; margin: 0; padding: 0; }
div.left .menu ul li { float: left; width: 100%; border-bottom: 1px solid #f5f5f5; }
div.left .menu ul li.last { border: 0; }
div.left .menu ul li a { float: left; width: 100%; text-decoration: none; padding: 10px 5px; }
div.left .menu ul li.active a { font-weight: bold; }
div.left .menu ul li a:hover { text-decoration: underline; }

/* MAIN */
.main { float: left; width: 82%; }
.main-full { width: 100%; }

.fullwidth #main { width: 980px; }
.fullwidth #main .space { width: 940px; }
.fullwidth #right { display: none; }

/* RIGHT */

#right { float: right; width: 260px; padding-right: 10px; padding-top: 20px; }

#right table { margin: 5px 0; }

#right .search,
#right .groups,
#right .playoff,
#right .shortcuts { float: left; width: 100%; margin-bottom: 20px; }

#right .games_now td{ padding: 2px 5px 2px 0; }

#right .coming_games { padding-top: 10px; }
#right .coming_games th { text-align: left; }
#right .coming_games td, #right .coming_games th { padding: 2px 5px 2px 0; }

#right .groups { padding-bottom: 10px; }

#right .shortcuts ul { float: left; list-style: none; margin: 0 0 0 0; padding: 10px; }
#right .shortcuts li { padding: 2px 0 2px 10px; }

#right .box { float: left; width: 100%; margin-bottom: 20px; padding: 20px; border-radius: 5px; background-color: #fff9cc; }
#right .box h3 { margin: 0 0 10px 0; font-size: 21px; border-bottom: 1px solid black; padding-bottom: 3px; }
#right .box .readmore { display: block; float: left; margin-top: 10px; color: black; font-size: 16px; border-bottom: 1px solid black; padding-bottom: 1px; }

#right .box.green { background-color: #d7e6c8; }

#right .box.pink { background-color: #f6c9dd; }

/* BOTTOM */

#bottom { float: left; width: 100%; background-color: #FFF; border: 1px solid #CCC; margin: 0 0 10px; padding: 20px; }
#bottom .info { float: left; }
#bottom .info td { color: #595959; font-size: 11px; }
#bottom .info .logo { padding: 10px 20px 0 0; }


.powered { float: left; text-align: right; clear: both; width: 100%; margin: 0 0 10px; padding: 10px; background-color: #FFF; border: 1px solid #CCC;  }

/* LIST */
table.list { width: 100%; border-collapse: collapse; }
table.list-a { width: auto; }
table.list th, table.list td { padding: 7px 15px 7px 7px; text-align: left; }
table.list tr.selected td { background: #E5E5E5; }
table.list tr.selected td.bold { font-weight: bold; }
table.list tr:nth-child(odd) td { background: #f5f5f5; }
table.list th { border-bottom: 1px solid #CCC;}
table.list tr.split_1 td { border-bottom: 1px solid #e5e5e5; }
table.list tr.split_2 td { border-bottom: 1px dashed #e5e5e5; }
table.list td.a, table.list th.a { text-align: left; }

table.list td.r,
table.list th.r { text-align: right; }

#games table.list th, #games table.list td { padding: 5px 10px 5px 3px; }
#games table.list td { border-bottom: 1px solid #e5e5e5;}
#games a.active { font-weight: bold; }

/* Artikel */
.article { float: left; width: 100%; background: #FFF; margin-bottom: 10px; }
.article h1 { margin: 0 0 15px; }
.article .ingress { float: left; width: 100%; font-size: 14px; margin-bottom: 20px; }
.article .text { float: left; width: 100%; }
.article .text h2,
.article .text h3,
.article .text h4 { margin: 20px 0 5px; font-weight: 400; }

/* Artikel lista */
#articleListIngress { float: left; width: 100%; background: #FFF; padding: 0px; }
#articleListIngress ul { float: left; list-style: none; margin: 0; padding: 0; width: 100%; }
#articleListIngress ul li { float: left; width: 100%; padding: 10px 0; border-bottom: 1px solid #e5e5e5; }
#articleListIngress ul li a { text-decoration: none; color: #000; }
#articleListIngress ul li h3 { margin: 0 0 2px; font-size: 18px; }
#articleListIngress ul li span.read-more { float: left; }
#articleListIngress ul li span.date { float: left; width: 100%; font-style: italic; }
#articleListIngress ul li .ingress { float: left; width: 100%; margin-bottom: 0px; }

/* Startsidan */
.startpage { float: left; width: 100%; }
.startpage .slideshow { float: left; width: 100%; height: 400px; background-repeat: no-repeat; background-position: top center; background-size: 100% auto; }

.startpage .count-down { float: left; width: 100%; background: #000; padding: 100px 0; text-align: center; }

.cup-links { float: left; width: 100%; margin: 0 0 10px; background-color: #FFF; border: 1px solid #CCC; }
.cup-links .box { float: left; width: 33%; padding: 20px; }
.cup-links .box:nth-child(2) { width: 34%; }
.cup-links .box:nth-child(2) ul,
.cup-links .box:nth-child(3) ul { list-style: none; padding: 0; margin: 0; }
.cup-links .box:nth-child(2) ul li,
.cup-links .box:nth-child(3) ul li { float: left; padding: 0 5px 5px 0; }
.cup-links .box:nth-child(2) ul li a,
.cup-links .box:nth-child(3) ul li a { float: left; }
.cup-links h3 { margin: 0 0 10px; font-size: 21px; font-weight: 300; }

.startpage .sponsors { display: none; }
body.startpage .startpage .sponsors { display: block; }

.startpage .boxes { float: left; width: 100%; height: 400px; margin: 0 0 10px; background-color: #FFF; border: 1px solid #CCC; }
.startpage .boxes-extra { height: 240px; }
.startpage .boxes .box { float: left; border-right: 1px solid #e5e5e5; height: 100%; width: 33%; padding: 20px; }
.startpage .boxes .box h3,
.startpage .boxes .box h1 { margin: 0 0 10px; font-size: 25px; font-weight: 300; }
.startpage .boxes .box:nth-child(2) { width: 34%; }
.startpage .boxes .news ul { float: left; width: 100%; list-style: none; padding: 0; margin: 0; }
.startpage .boxes .news ul li { float: left; width: 100%; padding: 5px 0; border-bottom: 1px solid #e5e5e5; }
.startpage .boxes .news ul li a { color: #000; text-decoration: none; }
.startpage .boxes .news ul li h4 { margin: 0; }
.startpage .boxes .news ul li span.date { font-style: italic; }

.startpage .boxes .teams { width: 33%; }
.startpage .boxes .teams table { border-collapse: collapse; width: 100%; }
.startpage .boxes .teams td { padding: 5px; }
.startpage .boxes .teams td.yg { width: 64px; }
.startpage .boxes .teams tr:nth-child(odd) td { background-color: #f5f5f5; }
.startpage .boxes .news a.btn,
.startpage .boxes .teams a.btn { float: left; margin-top: 10px; }

.startpage .boxes .box:nth-child(3) { border: 0; }

.startpage .boxes .article { border: 0; border-right: 1px solid #e5e5e5; }
.startpage .boxes .article ul { margin: 20px 0 0 0; padding: 0 0 0 20px; }
.startpage .boxes .article li { padding: 2px 0; }

.startpage .banner { float: left; width: 100%; margin: 0 0 10px;  }
.startpage .banner .half { float: left; width: 50%; }
.startpage .banner .half:nth-child(odd) { padding-right: 5px; }
.startpage .banner .half:nth-child(even) { padding-left: 5px; }
.startpage .banner .half .body { float: left; width: 100%; min-height: 150px; max-height: 150px; padding: 20px; background-color: #FFF; border: 1px solid #CCC; }
.startpage .banner .half .body img { float: left; max-width: 100%; }

.facebook { float: left; width: 100%; height: 270px; padding: 12px; margin: 0 0 10px; background-color: #FFF; border: 1px solid #CCC; }

/* Artikel */
.main div.teams { float: left; width: 100%; background: #FFF; border: 1px solid #CCC; padding: 20px; margin-bottom: 10px; }
.main div.teams .holder { float: left; width: 100%; }
.main div.teams .holder .yg-teams { float: left; width: 25%; padding-right: 2%; }
.main div.teams .holder-year .yg-teams { width: 100%; padding: 0; }
.main div.teams .year-form { float: right; padding: 10px; background: #f5f5f5; }

.main .startpage div.teams { border: 0; border-left: 1px solid #e5e5e5; }

/* Anläggningar */
div.facility .map { float: right; width: 50%; height: 400px; }
div.facility .info { float: left; width: 50%; padding-right: 50px; }
div.facility > h1 {font-weight: 800;}
div.facility .info h3 {font-weight: 600; margin-top: 20px; }
div.facility .info ul { padding: 10px 0; margin-left: 20px; }
div.facility .info ul li {margin-left: 10px; padding: 3px 0 3px 0px; list-style: circle;}
div.facility .info ul.gallery {font-size: 0; margin:0;}
div.facility .info ul.gallery li {margin: 0; padding: 0 5px 5px 0; display: inline-block; width: 150px;}
div.facility .info ul.gallery li:hover {cursor: pointer;}
div.facility .info ul.gallery li img {max-width: 100%;}

/* Grupper */
div.groups h1 { margin-top: 20px; }
div.groups .group { float: left; width: 50%; }
div.groups .yeargroups th { text-align: left; padding-right: 20px; }
div.groups .yeargroups ul { list-style: none; padding: 0; margin: 0; }
div.groups .yeargroups ul li { float: left; margin: 0 3px 3px 0; }
div.groups .yeargroups ul li a { float: left; }

/* Tabell */
div.cup-table { padding: 0 0 40px; }
div.cup-table table { border-collapse: collapse; }
div.cup-table table th,
div.cup-table table td { text-align: left; border: 1px solid #D2D5D8; font-size: 14px; padding: 3px 10px; }
div.cup-table table th.c,
div.cup-table table td.c { text-align: center; }
div.cup-table table td.name { padding-right: 30px; }
div.cup-table table a { color: #000; }
div.cup-table a.to-group { float: left; margin: 10px 0 0 0px; }

div.team table.games-table .col-yeargroup,
div.group table.games-table .col-yeargroup,
div.group table.games-table .col-group { display: none; }

table.games-table tr.selected td { background: #CCC; }

table.games-table { width: auto; }

/* GAME */
.game td.result { vertical-align: top; padding: 0 20px; }
.game td.result h1 { margin-top: 10px; font-weight: 400; }
.game td.team-column { vertical-align: top; }
.game .stats-icon { float: left; margin-right: 5px; }
.game span.red-card,
.game span.yellow-card { width: 8px; height: 12px; background-color: #ff0000; }
.game span.yellow-card { background-color: #ffff00; }
.game span.hide { display: none; }

.search td { padding: 0 5px 5px 0; }

#search ul.result { float: left; width: 100%; list-style: none; padding: 0; margin: 0; }
#search ul.result li { float: left; width: 100%; padding: 10px 0; border-bottom: 1px solid #D2D5D8; }
#search ul.result li a { text-decoration: none; }
#search ul.result li h3 { margin: 0 0 5px; font-size: 18px; font-weight: 400; }
#search ul.result li .ingress { margin-bottom: 0; }

/* Slutspel */

/* Facilities */
.facilities h2 { margin: 20px 0 0; }
.facilities ul { float: left; width: 100%; list-style: none; margin:0 0 30px; padding: 0; }
.facilities ul li { float: left; width: 100%; border-bottom: 1px solid #f7f7f7; }
.facilities ul li a { float: left; width: 100%; padding: 10px 0;}
.facilities ul li a .thumb { float: left; width: 150px; min-height: 10px; }
.facilities ul li a .thumb img { float: left; max-width: 100%; }
.facilities ul li a .text { float: left; padding-left: 20px; width: auto; }
.facilities ul li a .text h4 {font-size: 18px; font-weight: 800; margin: 5px 0 5px;}
.facilities ul li a .text .ingress { margin-bottom: 10px; }
.facilities ul li a .text .fields { font-style: italic; }

/* Slutspelsträd */
.playoff-tree { float: left; width: 100%; }
.playoffs h2 { float: left; width: 100%; }
.playoff-tree .round { vertical-align: top; }
.playoff-tree .round .game { float: left; clear: both; width: 180px; padding-right: 25px; position: relative; }
.playoff-tree .round .game div.info { float: left; width: 100%; border: 1px solid #CCC; margin: 10px 0; }
.playoff-tree .round .direct div.info { }
.playoff-tree .round .game div.info table { border-collapse: collapse; width: 100%; }
.playoff-tree .round .game div.info table td { padding-left: 5px; }
.playoff-tree .round .game div.info table .goals { text-align: right; padding-right: 5px; padding-left: 0; }
.playoff-tree .round .game div.info table tr.winner td { font-weight: bold; }
.playoff-tree .round .game div.info span { float: left; width: 100%; background-color: #F7F7F7; padding: 3px; }
.playoff-tree .round .game div.info td { padding-bottom: 0; }
.playoff-tree .round .game .direction { position: absolute; right: 5px; width: 20px; height: 50%; border: 1px solid #CCC; border-width: 1px 1px 0 0; }
.playoff-tree .round .game .last-direction { position: absolute; right: 0px; bottom: 0; width: 5px; height: 1px; background-color: #CCC; }

.playoff-tree .round .game:nth-child(odd) .direction { top: 50%; }
.playoff-tree .round .game:nth-child(even) .direction { bottom: 50%; border-width: 0 1px 1px 0; }
.playoff-tree .round .game:nth-child(even) .last-direction,
.playoff-tree .round-last .direction,
.playoff-tree .round-last .last-direction { display: none; }


/* STARTSIDAN */
.register { float: left; position: relative; width: 640px; height: 260px; background: url(../images/bg_register.jpg) no-repeat; }
.register .info { position: absolute; float: left; top: 40px; left: 45px; width: 257px; }
.register .info h2 { font-size: 20px; margin-bottom: 5px; }
.register .link { position: absolute; left: 42px; bottom: 52px; width: 200px; height: 35px; }

/* ANMÄLDA LAG */
.teams td { vertical-align: top; padding: 0 20px 20px 0; }
.teams td td { padding: 4px 10px; }

/* Skytteliga */
.goals .yeargroup { float: left; width: 50%; padding: 0 30px 20px 0; }
.goals .yeargroup a.btn { float: left; clear: both; margin-top: 10px; }


/* Historik */
.history .head { display: none; }
.history .list { width: auto; }

/* Anmälan */

.cup-register h3 { margin-bottom: 20px; }
.cup-register .info { float: left; background: #f7f7f7; padding: 20px; }
.cup-register .info h3 { margin-bottom: 10px; }
.cup-register .info table { border-collapse: collapse; }
.cup-register .info table td { padding: 5px 10px 5px 0; border-bottom: 1px solid #e5e5e5; }

.cup-register ul { display: inline-block; width: 400px; list-style: none; margin: 0; padding: 0; }
.cup-register ul li { float: left; width: 100%; margin-bottom: 3px; }
.cup-register ul li label { float: left; width: 100%; border: 1px solid #CCC; padding: 10px; border-radius: 3px; cursor: pointer; }
.cup-register ul li label input[type="radio"] {
	display: inline-block;
	margin: 2px 0 0 0;
}
.cup-register ul li label span {
	display: inline-block;
	margin: 0px 0 0 10px;
}
.cup-register input[type=submit] { cursor: pointer; }

.cup-register ul.package { width: 500px; }

.cup-register ul.resident-place li span {  }

.cup-register .register-form { float: left; padding-left: 50px; }
.cup-register .register-form h3 { width: 100%; margin: 20px 0; border-bottom: 1px solid #e5e5e5; padding-bottom: 2px; }

.cup-register .field { display: block; margin-bottom: 10px; }
.cup-register .field label { display: block; font-weight: bold; padding-bottom: 2px; }

/* Karta */
.article-ground { display: none; }

/* My team */
.team-login .field { float: left; width: 300px; clear: both; margin-bottom: 15px; }
.team-login .field label { display: block; }
.team-login .field input[type=text],
.team-login .field input[type=password] { clear: both; width: 100%; }
.team-login .field input[type=text].team-id { width: 80px; }

.team-login .forgot { display: none; float: left; border: 1px solid #CCC; background: #f7f7f7; padding: 20px; }

.team-info .info { float: left; }
.team-info .payments { float: right; }


/* Skärmvisning */
body.screen { background: none; margin: 10px 0 10px 10px; }
body.screen h2 { font-size: 18px; margin: 0 0 5px; }
body.screen .list { float: left; width: auto; border-collapse: collapse; }
body.screen table.list th, body.screen table.list td { padding: 2px 8px 2px 2px; }
body.screen table.list th.r, body.screen table.list td.r { text-align: right; }

body.screen .yeargroup { }
body.screen .group { float: left; margin: 0 16px 15px 0; }
body.screen .playoff { float: left; margin: 0 10px 10px 0; }
body.screen .playoff-tree { clear: both; float: left; }
body.screen .playoff td div { width: 160px; }
body.screen .pregames { float: left; }
body.screen .scores { float: left; margin: 0 16px 15px 0; }
body.screen .scores h2 { color: #243e79; }

body.screen div.cup-table { padding-bottom: 10px; }
body.screen div.cup-table table th,
body.screen div.cup-table table td { padding: 2px 4px; font-size: 12px; }

body.screen .list-games { clear: both; margin-top: 0px; }
body.screen .yg_50 .cup-table,
body.screen .yg_51 .cup-table,
body.screen .yg_59 .cup-table { display: none; }
body.screen a { text-decoration: none; }

/* Dölj 11-manna */
body.screen .yg_43 .group,
body.screen .yg_44 .group,
body.screen .yg_52 .group,
body.screen .po_97,
body.screen .po_98,
body.screen .po_99,
body.screen .po_103,
body.screen .yg_52 .group { display: none; }

body.screen .playoff-tree .round .game div.info { margin: 2px 0; }
body.screen .playoff-tree .round .game { width: 150px; }

body.screen .po_113 { clear: both; }

body.screen .po_114 .playoff-tree,
body.screen .po_115 .playoff-tree,
body.screen .po_118 .playoff-tree,
body.screen .po_125 .playoff-tree,
body.screen .po_126 .playoff-tree,
body.screen .po_117 .playoff-tree { clear: none; width: auto; margin-left: 20px; }

body.screen .po_118 h2,
body.screen .po_125 h2,
body.screen .po_114 h2,
body.screen .po_115 h2 { display: none; }
body.screen .pregames h2 { display: none; }
body.screen .po_118 .pregames h2,
body.screen .po_125 .pregames h2,
body.screen .po_114 .pregames h2,
body.screen .po_115 .pregames h2 { display: block; }

body.screen-3 .yg_46 .scores { display: none; }

.mobile-only,
.games-mobile { display: none; }

/* Nytt */
body { padding: 0; margin: 0;}
* {
		-webkit-padding-start: 0;
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
		margin: 0;
		padding: 0;
		font-family: 'Montserrat', sans-serif;
	}
#wrapper {
	background: #FFF;
}
#header {
	z-index: 1;
	width: 100%;
	background-color: #ffe45b;
	background-image: url('../images/nytt/header_gradient.png');
	background-repeat: no-repeat;
	background-position: center center;
	height: 85px;
	position: fixed;
	top: 0; left: 0;
	border-bottom: solid 1px black;
}
#header .logo {
	max-height: 65px;
	margin-top: 10px;
	float: left;
}
#header .inner {
	padding: 0;
	height: 100%;
}
#header .inner > .nav {
	height: 100%;
	padding-top: 50px;
	float: right;
}
#header .inner > .nav > li {
	display: inline-block;
	height: 100%;
	padding: 0 10px
}
#header .nav > li:hover {
	cursor: pointer;
}
#header .nav > .submenu {
	padding-bottom: 20px;
	position: relative;
}
#header .nav > .submenu:hover > ul {
	display: block;
}
#header > .inner > .nav > li > a {
	font-size: 16px;19:08:56
	font-weight: 800;
	text-transform: uppercase;
	text-decoration: none;
}
#header .nav .submenu ul { /* Dropdown-menyn */
	width: auto;
	background-color: #171717;
	transition: all 1s ease;
	float: left;
	left: 0;
	z-index: 100;
	position: absolute;
	top: 100%;
	height: auto;
	display: none;
	line-height: 1;
	padding: 10px 0;
}
#header .nav .submenu ul a {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #ffe45b;
	padding: 7px 20px;
}
#header .nav .submenu ul li {
	white-space: pre;
	display: block;
	float: left;
	width: 100%;
}
#header .nav .submenu ul li:hover {
	background-color: black;
}
.block {
	width: 100%;
	padding: 0 20px;
}

/* inner */
.inner {
	padding-top: 135px;
	padding-bottom: 50px;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
#header .inner {
	height: 100%;
	overflow: visible;
}
.fullwidth #wrapper > .inner {
	padding: 0;
	max-width: 100%;
}

.block > .inner {
	padding: 0;
}

.hero {
	padding-top: 185px;
	padding-bottom: 100px;
	text-align: center;
}
.hero {
	background: url('../images/nytt/hero_cover_template.jpg') no-repeat center;
	background-size: 100%;
}
.hero h1 {
	text-align: center;
	text-transform: uppercase;
	color: #ffe45b;
	text-shadow: 0 0 5px black;
	font-size: 48px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	padding: 0 0 35px 0;
}
.hero p {
	line-height: 1.5;
	color: white;
	text-shadow: 0 0 5px black;
	font-size: 28px;
	font-weight: bolder;
	margin: 0 0 35px 0;
}
.startpage .info {
	background-color: white;
	padding-top: 100px;
	padding-bottom: 100px;
}

.startpage .info h2 {
	color: black;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 28px;
	float: left;
	border-bottom: 3px solid #e5e5e5;
	padding-bottom: 5px;
	width: 70%;
}

.startpage .info .info_content {
	float: left;
	width: 100%;
}

.startpage .info .info_content .text {
	float: left;
	width: 70%;
	padding-top: 20px;
}
.startpage .info .info_content .text p {
	font-size: 16px;
	font-weight: lighter;
	line-height: 1.5;
	letter-spacing: 0.5px;
}
.startpage .info .info_content .text ul { margin-left: 20px; }
.startpage .info .info_content .text ul li { padding: 2px 0 2px 0px; list-style: circle; }

.startpage .info .info_content .text b { font-weight: bolder; }
.startpage .info .info_content .buttons {
	float: right;
}
.startpage .info .info_content .buttons .btn {
	margin-bottom: 10px;
	display: block;
}
.startpage .info .info_content .buttons a:first-of-type .btn {
	background-color: black;
	color: white;
}

.kickoff {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #ffe64d;
	text-align: center;
}
.kickoff h3 {
	color: black;
	font-size: 26px;
	font-weight: 800;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}

.kickoff span {
	text-align: left !important;
	display: inline-block;
}
.kickoff table {
	margin: 0 auto;
}
.kickoff table th {
	font-size: 96px;
	font-weight: initial;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	line-height: 1;
}
.kickoff table th b {
	margin: 0 15px;
}
.kickoff table td {
	text-indent: -45px;
	text-align: center;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: lighter;
	letter-spacing: 1px;
}

.kickoff table td:last-child {
	text-indent: 0;
}

.sponsors {
	padding: 60px 0;
}
.sponsors h2 {
	margin-bottom: 40px;
	text-align: center;
	font-size: 36px;
	line-height: 1;
	color: #282828;
	font-weight: 800;
	text-transform: uppercase;
}

.sponsors h2::after {
	content: "";
	width: 440px;
	background-color: #e5e5e5;
	height: 3px;
	display: block;
	margin: 0 auto;
	margin-top: 5px;
}

.sponsors ul {
	font-size: 0;
	text-align:center;
}
.sponsors ul li {
	display: inline-block;
	padding-bottom: 12.5px;
	width: 20%;
}
.sponsors ul li a {
	margin: 0 auto;
	display: block;
	width:calc(100% - 40px);
	padding: 0 20px;
}
.sponsors ul li a img {
	max-width: 100%;
}

.nyheter {
	background-color: #282828;
	padding-top: 50px;
	padding-bottom: 136px;
	border-bottom: solid 5px #ffe45b;
	position: relative;
}
.image_tiles {
	font-size: 0;
	margin: 0 auto;
	max-width: 1080px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.nyheter .inner > h5 {
	margin-bottom: 50px;
	text-shadow: 0 0 5px black;
	text-align: center;
	font-size: 36px;
	line-height: 1;
	color: white;
	font-weight: 800;
	text-transform: uppercase;
}
.nyheter ._1x2 {
	display: inline-flex;
	flex-wrap: wrap;
	float: left;
	width: 50%;
	height: 500px;
	width: 500px;
	background-color: rgba(255,255,255, 0.1);
}
.nyheter ._1x2:first-child {
	align-content: flex-end;
	flex-wrap: wrap;
	background: url('../images/nytt/1_1x2.jpg') no-repeat center;
}
.nyheter a { float: left; width: 100%; height: 100%; display: inline-flex; align-content: flex-end; flex-wrap: wrap; }
.nyheter ._1x2 h5 {
	color: white;
	text-shadow: 0 0 5px black;
	font-size: 34px;
	padding: 0 35px 10px 35px;
}
.nyheter ._1x2 p {
	color: white;
	text-shadow: 0 0 5px black;
	font-size: 22px;
	padding: 0 35px 25px 35px;
}

.nyheter ._1x4 {
	display: inline-flex;
	align-content: flex-end;
	flex-wrap: wrap;
	float: left;
	height: 250px;
	width: 250px;
}
.nyheter ._1x4:nth-child(1) { background: url('../images/nytt/1_1x4.jpg') no-repeat center; ) }
.nyheter ._1x4:nth-child(2) { background: url('../images/nytt/2_1x4.jpg') no-repeat center; ) }
.nyheter ._1x4:nth-child(3) { background: url('../images/nytt/3_1x4.jpg') no-repeat center; }
.nyheter ._1x4:nth-child(4) { background: url('../images/nytt/4_1x4.jpg') no-repeat center; }
.nyheter ._1x4 h5 {
	align-self: flex-end;
	vertical-align: bottom;
	font-size: 26px;
	color: white;
	padding: 0 20px 0px 20px;
}
.nyheter ._1x4 p {
	vertical-align: bottom;
	color: white;
	font-size: 18px;
	padding: 0 20px 15px 20px;
}
.footer {
	background-color: #323232;
	padding-top: 25px;
	padding-bottom: 25px;
}
.footer img {
	margin: 20px 0;
	max-height: 75px;
}
.footer .footer_info {
	text-align: center;

}
.footer .footer_info p {
	color: white;
	font-size: 12px;
	font-weight: lighter;
	letter-spacing: 1px;
	line-height: 1.5;
}

.powered {
	background-color: #282828;
	border: none;
	margin: 0;
}
.powered a {
	color: white;
	font-size: 11px;
}

.clearfix {
	clear: both;
}
a {
	text-decoration: none;
}
.btn {
	padding: 20px;
	text-transform: uppercase;
	color: #FFF;
	font-size: 18px;
	background-color: #282828;
	border-radius: 5px;
	border: solid 2px #000;
	width: 250px;
	font-weight: bold;
	text-align: center;
	transition: background-color .3s ease;
}
.btn:hover {
	background-color: #000;
	cursor: pointer;
}
/* Nytt - Mobile */

.mobile-menu-trigger {
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	padding: 13px 10px;
	margin-left: 5px;
}

.mobile-burger {
	position: relative;
	margin-top: 12px;
	margin-bottom: 12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mobile-burger, .mobile-burger::before, .mobile-burger::after {
  display: block;
  width: 25px;
  height: 3px;
  background-color: black;
  outline: 1px solid transparent;
  -webkit-transition-property: background-color, -webkit-transform;
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  transition-property: background-color, transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
	 transition-duration: 0.3s;
}

.mobile-burger::before, .mobile-burger::after {
  position: absolute;
  content: "";
}
.mobile-burger::before { top: -8px; }
.mobile-burger::after { top: 8px; }

.mobile-menu {
	position: fixed;
	transition: margin-left .3s ease;
	top: 0;
	left: 0;
	margin-left: -72vw;
	width: 70vw;
	height: 110%;
	background-color: #171717;
	z-index: 10;
	overflow-y: scroll;
	overflow-x: hidden;
}
.mobile-menu > ul {
	padding: 20px 0;
	width: 100%;
}
.mobile-menu > ul > li > a {
	display: block;
	padding: 10px 0 10px 30px;
	text-transform: uppercase;
	font-size: 16px;
	color: #ffe45b;
}
.mobile-menu > ul > li.selected > a { background: #000; }

.mobile-dropdown {
	height: 0;
	margin-left: 0;
	list-style: none;
	display: none;
	transition: height .2s ease;
}
.mobile-dropdown .selected a {
	margin-right: -15px;
	color: #ffe45b;
	text-shadow: 0 0 2px white;
}
.mobile-dropdown a {
	display: block;
	padding: 5px 30px 5px 50px;
	font-size: 16px;
	color: white;
}

.mobile-dropdown-shown {
	display: block;
	height: auto;
}

.mobile-menu-wrapper {
	width: 100vw;
	height: 100vh;
	position: fixed;
	background-color: rgba(0,0,0, 0.3);
	opacity: 100;
	transition: opacity .3s ease;
	display: none;
	z-index: 9;
}

.mobile-menu-shown .mobile-menu {
		margin-left: 0;
}

.mobile-menu-shown .mobile-menu-wrapper {
	display: block;
}

@media only screen and (max-width: 1040px) {
	.image_tiles {
		flex-direction: column;
	}

	input[type=submit] { -webkit-appearance: none; }
}
/* IPAD */
@media only screen and (min-width: 1001px) {
	.teams .holder div:nth-child(4n+1) { clear: both; }

	#header .nav { display: block; }
	.mobile-only, .mobile-menu-wrapper, .mobile-menu { display: none !important;}
}

/* IPAD */
@media only screen and (min-width: 1000px) and (max-width: 1200px) {
	.logo {margin-left: 10px;}
}

@media only screen and (max-width: 1200px) {
	body.cat_14 .inner {padding-left: 20px; padding-right: 20px;}
	/*.article {padding-left: 20px; padding-right: 20px;}*/
	.teams {padding: 0 20px;}
}

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

	#header .nav { display: none; }
	#header { height: auto; background-position: 50% center; text-align: center;}
	#header .logo { display: inline-block; float: none; max-height: 39px; margin: 10px 0 0 10px; }

	#mobile-menu-trigger { display: block !important; }

	.inner {
		padding-top: 83px;
		padding-bottom: 25px;
	}

	.hero {
		background-size: auto;
	}

	.info {
		/*padding-top: 50px;
		padding-bottom: 100px;*/
	}

	.info .info_content {
		padding-top: 25px;
	}
	.info .info_content .text {
		width: 100%;
	}
	.info h2 {
		display: block;
		text-align: center;
		float: none;
	}
	.info h2::after {
		left: 0; right: 0;
		margin: 0 auto;
		margin-top: 5px;
	}
	.info {
		text-align: center;
	}
	.info .info_content .text {
		margin: 0 auto;
		margin-bottom: 35px;
		text-align: center;
		display: block;
	}

	.kickoff h3 {
		color: black;
		font-size: 22px;
		font-weight: bolder;
		font-family: 'Montserrat', sans-serif;
		text-transform: uppercase;
	}

	.kickoff table th {
		font-size: 32px;
		font-weight: initial;
		font-family: 'Montserrat', sans-serif;
		text-transform: uppercase;
		line-height: 1;
		text-align: left;
	}
	.kickoff table th b {
		margin: 0 5px;
	}
	.kickoff table td {
		text-align: left;
		text-indent: 0px;
		text-transform: uppercase;
		font-size: 8px;
		font-weight: lighter;
		letter-spacing: 1px;
	}
	.kickoff table td:first-child {
		text-indent: 5%;
	}
	.kickoff table td:nth-child(2) {
		text-indent: 2%;
	}
	.sponsors > h2 {
		margin-bottom: 25px;
		text-align: center;
		font-size: 22px;
		line-height: 1;
		color: #282828;
		font-weight: 800;
		letter-spacing: 2.5px;
		text-transform: uppercase;
	}

	.sponsors h2::after {
		width: 248px;
		height: 3px;
	}
	.sponsors ul li {
		padding-bottom: 7.5px;
		width: 33.333%;
	}
	.sponsors ul li a {
		width:calc(100% - 20px);
		padding: 0 10px;
	}

	.powered {
		text-align: center;
	}

	.mobile-only { display: block; }

	.shadow { position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; background: rgba(0,0,0,0.8); }
	.content-holder { width: 100%; }

	.information .content { width: 100%; }

	.header .content-holder .logo { padding: 10px; }
	.header .content-holder .logo img { height: 40px; }
	.header .content-holder .search { display: none; }
	.header a.show-menu { float: right; color: green; font-size: 32px; padding: 15px; text-decoration: none; }

	.menu { position: absolute; width: 300px; height: 100%; top: 0; right: -300px; z-index: 100; overflow: auto; }
	.menu div.close-menu { padding: 10px; }
	.menu div.close-menu a { font-size: 14px; }
	.menu ul,
	.menu ul li,
	.menu ul li a { width: 100%; }

	#container,
	#container .content { width: 100%; }
	.banners-right { display: none; }

	.startpage .slideshow div.img div.text { width: 40%; }
	.startpage .banner { padding: 0 10px; }

	.teams .holder .yg-teams { width: 50%; }
	.teams .holder-year .yg-teams { width: 100%; }
	.teams .holder div:nth-child(2n+1) { clear: both; }

	.article.cup-register form {
		text-align: center;
	}

	div.facility .info { text-align: left; width: 100%; padding: 0; }
	div.facility .map { width: 100%; margin-top: 30px; }

	.facilities ul li a .thumb { width: 25%; }
	.facilities ul li a .text { width: 75%; }
}



/* MOBIL */
@media only screen and (max-width: 1000px) {


	div.left { display: none; }
	.main { width: 100%; }

	.information { margin-bottom: 0; }
	.information .content { padding: 0; }
	.information .content span { float: left; padding: 10px; }
	.information ul.icons,
	#top,
	#menu { display: none; }

	.article { padding: 0 10px; }

	.startpage .banner { display: none; }
	.startpage .boxes { background: none; border: 0; height: auto; margin-bottom: 0; }
	.startpage .boxes .box { width: 100%; height: auto; background: #FFF; border: 1px solid #CCC; margin-bottom: 10px; padding: 10px; }
	.startpage .boxes .box:nth-child(3) { border: 1px solid #CCC; }
	.startpage .boxes .box:nth-child(2) { width: 100%; }

	.cup-links { background: none; border: 0; margin-bottom: 0; }
	.cup-links .box { width: 100%; background: #FFF; border: 1px solid #CCC; margin-bottom: 10px; padding: 10px; }
	.cup-links .box:nth-child(2) { width: 100%; }

	.cup-table th.col-won,
	.cup-table td.col-won,
	.cup-table th.col-tied,
	.cup-table td.col-tied,
	.cup-table th.col-loss,
	.cup-table td.col-loss { display: none; }

	.games-table { display: none; }
	.games-mobile { display: block; }

	.games-mobile { float: left; width: 100%; list-style: none; margin: 0; padding: 0; }
	.games-mobile li { float: left; width: 100%; margin-bottom: 10px; border: 1px solid #D2D5D8; }
	.games-mobile li.selected { background: #e9ecf0; }
	.games-mobile li a { float: left; width: 100%; padding: 5px; text-decoration: none; }
	.games-mobile li table { border-collapse: collapse; width: 100%; }
	.games-mobile li td { font-size: 14px; }
	.games-mobile li td.result { text-align: right; }
	.games-mobile li td.bold { font-weight: bold; }
	.games-mobile li span { color: #1A171B; }
	.games-mobile li td.live { color: #CC0000; font-style: italic; }

	div.groups .yeargroups th { display: none; }
	div.groups .yeargroups ul li { margin-bottom: 3px; }

	div.groups .group { width: 100%; }

	.teams .holder .yg-teams { width: 100%; }
	.teams .holder div:nth-child(2n+1) { clear: both; }

	.teams .year-form { width: 100%; margin-bottom: 10px; }

	.goals .yeargroup { width: 100%; padding-right: 0; }

	/* Karta */
	.article-ground { display: block; float: left; width: 100%; margin-bottom: 20px; }
	.article-ground .ground { float: left; width: 100%; padding: 5px 0; }
	.article-ground .btn { float: right; width: auto; padding: 10px 15px; font-size: 13px; }
}

@media screen and (max-width: 1000px) {
	.hero h1 {
		font-size: 32px;
		padding-bottom: 0;
	}
	.hero p {
		font-size: 22px;
	}
	.startpage .info h2 { width: 100%; }
	.startpage .info .info_content .text,
	.startpage .info .info_content .buttons { width: 100%; text-align: center; }
	.startpage .info .info_content .buttons a { display: inline-block; }
	.info h2 {
		font-size: 22px;
	}
	.info h2::after {
		width: 257px;
	}
	.kickoff h3 {
		font-size: 18px;
	}
	.nyheter ._1x2 {
		height: 300px;
		width: 300px;
	}
	.nyheter ._1x2 h5 {
		font-size: 22px;
		padding: 0 10px 5px 10px;
	}
	.nyheter ._1x2 p {
		font-size: 14px;
		padding: 0 10px 5px 10px;
	}
	.nyheter ._1x4 {
		height: 150px;
		width: 150px;
	}
	.nyheter ._1x4 h5 {
		font-size: 18px;
		color: white;
		padding: 0 10px 5px 10px;
	}
	.footer .footer_info {
		text-align: center;
	}

	.cup-register ul,
	.cup-register ul.package { width: 100%; }

	.cup-register .info { width: 100%; }
	.cup-register .info table { display: inline-block; }
	.cup-register .info table td { text-align: left; }
	.cup-register .register-form { padding: 20px 0 0; }
}