html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; }

:focus{
	outline: 0; }

body{
	line-height: 1;
	color: #222222;
	background: url(../../templates/stvbeta/images/bg.png);
	text-align: center; }

table{
	border-collapse: separate;
	border-spacing: 0; }

caption, th, td{
	text-align: left;
	font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after{
	content: ""; }

blockquote, q{
	quotes: "" ""; }

img{
	vertical-align: bottom; }

body, table, th, td{
	font-family: Calibri, Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px; }

h3{
	font-size: 12px;
	font-weight: 700;
	margin: 1.2em 0 .4em;
	color: #666; }

h2, h3.icon{
	margin: 2.5em 0 .5em;
	padding: .5em 5px .4em;
	font-size: 12px;
	line-height: 1em;
	font-weight: 500;
	text-transform: uppercase;
	color: #666666;
	border-top: 3px solid #fff; }

h2 a{
	font-size: 10px; }

div.inner h2.icon, h2.icon, h3.icon{
	clear: both;
	margin: 0 0 .5em; }

p, ul, ol{
	margin: 0 0 .75em; }

ul, ol{
	padding: 0 0 0 1em; }

li{
	padding: .1em 0; }

html body ul li.lt,
html body ol li.lt{
	border-bottom: 0; }

#thetube .col-s,
#thetube .col-m,
#thetube .col-mf,
#thetube ol,
#thetube li,
#menu ul,
#menu li,
#sub ul,
#sub li{
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none; }

a:link{
	color: #000000;
	text-decoration: none; }

a:visited{
	color: #333; }

a:focus,
html body a:hover,
a:active{
	color: #9d7728; }

html body .c{
	clear: both;
	display: block; }

html body .c-left{
	clear: left; }

html body .c-right{
	clear: right; }

.col-1, .col-2{
	float: left;
	width: 480px; }

.col-1e{
	width: 500px;
	float: left;
	margin: 2em 0 0; }

.col-1m{
	width: 790px;
	float: left;
	padding: 0;
	margin: 2em 10px 0 10px;}

.col-1m .col-m{
	margin: 0; }

.col-2s{
	float:	left;
	width: 320px;
	margin: 2em 0 0; }

.col-3{
	float: left;
	width: 130px;
	padding: 2em 0 0; }

.col-1{
	clear: both; }

.col-x{
	margin: 2em 10px 0;
	display: block; }

.col-m{
	clear: both;
	margin: 0 10px 3em 10px;
	padding: 1px 0; }

.col-s{
	float: left;
	width: 220px;
	margin: 2em 10px 0 10px;
	padding: 0; }

.col-s1{
	width: 217px;
	margin: 10px 10px 10px 5px;
	padding: 0; }

.col-s2{
	width: 465px;
	margin: 10px 10px 10px 5px; }

.col-s3{
	width: 700px;
	margin: 10px 10px 10px 5px; }

.col-s4{
	width: 950px;
	margin: 10px 10px 10px 5px; }

html body .player{
	margin: 0 0px 2em 10px;
	padding: 1px 0; }

html body div.player div.inner h2{
	width: 480px; }

.col-x .inner h2.icon{
	margin-right: 0;
	margin-left: 0; }

#rectangle{
	float: left;
	border: 1px dotted #333;
	background-color: #666; }

#insertionMarker{
	display: none; }

html body .half{
	width: 48%; }

html body .left{
	float: left; }

html body .right{
	float: right; }

#wrap{
	position: relative;
	width: 960px;
	margin: 20px auto 0;
	padding: 0;
	text-align: left;}

#my{
	float: right;
	margin: 0 5px;
	display: block;
	overflow: hidden;
	height: 2em;
	line-height: 1.5em;
	vertical-align: middle;}

#my img{
	vertical-align: middle;
	margin: 1px; }

#my ul.usr{
	float: right;
	text-align: right;
	width: 300px; }

#my ul.usr a{
	color: #666666; }

#my ul.usr li{
	margin-right: 1em; }

