@font-face {
	font-family: "RWELight";
	font-style: normal;
	font-weight: normal;
	src: url("../../Scripts/fonts/RWE/RWEWEB-Light.eot?#iefix") format("embedded-opentype"),
	     url("../../Scripts/fonts/RWE/RWEWEB-Light.woff") format("woff");
	 -webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}
@font-face {
	font-family: "RWEMedium";
	font-style: normal;
	font-weight: normal;
	src: url("../../Scripts/fonts/RWE/RWEWEB-Medium.eot?#iefix") format("embedded-opentype"),
	     url("../../Scripts/fonts/RWE/RWEWEB-Medium.woff") format("woff");
	   -webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}
@font-face {
	font-family: "RWERegular";
	font-style: normal;
	font-weight: normal;
	src: url("../../Scripts/fonts/RWE/RWEWEB-Regular.eot?#iefix") format("embedded-opentype"),
	     url("../../Scripts/fonts/RWE/RWEWEB-Regular.woff") format("woff");
	    -webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}
html{
	-webkit-font-smoothing: auto;  -moz-osx-font-smoothing: auto;
}
body {
		margin: 0 auto;
		padding: 0;
		/**overflow-y: hidden !important;*/
		overflow-x: hidden !important;

	}
	.subplayer{
		position:absolute;
		top:-25px;
		width:1280px;
	}
	div.entry {
	clear: left;
	float: left;
	border: none;
	padding: 0px 0;
	color: #555;
	font-size: 12px;
	line-height: 24px;
	width: 100%;
	cursor: pointer;
	overflow:hidden;
	height:84px;
	padding-bottom:7px;
	padding-top:0px;
	margin-bottom:15px;
}
.entry :first-child{
	margin-top:0px;
}
div.entry .img {
	float: left;
	padding: 0px 10px 0px 0px;
	width:14%
}

.info a.btn_list {
	color: #32b4e6;
	display: block;
	float:right;
	padding:11px 16px;
	border: none;
	width: 24px;
	margin-top: -15px;
	margin-left: 0px;
	position:relative;
}
div.entry .data {
	float: left;
	text-align: right;
	padding-right:20px;
	padding-top:5px;
	width: 10%;
}
div.entry span.clip {
	display:block;
	float:left;
	color: #aaa;
	width:100%;
}
.loginalt{
	display:none;
}
div.mover {
	background-color: #eee;
}
div.active {
	background-color: #ccc;
	color: #333;
}
div.active span {
	color: #777;
}

* {
    box-sizing: border-box;
}
.hide {
	display: none;
}
a.submit {

}
a.submit:hover {
	color:#f5f5f5;
}
a.downloadbtn.active {
	background:none;
}
a.downloadbtn {
	position: absolute;
	top: 191px;

	margin-left: 0px;
	left: -85px;
}
a.downloadbtn span {

	font-family: RWERegular,Trebuchet,Arial,sans-serif;
	

}
div.download .title{
	float: left;
	width: 176px;
	position:relative;
	top:447px;
	z-index:999;
	color:#f5f5f5;
	left:-689px;

}
.introbody{
	position:relative;
	top:-12px;
	left:696px;
	font-family: RWELight,Trebuchet,Arial,sans-serif;
	z-index:999;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}
div.tabs {
	position: absolute;
	width: 100%;
	font-size: 11px;
	top: 470px;
	left:45px;
	}

span.submit {

	font-family: RWERegular,Trebuchet,Arial,sans-serif;
	
	position: relative;
	text-decoration: none;
}

a {
	text-decoration: none;
	color: #32b4e6;
}
a:hover {
	text-decoration: none;
	color: #449fc1;
}
a:active {
	border: none;
}

div.data a {
	color: #0066AA;
}
#tabs.ui-widget-content.btn_list.details {
	color: #0066AA;
}
select.act {
	margin-bottom: 5px;
}
option {
	color: #ddd;
	font-weight: normal;
	padding: 2px 4px;
}
.button {
	cursor: pointer;
}
.act {
	color: #111;
	font-weight: bold;
}
.title {
	color: #0066AA;
	font-family: RWERegular,Trebuchet,Tahoma,Arial,sans-serif;
	font-size: 21px;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
	font-weight: normal;

}
div.headtitle{
	font-size:41px;
	font-weight:bold;
	padding-bottom:20px;
	position:relative;
	left:45px;
	top:29px;
	width:100%;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}

div.demowrapper{
	width:1px;
	min-width:100%;
}


