@font-face
{
	font-family: 'fixedsys';
	src: url('FSEX300.ttf');
}
body{ background-color: #007777; }
.morkgron
{
	color: #336633; /* morkgron */
}
.gron
{
	color: #669966; /* gron */
}
.morklila
{
	color: #774477; /* morkgron */
}
.lila
{
	color: #996699; /* lila */
}
.ljuslila
{
	color: #CC99CC; /* ljuslila */
}
.limegron
{
	color: #99FF99; /* limegron */
}
/*===========*/
/* STRUCTURE */
/*===========*/
body
{
	background-attachment: scroll;
	background-color: #007777; /* turkos */
	color: #99DD99; /* ljusgron */
	background-position: center center;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1rem;
}
header {}
main {
	text-align: center;
}
footer {
	width: 532px;
margin: 0 auto;
	text-align: center;
}
div.neoluff { font-size: 1rem; }
td.main
{
	padding: 0;
	margin: 0;
	text-align: justify;
}
div.lg2s,
div.lg2snormal
{
	position: relative;
	margin: 10px auto 0 auto;
	padding: 10px 1rem 5px;
	width: 31.25rem;
	text-align: justify;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.125em;
	line-height: 1.375;
	word-break: break-word;
}
article {
	position: relative;
}
hr.bottom
{
	border: 1px #000000 solid;
	width: 100%;
	height: 3px;
	background-color: #774477
}
.artikel hr,
hr.artikel
{
	border: 0px;
	width: 460px;
	height: 1px;
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: #99CCCC;
}
ol
{
	margin-left: 38px;
	padding: 0px;
}
ul
{
	margin-left: 38px;
	padding: 0px;
}
.kat
{
	background-color: #774477;
	color: #000000;
	border: 0;
	font-size: .875rem;
	width: 100px;
	padding:0 .75rem;
	height:100px;
}
.kottar
{
	background-color: #007777;
	border: 1px solid #002222;
	border-radius: 1px;
	marker-offset: 0;
	margin: 0;
	padding: 0;
}
table.meny
{
	margin: 0;
	padding: 0;
}
#navigation .meny-box {
	border:1px solid #220022;
	border-radius: 1px;
	width: 528px;
}
.menyabc
{
	background-color: #996699;
}
.menyabc a {
	font-family: sans-serif !importan;
	padding: .375rem 2px;
	display: inline-block;
	color: #333300;
}
.menyikoner
{
	background-color: #996699;
}
.menyikon
{
	padding: .25rem .25rem .125rem;;
	margin: 0 .5rem;
	display: inline-block;
	width: 25px;
}
input.menytextruta
{
	background-color: #336633;
	margin-right: 0;
	margin-bottom: 2px;
	border-left: 1px solid #003300;
	border-right: 1px solid #003300;
	border-top: 1px solid #003300;
	border-bottom: 1px solid #003300;
	border-top-left-radius: 1px;
	border-bottom-left-radius: 1px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #99DD99;
	width: 180px;
	height: 20px;
	padding: 1px .25rem;
	font-size: 0.875rem;
	font-family: fixedsys, monospace;
}
input.menybutton
{
	margin-left: 0;
	margin-bottom: 2px;
	background-color: #669966;
	color: #000000;
	border-left: 0px solid #003300;
	border-right: 1px solid #003300;
	border-top: 1px solid #003300;
	border-bottom: 1px solid #003300;
	border-top-right-radius: 1px;
	border-bottom-right-radius: 1px;
	height: 24px;
	font-family: 'fixedsys', monospace;
	font-size: .875rem;
	padding: 1px .75rem;
}
/*========*/
/* FONTER */
/*========*/
font
{
	font-family: Helvetica;
	font-size: 1.125rem;
}
div.jack
{
	text-align: center;
	font-family: 'fixedsys', verdana;
	font-size: 1rem;
}
div.telefon-jack {
	display: none;
}
div.jack a
{
	color: black;
	color: #110011;
}
div.jack a:visited
{
	color: #332233;
}
.mini
{
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
}
.smallmini
{
	font-size: 12px;
	font-size: 0.75rem;
}
.fixedsys {
	font-family: 'fixedsys';
}
aside.kategori2000, div.kategori2000
{
	font-size: 1rem;
	color: #99FF99;
	font-family: fixedsys, verdana;
	float: right;
    margin-top: 12px;
	margin-left: 12px;
}
.rubrik2000
{
	position: relative;
}
.lg2snormal img {
	max-width: 100%; 
}
font.small,
span.small,
div.small,
p.small
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.875rem;
	display: inline-table;
	line-height: 1.5;
}
.nederdel 
{
	position: relative;
	display: flex;
	margin: 20px auto;
}
.nederdel-vanster, .nederdel-hoger {
	width: 150px;
	text-align: left;
	font-size: .75rem;
	font-family: fixedsys;
}
.nederdel-hoger {
	text-align: right;
}
.slogan {
	text-align: center;
	font-size: 0.75rem;
	padding: .75rem 1rem 2rem;
	font-style: italic;
}
.navigera
{
	flex: 1;
	white-space: nowrap;
	color: #000000;
	font-family: 'fixedsys', verdana;
	font-size: 1rem;
	text-decoration: underline;
	vertical-align: middle;
}
.navigera a
{
	background-color: #669966;
	color: #000000
}
.navigera a:visited
{
	color: #000000;
}
.navigera .signatur a,
.navigera .signatur a:visited,
.navigera .signatur a:hover {
	background-color: #99dd99;
	text-decoration: none;
	color: black;
}
.navigera .signatur
{
	background-color: #99dd99;
}
div.contribute a, .archive a
{
	background-color: #008888;
	border: #004444 1px solid;
	padding: 2px 8px;
	color: #000000;
	font-family: 'fixedsys', monospace;
	font-weight: normal;
	font-size: 1rem;
}
div.contribute a {
float: right;
	   margin-bottom: 1em;
}
div.contribute a:hover,
div.archive a:hover
{
	background-color: #00FFFF;
	text-decoration: none;
}
div.contribute a:visited,
div.archive a:visited
{
	color: #000000;
}
div.rubrik,
font.rubrik,
span.rubrik,
h1,
h2
{
	font-size: 1.625rem;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bolder;
	color: #99CCCC;
	text-align: left;
}
.lg2snormal h1, .lg2s h1 
{
	margin: 0px;
	max-width: 400px;
}
/*========*/
/* L�NKAR */
/*========*/
a {
	color: #99FFFF;
	text-decoration: none
}
a:visited {
	color: #66cc99;
	text-decoration: none
}
a:hover {
	color: #FF99CC;
	text-decoration: underline
}
a.meny {
	font-size: 1rem;
	font-family: fixedsys, verdana, monospace;
	color: #99FFFF;
	color: #fff;
color: #ffeeff;
}
a:hover.meny {
	color: #99FF99;
}
a:visited.meny {
	color: #99FFFF;
	color: #ccbbcc;
}
a:hover.meny {
	color: #99FF99;
}
a.letter
{
	width: 200pt
}
/* LG2S Kongress */
table.kongress
{
	width: 400px;
	margin: 0 auto;
	margin: 16px auto;
	color: black;
	background-color: #ccccff;
}
table.kongress td
{
	border: 1px solid #006600;
	padding: 0px 4px;
}
.kongress .item
{
	width: 390px;
}
.kongress div{
	margin: 5px 0;
}
.kongress div.fraga
{
	width: 390px;
	font-weight: bold;
	font-style: italic;
}
.kongress div.fraga-vem
{
	text-align: right;
	font-style: italic;
	margin-bottom: 1.5em;
}
.kongress div.zvar-vem
{
	text-align: right;
}
.kongress a
{
	color: #990000;
}
/*========*/
/* FORMS  */
/*========*/
textarea
{
	background-color: #99DD99;
	font-size: 1rem;
	font-family: 'fixedsys', monospace;
	border: #000000 2px solid;
	color: #000000;
	padding: 4px;
}
textarea.kontakt
{
	color: #000000;
	background-color: #CC99CC;
	background-color: #99dd99;
	font-family: 'fixedsys', monospace;
	width: 300px;
	height: 7em;
}
textarea.kontakt.bredKontakt, input.kontakt.bredKontakt {
	width: 420px;
}
td.kontaktLabel
{
	font-size: 1rem;
	min-width: 90px;
}
input.textruta
{
	background-color: #774477;
	border: 2px solid #000000; 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	width: 180;
	font-size: 0.875rem;
	padding: 0px 5px;
	height: 28px;
}
input.button
{
	background-color: #336633;
	background-color: #996699;
	color: #000000;
	border: black 2px solid;
	font-color: #000000;
	font-size: 1rem;
	font-family: 'fixedsys', monospace;
	vertical-align: middle;
	height: 32px;
	padding: 0px 10px;
					 min-width: 160px;
}
input.kontakt
{
	color: #000000;
	background-color: #99dd99;
	border: #000000 2px solid;
	font-family: 'fixedsys', monospace;
	font-size: 1rem;
	padding: 4px;
	width: 300px;
}
select
{
	background-color: #99dd99;
	border: #000000 2px solid;
	font-color: #000000;
	font-family: 'fixedsys', monospace;
	font-size: 1rem;
	font-size: 0.875rem;
padding: 4px 0px;
}
.menylogga
{
	margin-top: -2px;
	border: 0;
}
/*=======*/
/* LOGIN */
/*=======*/
input.login-textinput
{
	background-color: #669966;
	border: #336633 2px dotted;
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 2px;
	font-family: 'fixedsys', monospace;
	height: 16px;
	color: #000000;
	width: 96px;
	font-size: 11px;
}
table.login-table
{
	background-color: #669966;
	border: #000000 2px solid;
	padding-left: 2px;
	padding-right: 2px;
	margin-left: 0px;
	font-family: 'fixedsys', monospace;
	font-size: 1rem;
	height: 130px;
	width: 112px;
}
font.login-font
{
	font-family: 'lucida console', Tahoma;
	font-size: 10px;
	color: #000000;
}
a:visited.login-link
{
	font-family: 'lucida console', Tahoma;
	color: #000000;
}
a.login-link
{
	font-family: 'lucida console', Tahoma;
	font-size: 12px;
	font-weight: Bold;
	color: #000000;
}
a.signup-link
{
	font-family: 'lucida console', Tahoma;
	font-size: 10px;
	color: #000000;
}
input.login-button
{
	background-color: #996699;
	color: #000000;
	border: #774477 2px dotted;
	padding-top: 0px;
	font-weight: bolder;
	font-family: times new roman;
	font-size: 10px;
	height: 17px;
	width: 55px;
}
/* kongress paging */
div.paging
{
	border: #008888 1px solid;
	border: #669966 1px solid;
	background-color: #00FFFF;
	background-color: #99dd99;
	color: #000000;
	margin: 2px 2px;
	font-size: 1rem;
	font-family: fixedsys;
	display: inline-block;
	width: 30px;
	text-align: center;
}
div.paging a
{
	color: #000000;
	width: 30px;
	display: inline-block;
}
div.paging:hover
{
	background-color: #004444;
	border: #000000 1px solid;
}
div.paging:hover a
{
	color: #ffffff;
	text-decoration: none;
}
div.paging.selected:hover a
{
	color: #000000;
}
div.paging.selected
{
	border: #000000 1px solid;
	background-color: #99FF99;
	background-color: #996699;
	color: #000000;
}
form
{
	margin: 2px;
}
/* Här kommer alla kampanj-divar */
p.kampanj-xmas21{
	background-color: #770000;
	border: 1px dotted red;
	padding: 10px;
	line-height: 1.5;
	font-size: 0.875rem;
	font-style: italic;
	font-family: cursive, fantasy, sans-serif;
}
p.kampanj-gronaveckan 
{
	width: 350px;
	border: #07bF18 1px solid;
	background-color: #37EF48;
	font-size: 10px;
	color: #222;
	text-align: center;
	height: 42px;
	display: table-cell;
	vertical-align: middle;
}
a.kampanj-gronaveckan 
{
	color: #111;
	font-weight:bold;
	text-decoration: underline;
}
/* 2016 */
.borderBild
{
	border: 0;
	margin: 2px;
}
ul.letterlist
{
	margin-left: 20px;
	margin-bottom: 20px;
}
.letterlist li {
	text-align: left;
	margin-bottom: 2px;
}
.b,
.bold
{
	font-weight: bold;
}
.i
{
	font-style: italic;
}
.u
{
	text-decoration: underline;
}
/* 16 news */
div.lg2s.error404,
div.lg2snormal.error404
{
	font-size: 1.5rem;
	font-weight: bold; 
	padding: .5em 0; 
	text-align: center;
}
div.center
{
	margin: 0 auto;
	text-align: center;
}
input.textinput
{
	border: 2px solid black;
	padding: 2px;
	font-size: 1rem;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
.sok ul,
ul.vanligList
{
	margin-top: 0px;
	margin-left: 20px;
}
.sokRubrik
{
	background-color: #99DD99;
	color: #007777;
	text-align: center;
	font-weight: bold;
	padding: 4px;
	font-family: fixedsys;
	font-size: 1rem;
	margin-bottom: 8px;
}
.sokResultat
{
    text-align: left;
}
.logotyp {
	margin: 2px 0 11px;
}
.meny-box-table,
.meny-abc-table {
	width: 100%;
}
.meny {
}

.listan {
	display: flex;
	flex-direction: row;
	width: 100%;
	word-break: break-word;
}
.listan .col1, .col3, .col4 div {
	font-size: .875rem;
	white-space: nowrap;
	word-break: keep-all;
}
.listan .col1 {
width: 50px;
display: none;
}
.listan .col3, .listan .col4 {
	padding-left: 10px;
}
.listan .col2 {
	flex: 1;
}

/* **** KLOTTER FORM ***** */

.klotterForm2000 {
	display: flex;
	width: fit-content;
	margin: 0 auto 1.5rem;
	width: 100%;
	width: 420px;
}
.klotterCol1 {
	flex: 1;
}
.klotterCol2 {
	width: 100px;
}
.klotterNick2000, .klotter2000 {
	font-size: 16px;
	width: 320px;
	border: 2px solid blue;
	font-family: 'fixedsys', monospace;
	padding: .25em;
	margin: 0;
	background-color: #99dd99;
	border: #000000 2px solid;
	box-sizing: border-box;
}
.klotterNick2000 {
	border-bottom: 0;
	height: 2em;
}
.klotter2000 {
	height: 4.5em;
}
.klotterMail2000 {
	display: none;
}
.klotterButton2000 {
	background-color: #336633;
	border: #000000 2px solid;
	border-left: 0;
	color: #ffffff;
	font-family: 'fixedsys';
	font-size: 1rem;
	margin: 0;
	width: 100%;
	height: 104px;
	box-sizing: border-box;
}
@media only screen and (max-width: 670px) {
	.klotterForm2000 {
		flex-direction: column;
		width: 100%;
			   max-width: 500px;
	}
	
	.klotterNick2000, .klotter2000 {
		width: 320px;
		width: 100%;
		box-sizing: border-box;
	}

	.klotterButton2000 {
		width: 100%;
		height: 2em;
		border-left: 2px solid black;
	}
	.klotterCol2 {
		width: 100%;
	}
}
/* **** KLOTTRET **** */
.klottersak .klotterklotter {
	flex-grow: 1;
}
.klottersak {
	display: flex;
	flex: row;
	padding: .25rem;
	box-sizing: border-box;
	max-width: 100%;
	margin-bottom: .125rem;
}
.klottersak .klotterbild {
	width: 60px;
	height: 67px;
}
.klottersak .tid {
	color: #ddd;
	margin-left: .125em;
	font-size: .625rem;
}
.klottertext
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	font-size: .875rem;
	padding-bottom: .5rem;
	padding-right: .5rem;
}
.klotternick {
	font-size: 0.875rem;
}
div.klotterbildklotterbild {
	padding-right: 6px;
}
img.klotterPic
{
	border: #996699 2px dotted;
	width: 50px;
}
.klotterMeny
{
	font-family: fixedsys;
	font-size: 1rem;
}
.klottersak1 { background-color: #004444; }
.klottersak2 { background-color: #441133; }

.contributeReceived {
	background-color: #99FFFF;
	background-color: #99DD99;
	font-size: 1rem;
	color: black;
	padding: 8px 8px;
}

body.extraMargarin .lg2snormal,
body.extraMargarin .lg2s
{
	padding: 4em 2em 4em !important;
}
body.extraMargarin .contribute {
	display: none !important;
}

/* **** Random Responsivitet ***** */

@media only screen and (max-width: 680px) {
	footer {
		width: 100%;
	}
	body {
		margin: 0;
	}
	main {
		width: 100%;
	}
	div.lg2snormal,
	div.lg2s {
		width: auto;
		padding-left: .875rem;
		padding-right: .875rem;
	}
	.kat {
		display: none;
	}
	.menyikon {
		padding: .25em;
		padding: .25rem .25rem .125rem;;
		margin: 0 .125rem;
		display: inline-block;
		width: 25px;
	}
	div#lg2sdaily {
		width: 100%;
		padding: 0;
		margin-top: 0px;
	}
	#header {
		width: 100%;
		position: relative;
	}
	#navigation .meny-box {
		border-top: 0;
		border-left: 0;
		border-right: 0;
	}
	.meny .spaceballs {
		display: none;
	}
	.meny-box-table ,
	table.meny-abc-table {
		width: 100%;
	}
	.kottar {
border-left: 0;
border-right: 0;
	}
	.meny {
		width: 100%;
	}
	.nederdel {
padding: 0 1rem;
	}
	hr.bottom {
		margin-top: 0;
		border-left: 0;
		border-right: 0;
	}
	.menyikoner {
		padding-top: .375rem;
		padding-bottom: .125rem;
padding: .375rem .25rem .125rem .25rem;
	}
	#lg2s .lg2sdaily {
	}
	#lg2sdaily .title {
		font-size: 2.5rem;
	}
	.jack {
padding: 0 1rem;
	}
	.jack {
		display: none;
	}
	.jack.telefon-jack {
		display: block;
		padding: .125rem 0;
				 white-space: nowrap;
	}
	.jack.telefon-jack a {
		padding: 4px .25rem;
		margin: 0 .125rem;
	}
	textarea.kontakt, textarea.kontakt.bredKontakt,
	input.kontakt, input.kontakt.bredKontakt
	{
		width: 95%;
	}
	table.kongress,
	.kongress div.fraga,
	.kongress .item
	{
		width: 100%;
	}
	div.lg2s,
	div.lg2snormal  {
		width: auto;
	}
	input.menybutton,
	input.menytextruta {
		margin-bottom: 0;
		border-bottom: none;
	}
	input.menybutton {
		height: 23px;
	}
	.artikel hr, hr.artikel {
width: 100%;
	}
	
	h1.rubrik2000
	{
		margin: 0px;
		max-width: 100%;
	}
}
@media only screen and (max-width: 420px) {
}
@media only screen and (max-width: 350px) {
	aside.kategori2000, div.kategori2000 {
		display: none;
	}
	.menyikon {
		padding: .125em;
	}
	.jack.telefon-jack a {
		padding: 0.125rem .125rem;
		margin: 0 .125rem;
	}
}
@media only screen and (max-width: 315px) {
	.menyikon {
padding: 1px;
margin: 1px;
}