#my ul.usr li,
#my ul.language li{
	display: inline;
	list-style: none; }

#my ul.language{
	float: right;
	text-align: right; }

#my span.offline {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  color: #333; }

#header{
	float: left;
	margin: 10px 0 -80px;
	padding: 0 .8em 0;
	font-size: 2em;
	letter-spacing: -.1em;
	text-transform: uppercase;
	font-weight: 700;
	color: #9d7728;
	width: 200px; }

#header a{
	background: transparent; }

#menu{
	width: 960px;
	clear: both;
	display: block;
	height: 75px;
	padding: 25px 0 0;
	background: url(../../templates/stvbeta/images/header.png); }

#menu ul{
	height: 5em;
	padding: 0 0 0 320px;
	text-align: right;
	text-transform: uppercase;
	z-index: 200; }

#menu ul li{
	display: inline;
	font-size: 1.2em;
	list-style: none; }

#menu a{
	position: relative;
	width: 90px;
	display: block;
	float: left;
	line-height: 4.2em;
	background: transparent;
	color: #666666;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	z-index: 10; }

#menu li.act a{
	color: #9d7728;
	font-weight: bold;
	text-decoration: none; }

#menu a:hover{
	text-decoration: none;
	color: #9d7728; }

#sub, .sub{
	position: relative;
	width: 960px;
	display: block;
	clear: both;
	height: 25px;
	margin: 0 auto;
	padding: 5px 0 3px;
	background: url(../../templates/stvbeta/images/menu.png);
	z-index: 60; }

.sub{
	margin: 10px 0; }

#sub ul{
	float: left;
	width: 600px;
	height: 25px; }

.sub ul{
	float: left;
	height: 25px; }

#sub ul li, .sub ul li{
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	font-size: 1em;
	text-transform: none; }

.sub ul li{
	margin: 0 1.5em 0 .5em; }

#sub ul li a{
	display: block;
	line-height: 25px;
	padding: 0 .75em;
	color: #fff;
	text-decoration: none; }

.sub ul li a{
	line-height: 25px;
	padding: 0 .75em;
	color: #333;
	text-decoration: none; }

.sub a{
	color: #000; }

#sub a:hover, .sub a:hover{
	color: #fff;
	text-decoration: none; }

.sub span.right{
	margin-right: 1em;
	display: block;
	height: 25px;
	line-height: 25px; }

.boxform{
	display: inline; }

.boxform input{
	border: 0;
	background-color: #797979;
	display: inline; }

#mainsearch{
	width: 330px;
	float: right;
	text-align: right; }

#mainsearch, #mainsearch p{
	margin: 0; }

#mainsearch form input, #mainsearch form select{
	margin: -1px 0 0;
	padding: 0;
	vertical-align: middle; }

#mainsearch p{
	display: block;
	height: 25px;
	overflow: hidden;
	margin: 0;
	padding: 0 15px;
	border: 0; }

#mainsearch input, #mainsearch label, #mainsearch select{
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	max-width: 130px; }

#mainsearch form input{
	padding: 2px; }

#mainsearch form input.button{
	border: 0; }

#register_captcha_id {
  margin: 3px 0 0;
  width: 207px;
}

#mainsearch label{
	display: none; }

#thetube{
	width: 960px;
	margin: 0 auto;
	padding: 3em 0 0;
	overflow: hidden; }

#thetube h2{
	margin: 0;
	padding: 5,5,0,0;
	color: #333;
	font-size: .9em; 
	font-weight: regular;
	text-decoration: none; }
	
#thetube-featured,

#thetube-top,
#thetube-latest{
	float: left;
	clear: none; }

#thetube-featured{
	width: 480px;
	height: 360px; }

#thetube-top.col-s{
	width: 160px;
	overflow: hidden; }

#thetube-latest.col-m{
	width: 320px;
	float: left; }

#thetube li{
	float: left; }

