@font-face {
    font-family: 'stdfont';
    src: url('../fonts/waukegan_ldo-webfont.eot');
    src: url('../fonts/waukegan_ldo-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/waukegan_ldo-webfont.woff') format('woff'),
         url('../fonts/waukegan_ldo-webfont.ttf') format('truetype'),
         url('../fonts/waukegan_ldo-webfont.svg#waukegan_ldoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body { 
margin: 0;
color: #000000;
font-size: 15px;
font-family: stdfont;
display: none;
}
/* loader css start*/
#jpreOverlay {
	background: white url(../images/scan_out_repeat.png);
	margin: 0 auto;
}
#jpreLoader{
	width:512px;
	height:135px;
	background: url(../images/salartworx_logo_start_BG.png) no-repeat;
}
#jpreBar{
	background: url(../images/salartworx_logo_start_over.png) no-repeat;
	background-size:512px 135px;
	-moz-background-size:512px 135px;
	-webkit-background-size:512px 135px;
	-o-background-size:512px 135px;
}
#jprePercentage {
	font-family:'stdfont';
	text-align:center;
	top: 152px;
	font-size: 20px;
	width: 100%;
}
/* loader css end */
a, a:focus,a:visited,a:link,a:active {
	text-decoration: none;
	outline: none;
	font-family: stdfont;
	color: #000000;
}
a:hover{
	text-decoration: none;
	outline: none;
	font-family: stdfont;
	color: #BF0000 !important;
}
address{
	font-weight: normal;
	font-style: normal;
}
h1{
	font-weight: normal;
}
h2{
	font-weight: normal;
    font-style: normal;
    font-size: 22px;
    white-space: normal;
}
p {
	white-space: normal;
}
.tright{
	text-align: right;
	float: right;
}
.zitat{
	color: #BF0000;
	font-style: italic;
}
.right{
	float: right !important;
}
.act{
	color:#BF0000 !important;
}
.numbers{
	font-size: 14px;
}
.fett{
	font-weight: bold;
}
.underline{
	text-decoration: underline !important;
}
#distance{ /* wenn die höhe geringer ist als 600px */
	width: 100%;
	height: 100%;
	min-height: 600px;
	position: absolute;
	top: 0px;
}
#middle{
	width:100%;
	height:600px;
	position:absolute;
	top:50%;
	margin:-300px 0 0 0;
	background: url(../images/scan_out_repeat.png);
}
#center{
	margin: 0 auto;
	width: 960px;
	height: 600px;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	/*height: 594px;
	z-index: 0;
	border-top: 3px #BF0000 solid;
	border-bottom: 3px #BF0000 solid;*/ 
}