.userbar{
display:none;
position:relative;
top:430px;
width:96%;
height:130px;
background-color:#f5f5f5;
left:45px;
}
.stdbtn{
position:relative;
top:130px;
left:150px;
font-family: RWERegular,Trebuchet,Tahoma,Arial,sans-serif !important;
-webkit-font-smoothing: auto;  -moz-osx-font-smoothing: auto;
font-size:22px !important;
-moz-user-select: none !important;
text-decoration: none !important;
line-height:1rem !important;
display:inline-block;
text-align:center !important;
cursor:pointer !important;
white-space:nowrap !important;
transform: translateY(0) !important;
padding: 0.75rem 1.5rem !important;
border:none !important;
transition: background-color .2s ease-in-out !important;
/**max-width:100%;*/
text-overflow:ellipsis !important;
overflow:hidden !important;
background-color:#14b496 !important;
box-sizing: border-box !important;
}
.stdbtn:hover{
background-color: #449fc1 !important;
}
.searchbtnsub{
	border-radius: 0;
	top: 52px !important;
	position: absolute !important;
	left:90%;
	color:#f5f5f5;
	margin-top:-40px;
}
input.search {
	 display:block;
	width:100%;
	border:1px solid #cecdcc;
	background: #fff;
	line-height:18px;
	font-family: RWERegular,Trebuchet,Arial,sans-serif;
	-webkit-font-smoothing: auto;  	-moz-osx-font-smoothing: auto;
	font-size: 18px;
	padding: 10px 20px;
	color: #3C3732;
	height:40px;
}
input.search:focus {
	color: #58585A;
	outline:none;
}
input.search.focus {
	color: #58585A;
}
.act {
	color: #58585A;
}


div {
	color: #3c3732;
	font-family: RWERegular,Trebuchet,Arial,sans-serif;
	-webkit-font-smoothing: auto;  -moz-osx-font-smoothing: auto;
	font-size: 18px;
}
div:focus{
	outline: none;
}
.dlbtn{
	top:0px;
	left:0px;
}
div.framearea {
	height: 390px;
	position: absolute;
	top: 80px;
	width: 100%;
}
div.logbtn{
	top:484px;
}
div.logbtn:hover{
	color: #449fc1
}

div.login {
    left: 0px;
    position: absolute;
    top: 45px;
	width:100%;
}
div.login form input {
    display:block;
	width:27%;
	border:1px solid #cecdcc;
	background: #fff;
	line-height:18px;
	font-family: RWERegular,Trebuchet,Arial,sans-serif;
	-webkit-font-smoothing: auto;  -moz-osx-font-smoothing: auto;
	font-size: 16px;
	padding: 10px 20px;
	color: #3C3732;
	margin-left:5px;

	 -webkit-transition: border-color .5s ease-in-out; /* Saf3.2+, Chrome */
     -moz-transition: border-color .5s ease-in-out; /* FF3.7+ */
          transition: border-color .5s ease-in-out;

}

.hfocus{
}
.hfocus:focus{
	border-color:#00aae1;
	 -webkit-transition: border-color .5s ease-in-out; /* Saf3.2+, Chrome */
     -moz-transition: border-color .5s ease-in-out; /* FF3.7+ */
          transition: border-color .5s ease-in-out;
}
div.login:focus{
background-color:#f5f5f5;
border-color:#000;
}
div.login #fp {
	position:relative;
	top:-40px;
	left:28%;
}
div.login form label {
	font-size: 11px;
	text-align: right;
}
div.login .usertxt {
    left: 26px;
	width: 100px;
    position: absolute;
    top: 20px;
}
div.login .passtxt {
    left: 180px;
	width: 100px;
    position: absolute;
    top: 18px;
}
span.loginbut {
	margin-left: 290px;
	top: 2px;
}
div.login .loginbut {
	width: 13%;
	top:-80px;
	color: #f5f5f5;
	left:60%;
	min-width:100px;
	max-width: 150px;
}
div.closebtn{
	background: url("../../icons/arrow_up_rwe_link.png") no-repeat center;
	background-size: 23px 13px;
	position:relative;
	left:92%;
	top:60px;
	width:23px;
	height:13px;
	z-index:999;
}
div.closebtn:hover{
	background: url("../../icons/arrow_up_rwe.png") no-repeat center;
	background-size: 23px 13px;
	z-index:999;
	cursor:pointer;
}
.loginbutspan {
	background-color: transparent;
	border: none;
	color: #32b4e6;
	font-size: 18px;
	font-family: RWERegular,Trebuchet,Arial,sans-serif;
	-webkit-font-smoothing: auto;  -moz-osx-font-smoothing: auto;
	text-align: right;
	cursor: pointer;
	width: 60px;
	position: absolute;
	left: 918px;
	height: 18px;
	top: -269px;
}

