/* @override 
	http://localhost:8888/vmd_php_site/css/vmd_site_2010_main.css
	http://localhost:8888/vmd_php_site/css/text.css
	http://vmd.no/2010site/css/vmd_site_2010_main.css
	http://www.vmd.no/css/vmd_site_2010_main.css
	http://vmd.no/css/vmd_site_2010_main.css
*/

html
{
	
}


body
{
	background: #ebebeb url(../images/mainContainerBgRep.png) repeat-x top left;
	
	
	font-family: Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 11px;
	font-style: normal;
	
	letter-spacing: normal;
	line-height: 1.4em;
	
}

a
{
	outline: hidden;
	
}
a:hover
{
	outline: 0 none;
	text-decoration: none;
}
a, a:active
{
	outline: 0 none;
	text-decoration: none;
	
}
:focus
{
	outline: 0;
}

.content
{
	margin-bottom: 0px;
}

.content h1, 
.content h2
{
	
}


/*----------------------- */
#mainContainer 
{
	
	min-height: 800px;
}


/* Videoplayer */
object#flashvars {}



#logginnPanel
{
	position:absolute;
	top: -120px;
	left: 50%;
	margin-left: -470px;
}

#logginnPanel #logginnRep
{
	background: transparent url(../images/logginnpanelBunn_rep.png) repeat-y top left;
}

#logginnPanel #logginnRep p
{
	padding: 0 40px 0 40px;
	font-size: 10px;
	color: #999;
}

#logginnPanel #logginnButtom
{
	position: relative;
	z-index: 100;
	height: 60px;
	background: transparent url(../images/logginnpanelBunn.png) no-repeat top left;
}

#logginnPanel #logginnButtom a
{
	width: 130px;
	height: 30px;
	line-height: 30px;
	position:absolute;
	top: 12px;
	right: 105px;
	text-align: center;
	z-index: 200;
	font-size: 10px;
	color: #faa400;
	display: block;
}






#mainContainer #header
{
	height:116px;
}

#mainContainer #header h1
{
	position: absolute;
	top: 30px;
	left: 0;
}

#mainContainer #header h1 a
{
	display: block;
	width: 400px;
	height: 60px;
	background: transparent url(../images/visiblemediadesignlogo.png) no-repeat top left;
	text-indent: -9999px;
}

#mainContainer #menu ul
{
	margin: 0 0 0 20px;
	padding: 0	;
	list-style: none;
	overflow: hidden;
}
#mainContainer #menu ul li 
{
	margin-left: 1px;
	margin-top: -12px;
	float: left;
	height: 40px;
	background: transparent url(../images/main_menu_bg.png) no-repeat bottom left;
}

#mainContainer #menu ul li a,
#mainContainer #menu ul li a:visited
{
	font-family: Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 11px;
	font-style: normal;
	letter-spacing: normal;
	display: block;
	width: 90px;
	height: 38px;
	line-height: 50px;
	text-align: center;
	
	text-decoration: none;
	border: 0px solid red;
}

#mainContainer #menu ul li a:hover
{	
	color: #b9cb06;
}

#mainContainer #menu ul li a.active
{
	background: transparent url(../images/active_arrow.png) no-repeat 50% 1px;
}





#mainContainer #mainTop
{
	height: 40px;
	margin-top: 100px;
	background: transparent url(../images/mainTop.png) no-repeat top left;
}
#mainContainer #mainTopSpiller
{
	height: 80px;
	margin-top: 0px;
	background: transparent url(../images/mainTop.png) no-repeat bottom left;
}


/*FORSIDEN*/
#mainContainer  #forsidenBanner
{
	height:   700px;
	margin-top: 40px;
	background: transparent url(../images/forsiden.png) no-repeat bottom left;
	margin-bottom: 100px;
	
}
#forsidenBanner #headerForsiden
{
	position: relative;
	top: 100px;
	left: 150px;
}
#forsidenBanner #forsidenTextField
{
	position: relative;
	top: 285px;
	left: 470px;
	width: 420px;
}
#forsidenTextField h2
{
	margin-bottom: 3px;
}

