#container {
	width: 960px;
	margin: 0 auto;
}

/* PageHeader */
#header {
	width: 960px;
	height: 80px; 
	margin: 0;
	position: relative;
}
#header a.block {
	width: 179px;
	height: 75px;
	float: left;
	display: block;
}	

#header a.loggo  {
	
	background: url('/Css/Images/bg_header_a.gif') top left no-repeat;
}

#header h1 {
	width: 1px; 
	height: 1px; 
	text-indent: -4000px; 
	background-image: url('/css/images/bg_top_ohappa.png'); 
	background-repeat: no-repeat; 
	position: absolute; 
	top: 20px; 
	left: 0px;
}

#header .headerlink 
{
    display: block;
    cursor: pointer;
	width: 180px; 
	height: 46px; 
	background-image: url('/css/images/bg_top_ohappa.png'); 
	background-repeat: no-repeat; 
	position: absolute; 
	top: 20px; 
	left: 0px;
}

#header a.fin
{
	position: absolute; 
	bottom: 18px; 
	right: 1px;
}
#header a.eng
{
	position: absolute; 
	bottom: 18px; 
	right: 30px;
}

#header .fblike
{
	position: absolute; 
	top: 5px; 
	left: 282px;
}

#header-utv {
	width: 960px;
	height: 90px; 
	margin: 0;
	position: relative;
}
#header-utv a.block {
	width: 179px;
	height: 75px;
	float: left;
	display: block;
}	

#header-utv a.loggo  {
	
	background: url('/Css/Images/bg_header_a.gif') top left no-repeat;
}
#header-utv h1 {
	width: 180px; 
	height: 46px; 
	text-indent: -4000px; 
	background-image: url('/css/images/bg_top_ohappa.png'); 
	background-repeat: no-repeat; 
	position: absolute; 
	top: 33px; 
	left: 0px;
}

#header-utv .fblike
{
	position: absolute; 
	top: 5px; 
	left: 282px;
}

#programmerare
{
	display: block;
	border: solid 1px #AEAEAE;
	padding: 10px;
}
#programmerare a
{
	font-size: 32px;
}

#header-admin
{
	margin: 0;
    background-color: #ffffff;
    width: 960px;
    border: 0;
}
#header-navigation
{
	width: 700px;
	height: 30px;
	float: right;
	margin-top: 35px;
}

    #header-navigation ul                {list-style:none;padding:0px 0px 0px 0px; text-transform: uppercase;}
    #header-navigation li                {padding:8px 0px 0px 20px;float:left;text-decoration: none;}
    #header-navigation a                 {color:#000; padding:0px 0px 0px 0px;font-family: 'Trebuchet MS', 'Verdana', Arial, Sans-Serif;letter-spacing: 0.2em;font-size: 1.3em;}
    #header-navigation a:hover           {color: #f88000;}
    #header-navigation li.active a       {color: #f88000;}
    
#header-navigation-utv
{
	width: 700px;
	height: 30px;
	float: right;
	margin-top: 45px;
}

    #header-navigation-utv ul                {list-style:none;padding:0px 0px 0px 0px; text-transform: uppercase;}
    #header-navigation-utv li                {padding:8px 0px 0px 20px;float:left;text-decoration: none;}
    #header-navigation-utv a                 {color:#000; padding:0px 0px 0px 0px;font-family: 'Trebuchet MS', 'Verdana', Arial, Sans-Serif;letter-spacing: 0.2em;font-size: 1.3em;}
    #header-navigation-utv a:hover           {color: #f88000;}
    #header-navigation-utv li.active a       {color: #f88000;}

/* Page */
#content
{
	width: 960px;
	padding: 0px 0px 40px 0px;
}
#content-main
{
	width: 960px;
	margin-top: 20px;
	padding-top: 20px;
}

#content-main-left
{
	width: 680px;
	float: left;
}

#content-main-right
{
	width: 280px;
	float: right;
	padding-left: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
}