.loginbutspan:hover{
	color: #449fc1
}
div.login h3:hover {
	color: #58585A;
}
div.login h3 {
	color: #0066AA;
	border: 1px solid #555;
	background-color: #ddd;
	font-size: 11px;
	padding: 3px 8px;
	text-align: center;
	width: 110px;
}
div.infouser{
	height:50px;
}
div.userarea {
	display: none;
	top:94px;
	position: absolute;
	left: 792px;
	padding-bottom: 15px;
	font-size: 18px;
	width:320px;
	text-align:center;
}
div.userarea a {
	position:absolute;
	display: block;
	top: 0px;
	left: 0px;
	width:320px;
	height:50px;
}
div.fields{
	position:relative;
	left:10%;
}
div.fields .files {
	display: none;
	padding-bottom: 8px;
	max-height: 144px;
	color: #992222;
	line-height: 15px;
	overflow: auto;
}
div.download .files	{
	margin-left: 0px;
	margin-top: 0px;
	position:relative;
	width:1200px;
	top:450px;
	left:-766px;
	z-index:999;

}
div.download .files em {
	color:#f5f5f5;
	font-style: normal;
}
div.err {
	color:#ca3e3e;
	text-align: center;
	width: 300px;
	position: absolute;
	padding-top: 12px;
	font-size: 18px;
	top: 470px;
	left:150px;
}
div#dloadmsg {
	padding-top: 4px;
	background-color: #fff;
}
div.download {
	position: absolute;
	top: 35px;
	left: 976px;
}
div.download h3 {
	cursor: pointer;
	font-family: RWEMedium,Trebuchet,tahoma;
	-webkit-font-smoothing: auto;  -moz-osx-font-smoothing: auto;
	font-size: 16px;
}
div.introtext {
	color: #58585A;
	font-family: RWERegular,Trebuchet,Arial,sans-serif;
	-webkit-font-smoothing: auto;  -moz-osx-font-smoothing: auto;
	font-size: 18px;
	height: 60px;
	left: 45px;
	line-height: 24px;
	position: relative;

	top:10px;
}

div.viewportinfo .wintitle {
	position: absolute;
	left: 0px;
	font-size: 16px;
	text-align: right;
	width: 50px;
}
div.viewportarea {
	position: absolute;
	max-width: 640px;
	width:1280px;
}
div.viewport {
	width: 640px;
	position:relative;
	left:45px;
	z-index:999;
}

div.viewportinfo {
	margin: 0 0 0 1px;
	position: absolute;
	top: 390px;
	width: 100%;
	left:10px;
}
div.viewportinfo div {
	color: #3c3732;
	float: left;
	padding-top: 2px;
	font-size: 12px;
}
div.viewportinfo .no {
	position: absolute;
	left: 1076px;
	width: 150px;
	text-align:right;
	top:83px;
	z-index:999;
	font-size:18px;
}
div.viewportinfo .ges {
	position: absolute;
	left: 350px;
	margin: 0 0 0 9px;
}
div.viewportinfo .titel {
			position: absolute;

			height: 90px;
			width: 450px;
			overflow: hidden;
			font-size:26px;
			top:-87px;
			font-family: RWELight,Trebuchet,Arial,sans-serif;
			-webkit-font-smoothing: auto;  			-moz-osx-font-smoothing: auto;
			font-weight:bold;
			vertical-align:bottom;
			text-align:left;
		}

.infospan{
	position:absolute;
	bottom:0;
	left:0;
	-webkit-font-smoothing: auto;  	-moz-osx-font-smoothing: auto;

}
div.search {

	height: 42px;
	position: absolute;
	top: 463px;
	width: 65%;
	left:10%;
}
div.searchtitle {
	margin-left: 13px;
	margin-top: 18px;
	position: absolute;
	text-transform: inherit;
	color:#58585A;
}
          /* dppx fallback */
div.search form {
	padding-left: 40px;
	padding-top: 12px;
	text-align: left;
}
div.search .submit {
	/*padding: 5px 20px 1px 3px;*/
}
div.search .searchmsg {
	display: none;
	padding: 11px 10px 0 0;
	font-size: 12px;
	width: 204px;
}
div.search .searchmsg b {
	font-size: 12px;
}
div.search .searchmsg div {
	padding-top: 5px;
}



}
div.entry {
	clear: left;
	float: left;
	border: none;
	padding: 0px 0;
	color: #555;
	font-size: 12px;
	line-height: 24px;
	width: 100%;
	cursor: pointer;
	overflow:hidden;
	height:89px;
	padding-bottom:7px;
	padding-top:0px;
	margin-bottom:15px;
}
.entry :first-child{
	margin-top:0px;
}