#forsidenTextField p
{
	margin-bottom: 15px;
	margin-top: 10px;
	color: #5a5a59;
}

#mainContainer p #DemoLink
{
	float: left;
	margin-left: 20px;
	background: transparent url(../images/se_demo.png) no-repeat top left;
}

/*PRODUKTER SIDEN*/
#mainContainer  #produkterBanner
{
	
	height:   700px;
	margin-top: 40px;
	background: transparent url(../images/produkt_siden_top.png) no-repeat bottom left;
	margin-bottom: 100px;
	
}

#produkterBanner #headerprodukter
{
	position: relative;
	top: 100px;
	left: 140px;
}

#produkterBanner #produktNavn
{
	position: relative;
	top: 115px;
	left: 23px;
	width: 893px;
	height: 50px;
	overflow: hidden;
}
#produktNavn li
{
	float: left;
	width: 144px;
	margin-left: 62px;
	text-align: center;
	
}
#produktNavn a
{
	color: #5a5a59;
}

#produktBeskrivelse
{
	position: absolute;
	top: 200px;
	left: 60px;
	float: left;
}

.produktBoble
{
	margin-left: 13px;
	float: left;
	width: 195px;
	background: transparent url(../images/produktBoble_top.png) no-repeat top left;
	
}

#first
{
	margin-left: 0px;
}
.produktBoble ul
{
	padding-top: 42px;
	padding-bottom: 25px;
	background: transparent url(../images/produktBoble_bunn.png) no-repeat bottom left;
	
}

.produktBoble li
{
	padding: 0;
	margin: 0;
	padding-left: 25px;
	list-style-image: url(../images/produkt_bullet.png);
	list-style-position: inside;
	background: transparent url(../images/produktBoble_rep.png) repeat-y bottom left;
	font-size: 9px;
}

#produkterTextField
{
	position: absolute;
	top: 435px;
	left: 590px;
	width: 250px;
}
#produkterTextField h2
{
	margin-bottom: 3px;
}

#produkterTextField p
{
	margin-bottom: 15px;
	margin-top: 10px;
	color: #5a5a59;
}

#mainContainer p #DemoLink
{
	
	float: left;
	margin-left: 20px;
	background: transparent url(../images/se_demo.png) no-repeat top left;
}

.produktHolder
{
	position: relative;
	
	height: 250px;
	background: transparent url(../images/produkt_bg.png) no-repeat top left;
	
	color: #5a5a59;
}
.produktHolder h3
{
	margin: 10px 0px 5px 20px;
	font-size: 12px;
	font-weight: normal;
	color: black;
}
.produktHolder ul
{
	margin-top: 10px;
}	
.produktHolder ul li
{
	list-style-image: url(../images/orange_bullet.png);
	list-style-position: inside;
	margin-left: 20px;
	font-size: 9px;
}

.produktHolder img
{
	position: absolute;
	top: 25px;
	left: 140px;
}

.produktTextHolder p
{
	margin-bottom: 10px;
}

/*END PRODUKTER SIDEN*/


/*OM_OSS_SIDEN*/
#mainContainer  #omOssBanner
{
	height:   700px;
	margin-top: 40px;
	background: transparent url(../images/omOss.png) no-repeat bottom left;
	margin-bottom: 100px;
	
}

#omOssBanner #headerOmOss
{
	position: relative;
	top: 100px;
	left: 150px;
}

#omOssTextField
{
	width: 330px;
	position: relative;
	top: 125px;
	left: 150px;
	color: #5a5a59;
}

#omOssTextField h2
{
	margin: 0;
	padding: 0;
}

#omOssTextField p
{
	margin-top: 5px;
	margin-bottom: 20px;
}

.OmOssHolders
{
	margin-top: 20px;
}
/*END OM_OSS_SIDEN SIDEN*/




/*START KONTAKT_OSS SIDEN*/