#thetube-top li,
#thetube-latest li,
#thetube-top li img,
#thetube-latest li img{
	width: 160px;
	height: 120px;
	overflow: hidden; }

#thetube-top li{
	width: 158px;
	height: 118px;
	margin: 0 0 2px 2px; }

#thetube-top li.lt,
#thetube-latest li{
	width: 158px;
	height: 120px;
	margin: 0 0 0px 2px; }

#thetube-latest ol li.ft img{
	width: 320px;
	height: 240px; }

#thetube-latest li.ft{
	width: 318px;
	height: 238px;
	margin: 0 0 2px 2px; }
	
div.inner {
	background: #ffffff url(../../templates/stvbeta/images/feld_header_hrg.png) repeat-x;
	border-left: 4px solid #ffffff;
	border-right: 4px solid #ffffff; }

div.inner div.inner{
	border: 0; }

.pagination, .pagination-bottom{
	position: absolute;
	top: .6em;
	right: .8em;
	text-align: right;
	margin: 0 5px 0 0;
	padding: 0;
	line-height: 1.2em; }

.pagination_over{
	text-align: right;
	margin: 0 5px 0 0;
	padding: 0;
	line-height: 1.2em; }

.pagination-bottom{
	clear: both;
	position: relative;
	top: 0;
	right: 0;
	margin: 0;
	padding: .5em 0 .5em; }

.pagination span.count,
.pagination-bottom span.count{
	margin: 0 1em; }

.pagination a.rsslink,
.pagination-bottom a.rsslink,
.sort a.rsslink,
.pagination a.rsslink:hover,
.pagination-bottom a.rsslink:hover,
.sort a.rsslink:hover{
	padding: 0;
	background: transparent;
	color: inherit; }

.pagination a,
.pagination-bottom a,
.pagination_over a,
.sort a{
	padding: 2px 5px; }

span.sort{
	float: right;
	font-size: 12px;
	line-height: 16px;
	text-transform: none; }

span.sort a.rsslink{
	margin: 0 0 0 1.25em; }

span.sort form{
	display: inline; }

.pagination b,
.pagination-bottom b,
.pagination_over b,
.sort b,
.pagination a:hover,
.pagination-bottom a:hover,
.pagination_over a:hover,
.sort a:hover{
	padding: 2px 5px 1px;
	background: #9d7728;
	color: #ffffff; }

.pagination form{
	display: inline; }

ul.inner{
	padding: 0;
	list-style: none; }

p.tags{
	line-height: 2em; }

.post{
	margin: 0 0 .5em;
	padding: 0 0 .5em;
	border-bottom: 2px solid #111; }

.media li.file .preview img{
	border: 3px solid #eeeeee;
	padding: 2px; }

ul.visitor{
	list-style: none;
	display: block;
	padding: 0; }

li.user{
	padding: 0;
	margin: .5em 0 0; }

li.user a.avatar{
	display: block;
	float: left;
	margin: 0 1em 0 0; }

li.user a.avatar img{
	display: block;
	width: 50px;
	height: auto;
	border: 5px solid #ffffff; }

li.user cite.about a{
	display: block;
	margin: 0 0 0.2em; }

li.user cite.about a:hover{
	background: transparent; }

li.user cite.about .stats, #mystats strong.stats{
	display: block;
	float: left;
	margin: 0 .5em 0 0;
	text-align: center; }

li.user cite.about .stats img,  #mystats strong.stats img{
	display: block; }

li.user cite.about .stats a{
	display: inline;
	margin: auto; }

#news div.inner div.content.media ul li.user {
	width: 110px;
	float: left; }

#most-active-user ul.media li.file{
	width: 140px; }

#most-active-user ul.media li.file .preview img {
	width: 130px; }

div.user{
	width: 280px;
	float: left; }

div.m_info{
	float: left; }

div.m_info ul.about li{
	text-align: left; }

.m_media{
	float: right; }

.m_media .media {
	width: 140px; }

.m_media .media li.file div.about{
	width: 130px; }

