﻿/* Text */

a:link
{
	color: black; 
}
a:visited
{
	color: black; 
} 
a:active 
{
	color: black;
}

img
{
	border:0;
	}
	
body
{
	font-family: Tahoma, Arial, Helvetica;
	background-color: rgb(224,224,224);
	color: black;
	font-size: small;
}

h3, h4
{
	font-family: Tahoma, Arial, Helvetica;
	color: black;
}

h2{
	font-family: Tahoma, Arial, Helvetica;
	color: #da251c;	
}

h1
{
	font-family: Tahoma, Arial, Helvetica;
	color: #da251c;
	font-size: small;
}

h5
{
	font-family: Tahoma, Arial, Helvetica;
	color: black;
	font-size: small;
}

h6{
	font-family: Tahoma, Arial, Helvetica;
	color: #da251c;
	font-size: medium;
}

*{
	margin:0;
	padding:0;
}

.content {
	width: 640px;
	margin: 0 auto;
}

/* Nav */

.nav 
{
	height: 30px;
}

.nav li 
{
	float: left;
	position: relative;
	padding: 0px 17px 0px;
	border-left: 1px solid #d7d7d7;
	box-shadow: inset 5px 0 5px -5px #FFF;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	color: #636363;
	text-shadow: white 2px 2px 2px;
}

.nav li:hover 
{
	color: #da251c;
}

.nav li#last 
{
	border-right: 1px solid #d7d7d7;
	box-shadow: inset 5px 0 5px -5px #FFF, 5px 0 5px -5px #FFF;
}

.nav li#lastactive 
{
	border-right: 1px solid #d7d7d7;
	box-shadow: inset 5px 0 5px -5px #FFF, 5px 0 5px -5px #FFF;
	background: url('../images/mnusel.png') no-repeat center bottom;
	color: #da251c;
}

.nav .active1 
{
	background: url('../images/mnusel2.png') no-repeat center top;
	color: #da251c;
}

.nav .active 
{
	background: url('../images/mnusel.png') no-repeat center bottom;
	color: #da251c;
}

/* Slider */

#slide .prevButton
{
	height:72px;
	width:68px;
	position:absolute;
	background:url('../images/buttons.png') no-repeat;
	top:50%;
	margin-top:-36px;
	cursor:pointer;
	z-index:2000;
	background-position:left top;
	left:0
}

#slide .prevButton:hover{ background-position:left bottom;left:0;}

#slide .nextButton
{
	height:72px;
	width:68px;
	position:absolute;
	background:url('../images/buttons.png') no-repeat;
	top:50%;
	margin-top:-36px;
	cursor:pointer;
	z-index:2000;
	background-position:right top;
	right:0
}

#slide .nextButton:hover{
	background-position:right bottom;
	right:0;
}

#slide ul
{
	width:604px;
	height:453px;
	list-style:none outside none;
	position:relative;
	overflow:hidden;
}

#slide li:first-child
{
	display:list-item;
	position:absolute;
}

#slide li
{
	position:absolute;
	display:none;
}

slidetext{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


/* linklist */
.linklist li
{
	float: left;
	position: relative;
	padding: 0px 17px 0px;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	box-shadow: inset 0px 5px 0px -5px #FFF;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	color: #636363;
	text-shadow: white 1px 1px 1px;
	font-size:small;
	
}

.linklist li:hover{
	color: #da251c;
}

.linklist li#active{
	color: #da251c;
}

/* CSS layout */
#masthead {
	height: 80px;
	padding: 10px;
	padding-left:50px
	
}

#top_nav {
	height: 50px;
	background:url('../images/mnubg.png');
	}

#page_content {
	height: 800px;
	text-align: center;
}

#page_content_kt {
	height: 1250px;
	text-align: center;
}

#rapport{
	padding-left: 80px;
	padding-right: 80px;
	margin-left: auto;
	margin-right:auto;
}

#slide{
	width:604px;
	height:453px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
}