.info a.btn_list {
	color: #32b4e6;
	display: block;
	float:right;
	padding:11px 16px;
	border: none;
	width: 24px;
	margin-top: -15px;
	margin-left: 0px;
	position:absolute !important;
	right: 93px;
}
div.entry .data {
	float: left;
	text-align: right;
	padding-right:20px;
	padding-top:5px;
	width: 10%;
}
div.entry span.clip {
	display:block;
	float:left;
	color: #aaa;
	width:100%;
}
div.mover {
	background-color: #eee;
}
div.active {
	background-color: #ccc;
	color: #333;
}
div.active span {
	color: #777;
}
div.cont {
	text-align: center;
	padding-top: 100px;
	font-size: 15px;
	color: #aaa;
}
div.links {
	margin: 0px 35px 0 0;
}
div.links a {
	display: block;
	text-decoration: none;
	color: #0066AA;
	text-align: right;
	font-size: 12px;
	line-height: 25px;
}
a.lkact {
	color: #999 !important;
}
div.details .info {
	padding: 15px !important;
	width: 1049px;
}
div.edetails {
	width: 100%;
	height: 21px;
	font-size: 16px;

}
div.edetails a {
	color: #32b4e6;
	display: block;
	height: 21px;
	z-index: 99;
}
#tabs .ui-tabs-panel {
	padding: 0;
	border: 1px solid #999;
}
#tabs .ui-tabs-nav {
	padding: 0;
}
#tabs .ui-tabs-nav li a {
	padding: 0px 16px;
	color: #32b4e6;
	font-family: RWERegular,Trebuchet, Arial, sans-serif;
	-webkit-font-smoothing: auto;  -moz-osx-font-smoothing: auto;
}
#tabs .ui-tabs-nav li a:hover {

	color: #449fc1;

}
#tabs .ui-state-default {
	background: url("../../icons/arrow_new.png") no-repeat left;
	background-size: 28px 28px;
	color: #32b4e6;
}
#tabs .ui-state-default:hover {
	background: url("../../icons/arrow_new_mover.png") no-repeat left;
	background-size: 28px 28px;

}
#tabs li.ui-state-active a {
	color: #58585A;

}
#tabs li.ui-state-active a:hover {
	color: #58585A;

}
#tabs li.ui-corner-top {
	background: url("../../icons/arrow_new.png") no-repeat left;
	background-size: 28px 28px;
	border-radius: 0;
	border:none;
	font-size:22px;
	padding-top:0px;
	margin-left:40px;
}
#tabs .ui-corner-bottom {
	border-radius: 0;
}
#tabs .ui-corner-all {
	border-radius: 0;
}
#tabs.ui-widget-content {
	border: none;
}
#tabs .ui-state-active {
	background: url("../../icons/arrow_black.png") no-repeat center left !important;
	background-size: 28px 28px !important;
	font-weight:normal;
	z-index:999;
	background-position: 0px 1px !important;

}
#tabs .ui-state-active:mover {
	background: url("../../icons/arrow_black.png") no-repeat left !important;
	background-size: 28px 28px !important;
	background-position: 0px 0px !important;

}
#tabs ul.ui-widget-header {
	padding-bottom:15px;
	background: none;
	border: none;
	margin-left:-40px;

}
#tabs div.ui-widget-content {
	border: none;
	border-top: none;
	float: left;
	height: 442px;
	width: 97%;
	overflow: auto;
	overflow-y: scroll;
}
#tabs #searchtab {
	display: none;
	padding-left:20px;
}
#tabs li.arrow {
	border: 1px solid #D3D3D3;
	margin-bottom: 0;
	border-bottom: none;
	height: 15px;
	width: 16px;
}
#tabs li.arrow span {
	padding: 0px 7px;
	line-height: 15px;
	color: #0066AA;
	cursor: pointer;
}
#tabs li.left {
	background: url(../../uploadify/pfeil_u.png) 4px 5px no-repeat;
	border-right: none;
	margin-right: 0px;
}
#tabs li.right {
	background: url(../../uploadify/pfeil.png) 3px 3px no-repeat;
	border-left: none;
	margin-right: 10px;
}
#tabs li.hover {
	background-color: #eee;
}