.col-2s .col-m .inner .content input,
.col-2s .col-m .inner .content textarea{
	width: 300px; }

div.user ul li a{
	width: 20px; }

div.user ul.about{
	float: left;
	display: block;
	margin: 0;
	padding: 0; }

div.user ul.about li{
	clear: both;
	margin-left: 100px; }

.posts,
.comments,
.users{
	margin: 0;
	padding: 0;
	list-style: none; }

.posts li{
	margin: 0 0 50px;
	padding: 0 0 15px;
  border-bottom: 4px solid #9d7728; }

.posts h3,
.comments h3 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
  border-bottom: 1px solid ###color2###; }

.posts h3 span.blog_user,
.comments  h3 span.blog_user {
  position: absolute;
  vertical-align: bottom;
}

.posts h3 span.blog_user span.avatar,
.comments h3 span.blog_user span.avatar {
  width: 50px;
  overflow:hidden; }

.posts h3 span.blog_user span.avatar img,
.comments h3 span.blog_user span.avatar img {
  width: 50px;
}

.posts h3 span.blog_user span.avatar a,
.comments h3 span.blog_user span.avatar a {
  display: inline;
}

.posts h3 span.blog_user a.autor,
.comments h3 span.blog_user a.autor {
  margin: 60 0 0 10px;
  display: inline;
  font-size: 11px;
  line-height: 14px;
}

.posts h3 a,
.comments h3 a{
	display: block;
	text-decoration: none; }

.posts h3 a.title,
.comments h3 a.title {
  float: right;
  margin: 20px 0 0 0; }

.posts span.date,
.comments span.date {
  display: block;
  text-align:right;
  font-size: 10px;
  line-height: 14px;
  margin: 0 0 6px; }

.posts cite.about,
.comments cite.about{
	display: block;
	margin: 25px 0 3px;
	font-size: 10px;
  line-height: 14px;
  text-align: right;
	color: ###color2###; }

.posts cite.about a,
.comments cite.about a{
  line-height: 14px;
	color: ###color2###; }

.comments li, #commentform{
	margin: 0 0 6px;
	padding: 9px;
	background: #F2F2F2; }

#commentform{
	margin: 12px 0 0; }

.users li{
	margin: 0 0 3px;
	padding: 3px 0 6px;
	border-bottom: 1px solid #cccccc; }

.users a.avatar, .user a.avatar{
	display: block;
	width: 120px;
	float: left;
	margin-right: -120px; }

.users a.avatar img{
	display: block;
	width: 50px; }

.users span.user{
	display: block;
	padding-left: 70px;
	line-height: 12px; }

.users span.user a{
	display: block; }

span.o_stats{
	width: 80px;
	display: block; }

.users span.user strong a{
	display: inline; }

.users span.user strong	{
	display: inline; }

.users span.user span.stats a{
	display: inline; }

strong.stats{
	display: block;
	text-align: center;
	margin: 0 6px 0 0;
	line-height: 1.6em; }

.content .media .about strong.stats img{
	width: 16px; }

.users span.user span.stats strong.stats strong.small{
	float: none;
	margin: 0; }

#chatbox input#chat_text_id{
	width: 135px;
	margin: 0;
	background: #DDBD79;
	color: #333;
	padding: 2px;
	border: 0; }

#chatbox input.button{
	width: 60px;
	margin: -5px 0 -7px 3px;
	border: 0; }

#chatbox cite.about{
	margin: .5em 0 0; }

div.chatform{
	margin: 0 0 5px; }

ul.actions{
	list-style: none;
	margin: 0;
	padding: .25em 0 0;}

ul.actions li{
	padding: 0 1em .25em;
	margin: 0 0 .25em; }

ul.actions a{
	display: block;
	color: #222222; }

#welcome{
	clear: both;
	float: none;
	width: auto;
	padding: 1em; }

#welcome h2{
	margin: 0; }