#centerimg{
	z-index: -2;
	width: 5760px;
	height: 600px;
	top: 0px;
	left: 0px;
	/*overflow: hidden;*/
	
}
#framecont{
	z-index: -1;
	width: 5760px;
	height: 600px;
	top: 0px;
	left: 0px;
	/*overflow: hidden;*/
	border: none;
}
#framecont img{
	/*float: left;*/
	z-index: -2;
	position: absolute;
	/*width: 100%;*/
}
#centerimg img{
	float: left;
	z-index: -2;
	position: relative;
}
.transbg{
	background: url(../images/BG_top_bot.png) repeat;
}
#linkleiste{
	width: 960px;
	height: 60px;
	top: 3px;
	position: absolute;
	left: 50%;
	margin-left: -480px;
	z-index: 1;
}
.mobile #linkleiste{
	border-top: 3px solid #BF0000;
	top: 0px !Important;
}
#linkleiste a{
	font-size: 18px;
	color:#000000;
	letter-spacing: 1px;
}
.sml{
	font-size: 16px;
}
#linkleiste table{
	/*width: 525px;*/
	width: 600px;
	text-align: center;
	margin: 18px 0px 0px 20px;
}
#linkleiste img{
	position: absolute;
	top: 0px;
	right: 0px;
}
.where{
	height: 600px;
	width: 10px;
	margin-left:0px;
	position: absolute;
	z-index: -1;
	/*background-color: green;*/
}
#footer {
	width: 960px;
	height: 23px;
	position: absolute;
	left: 0px;
	bottom: 2px;
	text-align:left;
	/*font-weight: normal;
    font-style: normal;*/
    left: 50%;
	margin-left: -480px;
	z-index: 1;
}
.mobile #footer{
	border-bottom: 3px solid #BF0000;
	bottom: 0px !Important;
}
#footer p{
	/*margin-top: 2px;*/
	margin-left: 45px;
	font-size: 15px;
	padding-top: 1px;
	/*font-weight: normal;
    font-style: normal;*/
   float: left;
}
#footer a{
	/*font-weight: normal;
    font-style: normal;*/
}
.smlfoot{
	font-size: 13px;
}
.red{
	color: #BF0000 !important;
}
.fbsml {
	vertical-align: middle;
	margin-bottom: 3px;
}
.parallimg{
	position: absolute;
	width: 100%;
	z-index: -1;
}
.start, #home{
	left: 0px;
	margin-left: 0px;
	margin-top: 0px;
}
.anim, #animation{
	left: 960px;
}
.web, #webdesign{
	left: 1920px;
}
.game, #gamedesign{
	left: 2880px;
}
.grafik, #grafik{
	left: 3840px;
}
.kontakt, #kontakt{
	left: 4800px;
}
.zettel{
	background: url(../images/start/zettel.png) no-repeat;
	top: 423px;	
	height: 72px;
}
.pen {
	background: url(../images/start/pen.png) no-repeat;
	top: 446px;
	height: 55px;
}
.stiftebecher {
	background: url(../images/start/stiftehalter.png) no-repeat;
	top: 298px;
	height: 252px;
}
.fotocube_start {
	background: url(../images/start/fotocube.png) no-repeat;
	top: 373px;
	height: 190px;
}
.mannequin_start {
	background: url(../images/start/mannequin.png) no-repeat;
	top: 199px;
	height: 400px;
}
.keyboard_start {
	background: url(../images/start/keyboard.png) no-repeat;
	top: 473px;
	height: 54px;
}
.maus_start {
	background: url(../images/start/maus.png) no-repeat;
	top: 495px;
	height: 68px;
}
.psp_start {
	background: url(../images/start/psp.png) no-repeat;
	top: 514px;
	height: 86px;
}
.pencil {
	background: url(../images/start/pencil.png) no-repeat;
	top: 514px;
	height: 65px;
}
.buch_start {
	background: url(../images/start/buch.png) no-repeat;
	top: 487px;
	height: 110px;
}
.iphone_start {
	background: url(../images/start/iphone.png) no-repeat;
	top: 524px;
	height: 69px;
}
/*.bordtop{
	border-top: 3px solid #BF0000;
}
.bordbot{
	border-bottom: 3px solid #BF0000;
}*/
.fotocube_anim {
	background: url(../images/animation/fotocube.png) no-repeat;
	top: 373px;
	height: 226px;
}
.logo {
	background: url(../images/animation/logo.png) no-repeat;
	top: 101px;
	height: 378px;
}
.tabletstift {
	background: url(../images/animation/tablet_stift.png) no-repeat;
	top: 348px;
	height: 251px;
}
.keyboard_anim {
	background: url(../images/animation/keyboard.png) no-repeat;
	top: 473px;
	height: 54px;
}
.mannequin_anim{
	background: url(../images/animation/mannequin.png) no-repeat;
	top: 199px;
	height: 400px;
}
.maus_anim{
	background: url(../images/animation/maus.png) no-repeat;
	top: 473px;
	height: 116px;
}
.tablet{
	background: url(../images/animation/tablet.png) no-repeat;
	top: 511px;
	height: 89px;
}
.fotocube_web {
	background: url(../images/webdesign/fotocube.png) no-repeat;
	top: 373px;
	height: 190px;
}
.keyboard_web {
	background: url(../images/webdesign/keyboard.png) no-repeat;
	top: 473px;
	height: 54px;
}
.mannequin_web{
	background: url(../images/webdesign/mannequin.png) no-repeat;
	top: 199px;
	height: 400px;
}
.maus_web {
	background: url(../images/webdesign/maus.png) no-repeat;
	top: 495px;
	height: 68px;
}
.buch_web {
	background: url(../images/webdesign/buch.png) no-repeat;
	top: 499px;
	height: 100px;
}
.ipad {
	background: url(../images/webdesign/ipad.png) no-repeat;
	top: 499px;
	height: 100px;
}
.fotocube_game {
	background: url(../images/gamedesign/fotocube.png) no-repeat;
	top: 373px;
	height: 226px;
}
.keyboard_game {
	background: url(../images/gamedesign/keyboard.png) no-repeat;
	top: 473px;
	height: 54px;
}
.mannequin_game{
	background: url(../images/gamedesign/mannequin.png) no-repeat;
	top: 199px;
	height: 400px;
}
.maus_game{
	background: url(../images/gamedesign/maus.png) no-repeat;
	top: 473px;
	height: 116px;
}
.xbox{
	background: url(../images/gamedesign/xbox.png) no-repeat;
	top: 496px;
	height: 95px;
}
.psp_game{
	background: url(../images/gamedesign/psp.png) no-repeat;
	top: 523px;
	height: 77px;
}
.fotocube_grafik {
	background: url(../images/grafikdesign/fotocube.png) no-repeat;
	top: 375px;
	height: 126px;
}
.stiftebecher_grafik {
	background: url(../images/grafikdesign/stiftebecher.png) no-repeat;
	top: 295px;
	height: 265px;
}
.schwamm {
	background: url(../images/grafikdesign/schwamm.png) no-repeat;
	top: 429px;
	height: 110px;
}
.zettel_grafik {
	background: url(../images/grafikdesign/zettel.png) no-repeat;
	top: 493px;
	height: 107px;
}
.mannequin_grafik {
	background: url(../images/grafikdesign/mannequin.png) no-repeat;
	top: 199px;
	height: 400px;
}
.iphone_kontakt {
	background: url(../images/kontakt/iphone.png) no-repeat;
	top: 436px;
	height: 55px;
}
.fotocube_kontakt {
	background: url(../images/kontakt/fotocube.png) no-repeat;
	top: 373px;
	height: 226px;
}
.mannequin_kontakt{
	background: url(../images/kontakt/mannequin.png) no-repeat;
	top: 199px;
	height: 400px;
}
.briefe{
	background: url(../images/kontakt/briefe.png) no-repeat;
	top: 476px;
	height: 76px;
}
.pen_kontakt{
	background: url(../images/kontakt/pen.png) no-repeat;
	top: 485px;
	height: 63px;
}
.notizbuch{
	background: url(../images/kontakt/notizbuch.png) no-repeat;
	top: 470px;
	height: 130px;
}
#likebutton{
	z-index: 1;
	position: relative;
	width: 110px;
	vertical-align: middle;
	margin: 1px 0px 0px 4px;
	
}
* + html #likebutton{ /*IE7 only */
	display: inline;
}
.contentbg{
	background: url(../images/bg_content.png) repeat;
}
.content{
	position: absolute;
	padding: 15px;
}
#startinhalt{
	width: 415px;
	margin-left: 254px;
	/*height: 125px;*/
	top: 407px;
}
#startinhalt .td1{
	width: 180px;
}
#startinhalt .td2{
	width: 30px;
}
#startinhalt .td3{
	vertical-align: top;
}
#animinhalt{
	width: 440px;
	margin-left: 450px;
	/*height: 125px;*/
	top: 320px;
}
#animinhalt .td1{
	width: 180px;
}
#animinhalt .td2{
	width: 30px;
}
#animinhalt .td3{
	vertical-align: top;
}
#webinhalt{
	width: 230px;
	/*height: 290px;*/
	top: 92px;
	margin-left: 600px;
}
#gameinhalt{
	width: 180px;
	/*height: 290px;*/
	top: 92px;
	margin-left: 65px;
}
#grafikinhalt{
	width: 605px;
	margin-left: 254px;
	/*height: 125px;*/
	top: 142px;
}
#grafikinhalt .td1{
	width: 260px;
}
#grafikinhalt .td2{
	width: 30px;
}
#grafikinhalt .td3{
	vertical-align: top;
}
#kontaktinhalt{
	width: 165px;
	/*height: 405px;*/
	top: 75px;
	margin-left: 580px;
}
.werkbg{
	width: 960px;
	height: 515px;
	z-index: 5;
	top: 60px;
	position: absolute;
	background-color: #FFFFFF;
	display: none;
}
#impr_cont{
	width: 600px;
	height: 600px;
	margin: 0;
	overflow: hidden;
}
#head{
	height: 22px;
	width: 560px;
	position: relative;
	top: 0px;
	background-color: #BF0000;
	padding: 3px 20px 0px 20px;
}
.white{
	color: #FFFFFF;
}
#impr_text{
	padding: 20px;
	overflow-y: scroll;
	height: 515px;
}
#impr_text h2{
	font-size: 17px !important;
	font-weight: bold;
}
#close{
	float: right;
	cursor: pointer;
}
#reelBG{
	width:960px;
	height:600px;
	position:absolute;
	top: -9999px;
	left: 0px;
	background: white url(../images/scan_out_repeat.png);
	display: none;
	z-index: 3;
}
#reel{
	width: 640px;
	height: 360px;
	background: #000000;
	position: relative;
	left: 160px;
	top: 120px;
	border: #BF0000 3px solid;	
}
#reelBG .right{
	margin-top: 3px;
}
#reelbutt{
	position: absolute;
	width: 50px;
	height: 20px;
	top: 200px;
	left: 550px;
}
#reelclose{
	position: absolute;
	width: 100px;
	height: 30px;
	left: 840px;
	top: 548px;
	font-size: 20px;
	cursor: pointer;
	color: #000000
}
#reelclose:hover{
	color:#BF0000;
}
#qrcode{
	width: 120px;
	height: 120px;
	margin: 10px 0px 0px 22px;
}
#qrcode img{
	z-index: 0 !important;
}