#content-main-right-navigation
{
	width: 230px;
	float: right;
	padding-left: 30px;
	padding-top: 20px;
	margin-bottom: 20px;
}


    #content-main-right-navigation ul               {list-style:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
    #content-main-right-navigation li               {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; text-decoration: none;}
    #content-main-right-navigation a                {display: block; height: 22px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 20px; background: url('/Css/Images/bg_content-right-nav-a.gif') top left no-repeat;color:#000;font-family: 'Arial', 		
													 Verdana; font-size: 1.3em;}
    #content-main-right-navigation a:hover          {color: #f88000; background: url('/Css/Images/bg_content-right-nav-a-hov.gif') top left no-repeat;}
    
    
    
    #content-main-right-navigation li.active a      {color: #f88000; background: url('/Css/Images/bg_content-right-nav-a-hov.gif') no-repeat}
	#content-main-right-navigation li.sub           {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
	#content-main-right-navigation li.subref        { margin-left: 15px; margin-top: 0px; background: none; color: #000; font-weight: bold; padding: 0px 0px 0px 20px;font-family: 'Arial', 		
													 Verdana; font-size: 1.3em;}
	#content-main-right-navigation li.sub a         {margin: 0px 0px 0px 10px; padding: 5px 0px 0px 20px; background: none; color: #000;}
	#content-main-right-navigation li.sub a:hover   {color: #f88000; background: none;}
	#content-main-right-navigation li.sub a.active  { color: #f88000;}

#content-main-right p
{
	margin: 0px;
}


#content-main-right h4
{
	font-size: 1.3em;
	margin: 15px 0px 0px 0px;
	color: #000000;
}

#headblock
{
	
}
#headblock .imageright {
	float: right;
	margin: 0 10px 5px 10px;
}
#headblock .imageright img 
{
	border: solid 1px #e9e9e9;
}

#headblock .imageleft {
	float: left;
	margin: 0 10px 5px 0;
}
#headblock .imageleft img 
{
	border: solid 1px #e9e9e9;
}

/* --- Stycke --- */
.modelblock-table
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
div.modelblock
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 15px;
	padding-top: 0px;
}

.modelblock .imageright {
	float: right;
	border: solid 1px #e9e9e9;
	margin: 0 10px 5px 10px;
}

.modelblock .imageleft {
	float: left;
	border: solid 1px #e9e9e9;
	margin: 0 10px 5px 0;
}
.modelblock .imagebottom 
{
	margin: 10px 0px 0px 0px;
}
.imagebottom .imagebottom img
{
    margin-right: 5px;
	border: solid 1px #e9e9e9;
}

.modelblock h3 {
	margin: 0 0 0.3em 0;
}

.modelblock h4 {
	font-size: 1.2em;
	margin: 1.5em 0 0.3em 0;
}
.modelblock p {
	margin: 0;
}
.modelblock ul {
	list-style-type: disc;
	padding: 0;
	margin: 0px 0px;
	color: #b3ff4f;
}

.modelblock li {
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 0px;
	margin: 2px 5px 2px 5px;
	padding-top: 0px;
	list-style-type: none;
}

.modelblock ul span {
	color: #CCC;
}

/* Filer */
.fileright
{
	width: 400px;
	margin: 0px 0px 5px 5px;
}
.fileleft
{
	width: 400px;
	margin: 0px 5px 5px 0px;
}
.filebox {
	margin: 10px 0px 5px 0px;
}
.filebox p.header
{
	float:left;
	width: 70px;
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.filebox ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.filebox ul li
{
	margin: 0px 0px 10px 5px;
	padding: 0px 0px 0px 0px;
}
.filebox ul li a
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	background: url('/Css/Images/bg_arrow-download.gif') top left no-repeat;
}
.filebox ul li p
{
	font-size: 9pt;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
}

/* Länkar */
.linkright
{
	width: 400px;
	margin: 0px 0px 5px 5px;
}
.linkleft
{
	width: 400px;
	margin: 0px 5px 5px 0px;
}
.linkbox {
	padding: 10px 0px 5px 0px;
}

.linkbox p.header
{
	float:left;
	width: 70px;
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.linkbox ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.linkbox ul li
{
	margin: 0px 0px 10px 5px;
	padding: 0px 0px 0px 0px;
}
.linkbox ul li a
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	background: url('/Css/Images/bg_arrow-link.gif') top left no-repeat;
}
.linkbox ul li p
{
	font-size: 9pt;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
}

/* Bilder */
.imagetext
{
	font-size: 8pt;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 5px;
	padding-top: 0px;
}



/* PageMenu */
#pagemenu
{
	
}

#pagemenu ul
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 0pt;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style-type: none;
}
#pagemenu li {
	margin: 0;
	padding: 0;
	font-size: 0pt;
}
#pagemenu li a
{
	
}