.loginfields{
	position:relative;
	left:-1%;
}
.fieldfu{

}
.fieldfp{

}
@media (-webkit-min-device-pixel-ratio: 1.1), /* Webkit-based browsers */
       (min--moz-device-pixel-ratio:1.1),    /* Older Firefox browsers (prior to Firefox 16) */
       (min-resolution: 1.1dppx),             /* The standard way */
       (min-resolution: 192dpi)  {
			   h2{
			font-size:20px;
			color:#3c3732;
			-webkit-font-smoothing: auto;  			-moz-osx-font-smoothing: auto;
		}

	   }
	@media only screen and (max-width: 480px) {
			.video-js .vjs-control {
  height: 100%;
  width: 2.5em;
   }
  .video-js .vjs-control:before {
    font-size: 1.8em;
    line-height: 1.8;

}

	h2{
			font-size:18px;
			color:#3c3732;
			position:relative;
			top:-11px;
			-webkit-font-smoothing: auto;  			-moz-osx-font-smoothing: auto;

		}
		#tabs .ui-state-active {
			background-position: 0px 2px !important;
		}
		.subplayer {
			width:100%;
		}
		#tabs li.ui-corner-top {
			padding-top:3px;
		}
		div.viewportarea {
			left:0;
		}
		#player{
			width:93.85% !important;
		}
		#video{
			width:93.85% !important;
			padding: 0 !important;
		}
		.userbar{
			height:120px;
			top:450px;
			left:0;
			right:0;
			width:auto;

		}
		.infospan{
			text-align:center;
			bottom:0px;
			top:0;
			max-width:270px;
			width:270px;
			display:block;
			left:50%;
			margin-left:-135px;

		}
		.loadpretext{
			left: 0%;

			font-size:18px;
			width:97%;
			max-width:97%;
			text-align:center;

		}
		.ui-tabs .ui-tabs-nav li {
			line-height: 29px;
		}
		#tabs li.ui-corner-top {
			font-size:18px;
			z-index:999;
		}
		.introbody{
				top:-7px;
				left:50%;
				font-size:16px;
				display:block;
				max-width:275px;
				width:275px;
				margin-left:-137px;
				color: #838383;
			   }
		div.headtitle{
			font-size:30px;
			left:1.5%;
			top:10px;
			-webkit-font-smoothing: auto;  			-moz-osx-font-smoothing: auto;
		}
	div.demowrapper{
		position:relative;
		top:-14px;
		left:0px;
		height:1100px;
		width:1px;
		min-width:100%;

	}
	div.search{
		top:480px;
		left:5%
	}
	.search{
		width:93%;
		top:480px;
	}
	div.closebtn{
		left:2%;
		top:46%;
		background-size: 20px 11px;
		margin-left:5px;
	}
	.loginbutspan {
				top:-454px;
				left:50%;
				display:block;
				width:80px;
				text-align:left;
				margin-left:-40px;
			   }
	div.introtext {
			left: 2%;
			top:-8px;
			max-width:97%;
		}
	div.viewportarea {
		width:100%;
	}
	div.viewport {
			top: 57px;
			width:100%;
			left:10px;
		}
	div.viewportinfo .titel {
			left: 0%;
			top:-117px;
			font-size:18px;
			width:97%;
			max-width:97%;
			text-align:center;


			}
	div.searchbtn{
		margin-top:-10px;
		position:absolute;
		left:50%;
		top:353px;
		color:#f5f5f5;
		z-index:999;
		margin-left: -42px;
	}
	.mobile_hide{
		display:none;
	}
	div.search .submit {
    padding-right: 10px !important;
	padding-left: 10px !important;
}
	div.tabs {
	position: absolute;
	width: 98%;
	font-size: 11px;
	top: 470px;
	left:10px;
	}
	div.entry {
		height: 70px;
		margin-bottom:8px;
	}
	div.entry .img {
		width: 123px;;
	}
	div.entry .img img {
		width: 123px;;
	}
	div.entry .info {
		float: left;
		padding: 0 5px;
		width: 50%;
		font-family: RWELight,Trebuchet,Arial,sans-serif;
		-webkit-font-smoothing: auto;  -moz-osx-font-smoothing: auto;
		padding-left:10px;
		padding-top:0px;
		margin-top:3px;
		max-height:70px;
		overflow:hidden;
		font-size: 16px;
		line-height:17px;
		font-weight:normal
	}
	div.entry .data {
		display:none;
	}
	div.login .loginbut {
		width:30%;
		top:-55px;
		left:48%;
		min-width: 130px;
		max-width: 150px;

	}
	.loginfields{
		left:-6%
	}
	.stdbtn{
		font-size:18px !important;
	}
	.fieldfu{
		top:50%;
		margin-top:-20px;
		left:50%;
		margin-left: -99px !important;
	}
	div.err {
		padding-left:0px;
		left:50%;
		margin-left:-150px;
		top:489px;
	}
	div.login #fp {
		top:50%;
		margin-top:10px;
		left:50%;
		margin-left:-99px !important;
	}
	div.login form input {
		width:190px;
	}
	#tabs ul.ui-widget-header{
		max-width:60%;
		z-index:99;
	}
	div.download{
		top:35px;
		left:0px;
		width:100%;
	}
	a.downloadbtn {
		top:357px;
		left:50%;
		margin-left:-58px;
		z-index:999;
	}
	div.download .title {
		top:463px;
		left:17%
	}
	div.login {
		top:0px;
		height:100%;
		left:0%;
	}
	.linkcontainer{
		max-width:50%;
		text-overflow:ellipsis;
		display:block;
		max-height:20px;
		overflow:hidden;


	}
	div.fields {
		left:0%;
		top:35px;
		height:100%;
	}
	div.download .files {
		width:100%;
		left:1%;
		top:466px;
	}
	div.userarea {
		left:50%;
		top:-6px;
		margin-left:-160px;
	}
	div.viewportinfo .no {
    position: absolute;
    left: auto;
    right: 8%;
    width: 85px;
}
	.loginbut{
		display:none !important;
	}
	.loginalt{
			display:block;
			position:relative;
			cursor:pointer;
			top:50%;
			margin-top:-59px;
			width:28px !important;
			line-height:28px !important;
			height:28px !important;
			left:84% !important;
			background:url("../../icons/arrow_new_small.png") no-repeat !important;
			background-position:0px 0px !important;
			background-color: none !important;
			border: none !important;
			margin-left:8px !important;
		}
}
@media only screen and (min-width: 480px) and (max-width: 640px) {
	div.entry .info {
		width:56% !important;
		}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {

	.video-js .vjs-control {
  height: 100%;
  width: 3em;
   }
  .video-js .vjs-control:before {
    font-size: 2.0em;
    line-height: 1.8;

}
.info a.btn_list{
	right:89px;
	top: 168px;
}
h2{
			font-size:26px;
			color:#3c3732;
			position:relative;
			top:-11px;
			-webkit-font-smoothing: auto;  			-moz-osx-font-smoothing: auto;

		}
		#tabs .ui-state-active {
			background-position: 0px 0px !important;
		}
		#tabs div.ui-widget-content {
			height:382px;
			}
		.subplayer {
			width:100%;
			top: 148px;
		}

		div.viewportarea {
			left:2.5%;
		}
		#player{
			width:93.85% !important;
		}
		#video{
			width:93.85% !important;
			padding: 0 !important;
			max-width: 760px !important;
		}
		.userbar{
			height:120px;
			top:450px;
			left:-3%;
			width:104%;
		}

		.infospan{
			text-align:center;
			bottom:0px;
			top:0;
			max-width:92%;
			width:92%;
			display:block;
			left:50%;
			margin-left:-47%;


		}
		.loadpretext{
			left: 0%;

			font-size:18px;
			width:97%;
			max-width:97%;
			text-align:center;

		}
		.ui-tabs .ui-tabs-nav li {
			line-height: 29px;
		}
		#tabs li.ui-corner-top {
			font-size:22px;
			z-index:999;
		}
		.introbody{
				top:3px;
				left:50%;
				font-size:20px;
				display:block;
				max-width:92%;
				width:92%;
				margin-left:-47%;
				color: #838383;
			   }
		div.headtitle{
			font-size:42px;
			left:1.5%;
			top:10px;
			-webkit-font-smoothing: auto;  			-moz-osx-font-smoothing: auto;
		}
	div.demowrapper{
		position:relative;
		top:-20px;
		left:0px;
		height:1100px;
		width:1px;
		min-width:100%;

	}
	div.search{
		top:480px;
		left:3%;
		width:79%
	}
	.search{
		width:93%;
		top:480px;
	}
	div.closebtn{
		left:5%;
		top:46%;
	}
	input.search {
		width:94%;
	}
	input.search {
		padding-right: 30px;
	}
	.loginbutspan {
				top:-436px;
				left:50%;
				display:block;
				width:80px;
				text-align:left;
				margin-left:-40px;
				font-size:20px;
			   }
	div.introtext {
			left: 2%;
			top:-8px;
			max-width:97%;
		}
	div.viewportarea {
		width:100%;
		max-width:100%;
	}
	div.viewport {
			top: 57px;
			width:100%;
			left:0px;
		}
	div.viewportinfo .titel {
			left: 13px;
			top:-117px;
			font-size:21px;
			width:97%;
			max-width:97%;
			text-align:center;


			}
	div.searchbtn{
		margin-top:-10px;
		position:absolute;
		left:50%;
		top:353px;
		color:#f5f5f5;
		z-index:999;
		margin-left: -62px;
	}
	.mobile_hide{
		display:none;
	}
	div.tabs {
	position: absolute;
	width: 100%;
	font-size: 11px;
	top: 470px;
	left:0%;
	}
	div.entry {
		height: 69px;
		margin-bottom:8px;
	}
	div.entry .img {
		width: 123px;
	}
	div.entry .img  img{
		width: 123px;;
	}
	div.details .info {
		font-size:20px;
		width:84%
	}
	div.entry .info {
		float: left;
		padding: 0 5px;
		width: 66%;
		font-family: RWELight,Trebuchet,Arial,sans-serif;
		-webkit-font-smoothing: auto;  -moz-osx-font-smoothing: auto;
		padding-left: 10px;
		padding-top: 0px;
		margin-top: 2px;
		max-height: 70px;
		overflow: hidden;
		font-size: 20px;
		line-height: 22px;
		font-weight: normal;
}
div.edetails {
	font-size: 20px;
}
	div.entry .data {
    padding-right: 16px;
    text-align: right;
    width: 70px;
    min-width: 60px;
    position: relative;
    right: auto;
	float:right;
	font-size:20px;
	padding-top:2px;
}
	div.login .loginbut {
		width:30%;
		top:-55px;
		left:48%;
		min-width: 130px;
		max-width: 150px;

	}
	.loginfields{
		left:-6%
	}
	.stdbtn{
		font-size:18px !important;
	}
	.fieldfu{
		top:50%;
		margin-top:-20px;
		left:50%;
		margin-left: -27% !important;
	}
	div.login #fp {
		top:50%;
		margin-top:10px;
		left:50%;
		margin-left:-27% !important;
	}
	div.login form input {
		width:50%;
	}
	#tabs ul.ui-widget-header{
		max-width:35%;
		z-index:99;
	}
	div.download{
		top:35px;
		left:0px;
		width:100%;
	}
	a.downloadbtn {
		top:357px;
		left:50%;
		margin-left:-76px;
		z-index:999;
	}
	div.download .title {
		top:463px;
		left:17%
	}
	div.login {
		top:0px;
		height:100%;
		left:0%;
	}
	.linkcontainer{
		max-width:50%;
		text-overflow:ellipsis;
		display:block;
		max-height:20px;
		overflow:hidden;


	}
	div.viewportinfo {
		width: 96.8%;
		left:-12px;
		position:relative;
	}
	div.fields {
		left:0%;
		top:35px;
		height:100%;
	}
	div.download .files {
		width:100%;
		left:7%;
		top:466px;
	}
	div.userarea {
		left:50%;
		top:7px;
		margin-left:-160px;
		font-size:20px !important;
	}
	div.viewportinfo .no {
		position:absolute;
		left:auto;
		right:10px;
		width: 85px;

	}

	.loginbut{
		display:none !important;
	}
	.loginalt{
			display:block;
			position:relative;
			cursor:pointer;
			top:50%;
			margin-top:-58px;
			width:28px !important;
			line-height:28px !important;
			height:28px !important;
			left:85% !important;
			background:url("../../icons/arrow_new_small.png") no-repeat !important;
			background-position:0px 0px !important;
			background-color: none !important;
			border: none !important;
		}

	}