.comments,
.files,
ul.inner li.comment,
.users-pic ul,
ul.mystats,
#mystats ul,
.media,
.media li,
#kategorien li{
	padding: 0;
	list-style: none; }

.media{
	position: relative; }

.media ul{
	margin: 0 -40px 0 0;
	padding: 0; }

div.content .media.left.add{
	width: 230px; }

#kategorien{
	width:150px;}

#kategorien .inner {
	margin: 0 0px 0px 10px; }

#kategorien li{
	background: #ffffff;
	padding: 0 5px 0px 5px;
	display: block;
	float: left;}

#kategorien li img{
	width: 100px;
	height: 1px }

.media li.file,
.users.big li{
	float: left;
	width: 181px;
	margin: 1em 20px 1em 0; }

html body .media li.file.c-left{
	clear: both;
	float: left; }

.media ul.groups li.file{
	height: 225px; }

.media div.g_app{
	float: left;
	margin-right: 25px; }

.col-ms .content ul li img{
	width: 150px; }

#dragableElementsParentBox .content .media li.file{
	float: none;
	width: 225px;
	margin: 0;
	padding: 5px 0 0;
	border-bottom: 1px solid #cccccc; }

.content .media .mystats li.file{
	height: 290px; }
	
#latest-comments .content.media li.file{
	height: 240px; }

.content .media li.file img{
	width: 213px; }

.mwimg{
	width: 200px; }

.media li.file .preview img{
	display: block;
	width: 171px;
	height: 125px; }

.media li.file div.about{
	background: #eeeeee;
	color: #666666;
	padding: 5px 5px 1px;
	line-height: 1em; }

.media li.file div.about li{
	font-size: 10px;
	line-height: 1em;
	margin: 0;
	padding: 4px 0 2px; }

.media li.file div.about li.rating{
	padding: 5px 0 3px; }

.media ul.history{padding:5px;}

.media ul.history li.file{
	width: 120px;
	height: 150px;
	margin: 10px 0;
	overflow: hidden;
	font-size: 10px; }

.media ul.history li.file .preview img{
	height: 85px;
	width: 100px; }

.media ul.history li.file div.about{
	width: 100px;
	height: 40px;
	overflow: hidden; }

.media ul.history li.file div.about li.rating img{
	width: 14px; }

.media li.file div.about li.rating img{
	width: 16px; }

.media ul.history li.file div.about ul{
	display: none; }

.error{
	padding: .5em;
	background: #e88;
	color: #000;
	display: block;
	clear: both; }

.bookmark img{
	padding: .5em 2px 0; }

div.about ul{
	position: relative;
	display: block;
	margin: 0 0 .5em;
	padding: 0;
	line-height: 1.3em; }

div.about li{
	display: block;
	position: relative;
	font-weight: 700;
	list-style: none;
	border-bottom: 1px solid #cccccc; }

div.about li.lt{
	border: 0; }

div.about li strong{
	font-weight: 400; }

.media div.about li.desc{
	height: 3em; }

.media div.about input{
	width: 95%;
	margin: 0 .5em; }

.col-3.more ul,
.col-3.more li{
	margin: 0;
	padding: 0; }

.col-3.more li{
	display: block;
	padding: 0 0 5px;
	list-style: none;
	overflow: hidden; }

.col-3.more img{
	display: block;
	width:100%; }

div.buttons{
	margin: 9px 0; }

div.inner ul li span.plt{
	margin: 2em 1em;
	display: block; }

.descr{
	display: block;
	padding: 0 .2em 1em; }

#topic select{
	width: 400px; }

.g_desc{
	background: #eeeeee;
	padding: .5em;
	display: block; }

.g_edit input {
	width:445px; }

ul.g_list{
	list-style: none;
	width: 45%;
	padding: .5em; }

div.about img{
	padding: .2em .3em .4em 0; }

div.inner h2.pad{
	margin-top: 3em; }

div.pad label{
	display: block;
	width: 110px; }

div.pad .check{
	display: block;
	padding: 1em 0 0 100px; }

