*
{
margin: 0px;
padding: 0px;
}

body {
font-family: Arial, Helvetica, Sans-Serif;
background-image:url(http://78.46.81.7/img/background_all_x.jpg);
background-position:center 67px;
background-repeat:repeat-x;
}

body#factory {
font-family: Arial, Helvetica, Sans-Serif;
background-image:none;
}

div#backgroundWrapper{
padding-top:17px;
padding-bottom:55px;
}

#registration_box {
width: 320px;
}

#queue_box {
width: 368px;
}

#stream_box {
width: 320px;
height: 320px;
}

#video_switcher {
width: 320px;
height: 276px;
}

.camera {
width: 368px;
height: 1px;
overflow: hidden;
}

li.my_hopper {
background-color: red;
}

li.accepted {
background-color: yellow;
}

li.my_hopper.accepted {
background-color: green;
}

#printing_part {
width: 148mm;
height: 105mm;
padding-top: 20mm;
padding-left: 15mm;
}

#printing_part > .message {
width: 60mm;
height: 50mm;
}

#printing_part > .code {
width: 60mm;
height: 10mm;
}

#printing_part > .type {
display: none;
}

#printing_part > a {
display: none;
}


div#neoContent{

width:885px;
margin:0 auto;
}
ul#hopperNav{
width:555px;
height:43px;
padding:25px 0 0 306px;
background-image:url(http://78.46.81.7/img/siteNav_bg.png);
background-repeat:no-repeat;
font-family:helvetica, arial, sans-serif;
font-size:17px;
list-style:none;
position:relative
}
#hopperNavHomeLink{
color:transparent;
display:block;
font-size:0;
height:65px;
left:0;
position:absolute;
text-decoration:none;
top:0;
width:306px;
}
#startBox{
background-image:url(http://78.46.81.7/img/siteStart_box_bg.png);
background-repeat:no-repeat;
width:644px;
height:362px;
margin-left:276px;
padding-top:27px;
padding-bottom:10px;
}
#startBox .box{
padding-left:30px;
width:175px;
float:left;
}
ul#hopperNav li.hopperNavItem {
float:left
/*display:inline;*/
/*padding:5px 17px 1px 20px;
border-right:1px solid #abb0b0;*/
}
ul#hopperNav li.hopperNavItem a{
color:#2a2a2a;
text-decoration:none;
}
#box1{
background-image:url(http://78.46.81.7/img/siteProducts_box1_bg.png);
background-repeat:no-repeat;
padding-top:13px;
margin-top:24px;
padding-left:13px;
margin-left:-5px;
padding-bottom:11px;
}
#phone1{
display:block;
float:left;
}
#box2{
margin-left:-5px;
margin-top:45px;
}
#box2 .left{
width:581px;
float:left;
}
#box2 .right{
width:281px;
float:left;
margin-left:15px;
}
#productVideos{
background-image:url(http://78.46.81.7/img/siteProducts_box_videos_bg.png);
background-position:center 35px;
background-repeat:no-repeat;
height:345px;
position:relative;
padding:56px 0 0 25px;
}
#productVideoNav{
position:absolute;
top:1px;
left:0px;
right:0px;
background-image:url(http://78.46.81.7/img/siteProducts_videoNav_bg.png);
background-position:left -355px;
height:355px;
}
#productVideoNav a{
display:block;
float:left;
height:44px;
color:transparent;
font-size:0px;
text-decoration:none;
}
#productVideoNav a#one{
width:299px;
background-image:url(http://78.46.81.7/img/siteProducts_box_videos_a1.png);
background-position:left 44px;
}
#productVideoNav a#one.active{
background-position:left top;
}
#productVideoNav a#two{
width:260px;
background-image:url(http://78.46.81.7/img/siteProducts_box_videos_a2.png);
background-position:left top;
}
#productVideoNav a#two.active{
background-position:left -44px;
}
.bigBox{
position:relative
}
.bigBox .head{
background-image:url(http://78.46.81.7/img/site_bigBoxTop.png);
background-repeat:no-repeat;
font-size:15px;
line-height:15px;
height:15px;
}
.bigBox .body{
background-image:url(http://78.46.81.7/img/site_bigBoxBg.png);
background-repeat:repeat-y;
padding:0 15px;
position:relative;
}
.bigBox .body .left{
float:left;
width:465px;
}
.bigBox .body .right{
float:left;
margin-left:15px;
width:368px;
}
.bigBox .foot{
background-image:url(http://78.46.81.7/img/site_bigBoxBottom.png);
background-repeat:no-repeat;
font-size:14px;
line-height:14px;
height:14px;
}
#facebook_link{
position:absolute;
top:-2px;
right:25px;
}
#statusWrapper{
font-family:Tahoma;
border-left:2px solid #9b9b9b;
border-right:2px solid #9b9b9b;
position:relative;
}
#status{
padding-left:16px;
color:#3d4b49;
font-size:11px;
font-weight:bold;
height:22px;
line-height:22px;
border-bottom:1px solid #e7e7e7;
}
#status span.purple{
color:#96078e;
}
#status #counter{
display:inline
}
#statusWrapper ul{
list-style:none;
font-size:11px;
color:#000;
height:215px;
overflow:scroll;
position:relative;
}
html>body #statusWrapper ul{
overflow-y:scroll;
overflow-x:hidden;
}
#statusWrapper .user{
font-size:13px;
font-weight:bold;
}
#statusWrapper .date{
font-size:10px;
font-weight:bold;
color:#666;
padding-bottom:3px;
}
#statusWrapper .msg{
display:block;
padding-top:3px;
}
#statusWrapper .more{
color:#666;
text-decoration:none;
padding-left:3px;
font-size:13px;
}	
#statusWrapper ul li{
border-bottom:2px solid #e2e2e2;
background-image:url(http://78.46.81.7/img/siteLive_QueueItemBg.jpg);
background-repeat:repeat-x;
padding-top:13px;
position:relative
}
#statusWrapper ul li img{
position:absolute;
top:8px;
left:8px;
}
#statusWrapper ul li p{
padding-left:61px;
height:58px;
}
#statusWrapper #borderBottom{
position:absolute;
bottom:0px;
left:-2px;
}
#boxes{
padding-top:40px;
width:877px;
height:285px;
overflow:hidden;
clear:both;
}
#boxes #outerspace{
width:897px;
}
#boxes .teaser_box{
float:left;
width:282px;
height:285px;
margin-right:15px;
background-image:url(http://78.46.81.7/img/siteLive_box_bg.jpg);
background-repeat:no-repeat;
background-position:bottom;
position:relative;
cursor:pointer;
}
#boxes .teaser_box h2{
padding-left:2px;
}
#boxes .teaser_box p{
font-family:Verdana;
font-size:11px;
color:#333;
line-height:16px;
padding-left:17px;
padding-right:25px;
text-decoration:none
}
#boxes .teaser_box p a
{
color:#333;
text-decoration:none;
}
#boxes .teaser_box p.more
{
position:absolute;
bottom:23px;
line-height:20px !important;
}
#boxes .teaser_box p.more a
{
font-family:Verdana;
color:#96078e;
font-weight:bold;
text-decoration:none;
font-size:12px;
}
#box_PhonesBig
{
background-image:url(http://78.46.81.7/img/siteLive_box_phonesBig_bg.png);
background-repeat:no-repeat;

width:279px;
padding:9px 1px 0px;
height:535px;
margin-top:24px;
float:left
}
#box_PhonesBigLink
{
font-family:Verdana;
font-size:12px;
text-decoration:none;
color:#96078e;
padding-left:16px;
font-weight:bold;
}
#actionNews
{
background-image:url(http://78.46.81.7/img/siteLive_actionNews_bg.png);
width:580px;
height:609px;
float:left;
margin-left:14px;
margin-top:24px;
padding-top:23px;
}
#actionNewsBox
{
margin:0 20px;
}
#productNews
{
margin-top:26px;
background-image:url(http://78.46.81.7/img/siteProducts_box_news.png);
height:391px;
padding-left:27px;
padding-top:29px;
position:relative;
}
#satioLounchBlogLink
{
position:absolute;
right:22px;
top:31px;
}
#productNews .item
{
background-image:url(http://78.46.81.7/img/siteProducts_box_satioBlog_hr.png);
background-repeat:no-repeat;
background-position:bottom center;
padding-bottom:12px;
margin-bottom:12px;
}
#productNews .item p
{
color:#390049;
line-height:20px;
}
#productNews .item p a
{
color:#390049;
}
#productNews .item .title
{
font-size:14px;
font-weight:bold;
text-decoration:underline;
}
#productNews .item .date
{
font-size:11px;
}
#productNews .item .text
{
font-size:12px;
}
#productNews .item .link
{
padding-top:7px;
}
#productTeaser
{
background-image:url(http://78.46.81.7/img/siteProducts_box_teaser.png);
height:280px;
padding-top:21px;
padding-left:24px;
}
#productTeaser p
{
font-family:Arial;
font-size:12px;
color:#525252;
line-height:1.7em;
}
#productTeaser p a
{
color:#96078e;
font-weight:bold;
text-decoration:none;
}
#productTwitter
{
height:500px;
background-image:url(http://78.46.81.7/img/siteProducts_box_twitter_bg.png);
margin-top:23px;
padding-top:21px;
padding-left:20px;
position:relative;
}
#productTwitter p
{
padding-top:16px;
padding-right:20px;
color:#525252;
font-size:11px;
line-height:1.4em;
}
#productTwitter p a
{
color:#525252;
}
#productTwitter p span
{
display:block;
}
#productTwitter p span.title
{
text-decoration:underline;
}
#productTwitter p span.date
{
font-size:10px;
}
#productTwitter p.more
{
position:absolute;
background-color:#fff;
bottom:25px;
}
#productTwitter p.more a
{
text-decoration:underline;
color:#525252;
}
#mapBox1
{
width:296px;
padding-left:16px;
height:164px;
padding-top:16px;
background-image:url(http://78.46.81.7/img/map_box1_bg.jpg);
background-repeat:no-repeat;
}
#foundHopperWrapper
{
width:308px;
height:304px;
border-left:2px solid #d3d3d3;
border-right:2px solid #d3d3d3;
position:relative;

}
#foundHopperWrapper ul
{
width:308px;
height:304px;
position:relative;
overflow:scroll;
}
html > body #foundHopperWrapper ul
{
overflow-y:scroll;
overflow-x:hidden;
}
#foundHopperWrapper ul li
{

padding-top:8px;
padding-bottom:8px;
border-bottom:2px solid #e2e2e2;
background-image:url(http://78.46.81.7/img/map_box2_bg.png);
background-position:bottom;
background-repeat:repeat-x;
position:relative;
min-height:0px;
}
#foundHopperWrapper ul li img
{
display:block;
position:absolute;
left:8px;
top:8px;
}
#foundHopperWrapper ul li div
{
padding-left:62px;
font-family:Tahoma;
min-height:0px;
position:relative;
}
#foundHopperWrapper ul li .nr
{
display:block;
font-size:13px;
line-height:16px;
color:#000;
font-weight:bold;
padding-bottom:1px;
}
#foundHopperWrapper ul li .found
{
display:block;
font-size:11px;
color:#96078e;
line-height:16px;
}
#foundHopperWrapper ul li .msgs
{
font-size:11px;
line-height:16px;
color:#000;
padding-right:4px;
}
#foundHopperWrapper ul li .first
{
font-size:10px;
font-weight:bold;
color:#999999;
line-height:16px;
}
#borderTopHopperBox
{
position:absolute;
left:-2px;
top:0px;
right:-2px;
z-index:5;
}
#borderBottomHopperBox
{
position:absolute;
left:-2px;
bottom:0px;
right:-2px;
z-index:5;
}
#foundHopperNav
{
text-align:center;
padding-top:9px;
padding-right:40px;
}
#foundHopperNav a
{
color:#737373;
font-size:12px;
}
#foundHopperNav a.active
{
text-decoration:none;
}
#campaign_ContentBox
{
width:877px;
margin-left:-6px;
}
#campaign_ContentBox #left
{
width:558px;
float:left
}
#campaign_ContentBox .contentBox p
{
color:#232323;
font-size:17px;
font-family:Arial;
line-height:22px;
padding-bottom:16px;
}
#campaign_ContentBox .contentBox
{
padding-bottom:33px;
}
#campaign_ContentBox #first
{
background-image:url(http://78.46.81.7/img/siteCampaign_contentBox_bgTop.png);
height:15px;
font-size:15px;
line-height:15px;
}
#campaign_ContentBox #last
{
background-image:url(http://78.46.81.7/img/siteCampaign_contentBox_bgBottom.png);
height:15px;
font-size:15px;
line-height:15px;
}
#campaign_ContentBox #body
{
background-image:url(http://78.46.81.7/img/siteCampaign_contentBox_bgBody.png);
padding-left:25px;
padding-bottom:4px;
}
#campaign_ContentBox .sidebarBox
{
padding-bottom:21px;
}
#campaign_ContentBox .sidebarBox a
{
color:transparent;
text-decoration:none;
font-size:0px;
}
#campaign_ContentBox .sidebarBox .first
{
height:9px;
font-size:9px;
line-height:9px;
background-image:url(http://78.46.81.7/img/siteCampaign_sidebarBox_bgTop.png);
}
#campaign_ContentBox .sidebarBox .last
{
height:11px;
font-size:11px;
line-height:11px;
background-image:url(http://78.46.81.7/img/siteCampaign_sidebarBox_bgBottom.png);
}
#campaign_ContentBox .sidebarBox .body
{
border-left:2px solid #E7ECEC;
border-right:2px solid #E7ECEC;
padding-left:18px;
}
#boxHopperFoundDataInner
{
width:507px;
padding-left:25px;
height:512px;
padding-top:11px;
background-image:url(http://78.46.81.7/img/hopperFound_bg.png);
position:relative;
}
#boxHopperFoundDataInner input
{
border:2px solid #c0c0c0;
height:19px;
display:block;
float:left;
}
#boxHopperFoundDataInner .error
{
border:2px solid #96078e!important;
}
#return_plz
{
width:63px;
margin-right:15px;
}
#return_ort
{
width:168px;
margin-right:17px;
}
#return_hopper_code
{
width:119px;
}
#return_message
{
border:2px solid #c0c0c0;
height:69px;
width:201px;
}
#return_anrede
{
width:83px;
border:2px solid #c0c0c0;
}
#return_vorname, #return_name, #return_email
{
width:168px;
margin-top:5px;
}
#return_agb, #return_newsletter
{
margin-left:2px;
border:0px !important;
}
#hopperFoundClose
{
display:block;
float:left;
width:106px;
height:27px;
}
#return_submit
{
border:0px !important;
font-size:0px;
display:block;
float:left;
width:187px !important;
height:26px !important;
background:none !important;
background-image:url(http://78.46.81.7/img/hopperFound_9.png)!important;
margin-left:185px;
cursor:pointer;
}
#errorMessages
{
display:none;
left:86px;
position:absolute;
width:360px;
top:120px;
z-index:200;
}
#errorMessages .head
{
height:10px;
font-size:10px;
line-height:10px;
background-image:url(http://78.46.81.7/img/hopperFound_error_bg_top.png);
}
#errorMessages .foot
{
height:10px;
font-size:10px;
line-height:10px;
background-image:url(http://78.46.81.7/img/hopperFound_error_bg_bottom.png);
}
#errorMessages .body
{
background-image:url(http://78.46.81.7/img/hopperFound_error_bg.png);
padding-top:10px;
padding-bottom:10px;
padding-left:12px;
}
#errorMessages .body p
{
color:#96078e;
font-family:Verdana;
font-size:12px;
font-weight:bold;
line-height:22px;
}
#errorMessages .body p.link
{
text-align:center;
padding-top:5px;
}
#hopperCode
{
display:none;
position:absolute;
left:63px;
top:60px;
z-index:200;
}
#hopperCode .bottom
{
text-align:center;
background-image:url(http://78.46.81.7/img/hopperFound_code_2.png);
width:405px;
height:50px;
}
#agb
{
position:fixed;
top:50%;
left:50%;
margin-top:-294px;
margin-left:-463px;
padding:43px;
padding-bottom:41px;
background-image:url(http://78.46.81.7/img/teilnahmebedingungen_bg.png);
z-index:20000;
display:none;
width:840px;
}
#agb #close_agb
{
position:absolute;
right:30px;
top:30px;
}
#agb #text
{
width:830px;
height:411px;
padding:10px;
overflow-y:scroll;
font-family:Verdana;
font-size:12px;
font-weight:bold;
line-height:22px;
color:#404040;
}
#success
{
display:none;
position:absolute;
z-index:200px;
left:0px;
top:175px;
}
#emergency
{
width:873px;
height:537px;
position:absolute;
left:2px;
top:-17px;
z-index:999px;
background-image:url(http://78.46.81.7/img/siteLive_emergency_bg.png);
visibility:visible;
}
#emergency_hooper
{
position:absolute;
left:107px;
top:109px;
}
#emergency_text
{
position:absolute;
left:320px;
top:179px;
}
#registration_done
{
background-image:url(http://78.46.81.7/img/siteLive_reg_final_bg.png);
background-repeat:no-repeat;
padding-bottom:60px;
width:465px;
height:514px;
}

#registration_done p
{
text-align:center;
}

#registration_done p span
{
background:none !important;
border:0px !important;
padding:0px !important;
margin:0px !important;
}

#big_hopper_notification {
padding-top: 5px;
width: 100%;
text-align: center;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}

#flashcontent {
display:inline;
top:100px;
left:100px;
width:465px;
height:544px;
overflow:hidden;
}

.camactive
{
background-image:url(http://78.46.81.7/img/camera_active.png);
color:white;
}

.caminactive
{
background-image:url(http://78.46.81.7/img/camera_inactive.png);
color:#848484;
}

.caminactive, .camactive
{
margin-top:5px;
font-size:11px;
background-repeat:no-repeat;
padding-left:12px;
padding-bottom:8px;
padding-top:2px;
display:block;
float:left;
width:76px;
font-weight:bold;
text-decoration:none;
}
#hopper_counter_box{
margin-top:20px;
text-align:center;
}

#left_registration_box{
margin-top:18px;
}

#statusWrapper ul li.my_hopper p img{
margin:3px;
}
#statusWrapper ul li.my_hopper
{
background-image:url(http://78.46.81.7/img/siteLive_QueueItemBg.jpg);
background-color:#e7e7e7;
}
#statusWrapper ul li.my_hopper p
{
margin-left:4px;
}
#statusWrapper ul li.my_hopper 
{ 
border:2px solid #b809b3;
display:block;
height:62px;
}

.greybold{
color: #999999;
font-weight:bold;
}

.link{
color:#96078e;
}
#flashapp{
height:20px;
width:106px;
margin-left:-8px;
}


#pager
{
margin-top:7px;
}

#pager a
{
	text-decoration:none;
	color:#777;
	font-weight:bold;
	font-size:12px;
	padding-left:4px;
	padding-right:4px;
}

#pager a:hover
{
	color:#fff !important;
	background-color:#96078e;
}







