html, body {background-color:#333333; margin:0px; padding:0px; min-width:1024px; height:100%; font-size:12px; font-family:Verdana, Arial, Tahoma, Helvetica, sans-serif;}
body {overflow-x:hidden; }

a:link, a:visited { color: #f0af5a; text-decoration: underline} 
a:active, a:hover { color: #999999; text-decoration: none}

body { 
   	text-align: center;
   	background: url(../body_bg.png) repeat;
	width: 100%;
	height: auto !important; 
	min-height: 100%;
	height: 100%; 
	position: relative;
	margin: 0;
	z-index: 1;
	}
.copyright {
	width: 100%;
	margin: 30px 0 20px 0;
	z-index: 99999;
	text-align: right;
	}

#container { min-height:100%; position:relative;}
#body { padding-bottom:0px;}
   
.clear, .Clear {clear:both; margin:0px; padding:0px;}

.main_content_wrapp1 {
	width: 1027px;
	padding-top: 120px;
	margin-top: 0px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	z-index: 1000;
	}
	
.main_content_wrapp2 {
	color: #fff;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	z-index: 2999;
	text-align: left;
	}
#main_content_menu {
	background-color: #222222;
	width: 180px;
	float: left;
	border: 1px solid #333;
	margin-right: 20px;
	margin-top: 50px;
	padding: 30px;
	z-index: 2999;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align: left;
	background: rgba(34, 34, 34, 0.9);
}
#main_content_content {
	background: url(_inc/bodyfooter_bg.png) bottom no-repeat;
	background-color: #222222;
	width: 650px;
	float: left;
	border: 1px solid #333;
	padding: 30px;
	z-index: 2999;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align: left;
	font-size:12px;
	background: rgba(34, 34, 34, 0.9);
}
#main_content_content H1 {
	font-family:Arial, Verdana, Tahoma; text-transform: uppercase; font-weight: bold; color: #999999; font-size: 30px; margin:0 0 0 0; line-height:20px; text-align:left;
}	
.H1 {
	font-family:Arial, Verdana, Tahoma; text-transform: uppercase; font-weight: bold; color: #999999; font-size: 30px; margin:0 0 0 0; line-height:20px; text-align:left;
}
#bubbel_arrow_video { width:479px; height:188px; position:absolute; top:118px; left:214px; background:url(../bubbla_pil_video.png) no-repeat; z-index: 99999;}
#bubbel_arrow_pics { width:350px; height:180px; position:absolute; top:122px; left:218px; background:url(../bubbla_pil_pics.png) no-repeat; z-index: 99999;}

#undersids_menu{margin: 0; padding: 0; list-style-type: none;	padding-right: 15px;	}
#undersids_menu a{width: 100%;	text-decoration: none; display: block; padding: 6px 10px; border-bottom: 1px solid #444444;}
#undersids_menu a:link{color: #f0af5a;}
#undersids_menu a:visited{color: #f0af5a;}
#undersids_menu a:hover{color: #fff; background: #444;}
#undersids_menu a#current{color: #fff; background: #444;}

/* ---------------------------------------------------------------------- Header & Main Navigation */
.main-nav-right-container {float:right; width:735px; padding:17px 0 0 0;}
.main-nav-top-padding {padding:0 37px 0 37px;}

.main-menu_bar {height:90px; width:1024px;}