div.pad .media_list{
	list-style: none;
	padding: 0pt 0pt 1.75em; }

div.pad .media_list li{
	float: left;
	width: 25%; }

div.pad .channel_info{
	list-style: none;
	padding: 0pt 0pt 1em; }

div.pad .channel_info li{
	float: left;
	width: 33%; }

div.profile div.avatar{
	float: left;
	width: 290px;
	margin: 0 30px 0 0; }

div.profile div.avatar img{
	display: block;
	margin: 30px auto;
	border: 5px solid #ffffff; }

div.profile div.about{
	float: left;
	width: 640px;
	padding: 30px 0 0; }

div.profile div.about h3{
	margin: 0 10px 1.5em;
	font-size: 2em; }

div.profile div.about ul{
	float: left;
	width: 280px;
	margin: 0 10px;
	padding: 0 0 30px; }

div.profile div.about ul li.errorfield{
	margin: 0 0 2.5em;
	text-transform: uppercase;
	text-decoration: underline;
	letter-spacing: .3em; 
	padding: .5em;
	background: #e88;
	color: #000;}

div.profile div.about .user_info{
	margin: 0 100px; }

div.profile div.about.user_info ul{
	list-style: none;
	width: 700px;}

div.profile .user_info ul li{
	text-align: left;
	height: 1em;
	width: 900px;}

div.profile span.p_left{
	padding-right: 2em;
	text-align: right;
	display: block;
	float: left;
	width: 300px; }

div.profile span.p_right{
	display: block; }

div.profile p{
	width: 330px;
	float: left;
	padding: 1em 0;
	margin: 0 0 3em; }

div.profile p{
	width: 330px;
	float: left;
	padding: 1em 0;
	margin: 0 0 3em; }

#myprofile{
	width: 100%; }

.p_avatar{
	float: left;
	width: 270px;
	padding: 10px; }

.p_avatar img{
	margin-bottom: 15px; }

.p_infos{
	float: right;
	padding: 10px;
	width: 646px; }

.p_infos th{
	text-align: right;
	width: 180px;
	padding-right: 5px; }

table.forum td{
	padding: .2em; }

table.forum th{
	background: #eeeeee;
	padding: .1em .5em;
	border-right: 5px #ffffff solid; }

table.forum td{
	height: 100%; }

table.forum span.tdate{
	font-size: 10px;
	display: block; }

input.errorfield{
	margin: 0;
	padding: 2px; }
	
ul.showerror{
	list-style: none; }

.showerror,
.errorfield{
	margin: 1em 10px;
	padding: .5em;
	background: #e88;
	color: #000; }

.success_message{
	margin: 1em 10px;
	padding: .5em;
	background: #aea;
	color: #000; }

#chat div.chat{
	overflow: hidden; }

.blog_post_text{
	width: 446px;
	height: 5em; }

.blog_com_text{
	width: 446px;
	height: 5em; }

.button{
	width: 70px;
	height:  24px; }

.buttons{
	margin: 10px 0 5px; }

#footer{
	clear: both;
	margin: 1em 0px;
	padding: 1.5em 0;
	background: #ffffff;
	border-top: 3px solid #ccc;
	text-align: center; }

#footer p{
	margin: 0; }

#footer a{
	margin: 0 .5em }

#dragableElementsParentBox{
	width: 960px;
	border: 0; }

embed#cloud{
	width: 460px; }

.main_content{
	background: #f8f8f8; }
	
img.avatar{
	float: left;
	width: 100px; 
	padding: 0 10px 0 0;}

ul.comments li div.comment {
	display: block;
	float: left; }

ul.comments li div.comment cite.about {
	margin: 0; 
	text-align: left;}
	
ul.comments li div.comment cite.about span {
	text-align: left;}
	
.playlist ul li{
	list-style: none;
	float: left;
	width: 90px;
	margin: 0 5px 0 0; }

.playlist ul li img{
	float: left;
	width: 90px;
	height: 70px; }