@charset "UTF-8";
/* CSS Document */

/*workless*/

/*  vanlig
@media (-webkit-min-device-pixel-ratio:0)*/

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../fonts/leaguegothic-regular.eot');
    src: url('../fonts/leaguegothic-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/leaguegothic-regular.woff') format('woff'),
         url('../fonts/leaguegothic-regular.ttf') format('truetype'),
         url('../fonts/leaguegothic-regular.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
#infobody {
	background-color: #006600;
}

#logo {
	float: left;
	margin-top: -8px;
	margin-bottom: 8px;
}
#logo a {
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: 250ms linear all;
	-moz-transition: 250ms linear all;
	transition: 250ms linear all;
}
#logo a:hover {
	filter: alpha(opacity=80);
	-khtml-opacity: 0.8;
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#logo .liten {
	display: block;
	padding: 0;
	float: left;
	max-height: 40px;
	overflow: visible;
	margin-left: -20px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#logo .big {
	display: block;
	padding: 0;
	float: left;
	max-height: 40px;
	overflow: visible;
	margin-left: -30px;
	margin-top: -30px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.main aside {
	border-top-width: 20px;
	border-top-style: solid;
	border-top-color: #4D5D42;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ===================
    ALL: Orange Theme
   =================== */
#about {color:#fff; background-color:#000;}
#subscribe {color:#fff; background-color:#666;}
#contact {color:#fff; background-color:#ccc;}


#contentLeft {
	float: left;
	padding: 0px 10px 0px 0px;
	display: block;
}
	
.main aside {
	background-color: #A3B98F;
}

.main {
    padding: 30px 0;
}

.main article h1 {
    font-size: 2em;
}

.main aside {
    color: white;
    padding: 0px 5% 10px;
}

.footer-container footer {
    color: white;
    padding: 20px 0;
}

@media (-webkit-min-device-pixel-ratio:0) {
#logo .liten {
	margin-top: 0px;
}
#logo .big {
	margin-top: -35px;
}
}

/*vad är dessa för? */
#logo {
	width: 178px;
}
#logo > .liten {
	display: none;
}
#logo > .big {
	display: inline;
}

h1 {
	
	font:normal 65px 'LeagueGothicRegular';
	color:#484848;
	text-transform:uppercase;
	line-height:52px;
}

h1
{
	font-size: 2em;
}

h2
{
	font-size: 1.5em;
}

h3
{
	font-size: 1.2em;
}

h4
{
	font-size: 1.25em;
}

h5
{
	font-size: 1em;
}

h6
{
	font-size: 0.875em;
}

p,
li,
dl dd
{
	font-size: 14px;
}

/*vad är dessa för? */





/** 
 * iPhone landscape 
 */
@media (min-width: 480px) {
#logo {
	width: 100px;
}
#logo > .liten {
	display: inline;
}
#logo > .big {
	display: none;
	margin-top: -15px;
}
.page-header {
	display: none;
}
	h1
	{
		font-size: 2em;
	}

	h2
	{
		font-size: 1.5em;
	}

	h3
	{
		font-size: 1.2em;
	}

	h4
	{
		font-size: 1.25em;
	}

	h5
	{
		font-size: 1em;
	}

	h6
	{
		font-size: 0.875em;
	}

	p,
	li,
	dl dd
	{
		font-size: 14px;
	}
}

@media (max-width: 480px) {

#logo {
	width: 178px;
}
#logo > .liten {
	display: inline;
	margin-top: -5px;
}
#logo > .big {
	display: none;
	margin-top: 5px;
}
.page-header {
	display: none;
}
h1
	{
		font-size: 2em;
	}

	h2
	{
		font-size: 1.5em;
	}

	h3
	{
		font-size: 1.2em;
	}

	h4
	{
		font-size: 1.25em;
	}

	h5
	{
		font-size: 1em;
	}

	h6
	{
		font-size: 0.875em;
	}

	p,
	li,
	dl dd
	{
		font-size: 14px;
	}
}

