/*view abstract classes-----------------------------------------------------------------------------*/
#imageSWrapper{
	width: 100%;
	height: 100%;
}
#imagePWrapper{
	width: 100%;
	height: 100%;
}
#imageAccessSWrapper{
	width: 100%;
	height: 200px
}
#imageAccessPWrapper{
	width: 100%;
	height: 200px;
	background-size: 75%;
}
#androidImage1Wrapper{
	width: 100%;
	height: 200px
}
#androidImage2Wrapper{
	width: 100%;
	height: 200px
}
#androidImage3Wrapper{
	width: 100%;
	height: 200px
}
#specsPImageWrapper{
	width: 100%;
	height: 200px
}
#specsSImageWrapper{
	width: 100%;
	height: 200px
}

.abstractView {
	position: relative;
	text-align: center;
	background-color: #FFFFFF;
}

.abstractView h1{
	position: relative;
	font-size: 25px;
	margin: 0;
	padding-top:20px;
	z-index: 4;
}
.abstractView h2{
	position: relative;
	font-size: 13px;
	padding-top:5px;
	color: #585757;
	line-height: 19px;
}
.abstractView h3{
	position: relative;
	color: #585757;
	text-align: center;
}

.verticalDataWrapper a{
	text-decoration: none;
	color: #FFFFFF;
}

.textContainer{
	position: absolute;
}
.textContainerLeftRow{
	position: absolute;
	text-align: center;
}
.textContainerRightRow{
	position: absolute;
	text-align: center;
}

#textStartBottomConatiner{
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: 30px;
	font-size: 16px;
}

.overViewImage {
	position: absolute;
	width:100%;
	height:280px;
	background:none no-repeat center;
	/*background-image: url('../img/views/mainNavigationSpritesheet.jpg');*/
	background-size: cover;
	bottom: 0px;
}

.abstractGalleryBulletPoints{
	position: absolute;
	bottom: -50px;
	left: 0px;
	z-index: 5;
}

#loaderAppGallery{
	position: relative;
	height:120px;
}
#imageAppWrapper{
	height:120px;
	overflow: hidden;
}

.revooContainer{
	height: 40px;
}

/*view individuell image-----------------------------------------------------------------------------*/
#tabletStartImage{
	bottom: 50px;
}

#storeStartImage{
	top: 0px;
}

#footerStartImage{
	top: 0px;
}
#videoStartImage{
	width:100%;
	height:100%;
	background-size: 100% 100%;
	background-image:url("../img/views/video/video-view-bg.jpg");
	background-repeat: no-repeat;
	background-position:center;
	vertical-align: middle;
}

/*view individuell color-----------------------------------------------------------------------------*/
#footerView{
	background-color: #000000;
}

#storeStartView{
	background-color: #000000;
}

/*view individuell text-conteiner-----------------------------------------------------------------------------*/
#navigationLabel{
	position: fixed;
	color: #FFFFFF;
	font-size: 9px;
	text-align: center;
	z-index: 2;
	width:80%;
	opacity: 0;
}

#textStartConatiner{
	height: 100%;
	width: 100%;
}

#textStartConatiner h1{
	font-size: 34px;
}

#textStartConatiner h3{
	width: 100%;
	text-shadow: -1px 0 white, 0 1px white,
      1px 0 white, 0 -1px white
}

#tabletsStartView h1{
	color: #0197D6;
}
#appsView h1{
	color: #F58426;
}
#appsStartView h1{
	color: #F58426;
}
#androidStartView h1{
	color: #00B358;
}

#tabletPCustom h3{
	padding-top: 0px;
	font-size: 13px; 
}
#tabletSCustom h3{
	padding-top: 0px;
	font-size: 13px;
}

#tabletSCustom h1{
	padding-bottom: 18px;
}
#tabletSCustom img{
	padding-left: 10px;
	width: 7px;
	height: 14px;
}
#tabletPCustom img{
	padding-left: 10px;
	width: 7px;
	height: 14px;
}

.abstractImprovedLoader{
	position: absolute;
	width: 100%;
	height: 50%;
	vertical-align: middle;
	opacity: 0.8;
}

#improvedAndroidView h2{
	padding-top: 0px;
}
#updateAndroidView h2{
	padding-top: 0px;
}
#enhancedAndroidView h2{
	padding-top: 0px;
}

