/* cascading style sheet for vodafone update landingpage
including:
-> main page
-> impressum page
-> install page
author: armin vahidi
date: 05./06.10.2009 
last edited: 26.10.2009
*/


/* common html element styles */

html {
	overflow-y:			scroll;
}

body {
	background:			#012E5C url(../images/background.png) repeat scroll;
	font-family:		arial;
	margin:				0;
	-moz-user-select:	none;
	-khtml-user-select:	none;
}

a, span {
	color:				#fff;
	font-size:			12px;
	font-weight:		bold;
	text-decoration:	none;
}

img {
	border:				none;
}

#vf-preloader {
	position:			absolute;
	left:				-2000px;
	top:				-2000px;
}



/* float-clearer */

.vf-clear {
	clear:				both;
}


/* header styles + header background (first item, don't be confused about name) */

#vf-content-container {
	background:			transparent url(../images/vf_bg_sprite.jpg) no-repeat scroll;
	margin-left:		auto;
	margin-right:		auto;
	width:				985px;
}

#vf-logo {
	background:			transparent url(../images/en/vf_logo.png) no-repeat scroll;
	height:				233px;
	margin:				0 0 0 20px;
	width:				279px;
}

#vf-logo-link {
	display:			block;
	height:				100%;
}

#vf-menu {
	background:			transparent url(../images/vf_menu.png) repeat-x scroll;
	height:				40px;
	margin:				32px 0 0 420px;
	width:				565px;
}

.vf-menu-link{
	float:				left;
	height:				40px;
	line-height:		38px;
	text-align:			center;
}

.ov {
	width:				83px;
}

.an {
	width:				74px;
}

.bb {
	width:				93px;
}

.ip {
	width:				69px;
}

.bv {
	width:				79px;
	background:			transparent url(../images/en/new.png);
	background-repeat:	no-repeat;
}

.ds {
	width:				79px;
}

#vf-menu-active {
	background-color:	#0C7BB7;
	float:				left;
	height:				40px;
	line-height:		38px;
	text-align:			center;
	width:				83px;
}

#vf-menu-link-install {
	background:			transparent url(../images/vf_install_menu.png) repeat scroll;
	float:				left;
	height:				40px;
	line-height:		38px;
	text-align:			center;
	width:				88px;
}

#vf-menu-link-install-active {
	background-color:	#F39501;
	float:				left;
	height:				40px;
	line-height:		38px;
	text-align:			center;
	width:				88px;
}


/* content styles */

#vf-content {
	background:			transparent url(../images/vf_menu.png) repeat scroll;
	height:				417px;
	width:				985px;
}

#vf-install-content {
	background:			transparent url(../images/vf_menu.png) repeat scroll;
	height:				660px;
	width:				985px;
}

#vf-main-teaser {
	background:			url(../images/en/vf_teaser_sprite.png) 0 -15px;
	height:				125px;
	margin:				0 0 0 22px;
	padding:			10px 0 0 0;
	width:				810px;
}

#vf-install-teaser {
	background:			url(../images/en/vf_teaser_sprite.png) -16px -145px;
	height:				34px;
	margin:				0 0 0 22px;
	position:			relative;
	top:				15px;
	width:				459px;
}

#vf-install-link {
	display:			block;
	height:				110px;
	width:				110px;
	margin:				5px 0 0 700px;
}

#vf-main-text {
	float:				left;
	margin:				70px 20px 0 33px;
}

#vf-phones {
	float:				left;
	margin:				-20px 0 0 20px;
	width:				990px;
}

#vf-main-desktop, #vf-main-android, #vf-main-blackberry, #vf-main-iphone, #vf-main-betavine {
	background-image:	url(../images/skins/vf_small_sprite_en.png);
	float:				left;
	margin:				0 40px 0 0;
	position:			relative;
}

.vf-main-links {
	display:			block;
	height:				100%;
}

#vf-main-desktop {
	height:				293px;
	width:				198px;
}

#vf-main-android {
	background-position:-206px;
	height:				283px;
	top:				12px;
	width:				145px;
}

#vf-main-blackberry {
	background-position:-395px;
	height:				280px;
	top:				12px;
	width:				158px;
}

#vf-main-iphone {
	background-position:-600px;
	height:				285px;
	top:				10px;
	width:				146px;
}

#vf-main-betavine {
	background-position:-786px 2px;
	height:				292px;
	top:				1px;
	width:				140px;
}

#vf-install-rows {
	float:				left;
	margin:				40px 20px 20px 20px;
	width:				985px;
}

#vf-install-desktop, #vf-install-android, #vf-install-blackberry, #vf-install-iphone, #vf-install-betavine {
	background-image:	url(../images/en/vf_installpage_sprite.png);
	float:				left;
	height:				430px;
	margin:				0 10px 0 0;
	width:				171px;
}

#vf-ins-android, #vf-ins-blackberry, #vf-ins-betavine {
	background-image:	url(../images/skins/vf_small_sprite_en.png);
	background-repeat:	no-repeat;
	float:				left;
	position:			relative;
}

#vf-install-desktop {
	width:				215px;
}

#vf-install-android {
	background-position: -216px;
}

#vf-install-blackberry {
	background-position: -386px;
}

#vf-install-iphone {
	background-position: -557px;
}

#vf-yellowbox-ip-link {
	border:				none;
	margin:				75px 0 0 6px;
}

#vf-install-betavine {
	background-position: -728px;
}

#vf-ins-desktop {
	background-image:	url(../images/skins/vf_desktop_nt_en.png);
	background-repeat:	no-repeat;
	margin:				75px 0 0 35px;
	width:				191px;
	height:				245px;
}

#vf-ins-android {
	background-position:-205px 0;
	height:				260px;
	margin:				280px 0 0 17px;
	width:				181px;
}

#vf-ins-blackberry {
	background-position:-400px 0;
	height:				255px;
	margin:				280px 0 0 15px;
	width:				181px;
}

#vf-ins-iphone {
	background-image:	url(../images/skins/vf_iphone_nt_en.png);
	background-repeat:	no-repeat;
	height:				245px;
	margin:				152px 0 0 20px;
	width:				181px;
}

#vf-ins-betavine {
	background-position:-795px 0;
	height:				260px;
	margin:				280px 0 0 35px;
	width:				181px;
}


/* footer styles */

#vf-footer {
	line-height:		13px;
	margin:				15px 0 10px 15px;
}

#vf-copyright {
	cursor:				default;
	font-weight:		normal !important;
}


/* impressum styles */

#vf-impressum-content {
	background:			transparent url(../images/vf_menu.png) repeat scroll;
	width:				985px;
}

#vf-features-headline {
	color:				#99C5DF;
	font-weight:		bold;
	margin:				0 24px 0 30px;
	padding:			20px 0 0 0;
}

#vf-disclaimer {
	color:				#CCE1EE;
	font-size:			12px;
	font-weight:		normal;
	margin:				0 24px 0 30px;
	padding:			0 0 20px 0;
}