@media (max-width: 240px) {

#logo {
	width: 120px;
}
#logo > .liten {
	display: inline;
	margin-top: 0px;
}
#logo > .liten a img {
	width: auto;
	height: auto;
	max-width: 120px;
}
#logo > .big {
	display: none;
	margin-top: 5px;
}
.page-header {
	display: none;
}
}


	/** 
 * small tablet portrait 
 */
@media (min-width: 640px) {
#logo {
	width: 178px;
}
#logo > .liten {
	display: inline;
}
#logo > .big {
	display: none;
}
.page-header {
	display: none;
}
h1
	{
		font-size: 2.2em;
	}

	h2
	{
		font-size: 1.8em;
	}

	h3
	{
		font-size: 1.5em;
	}

	h4
	{
		font-size: 1.25em;
	}

	h5
	{
		font-size: 1em;
	}

	h6
	{
		font-size: 0.875em;
	}

	p,
	li,
	dl dd
	{
		font-size: 16px;
	}
}


	/** 
 * iPad portrait 
 */
@media (min-width: 768px) {
#logo {
	width: auto;
}
#logo > .liten {
	display: none;
}
#logo > .big {
	
	margin-top: -20px;
	z-index: 9999;
	float: left;
}
.page-header {
	display: block;
}
h1
	{
		font-size: 2.2em;
	}

	h2
	{
		font-size: 1.8em;
	}

	h3
	{
		font-size: 1.5em;
	}

	h4
	{
		font-size: 1.25em;
	}

	h5
	{
		font-size: 1em;
	}

	h6
	{
		font-size: 0.875em;
	}

	p,
	li,
	dl dd
	{
		font-size: 16px;
	}
	
	.main aside {
        -webkit-box-shadow: 0 5px 10px #aaa;
           -moz-box-shadow: 0 5px 10px #aaa;
                box-shadow: 0 5px 10px #aaa;
    }
	.main article {
        float: left;
        width: 57%;
    }

    .main aside {
        float: right;
        width: 28%;
    }
}


	/**
 * small browser / iPad landscape 
 */
@media (min-width: 1024px) {
#logo {
	width: 200px;
}
#logo > .liten {
	display: none;
}
#logo > .big {
	display: inherit;
	margin-top: -30px;
}
.page-header {
	display: block;
}
h1
	{
		font-size: 2.4em;
	}

	h2
	{
		font-size: 1.8em;
	}

	h3
	{
		font-size: 1.5em;
	}

	h4
	{
		font-size: 1.25em;
	}

	h5
	{
		font-size: 1em;
	}

	h6
	{
		font-size: 0.875em;
	}

	p,
	li,
	dl dd
	{
		font-size: 16px;
	}
}


	/** 
 * Generic browser 
 */
@media (min-width: 1280px) {
#logo {
	width: 200px;
}
#logo > .liten {
	display: none;
}
#logo > .big {
	display: inline;
	margin-top: -30px;
}
.page-header {
	display: block;
}
h1
	{
		font-size: 2.5em;
	}

	h2
	{
		font-size: 1.8em;
	}

	h3
	{
		font-size: 1.5em;
	}

	h4
	{
		font-size: 1.25em;
	}

	h5
	{
		font-size: 1em;
	}

	h6
	{
		font-size: 0.875em;
	}

	p,
	li,
	dl dd
	{
		font-size: 16px;
	}
}


	/** 
 * Large browser 
 */
@media (min-width: 1600px) {
#logo {
	width: 200px;
}
#logo > .liten {
	display: none;
}
#logo > .big {
	display: inline;
	margin-top: -30px;
}
.page-header {
	display:block;
}
h1
	{
		font-size: 2.5em;
	}

	h2
	{
		font-size: 1.8em;
	}

	h3
	{
		font-size: 1.5em;
	}

	h4
	{
		font-size: 1.25em;
	}

	h5
	{
		font-size: 1em;
	}

	h6
	{
		font-size: 0.875em;
	}

	p,
	li,
	dl dd
	{
		font-size: 16px;
	}
}