/*navigation, footer, header-----------------------------------------------------------------------------*/
#homeLogo{
	position: absolute;
	text-align: center;
	width: 100%;
	z-index:2;
}

#navigationBar {
	background-color: #000000;
	font-size: 30px;
	position: fixed;
}

#footer {
}

/*side menu*/
#sideMenu{
	position: fixed;
	top: 45px;
	left: -200px;
	z-index:4;
}

.sideMenuPoint{
	display: inherit;
	background-color: #9FE1F8;
	font-size: 15px;
	font-family: 'AvantGardeGothicITCW01M 731087';
	border-bottom:1px solid #FFFFFF;
}

.sideMenuPoint img{
	position: absolute;
	right: 10px;
}
.sideMenuText{
	text-align: center;
}
.sideMenuText h3{
	font-size: 14px;
	margin : 0;
}
.hiddenMenuText{
	display: none;
}

#sideMenuPoint1{
	color:#FFFFFF;
}
#sideMenuPoint2{
	color:#FFFFFF;
}

#sideMenuPoint3{
	color:#FFFFFF;
}
#sideMenuPoint4{
	color:#FFFFFF;
}

#sideMenuPoint4{
	border-bottom:1px solid #B7B7B7;
}
#sideMenuPoint5{
	border-bottom:1px solid #B7B7B7;
}

/*componets - videoplayer, buttons, loader-----------------------------------------------------------------------------*/
#video-player{
	opacity: 0;
	position: fixed;
	top:0px;
	left:0px;
}

#swipeTabletSbutton{
	bottom: 0px;
	right: 0px;
}

#swipeTabletPbutton{
	bottom: 0px;
	left: 0px;
}

.swipeButton{
	position: absolute;
	width: 70px;
	height: 70px;
}

#shareTwitterButton{
	position: absolute;
	color: #FFFFFF;
	text-align: center;
	display: inline;
}
#shareFacebookButton{
	position: absolute;
	color: #FFFFFF;
	text-align: center;
	display: inline;
}

.abstractLoader{
	position: absolute;
	top: 10px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image:url("../img/views/ajax-loader.gif");
	background-repeat: no-repeat;
	background-position:center;
	vertical-align: middle;
}

.abstractMainLoader{
	position: absolute;
	top: 10px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image:url("../img/views/MainLoaderAnimation.gif");
	background-repeat: no-repeat;
	background-position:center;
	vertical-align: middle;
}

.smallArrow{
	width:7px;
	height:10px;
	padding-left: 5px;
	padding-bottom: 3px;
}

#menuButton{
	position: fixed;
	width: 40px;
	height: 45px;
	z-index:3;
}

.menuButtonGrafic{
	position: fixed;
	width: 21px;
	height: 3px;
	left: 10px;
	background-color: #ffffff;
}

#menuButtonGrafic1{
	top:17px;
}
#menuButtonGrafic2{
	top:23px;
}
#menuButtonGrafic3{
	top:29px;
}

#homeButton{
	position: fixed;
	right: 10px;
	top: 0px;
	z-index: 3;
}

#selectorButton{
	position: fixed;
	right: 10px;
	top: 0px;
	z-index: 2;
}

#loadingAnimation {
	position: fixed;
	background-color: #FFFFFF;
	text-align: center;
	z-index:8;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
}

#getPostionCodeButton{
	position: relative;
	width: 300px;
	left: 10px;
	background-color: #000000;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	-moz-border-radius:0px;
	-khtml-border-radius:0px;
	opacity: 0.8;
	margin-top: 10px;
}

#setPostionCodeField{
	position: relative;
	width: 300px;
	height: 70px;
	left: 10px;
	background-color: #000000;
	color: #FFFFFF;
	-moz-border-radius:0px;
	-khtml-border-radius:0px;
	opacity: 0.8;
	margin-top: 20px;
}

#ytLogo{
	position: absolute;
	padding-top: 40px;
}

#setPostionCodeField img{	
	position: absolute;
	right: 13px;
	top: 14px;
}

#inputPlzCode{
	position: absolute;
	font-size: 20px;
	height: 44px;
	left: 10px;
	top: 10px;
}