#mainContainer  #kontaktOssBanner
{
	position: relative;
	height:   700px;
	margin-top: 40px;
	background: transparent url(../images/kontakt.png) no-repeat bottom left;
	margin-bottom: 100px;
	color: #5a5a59;
}

#contentWrapper
{
	float: left;
	margin-top: 100px;
	margin-left: 150px;
	width: 750px;
	
}

#kontaktOssBanner #headerOmOss
{
	
}

#kontaktOssBanner #kontaktInfo
{
	float: left;
	width: 700px;
}

#kontaktOssBanner #sendFormHeader
{
	margin-top: 50px;
	margin-bottom: 20px;
	width: 700px;
	float: left;
}

#kontaktOssBanner #leftContent
{
	float: left;
	width: 280px;
	margin-right: 40px;
}

#kontaktOssBanner #rightContent
{
	float: left;
	width: 350px;
	
}

#kontaktOssBanner p
{
	margin: 0;
	padding: 0;
}

#kontaktInfo h4
{
	font-size: 12px;
	margin-bottom: 2px;
	margin-top: 10px;
	
}

#kontaktOssBanner #kontakt_oss_field
{
	width: 700px;
}


.alle_felter span
{
	color: #eb8a2b;
}

#kontaktOssBanner #kontakt_oss_field input,
#kontaktOssBanner #kontakt_oss_field textarea, 
#kontaktOssBanner #kontakt_oss_field select {
	background: #fefdfd url(../images/kontakt_oss_form_bg_rep.png) repeat-x;
	border: 1px solid #e3e2e2;
	width: 250px;
	padding: 4px;
	font-size: 10px;
	margin-bottom: 10px;
}

#kontaktOssBanner #kontakt_oss_field form {
	position: relative;
}
#kontaktOssBanner #kontakt_oss_field label {
	display: block;
	font-weight: bold;
}

#kontaktOssBanner #kontakt_oss_field span
{
	color: #eb8a2b;
}

#kontaktOssBanner #kontakt_oss_field p.taAbsolute textarea {
	width: 350px;
	height: 155px;
}

#kontaktOssBanner #kontakt_oss_field input#btnSend
{
	background: transparent url(../images/send.png) no-repeat 2px left;
	width: 100px;
	height: 31px;
	margin-top: 5px;
	cursor: pointer;
	text-align: left;
	color: #fff;
	padding-left: 15px;
	border: 0px solid red;
}

#sendFormHeader h2
{
	margin: 0;
	padding: 0;
}

/*END KONTAKT_OSS SIDEN*/









#mainContainer ul.tabMenu
{
	position: absolute;
	top: 70px;
	display: block;
	padding-top: 18px;
	padding-left: 50px; 
	list-style: none;
	z-index: 9;
}

#mainContainer ul.tabMenu li
{
	float: left;
	margin: 0;
	padding: 0;
}

#mainContainer ul a.webTv-Demo
{
	text-indent: -9999px;
	display: block;
	width: 120px;
	height: 30px;
	background: transparent url(../images/tabMeny_tv_opp.png) no-repeat top left;
}
#mainContainer ul a.spiller
{
	text-indent: -9999px;
	display: block;
	width: 120px;
	height: 30px;
	background: transparent url(../images/tabMeny_sp_opp.png) no-repeat top left;
}
#mainContainer ul a.funksjon
{
	text-indent: -9999px;
	display: block;
	width: 120px;
	height: 30px;
	background: transparent url(../images/tabMeny_fn_opp.png) no-repeat top left;
}

#mainContainer ul a.webTv-Demo.active 
{
	text-indent: -9999px;
	display: block;
	width: 119px;
	height: 30px;
	background: transparent url(../images/tabMeny_tv_ned.png) no-repeat top left;
}
#mainContainer ul a.spiller.active
{
	text-indent: -9999px;
	display: block;
	width: 118px;
	height: 30px;
	background: transparent url(../images/tabMeny_sp_ned.png) no-repeat top left;
}
#mainContainer ul a.funksjon.active
{
	text-indent: -9999px;
	display: block;
	width: 119px;
	height: 30px;
	background: transparent url(../images/tabMeny_fn_ned.png) no-repeat top left;
}
#mainContainer .active
{
	width:142px;
}
#mainRep #spImage
{
	margin-bottom: 0px;
}
#mainContainer #mainRep
{
	background: transparent url(../images/main_rep.png) repeat-y top left;
}