.main-nav-vupo-logo {float:left; overflow:hidden; height:250px; width:250px; background:url('../big_redlogo.png') no-repeat; background-position:0 0; cursor:pointer; margin:0px 0 0 0; z-index: 100000;}
.8888888main-nav-vupo-logo {float:left; overflow:hidden; height:180px; width:180px; background:url('../vupo_logo.png') no-repeat; background-position:0 0; cursor:pointer; margin:10px 0 0 0;}
.main-nav-meny { height:14px; width:630px; right: 10px; margin-top: 25px; z-index: 10000; }
.8888888main-nav-meny { height:14px; width:630px; right: 10px; margin-top: 25px; z-index: 10000; }
#foot_menu { float: right; height:14px; width:700px; margin-right: 38px; margin-top: 10px; z-index: 10000; }
ul.topmenu { height:14px; float: right;  list-style: none; padding: 0px; z-index: 10000; 
} 
.displace { position: absolute; left: -5000px; 
} 
ul.topmenu li { float: left; margin-right: 30px; 	
}
ul.topmenu li a { display: block; 	background:url('../sprite_topmenu.png') no-repeat; 	
} 
ul.topmenu li.hem a { height:14px; width:36px; background-position: 0 0; 	
} 
ul.topmenu li.bandet a { height:14px; width:66px; background-position: -111px 0; 	
} 
ul.topmenu li.spelningar a { height:14px; width:106px; background-position: -222px 0; 	
} 
ul.topmenu li.video a { height:14px; width:52px; background-position: -333px 0; 	
} 
ul.topmenu li.bilder a { height:14px; width:61px; background-position: -443px 0; 	
} 
ul.topmenu li.kontakt a { height:14px; width:78px; background-position: -553px 0; 	
}
ul.topmenu li.hem a:hover { background-position: 0 -25px; 	
} 
ul.topmenu li.bandet a:hover { background-position: -111px -25px; 	
} 
ul.topmenu li.spelningar a:hover { background-position: -222px -25px; 	
} 
ul.topmenu li.video a:hover { background-position: -333px -25px; 	
} 
ul.topmenu li.bilder a:hover { background-position: -443px -25px; 	
} 
ul.topmenu li.kontakt a:hover { background-position: -553px -25px; 	
}
ul.topmenu li.hem a:active { background-position: 0 -25px; 	
} 
ul.topmenu li.bandet a:active { background-position: -111px -25px; 	
} 
ul.topmenu li.spelningar a:active { background-position: -222px -25px; 	
} 
ul.topmenu li.video a:active { background-position: -333px -25px; 	
} 
ul.topmenu li.bilder a:active { background-position: -443px -25px; 	
} 
ul.topmenu li.kontakt a:active { background-position: -553px -25px; 	
}
ul.topmenu li.hem a.selected { background-position: 0 -25px; 	
} 
ul.topmenu li.bandet a.selected{ background-position: -111px -25px; 	
} 
ul.topmenu li.spelningar a.selected { background-position: -222px -25px; 	
} 
ul.topmenu li.video a.selected { background-position: -333px -25px; 	
} 
ul.topmenu li.bilder a.selected{ background-position: -443px -25px; 	
} 
ul.topmenu li.kontakt a.selected { background-position: -553px -25px; 	
}
.social-proof {height:58px; width:1024px; background:url('../social-proof-bar.png') repeat; position:relative; top:218px;}

/* ---------------------------------------------------------------------- Page Content */
.content-outside-container {padding-top:20px;}
.content-container {float:left; font-family:Verdana, Arial, Tahoma; font-size:12px; color:#676767; line-height:20px; text-align:justify; padding:11px 0 0 0;}



/* -------------------------------------------------------------------- Typography  --------*/

.p-divider { display:block; height:1px; /*width:565px;*/ margin:30px auto 30px; border-bottom: 1px dotted #d7d7d7; }
h2.first { margin: 0 0 0 0;  text-align:left; }
h2 { font-family:Arial, Verdana, Tahoma; text-transform: uppercase; color: black; font-size: 19px; margin:30px 0 0 0; text-align:left; }
h3 { font-family:Arial, Verdana, Tahoma; text-transform: uppercase; color: black; font-size: 15px; margin:30px 0 0 0; text-align:left; }



/* -------------------------------------------------------------------- Gallerystyle  --------*/

.img-style {
	border: 1px solid #333;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
iframe {
	border: 1px solid #333;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
hr {
	border: 1px solid #333;
}