body{background-color:#000; color:#fff; margin:0; font-family: Arial}
.grid{width:1280px; border:0px solid blue; margin:auto; padding:0}
.grid .header{background:url(../img/bgHeader.jpg) no-repeat; width:1280px; height:119px}
.grid .header .logo{margin:-45px 0 0 30px; cursor:pointer; border:0px}
.grid .header .btnImPrint{position:relative; top:-30px; left:785px; font-style:italic; color:#999999; font-size:12px; text-decoration: none}
.grid .content{ font-family:Arial }
.grid .footer{background:url(../img/bgFooter.png) no-repeat; width:1280px; height:108px}
.grid .footer .fbLike{border:none; overflow:hidden; width:150px; height:21px; position:relative; left:440px; top:55px}
.grid .headIMGContentBG{background:url(../img/headContent.jpg) no-repeat; width:1280px; height:160px}
.grid .headIMGContentBG .headText{position:relative; left:85px; top:120px}
.grid .content .imgBeta{margin:0 0 250px 0}


/* grids overview seite */
.overview .g1{width:1280px; height:374px; background:url(../img/content_Grids1.jpg)}
.overview .g1 .text1{position:relative; top:80px; left:115px; width:410px; height:180px; font-size:20px}
.overview .g3{width:1280px; height:621px; background:url(../img/content_Grids3.jpg); margin:0 0 0 0}
.overview .g3 .text1{position:relative; top:49px; left:587px; width:470px; height:80px; font-size:20px; font-size:14px}
.overview .g3 .text1 div{color:#419ed7; font-weight:bold; margin:0 0 10px 0; font-size:20px}
.overview .ul1{list-style:none; margin:0; padding:0; width:1280px; height:544px}
.overview .ul1 .ul-li1{width:526px; height:544px; float:left}
.overview .ul1 .ul-li1 .Bleft{width:430px; font-size:20px; font-size:14px; margin:30px 0 0 88px}
.overview .ul1 .ul-li1 .Bleft .h1{color:#419ed7; font-weight:bold; margin:0 0 3px 0; font-size:20px}
.overview .ul1 .ul-li1 .Bleft ol{list-style: none; margin:30px 0 0 0; padding:0; width:430px; height:220px; font-size:14px}
.overview .ul1 .ul-li1 .Bleft ol .lisp1{float:left; margin:0 10px 0 0}
.overview .ul1 .ul-li1 .Bleft ol .lisp2{width:430px; height:60px}
.overview .ul1 .ul-li1 .Bleft ol span{font-weight:bold; color:#419ed7}
.overview .ul1 .ul-li1 .Bleft ol .ol-li1{float:left; margin:24px 10px 0 0}
.overview .ul1 .ul-li1 .Bleft ol .ol-li2{width:430px; height:60px; margin:24px 0 0 0}

.overview .ul1 .ul-li1 .Bleft .grid1{width:60px; height:53px; background:url(../img/overviewTabs.jpg) -885px -110px; cursor:pointer}
.overview .ul1 .ul-li1 .Bleft .grid1:hover{width:60px; height:53px; background:url(../img/overviewTabs.jpg) -885px -164px; cursor:pointer}

.overview .ul1 .ul-li1 .Bleft .grid2{width:60px; height:54px; background:url(../img/overviewTabs.jpg) -946px 0px; cursor:pointer}
.overview .ul1 .ul-li1 .Bleft .grid2:hover{width:60px; height:54px; background:url(../img/overviewTabs.jpg) -946px -55px; cursor:pointer}

.overview .ul1 .ul-li1 .Bleft .grid3{width:60px; height:54px; background:url(../img/overviewTabs.jpg) -885px -218px; cursor:pointer}
.overview .ul1 .ul-li1 .Bleft .grid3:hover{width:60px; height:54px; background:url(../img/overviewTabs.jpg) -885px -273px; cursor:pointer}

.overview .ul1 .ul-li1 .Bleft .grid4{width:60px; height:54px; background:url(../img/overviewTabs.jpg) -885px 0px; cursor:pointer}
.overview .ul1 .ul-li1 .Bleft .grid4:hover{width:60px; height:54px; background:url(../img/overviewTabs.jpg) -885px -55px; cursor:pointer}

.overview .ul1 .ul-li2{float:left; width:395px; height:544px; background:url(../img/content_Grids2_iphone.jpg)}
.overview .ul1 .ul-li2 .tab1{margin:94px 0 0 83px; width:221px; height:329px; background:url(../img/overviewTabs.jpg) 0px 0px}
.overview .ul1 .ul-li2 .tab2{margin:94px 0 0 83px; width:221px; height:329px; background:url(../img/overviewTabs.jpg) -221px 0px}
.overview .ul1 .ul-li2 .tab3{margin:94px 0 0 83px; width:221px; height:329px; background:url(../img/overviewTabs.jpg) -442px 0px}
.overview .ul1 .ul-li2 .tab4{margin:94px 0 0 83px; width:221px; height:329px; background:url(../img/overviewTabs.jpg) -663px 0px}

.overview .ul1 .ul-li3{float:left; width:350px; height:544px}
.overview .ul1 .ul-li3 .tb1{margin:93px 0 0 2px; width:240px; height:80px; font-size:14px}
.overview .ul1 .ul-li3 .tb1 div{color:#419ed7; font-weight:bold; margin:0 0 3px 0; font-size:20px}
.overview .ul1 .ul-li3 .tb2{margin:133px 0 0 2px; width:245px; height:80px; font-size:14px}
.overview .ul1 .ul-li3 .tb2 div{color:#419ed7; font-weight:bold; margin:0 0 3px 0; font-size:20px}


/* special only startpage */
.grid .headerSP1{position:relative; z-index:2000; background:url(../img/bgHeader2.png) no-repeat;}
.grid .contentSP1{position:relative; top:-28px}
.grid .footerSP1{top:-57px}


/* faq page*/
.faq{margin:0 0 0 88px; padding:0}
.faq ul{font-size:20px; color:#419ed7; font-weight:bold; margin:25px 0 0 0px; padding:0; list-style:none}
.faq ul .li1{width:565px; float:left}
.faq .ol1{margin:0; padding:0 0 0 25px}
.faq .ol2{margin:0; padding:0 0 0 50px}
.faq .awBox1{width:1130px}
.faq .awBox1 div{font-size:20px; color:#419ed7; font-weight:bold; margin:10px 0 10px 0}
.faq .awBox1 img{margin:0px 0 0 -10px; border:0px}
.faq .awBox2{width:1130px; border-top:2px solid #464749; margin:20px 0 20px 0}
.faq .awBox2 div{font-size:20px; color:#419ed7; font-weight:bold; margin:10px 0 10px 0}
.faq .awBox2 img{margin:0px 0 0 0; position:relative; left:-12px; top:0px; border:0px}
.faq ol a{text-decoration: none; color:#419ed7;}
.faq ol a:hover{text-decoration: none; color:#76d0fa}

/* page hardware */
.hardware{margin:0 0 900px 0}
.hardware .cH1{width:1280px; height:470px; background:url(../img/content_Hardware1.jpg)}
.hardware .cH1 .blk1{width:350px; height:150px; border:0px solid red; position:relative; top:123px; left:110px; font-size:20px}
.hardware .cH1 .blk1 div{color:#419ed7; font-weight:bold; margin:0 0 10px 0}
.hardware .phobo{width:638px; height:800px; border-right:1px solid #474747; float:left; margin:10px 0 0 0}
.hardware .phobo .imgHw1{margin:0 0 0 88px}
.hardware .phobo .imgHw2{margin:20px 0 0 0}
.hardware .phobo .text1{width:474px; height:200px; margin:25px 0 0 88px; font-size:14px}
.hardware .phobo span{font-weight:bold; color:#419ed7}
.hardware .apuri{width:638px; height:800px; border-left:1px solid #474747; float:left; margin:10px 0 0 0}
.hardware .apuri .imgHw3{margin:0 0 0 88px}
.hardware .apuri .contHW3 .akImg4{position:relative; left:30px; top:10px; width:513px; height:253px; cursor:pointer}
.hardware .apuri .contHW3 .akImg5{position:relative; left:65px; top:45px; width:470px; height:251px; cursor:pointer}

.hardware .apuri .contHW3{width:563px; height:572px; background:url(../img/content_Hardware3.jpg); margin:35px 0 0 15px}
.hardware .phobo .contHW2{width:584px; height:498px; background:url(../img/content_Hardware2.jpg); margin:10px 0 0 0}
.hardware .phobo .contHW2 .akImg1{width:496px; height:222px; position:relative; top:50px; left:70px; cursor:pointer}
.hardware .phobo .contHW2 .akImg2{width:232px; height:166px; position:relative; top:85px; left:85px; cursor:pointer}
.hardware .phobo .contHW2 .akImg3{width:232px; height:166px; position:relative; top:-83px; left:330px; cursor:pointer}

.hardware .apuri .text1{width:474px; height:100px; margin:25px 0 0 88px; font-size:14px}
.hardware .apuri span{font-weight:bold; color:#419ed7}
.hardware .apuri .imgHw4{margin:45px 0 0 15px}
.hardware .buttomBtn{width:1280px; height:80px}
.hardware .buttomBtn .l1{position:relative; top:10px; left:280px}
.hardware .buttomBtn .l2{position:relative; top:10px; left:605px}
.hardware .buttomBtn img{cursor:pointer; border:0px}
.hardware .fblike1{border:none; overflow:hidden; width:150px; height:21px; position:relative; left:-515px; top:-3px}
.hardware .fblike2{border:none; overflow:hidden; width:150px; height:21px; position:relative; left:-30px; top:-3px}


/* beta form */
.frmBlock1{width:470px; height:600px; float:left; margin:0 0 0 82px}
.frmBlock1 .pageTitleText{color:#419dd6; font-size:20px; font-weight:bold; width:470px; height:70px; margin:40px 0 0 0}
.frmBlock1 .introText{width:470px; height:140px; margin:0 0 0 0; font-size:14px}
.frmBlock1 .frmBeta{width:470px; height:400px}
.frmBlock1 .frmBeta input{width:210px; height:24px; background:url(../img/tfBetaBG.gif) repeat-x; border:1px solid #353535; color:#727272; padding:0 0 0 2px}
.frmBlock1 .frmBeta .tf1 {float:left}
.frmBlock1 .frmBeta .tf2{margin:0 0 0 15px}
.frmBlock1 .frmBeta .tf3{float:left; margin:12px 0 0 0}
.frmBlock1 .frmBeta .tf4{margin:12px 0 0 15px}
.frmBlock1 .frmBeta .tf5{margin:0 0 0 17px}
.frmBlock1 .frmBeta .osText{float:left; margin:5px 0 0 0; font-size:14px; width:200px; height:20px}
.frmBlock1 .frmBeta .selOS{width:214px; height:26px; border:1px solid #353535; color:#727272; margin:0 0 0 29px; padding:3px 0 0 2px; background:url(../img/tfBetaBG.gif) repeat-x; cursor:pointer; visibilty: collapse;}
.frmBlock1 .frmBeta .btnDD{position:relative; left:413px; top:-27px}
.frmBlock1 .frmBeta .T1{width:440px; height:189px; border:1px solid #353535; color:#727272; background:url(../img/bgTAbeta.gif) repeat-x; margin:10px 0 0; padding:3px 0 0 3px; font-family: Arial; font-size:13px; resize:none;}
.frmBlock1 .frmBeta .T2{width:440px; height:100px; border:1px solid #353535; color:#727272; background:url(../img/bgTAbeta.gif) repeat-x; margin:10px 0 0; padding:3px 0 0 3px; font-family: Arial; font-size:13px; resize:none;}
.frmBlock1 .frmBeta .submit{margin:5px 0 0 8px; padding:0; border:0px; width:185px; height:50px}
.frmBlock1 .frmBeta .twB1{width:444px; height:30px; margin:12px 0 0px 0}
.frmBlock1 .frmBeta .twB2{width:444px; height:30px; margin:8px 0 0px 0}
.frmBlock1 .frmBeta .twB1C{width:444px; height:30px; margin:12px 0 0px 0}
.frmBlock1 .frmBeta .twB1C .osText{text-align:right; margin:4px 0 0 12px}
.frmBlock1 .frmBeta .twB1C .jsDD1{display:none; overflow-y:scroll; height:100px; width:201px}
.frmBlock1 .frmBeta .twB1OS {margin:13px 0 0 0; width:444px; height:30px}
.frmBlock1 .frmBeta .twB1OS input{margin:0 0 0 29px}
.frmBlock1 .frmBeta .twB1OS .jsDD1{display:none}
.frmBlock1 .frmBeta .twB2Ph{width:444px; height:30px; margin:8px 0 0px 0}
.frmBlock1 .frmBeta .twB2Ph input{margin:0 0 0 29px}
.frmBlock1 .frmBeta .twB2Ph .jsDD1{display:none}
.frmBlock1 .frmBeta .twB1UID{width:444px; height:30px; margin:9px 0 0 0}
.frmBlock1 .frmBeta .twB1UID input {margin:0 0 0 29px}
.frmBlock1 .frmBeta .udid{height:200px}
.frmBlock1 .frmBeta .udid ol{padding:0 0 0 20px}
.frmBlock1 .frmBeta .info{width:262px; height:23px; float:left; margin:10px 8px 0 0; text-align:left; font-size:12px}
.frmBlock1 .frmBeta .udid{border:0px solid red; width:262px; height:23px; float:left; margin:10px 8px 0 0; text-align:left; font-size:12px; margin:15px 0 0 0; font-size:11px; color:#6f6f6f}
.frmBlock1 .frmBeta .infoBad{color:#ff0000}
.frmBlock1 .frmBeta .infoGood{color:#009900}
.frmBlock1 .frmBeta .jsDD1 {border:1px solid #353535; width:182px; position:relative; left:229px; top:-28px; font-size:13px; background-color:#000; display:none}
.frmBlock1 .frmBeta .jsDD1 ol{list-style: none; margin:0; padding:0 0 0 3px}
.frmBlock1 .frmBeta .jsDD1 ol li{padding:2px 2px 2px 0}



/* feedback form */
.frmBlock2 {width:470px; height:600px; float:left; margin:0 0 0 82px}
.frmBlock2 .pageTitleText{color:#419dd6; font-size:20px; font-weight:bold; width:470px; height:35px; margin:40px 0 0 0}
.frmBlock2 .introText{width:470px; height:75px; margin:0 0 0 0; font-size:14px}
.frmBlock2 .frmFeedback{width:470px; height:300px}
.frmBlock2 .frmFeedback input{width:210px; height:24px; background:url(../img/tfBetaBG.gif) repeat-x; border:1px solid #353535; color:#727272; padding:0 0 0 2px;}
.frmBlock2 .frmFeedback .tf1 {float:left}
.frmBlock2 .frmFeedback .tf2{margin:0 0 0 15px}
.frmBlock2 .frmFeedback .tf3{float:left; margin:12px 0 0 0}
.frmBlock2 .frmFeedback .tf4{margin:12px 0 0 15px}
.frmBlock2 .frmFeedback .tf5{margin:0 0 0 29px}
.frmBlock2 .frmFeedback .twB1{width:444px; height:30px; margin:12px 0 0px 0}
.frmBlock2 .frmFeedback .fbText{float:left; margin:5px 0 0 0; font-size:14px; width:200px; height:20px}
.frmBlock2 .frmFeedback .selAbout{width:214px; height:26px; border:1px solid #353535; color:#727272; margin:0 0 0 29px; padding:3px 0 0 2px; background:url(../img/tfBetaBG.gif) repeat-x; cursor:pointer; visibilty: collapse;}
.frmBlock2 .frmFeedback .btnDD{position:relative; left:413px; top:-27px}
.frmBlock2 .frmFeedback textarea{width:440px; height:189px; border:1px solid #353535; color:#727272; background:url(../img/bgTAbeta.gif) repeat-x; margin:11px 0 0; padding:3px 0 0 3px; font-family: Arial; font-size:13px; resize:none}
.frmBlock2 .frmFeedback .submit{margin:5px 0 0 8px; padding:0; border:0px; width:185px; height:50px}
.frmBlock2 .frmFeedback .info{width:262px; height:23px; float:left; margin:10px 8px 0 0; text-align:right; font-size:12px; padding:7px 0 0 0; margin:15px 0 0 0;}
.frmBlock2 .frmFeedback .infoBad{color:#ff0000}
.frmBlock2 .frmFeedback .infoGood{color:#009900}
.frmBlock2 .frmFeedback .jsDD1{border:1px solid #353535; width:182px; position:relative; left:229px; top:-28px; font-size:13px; background-color:#000; display:none}
.frmBlock2 .frmFeedback .jsDD1 ol{list-style: none; margin:0; padding:0 0 0 3px}
.frmBlock2 .frmFeedback .jsDD1 ol li{padding:2px 2px 2px 0}



/* menu */
.header .menu{padding:50px 0 0 400px}
.header .menu .btn{border:none}

/* footer */
.footer{position:relative; top:-30px; left:0px}
.footer .nlText{color:#8c8c8c; font-size:11px; position:relative; left:90px; top:50px; font-weight:bold; font-family: Arial}
.footer .tfEmail{width:120px; height:16px; background:url(../img/tfNLbg.jpg) repeat-x; border:1px solid #474747; color:#6b6b6b; font-size:11px; padding:0 0 0 2px; position:relative; left:100px; top:50px}
.footer .btnNL{position:relative; top:55px; left:100px}
.footer .link{color:#a6a6a6; font-size:14px; text-decoration:underline; position:relative; left:420px; top:50px; font-weight:bold; font-family: Arial; font-style:italic}
.footer .emailWrong{border:1px solid #ff0000}
.footer .emailGood{border:1px solid #006633}


/* overlay1 ov1-3 vereinen? */
.overlay1{opacity:1; position: fixed; left:36%; top:30%; z-index:2000}
.overlay1 .head .ov1{width:19px; height:37px; background:url(../img/ovEL.png); float:left}
.overlay1 .head .title{width:454px; height:27px; background:url(../img/ovTopBG.png) repeat-x; margin:0 0 0 0; float:left; text-align: center; padding:10px 0 0 0; text-transform:uppercase; font-size:12px}
.overlay1 .head .ov2{width:14px; height:37px; background:url(../img/ovER.png); float:left}
.overlay1 .content{margin:37px 0 0 0}
.overlay1 .content .ov3{width:19px; height:80px; background:url(../img/ovCL.png) repeat-y; float:left}
.overlay1 .content .text{width:455px; height:65px; background-color: #000; float:left; text-align:center; padding:15px 0 0 0; font-size:12px}
.overlay1 .content .ov4{width:13px; height:80px; background:url(../img/ovCR.png) repeat-y; float:left}
.overlay1 .bottom .ov5{width:487px; height:70px; background:url(../img/ovBottom.png); float:left; text-align:center}
.overlay1 .bottom .btnClose{margin:4px 0 0 0; cursor:pointer}

/* overlay2 */
.overlay2{opacity:1; position: fixed; left:31%; top:10%; margin:auto; z-index:2000}
.overlay2 .head .ov1{width:19px; height:37px; background:url(../img/ovEL.png); float:left}
.overlay2 .head .title{width:664px; height:27px; background:url(../img/ovTopBG.png) repeat-x; margin:0 0 0 0; float:left; text-align: center; padding:10px 0 0 0; text-transform:uppercase; font-size:12px}
.overlay2 .head .ov2{width:14px; height:37px; background:url(../img/ovER.png); float:left}
.overlay2 .content{margin:37px 0 0 0}
.overlay2 .content .ov3{width:19px; height:600px; background:url(../img/ovCL.png) repeat-y; float:left}
.overlay2 .content .text{width:665px; height:585px; background-color: #000; float:left; padding:15px 0 0 0; font-size:12px}
.overlay2 .content .ov4{width:13px; height:600px; background:url(../img/ovCR.png) repeat-y; float:left}
.overlay2 .bottom .ov5{width:697px; height:70px; background:url(../img/ovBottom2.png); float:left; text-align:center}
.overlay2 .bottom .btnClose{margin:4px 0 0 0; cursor:pointer}
.impLk1{text-decoration: none; color:#fff}

/* overlay3 hardware */
.overlay3{opacity:1; position: fixed; left:31%; top:10%; margin:auto; z-index:2000}
.overlay3 .head .ov1{width:19px; height:37px; background:url(../img/ovEL.png); float:left}
.overlay3 .head .title{width:664px; height:27px; background:url(../img/ovTopBG.png) repeat-x; margin:0 0 0 0; float:left; text-align: center; padding:10px 0 0 0; text-transform:uppercase; font-size:12px}
.overlay3 .head .ov2{width:14px; height:37px; background:url(../img/ovER.png); float:left}
.overlay3 .content{margin:37px 0 0 0}
.overlay3 .content .ov3{width:19px; height:400px; background:url(../img/ovCL.png) repeat-y; float:left}
.overlay3 .content .text{width:665px; height:385px; background-color: #000; float:left; padding:15px 0 0 0; font-size:12px}
.overlay3 .content .text img{margin:-13px 0 0 0}
.overlay3 .content .ov4{width:13px; height:400px; background:url(../img/ovCR.png) repeat-y; float:left}
.overlay3 .bottom .ov5{width:697px; height:70px; background:url(../img/ovBottom2.png); float:left; text-align:center}
.overlay3 .bottom .btnClose{margin:4px 0 0 0; cursor:pointer}

/* press */
.cntBlock1{margin:0 0 0 88px; padding:0; height:3800px}
.cntBlock1 a{color:#57a8d9; font-weight:bold; text-decoration: none; font-size:14px}
.cntBlock1 a:hover{color:#76d0fa}
.cntBlock1 .ol1{list-style: none; margin:25px 32px 0 0; padding:0; display: table; width:355px; border:0px solid red; float:left}
.cntBlock1 .ol2{list-style: none; margin:25px 0 0 0; padding:0; display: table; width:355px; border:0px solid red; float:left}
.cntBlock1 .ol-li1 {display:table-row; height:38px}
.cntBlock1 .ol-li1 div{display: table-cell; vertical-align: top; text-align: left; color:#57a8d9; font-size: 14px; font-weight:bold}
.cntBlock1 .ol-li2 {display:table-row; height:210px}
.cntBlock1 .nTitel{font-size:20px; padding:25px 0 0px 0; color:#57a8d9; font-weight:bold; clear:both; border-bottom: 2px solid #464749; height:45px; width:1130px}
.cntBlock1 ul{list-style: none; display:table;  padding:0px 0 0 0; margin:13px 0 0 0; width:1130px; border-bottom: 2px solid #464749; clear:both}
.cntBlock1 ul .ul-li1{color:#57a8d9; font-size: 14px; font-weight:bold; height:26px}
.cntBlock1 ul .ul-li2{font-size:14px}
.cntBlock1 ul .ul-li3{height:33px; display:table-row}
.cntBlock1 ul .ul-li3 div{display:table-cell; vertical-align: middle; padding:9px 0 12px 0}