#secondaryContainerTop
{
	height: 2px;
	background: transparent url(../images/secondaryContainerTop.png) no-repeat top left;
}

#secondaryContainerDemoTop
{
	height: 2px;
	background: transparent url(../images/secondaryContainerDemoTop.png) no-repeat top left;
}

#funksjonerTopTekst
{
	margin-top: 20px;
	height: 200px;
	
}
#funksjonerTopTekst h1, #funksjonerTopTekst h2
{
	margin-bottom: 10px;
}

#secondaryContainerRep
{
	height: 300px;
	background: transparent url(../images/secondaryContainerRep.png) repeat-y top left;
}

#secondaryContainerDemoSideRep
{
	background: transparent url(../images/secondaryContainerDemoSideRep.png) repeat-y top left;
}

.secondaryContentHolder
{
	position: relative;	
}
.secondaryContentHolder img.funksjonsIkoner
{
	position: absolute;
	top: 170px;
	left: 0px;
	z-index: 1;
}

.secondaryContentHolder img.unikeBruker {
	left: 50px;
}



#secondaryContainerRep .alpha p
{
	margin-right: 40px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#secondaryContainerRep p
{
	margin-bottom: 10px;
	margin-top: 10px;
}
#secondaryContainerDemoSideRep .alpha p
{
	margin-right: 30px;
}
#secondaryContainerRep .omega p, 
#secondaryContainerRep .omega h2
{
	margin-left: 50px;
}
#secondaryContainerDemoSideRep .omega p
{
	margin-left: 30px;
}
#secondaryContainerDemoSideRep .omega h2
{
	margin-left: 30px;
}
#secondaryContainerRep h2, 
#secondaryContainerDemoSideRep h2
{
	margin-top: 10px;
	margin-bottom: 5px;
	line-height: 30px;	
}



			






#mainContainer #leftRep {
	
}

#mainContainer #rightRep {
	
}

#mainContainer .gradient {
	padding-top: 70px;
	min-height: 270px;
	background: transparent url(../images/main_gradient.png) no-repeat top left;
	
}





#mainContainer #mainBottom
{
	height: 40px;
	background: transparent url(../images/mainBottom.png) no-repeat top left;
}
#mainContainer #mainBottom_spillere
{
	
	height: 40px;
	background: transparent url(../images/mainBottom_spillere.png) no-repeat top left;	
}





.seksjon
{
	margin-bottom: 30px;
}

#mainUnderContent h2
{
	font-size: 16px;
	padding: 0;
	margin-top: 1px;
	margin-bottom: 10px;
	color: #3b3b3b;
}

#mainUnderContent p
{
	color: #3b3b3b;
}

#whiteevider
{
	height:22px;
	background: transparent url(../images/white_devider.png) no-repeat top left;
	margin-bottom: 30px;
	margin-top: 30px;
}



/*------------------------------FOOTER START------------------------------*/
#footerContainer h3
{
	font-size: 12px;
	margin-bottom: 5px;
}

#footerContainer h4
{
	font-size: 10px;
	margin-bottom: 2px;
	margin-top: 3px;
}

#footerContainer p
{
	font-size: 10px;
	margin-top: 1px;
	margin-bottom: 1px;
}

#footerContainer
{
	height: 200px;
	clear: both;
	background: #ebebeb url(../images/footerBgRep.png) repeat-x top left;
}

#footerContainer #footerContent
{
	padding-top: 30px;
	width: 820px;
	margin: 0 auto;
}