#pagemenu li a.active
{
	color: #FFF;
	background-color: #0e2e45
}

#pagemenu li a:hover {
	color: #FFF;
	background-color: #0e2e45
}



* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}

#content-main {padding-bottom: 230px;}  /* must be same height as the footer */

#bottom {position: relative;
	margin-top: -230px; /* negative value of footer height */
	height: 230px;
	clear:both;
	background-color: #000000;
} 

#info-bottom
{
	width: 960px;
	margin: 0 auto;
}	

#info-bottom .box-address
{
	width: 140px;
	float: left;
	margin: 20px 10px 0px 0px;
	padding-top: 30px;
	background: url(images/ohappa_bottom.gif) top left no-repeat;
}	

#info-bottom .box-address p.white
{
	color: #FFF;
}	
#info-bottom .box-address p.grey
{
	font-size: 11px;
	margin: 0px 0px 2px 0px;
	color: #9FA1A3;
}

#info-bottom .box-address a
{
	color: #eb8120;
}	
#info-bottom .box-address a:hover
{
	color: #fff;
}	

#info-bottom .box-midle
{
	width: 480px;
	float: left;
	margin: 20px 60px 0px 0px;
}

#info-bottom .box-midle p
{
	color: #9FA1A3;
}	

#info-bottom .box-tele
{
	width: 100px;
	float: left;
	margin-top: 20px;
	margin-right: 10px;
}
#info-bottom .box-rating
{
	width: 210px;
	float: left;
	margin-top: 20px;
	margin-right: 10px;
}
#info-bottom .box-tele p
{
	color: #fff;
}

#info-bottom .box-tele a:hover
{
	color: #fff;
}

#info-bottom .box-newsletter
{
	width: 130px;
	float: left;
	margin-top: 20px;
	margin-left: 10px;
}

#info-bottom .box-newsletter a.link {
	width: 130px;
	height: 50px;
	display: block;
	
}	

#info-bottom .box-newsletter a.spotify {
	background: url(images/spotify.gif) top right no-repeat;
	margin: 0px;
}



#info-bottom .nr
{
	color: #9FA1A3;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



#ohappa
{
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: 5px;
	float: right;
}
#ohappa p
{
	line-height: 14px;
	color: #fff;
	font-size: 6pt;
	font-family: Verdana, Arial, Helvetica;
	letter-spacing: 0.04em;
}
#ohappa a
{
	font-weight: normal;
	font-size: 7pt;
	color: #e9660b;
	font-family: Verdana, Arial, Helvetica;
	text-decoration: none;
	letter-spacing: 0.02em;
}
#ohappa a:hover
{
	text-decoration: underline;
}


/* Admin */
.modelblock-admin
{
	border-right: mediumseagreen 1px solid;
	padding-right: 3px;
	border-top: mediumseagreen 1px solid;
	padding-left: 3px;
	padding-bottom: 3px;
	border-left: mediumseagreen 1px solid;
	padding-top: 3px;
	border-bottom: mediumseagreen 1px solid;
	height: 45px;
	background-color: white;
}
.modelblock-admin h2, .modelblock-admin h3, .modelblock-admin h4
{
	font-weight: bold;
	font-size: 10pt;
	color: mediumseagreen;
	font-family: Arial;
}
.modelblock-admin p, .modelblock-admin span
{
	font-weight: bold;
	font-size: 10pt;
	color: mediumseagreen;
	font-family: Arial;
}
.modelblock-admin .new-part
{
	float: left;
}
.modelblock-admin .edit
{
	float: right;
}

TABLE.AdminMain
{
    BORDER-RIGHT: mediumseagreen 1px solid;
    BORDER-TOP: mediumseagreen 1px solid;
    BORDER-LEFT: mediumseagreen 1px solid;
    BORDER-BOTTOM: mediumseagreen 1px solid;
    BACKGROUND-COLOR: white
}
.AdminEditHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: mediumseagreen;
    FONT-FAMILY: Arial
}
.AdminText
{
	font-size: 8pt;
	color: mediumseagreen;
	font-family: Arial;
	background-color: white;
}
A.AdminLink
{
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
	font-size: 10pt;
	color: mediumseagreen;
	font-family: Arial;
	background-color: white;
	text-decoration: none;
}
A.AdminLink:hover
{
    TEXT-DECORATION: underline;
    color: mediumseagreen;
}