.galleryButton{
	position: absolute;
	width: 125px;
	background-color: #0197d6;
	color: #FFFFFF;
	bottom: 22px;
	text-align: center;
	-moz-border-radius:0px;
	-khtml-border-radius:0px;
	z-index: 6;
}
.galleryButton h3{
	position: static;
	color: #FFFFFF;
	text-align: center;
}
.galleryOrangeButton h3{
	position: static;
	color: #FFFFFF;
	text-align: center;
}

.galleryOrangeButton{
	position: absolute;
	width: 125px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #F58426;
	color: #FFFFFF;
	bottom: 22px;
	text-align: center;
	-moz-border-radius:0px;
	-khtml-border-radius:0px;
	z-index: 6;
}

#loaderAppGallery{
	position: relative;
}

#loaderAccessPGallery{
	height: 220px;
	position: absolute;
}

#loaderAccessSGallery{
	height: 220px;
	position: absolute;
}

#tabletSAccess h2{
	z-index: 9;
}

#tabletPAccess h2{
	z-index: 9;
}

#footerLinks a{
	text-decoration: none;
	color: #FFFFFF;
}

#shareFacebookButton a{
	text-decoration: none;
	color: #FFFFFF;
}

#shareTwitterButton a{
	text-decoration: none;
	color: #FFFFFF;
}
#shareFacebookButton h2{
	color: #FFFFFF;
}
#shareTwitterButton h2{
	color: #FFFFFF;
}


#footerButtons{
	width: 100%;
	display: inline;
	position: absolute;
	top: 60px;
}

#footerLikeButton{
	position: absolute;
}
#footerPinButton{
	position: absolute;
}

#footerGoogleButton{
	position: absolute;
}

#footerLinks{
	position: absolute;
	bottom: 27px;
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	z-index: 5;
}

#footerCopyrights{
	position: absolute;
	bottom: 5px;
	width: 100%;
	text-align: center;
	color: #999999;
}

#footerCopyrights h2{
	font-size: 9px;
}

/*view - construct horizontal / vertical, slider-----------------------------------------------------------------------------*/
.listView{
	float:left;
	text-align: center;
	overflow: hidden;
}

.abstractVerticalWrapper {
	position:absolute; z-index:1;
	top:45px; bottom:0; left:0;
	width:100%;
	overflow:auto;
}

.abstractVerticalScroller {
	width:100%;
	float:left;
	padding:0;
}

.abstractVerticalScroller ul {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}

.abstractHorizontalWrapper {
	position: absolute;
	z-index:5;
	left:0;
	width:100%;
}

.abstractHorizontalScroller {
	width:100%;
	float:left;
	padding:0;
}

.abstractHorizontalScroller ul {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}

.leftArrow{ 
	position: absolute;
	left: 10px;
	background-image:url("../img/icons/arrow-white-left.png");
	background-repeat: no-repeat;
	background-position:center;
	vertical-align: middle;
	width:14px;
	height:21px;
}
.rightArrow{
	position: absolute;
	right: 10px;
	background-image:url("../img/icons/arrow-white-right.png");
	background-repeat: no-repeat;
	background-position:center;
	vertical-align: middle;
	width:14px;
	height:21px;
}

.bottomArrow{
	position: absolute;
	bottom: 10px;
	background-image:url("../img/icons/arrow-black-down.png");
	background-repeat: no-repeat;
	background-position:center;
	vertical-align: middle;
	width:21px;
	height:14px;
}

.bottomArrowBig{
	position: absolute;
	bottom: 10px;
	background-image:url("../img/icons/arrow-black-down-big.png");
	background-repeat: no-repeat;
	background-position:center;
	vertical-align: middle;
	width:40px;
	height:27px;
}
.revooPMark{
	position: absolute;
}
#htmlFallbackText{
	color: #00FF00;
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
}
#videoTextContainer h2{
	color: #333333;
	text-shadow: -1px 0 black, 0 1px black,
      1px 0 black, 0 -1px black
}
@media (max-height: 450px)
{
	#appsView h2 
	{
		display:none;
	}
	
	.abstractView h1{
	padding-top:5px;
	font-size: 20px;
	line-height: 25px;
	
	
	}
	.abstractView h2{
		padding-top:0px;	
		font-size: 10px;
	}
	
	#textStartConatiner h1
	{
		padding-top:25px;		
	}
	
	#imageAccessPWrapper{
	background-size: 55%;
}
	
}