#slidetext{
	width:604px;
	height:453px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#biljett {
	position:absolute;
	left:10px;
	top:140px;
	width:200px;
	height:350px;
	box-shadow:5px 5px 5px -5px #FFF;
	text-align: center;
}

#leftinfo {
	position:absolute;
	left:10px;
	top:510px;
	width:200px;
	height:250px;
	box-shadow:5px 5px 5px -5px #FFF;
	text-align: center;
}

#right1 {
	position:absolute;
	right:10px;
	top:140px;
	width:210px;
	height:350px;
	box-shadow:5px 5px 5px -5px #FFF;
	text-align: center;
}

#rightinfo {
	position:absolute;
	right:10px;
	top:510px;
	width:210px;
	height:250px;
	box-shadow:5px 5px 5px -5px #FFF;
	text-align: center;
}

#top {
	position: relative;
	height:260px;
	width:33%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	box-shadow:5px 5px 5px -5px #FFF;

}

#tele {
	box-shadow:5px 5px 5px -5px #FFF;
	text-align: center;
	height: auto;

}

#teleleft {
	position:absolute;
	left:50px;
	top:160px;
	width:50%;
	height: auto;
	box-shadow:5px 5px 5px -5px #FFF;
	text-align: left;
}

#teleright {
	position:absolute;
	right:10px;
	top:240px;
	width:200px;
	height:350px;
	box-shadow:5px 5px 5px -5px #FFF;
	text-align: center;
}


#text{
	text-align: center;
	position: relative;
	height:100px;
	width:604px;
	margin-left: auto;
	margin-right: auto;

}

#footer {
	height: 30px
	font-family: Tahoma, Arial, Helvetica;
	color: black;
	font-size: xx-small;
	text-align:center;
}

.logo {
	height: 78px;

}

#advert {
	display: inline-block;
	position:fixed;
	right:10%;
	bottom:50px;
	width:80%;
	height:250px;
	z-index: 999;
	background-color:rgb(224,224,224);
	border:medium;
	text-align: center;
	box-shadow: 0 0 0 9999px rgba(0,0,0,0.5);
}


/* Media rules */

@media screen and (max-width: 1000px){
	#biljett {
		top:740px;}
	#leftinfo {
		top:1110px;}
	#right1 {
		top:740px;}
	#rightinfo {
		top:1110px;}
	#footer {
		color:rgb(224,224,224)}
	#top {
		position:absolute;
		left:50px;
		top:160px;
		width:50%;
		height: auto;
		box-shadow:5px 5px 5px -5px #FFF;}
	#advert{height:300px;}
}

@media screen and (max-width: 800px){
	.logo{height: 70px;}
	#advert{height:320px;}
}

@media screen and (max-width: 700px){
	.logo{height: 60px;}
}

@media screen and (max-width: 600px){
	.logo{height: 35px;}
	.content{
		width:350px
		}
	#masthead {
		height: 50px;
		padding: 10px;
		padding-left:50px
		}
	#top_nav {
		height: 80px;
		width:100%;
		background:rgb(224,224,224);
		}
	#biljett {
		top:740px;
		left:40px}
	#right1 {
		top:1160px;
		left:40px;
		right:auto;
		width:210px;
		height:300px;
		box-shadow:5px 5px 5px -5px #FFF}
	#rightinfo {
		top:1490px;
		left:40px;
		right:auto;
		width:210px;
		box-shadow:5px 5px 5px -5px #FFF}
	#leftinfo {
		top:1750px;
		left:40px;
		width:210px
		}
	#footer {
		color:rgb(224,224,224)
		}
	#teleright {
		left: 40px;
		top: 150px;
		height:250px;
		box-shadow:5px 5px 5px -5px #FFF
		}
	#top {
		position:absolute;
		left:40px;
		top:450px;
		width:200px;
		height: auto;
		box-shadow:5px 5px 5px -5px #FFF;}
	#teleleft {
		left:40px;
		top:450px;
		width:200px;
		}
	#advert{height:350px;}

}