@media only screen and (min-width: 800px) and (max-width: 1279px) {
	div.entry .img {
	float: left;
	padding: 0px 10px 0px 0px;
	width:160px;
}
.info a.btn_list{
	right:88px;
	top: 168px;
}
#tabs div.ui-widget-content {
	height:478px;
}
#player{
	width:100% !important;
}
#tabs .ui-state-active {
			background-position: 0px 0px !important;
		}
div.viewportinfo {
	width: 100%;
	left:0px;

}
.subplayer{
	width:100%;
}
div.framearea{
	width:100%;
}
div.viewportarea{
	width:100%;
	max-width:100%;
}
div.mover {
	background-color: #eee;
}
.loginalt{
	display:none !important;
}
div.active {
	background-color: #ccc;
	color: #333;
}
div.active span {
	color: #777;
}
.linkcontainer{
		max-width:50%;
		text-overflow:ellipsis;
		display:block;
		max-height:20px;
		overflow:hidden;


	}
	h2{
		font-size:22px;
		color:#3c3732;
		-webkit-font-smoothing: auto;  			-moz-osx-font-smoothing: auto;
	}
	.introbody{
		top:-12px;
		left:75%;
		font-size:16px;
		max-width:352px;
		display:block;
		max-height:100px;
		margin-left:-185px;
	}
	div.headtitle{
	   font-size:41px;
	   left:2%;
	   -webkit-font-smoothing: auto;  		-moz-osx-font-smoothing: auto;
	 }
	 div.demowrapper{
		position:relative;
		top:-45px;
		left:0px;
		height:1100px;
		width:1px;
		min-width:100%;
	}
	#tabs ul.ui-widget-header {
		max-width:20%;
		z-index:999;
	}
	#tabs li.ui-corner-top {
		z-index:999;
	}
	div.download {
		width:100%;
		left:0px;
	}
	a.downloadbtn {
		top:256px;
		left:68%;

	}
	div.details .info {
		width:84%;

	}
	div.viewportinfo .no {
		position:absolute;
		margin-left:-75px;
		left:auto;
		right:42px;
	}
	div.entry .data {
    padding-right: 14px;
    text-align: right;
    width: 70px;
    min-width: 60px;
    position: relative;
    right: auto;
    float: right;
}
	.loginbutspan {
				top:-442px;
				left:71%;
			   }
	.userbar {
		width:100%;
		left:0;
	}
	div.login .loginbut {
		left:58%;
		min-width:150px;
	}
	div.logbtn {
		top:0px;
	}
	div.search {
		left:7%;
	}
	div.fields {
		z-index:999;
	}
	div.err {
		padding-left:0px;
		left:50%;
		margin-left:-150px;
	}
	div.download .title {
		left:20%;
	}
	div.download .files {
		left:13%;
		width:60%;
		max-width:550px;
	}
	div.introtext {
			left: 2%;
		}
	div.viewport {
			top: 0px;
			width:50%;
			left:2%;
		}
	div.userarea {
		left:75%;
		top:-3px;
		z-index:999;
		margin-left:-160px;
	}
	div.viewportinfo .titel {
			left: 53%;
			top:-53px;
			font-size:22px;
			max-width:40%;
			}
	div.searchbtn{
		margin-top:-10px;
		position:absolute;
		left:70% !important;
		top:280px;
		color:#f5f5f5;
	}
	.mobile_hide{
		display:block;
	}
	div.tabs {
	position: absolute;
	width: 98%;
	font-size: 11px;
	top: 470px;
	left:2%;
	}
	div.entry .info {
		float: left;
		padding: 0 5px;
		width: 67%;
		font-family: RWELight,Trebuchet,Arial,sans-serif;
		-webkit-font-smoothing: auto;  -moz-osx-font-smoothing: auto;
		padding-left:5px;
		padding-top:0px;
		margin-top:3px;
		max-height:74px;
		overflow:hidden;
	}

}
@media only screen and (min-width: 1280px) {
.info a.btn_list{
	right:120px;
	top: 80px;
}

div.entry .img {
	float: left;
	padding: 0px 10px 0px 0px;
	width:14%
}
#tabs .ui-state-active {
			background-position: 0px 1px !important;
		}


