@charset "utf-8";
/* CSS Document */

*
{
	margin: 0;
	padding: 0;
}

body
{
	background:url(../bilder/striped_bg.gif);
	background-repeat: repeat;
}


/* ----- Ytter boxar för positionerning -----

#reklamwrap
{
	position:relative;
	left:0px;
	top:0px;
	width:1186px;
	height:760px;
}

*/


#wrap {
	position:relative;
	background:#fff;
	top:50px;
	width:894px;
	height:710px;
	border: solid 3px #000;
	z-index:1;
	margin: 0 auto;
}


/* ----- Reklam positionering -----


#reklam
{
	padding-top: 50px;
	width: 285px;
	float: left;
}

#reklam p
{
	margin:0;
	padding:0;
}

#row1
{
	float:left;
}

#row2
{
	float:left;
}
*/

/* ----- Design uppifrån - Banner -----*/

#top {
	position:relative;
	left:0px;
	top:0px;
	width:894px;
	height:147px;
	background: url(../bilder/topbg.gif) no-repeat;
	z-index:2;
}

h1
{
	position: relative;
	top: 17px;
	left: 335px;
	width: 534px;
	height: 100px;
	padding: 0;
	margin: 0;
	background: url(../bilder/mittservice.gif) no-repeat;
	text-indent: -9999px;
	z-index: 5;
}

h2
{
	position: relative;
	top: -192px;
	left: 4px;
	width: 295px;
	height: 231px;
	padding: 0;
	margin: 0;
	background: url(../bilder/logo.gif) no-repeat;
	text-indent: -9999px;
	z-index: 3;
}

#mdpc 
{
	position: absolute;
	background: url(../bilder/mdpc.gif) no-repeat;
	left: 0px;
	top: -19px;
	width:79px;
	height:12px;
	text-indent: -9999px;
	float:left;
	z-index:12;
}

/* ----- Huvudinnehåll -----*/


#main {
	position:absolute;
	left:0px;
	top:147px;
	width:894px;
	height:563px;
	background: url(../bilder/tirepattern.gif) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	z-index:4;
}



/* ----- Meny ----- */

#meny
{
	position: relative;
	width: 620px;
	height: 30px;
	left: 210px;
	float: left;
}

#meny ul
{
	list-style-type: none;
	padding: 6px 0px 0px 0px;
}

#meny ul li
{
	display: inline;
	margin: 2px 14px;
}

#meny ul a
{
	color: #6b6b20;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

#meny ul a:hover
{
	color: #abab40;
	text-decoration: underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
#gastboklink
{
	position: relative;
	width: 40px;
	height: 30px;
	left: 10px;
	padding: 6px 0 0 0;
	float: left;
}
#gastboklink a
{
	color: #6b6b20;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

#gastboklink a:hover
{
	color: #abab40;
	text-decoration: underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

/* ----- Info Fönster -----*/

#maincontent
{
	margin: 40px 35px;
	height: 440px;
}

h3
{
	padding-bottom: 1.4em;
}

#maincontent p
{
	padding-bottom: 1.4em;
}

#maincontent ul
{
	padding-bottom: 1.4em;
}

.tillvad
{
	padding-top: 1px;
}

.tillvad li
{
	margin: 2px 0px 0px 20px;
}

#maincontent span
{
	font-size: 13px;
	font-weight: bold;
}

#maincontent td
{
	margin-left: 20px;
	padding-bottom: 30px;
}

#maincontent td img
{
	border: 2px #000 solid;
}

.vidd
{
	width: 520px;
}

#maincontent p a
{
	color: #33c;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#maincontent p a:hover
{
	color: #66e;
	text-decoration: underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#twocolumn1
{
	position: relative;
	width: 400px;
	height: 402px;
	float: left;
	margin-right: 15px;
	overflow: auto;
}

#twocolumn2
{
	position: relative;
	width: 400px;
	float: left;
}

#twocolumn1 p a
{
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

#twocolumn1 p a:hover
{
	font-size: 12px;
	font-weight: bold;
}

#twocolumn2 p a
{
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

#twocolumn2 p a:hover
{
	font-size: 12px;
	font-weight: bold;
}

#filmlink
{
	background-image: url(../bilder/mediaplayer_icon.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 165px;
	padding-left: 30px;
	padding-top: 3px;
	display: block;
}

#filmlink:hover
{
	background-image: url(../bilder/mediaplayer_icon_over.jpg);
}


#extrainfo
{
	margin-top: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#fat
{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#linkspalt1
{
	position: relative;
	width: 410px;
	float: left;
}

#linkspalt2
{
	position: relative;
	width: 410px;
	float: left;
}

#clearfloat
{
	clear: both;
}


/* ----- rödmarkerad NYTT ----- */

.new
{
	font-weight: bold;
	font-size: 13px;
}

.new span
{
	background: #FF3333;
}

/* ----- Delning av prislistans innehåll ----- */

#columnsplitt1
{
	position: relative;
	width: 530px;
	height: 440px;
	float: left;
	margin-right: 15px;
}

#columnsplitt2
{
	position: relative;
	width: 260px;
	height: 440px;
	float: left;
}

#columnsplitt2 #visa_mastercard
{
	width: 120px;
	height: 157px;
	margin: 15px auto 0 auto;
	
	background: url(../bilder/Betalkort_thumb.jpg) no-repeat;
	padding: 0;
}

#columnsplitt2 #visa_mastercard:hover
{
	background: url(../bilder/Betalkort_thumb_ljus.jpg) no-repeat;
}

#columnsplitt1 span
{
	clear: both;
}