#footerContainer #footerMeny
{
	padding-top: 20px;
	width: 200px;
	float: left;
	background: transparent url(../images/footerRepeater.png) repeat-y top right;
}
#footerMeny ul
{
	list-style: none;
}
#footerMeny li
{
	margin: 0;
}
#footerMeny li a
{
	color: #fff;
	display: block;
	width: 150px;
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	background: transparent url(../images/footer_nav_white_arrow.png) no-repeat center right;
}

#footerContainer #footerKontakt
{
	width: 250px;
	margin-left: 30px;
	float: left;
	background: transparent url(../images/footerRepeater.png) repeat-y top right;
	
}
#footerContainer #footerCopyRight
{
	width: 300px;
	margin-left: 30px;
	float: left;
	
}
#footerContainer #footerCopyRight img
{
	margin-top: 70px;
}
#footerContainer #footerCopyRight p
{
	margin-left: 25px;
}
/*------------------------------FOOTER END------------------------------*/





/*------------------------------TABLE START------------------------------*/
table
{
	width: 90%;
}

th, td
{
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #e7e7e7;
	border-top: 1px solid #e7e7e7;
	border-left: 1px solid #e7e7e7;
	border-right: none;
	background-color: #fff;
}

.compareCol
{
	border-top: none;
	border-left: 1px solid #e7e7e7;
	padding:0;
	height: 127px;
	background: transparent url(../images/table_black_top.png) repeat-x top left;
	
	
}

#myLeft
{
	border-left: none;
	margin: 0;
	padding: 0;
	width: 109px;
	background: transparent url(../images/table_black_left.png) no-repeat top left;
}

#myRight
{
	margin: 0;
	padding: 0;
	width: 110px;
	background: transparent url(../images/table_black_right.png) no-repeat top right;
}

.bottomClass
{
	border: none;
	border-bottom: none;
	background: transparent url(../images/table_black_bottom.png) repeat-x bottom left;
}

#myLeftBunn
{
	border-left: none;
	margin: 0;
	padding: 0;
	height: 49px;
	width: 109px;
	background: transparent url(../images/table_black_left_bunn.png) no-repeat bottom left;
}

#myRightBunn
{
	border-right: none;
	margin: 0;
	padding: 0;
	height: 49px;
	width: 109px;
	background: transparent url(../images/table_black_right_bunn.png) no-repeat bottom right;
}

tr.bottomRow td
{
	border-bottom: none;
}


.infoCell
{
	text-align: left;
}
/*------------------------------TABLE END------------------------------*/




/*----------------------------------KNAPPER--------------------------*/
#mainContainer #mainRep p a, #forsidenBanner p a
{
	margin: 0;
	padding: 0;
	display: block;
	width: 105px;
	height: 30px;
	float: left;
	background: transparent url(../images/kontakt_oss.png) no-repeat top left;
	text-indent: -9999px;
}

#mainRep p a, 
#secondaryContainerDemoSideRep p a, 
#secondaryContainerRep p a , 
#mainUnderContent p a
{
	position: relative;
	z-index: 20;
	display: block;
	width: 123px;
	height: 35px;
	background: transparent url(../images/lesMer.png) no-repeat top left;
	text-indent: -9999px;
}



/*----------------------HEADER TEXT REPLACEMENT----------------------*/
h1.headerReplacement {
	width: 350px;
}
h1.headerReplacement span
{
	display: block;
	width: 350px;
	height: 0;
	text-indent: -9999px;
}
h2.headerReplacement {
	border: 0px solid red;
}

h2.headerReplacement span
{
	display: block;
	width: 280px;
	height: 0;
	text-indent: -9999px;
}





/* RetroTV demo */
div#demoPlayerHolder div#retro {
	background: transparent url(../images/retrotv-bg.png) no-repeat;
	margin-bottom: 0px;
	display: block;
	width: 365px;
	height: 231px;
	position: relative;
}
div#demoPlayerHolder div#retro object {
	border: 0 none;
	margin-bottom: 10px;
	display: block;
	position: absolute;
	top: 32px;
	left: 20px;
}
div#demoThumbs img {
	margin-top: 8px;
}