div.mover {
	background-color: #eee;
}
.loginalt{
	display:none !important;
}
div.active {
	background-color: #ccc;
	color: #333;
}
div.active span {
	color: #777;
}
	h2{
		font-size:22px;
		color:#3c3732;
		-webkit-font-smoothing: auto;  		-moz-osx-font-smoothing: auto;
	}
	.introbody{
		top:-12px;
		left:696px;
		font-size:18px;
		-webkit-font-smoothing: auto;  		-moz-osx-font-smoothing: auto;
		max-width:377px;
		display:block;
	}
	div.headtitle{
	   font-size:41px;
	   left:45px;
	   -webkit-font-smoothing: auto;  		-moz-osx-font-smoothing: auto;
	 }
	 div.demowrapper{
		position:relative;
		top:-45px;
		left:0px;
		height:1100px;
		width:1px;
		min-width:100%;
	}
	.loginbutspan {
				top:-269px;
				left:893px;
				z-index:999;
			   }
	div.introtext {
			left: 45px;
		}
	div.viewport {
			top: 0px;
		}
	div.viewportinfo .titel {
			left: 705px;
			top:-87px;
			}
	div.searchbtn{
		margin-top:-10px;
		position:absolute;
		left:882px;
		top:191px;
		color:#f5f5f5;
	}
	a.downloadbtn {
		left:-112px;
	}
	.mobile_hide{
		display:block;
	}
	div.tabs {
	position: absolute;
	width: 100%;
	font-size: 11px;
	top: 470px;
	left:45px;
	}
	div.entry .info {
		float: left;
		padding: 0 5px;
		width: 75%;
		font-family: RWELight,Trebuchet,Arial,sans-serif;
		-webkit-font-smoothing: auto;  -moz-osx-font-smoothing: auto;
		padding-left:5px;
		padding-top:0px;
		margin-top:3px;
		max-height:70px;
		overflow:hidden;
	}
	div.userarea {
		top:176px;
		left:776px;
		z-index:999;
	}
	#player {
		width:100% !important;
		max-width:640px;
	}
}