html {
 height: 100%;
}

body { 
  height: 100%;
  background-color:#ffffff; 
  width:100%;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

body,table {
  font-family :  Verdana,Lucida,sans-serif;
	font-size: 12px;
  line-height: 16px;
	margin:0px;
	width:100%;
}

hr {
width:30%;
}

.pad_top {
padding-top: 10px;
width:100%;
}

a {
	color : #003399;
	text-decoration : none;
}

b {
color:#222222;
}

.padding {
padding:2px;
}

.content {
 vertical-align:top;
}

.red {
color:red;
}

h2 {
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	padding-bottom: 2px;
	padding-top: 5px;
}

td img, td .text
{
vertical-align: middle;
}

h2 table {
	font-size: 13px;
	font-weight: bold;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 4px 0px;
}

h4 table {
	font-size: 12px;
	font-weight: bold;
}

.install {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #cccccc;
	width:95%;
  max-width:720px;
	background: #F1F1F1;
}

.icon-preview {
margin-top:5px;margin-bottom:5px;max-width:90%;width:596px;
}



td.regtable {
	padding: 10px;
	padding-top: 15px;
	width:96%;
  background: #F1F1F1;
	border: 1px solid #cccccc;
	vertical-align:top;
}

.search {
  border: 1px solid #cccccc;
	background: #F1F1F1;
	height:50px;
	width:118px;
	padding-top:8px;
    text-align:center;
}

form {
	margin: 0px 0px 0px 0px;
}

.install2 {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px;
	border: 1px solid #cccccc;
	background: #F1F1F1;
	width:220px;
	text-align:center;
}

.reg {
	background: #dddddd;
	border: 1px solid #fafafa;
	padding: 3px;
	padding-left:10px;
	padding-right:10px;
}

.reg2 {
	background: #eeeeee;
	border: 1px solid #fafafa;
	padding: 3px;
	padding-left:10px;
	padding-right:10px;
}

.welche {
  font-weight:bold;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px;
	width:150px;
	text-align:center;
}

.lic {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #cccccc;
	width:95%;
  clear:both;
}

div.menudiv {
   width:141px;
   left:5px;
   padding-top:5px;
   padding-left:5px;
   margin-left:4px;
}

.leftmenu {
padding-left:0px;
padding-right:5px;
width:150px;
text-align:center;
padding-top:0px;
vertical-align:top;
border-top-width: 0px;
border-right-width:0px;
border-bottom-width: 0px;
border-left-width:0px;
}

.leftmenu a:hover {
  text-decoration : none; color:blue;
}

a.leftmenulist {
  text-decoration : none; 
  color:#274068;
}

.leftmenudiv {
  text-decoration : none; 
  background-color: #ffffff;
  height:16px;
  width:140px;
  padding-top:3px;
  border-bottom: solid 1px #cccccc;
  border-left: solid 1px #cccccc;
  border-right: solid 1px #cccccc; 
  margin-left:0px;
   font-weight:bold;
    text-align:center;
}


.leftmenudivsel {
  text-decoration : none; 
  color:grey;
  background-color: #cccccc;
  height:16px;
  width:140px;
  padding-top:3px;
  border-bottom: solid 1px #cccccc;
  border-left: solid 1px #cccccc;
  border-right: solid 1px #cccccc; 
  margin-left:0px;
  font-weight:bold;
  text-align:center;
}


.leftmenudivtop {
  text-decoration : none; 
  color:black;
  background-color: #ffffff;
  height:16px;
  width:140px;
  margin-top:5px;
  padding-top:3px;
  border: solid 1px #cccccc;
  margin-left:0px;
   font-weight:bold;
   text-align:center;
}

.leftmenudivtopsel {
  text-decoration : none; 
  color:grey;
  background-color: #ffffff;
  height:16px;
  width:140px;
  margin-top:5px;
  padding-top:3px;
  border: solid 1px #cccccc;
  margin-left:0px;
  font-weight:bold;
  text-align:center;
}


.leftmenusubdiv {
  text-decoration : none; 
  color:black;
  background-color: #ffffff;
  width:140px;
  padding-top:4px;
  padding-bottom:4px;
  border-left: solid 1px #cccccc;
  border-right: solid 1px #cccccc; 
  border-bottom: solid 1px #cccccc;
  margin-left:0px;
  line-height:16px;
  text-align:left;
}

.pad_sub {
 padding-left:10px;
}

.top {
vertical-align:top;
}

.leftsmallmenu {
padding-left:0px;
padding-top:0px;
vertical-align:top;
background-color: #ffffff;
width:3px;
height:100%;
border: 0px;
}

.leftsmallmenudiv {
position: fixed;
z-index:5;
border: 0px;
}


.rightcontent {
  vertical-align:top;
  width:100%;
  text-align:center;
}

ul li {
	list-style-type:none;
	list-style-image: url(img/arr_off.gif);
}

#ext ul {
  padding-left:0px;
  padding-right:5px;
  margin-left:20px;
  text-align:left;
}

.ext2 {
padding-top:1px; 
// padding-top: 10px !important;
padding-bottom:7px !important;
// padding-bottom:0px !important;
}

#ext { 
padding-right:0px;  
padding-top:1px; 
width:150px; 
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
}

td.right-column {
	padding-top:10px;
	vertical-align:top;
	width:140px;
	text-align:center;
}

.center {
  text-align:center;
}

.padleft {
  margin-left:20px;
}

.noborder {
  border:none;
}

.buttonlink { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 5px;
  margin-bottom:6px;
  border : solid 1px #cccccc;
  background: #E9ECEF;
  color : #7777aa;
  font-weight : bold;
  font-size : 11px;
  cursor: pointer;
  max-width:360px;
  width:50%;
}

.nopointer {
 cursor: default;
}

.clear {
    clear:both;
    }
    
a.reg_width {
  width:200px;
}

img {
 border:none;
}

.style2 {
color: #ffffff;
font-weight: bold; 
}

div#social {
width:115px;
color:#000;
}
div#social a

{
float: left;
display: block;
width: 20px;
height: 20px;
margin-right: 3px;
background-color: transparent;
background-image: url(img/social.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: 0pt;
background-y-position: 0pt;
}

#rightborder { width:120px; padding:5px; color:#000; }
#rightborder, #rightborder .sb-inner { background-color:#fff; }

.p_small {
line-height:1px;
}

.small-font {
font-size: 9px
}

#plugin-table td, .plugin-table td{
  padding:5px;
}

#split { margin:10px auto; padding:10px; color:#000; }
#split h1 { font-family: Arial,Lucida,sans-serif; font-size:24px; padding:0px; text-align:left; padding-bottom:10px; margin:0; color:#226; line-height:24px; }
#split, #split .sb-inner { background-color:#fff; padding:10px; }

#split2 { margin:10px auto; width:33%; }
#split2 h2 { font-family: Arial,Lucida,sans-serif; font-size:17px; padding:4px; text-align:left; padding-left:20px; margin:0; color:#fff; border-bottom-width: 0; }
#split2 h2, #split2 h2 .sb-inner { background:#fff url(img/bg_news.png) repeat-x; }
#split2 .content { margin:0px; padding:4px 10px; color:#000; }
#split2 .content, #split2 .content .sb-inner { text-align:left; background:#fff}

#split3 p, #split2 p, #split p {
padding-top:0px; margin-top:0px;
}	

#split3 { margin:5px 5px; }
#split3 h2 { font-family: Arial,Lucida,sans-serif; font-size:15px; padding:5px; text-align:center; margin:0; color:#fff; border-bottom-width: 0; }
#split3 h2, #split3 h2 .sb-inner { background:#00f url(../img/showcase-bg2.png) repeat-x; }
#split3 .content { margin:0px; padding:4px 10px; color:#000; margin-top:10px; }
#split3 .content, #split3 .content .sb-inner { font-size:10px;, text-align:center; background:#fff}

.rl {
font-size:14px;
}

.header_tfu {
width:380px;
left:110px;
position:absolute; 
z-index:1; 
text-align:center; 
font-size: 3.7em; 
padding:20px;
padding-top:10px; 
padding-left:70px;
padding-bottom:55px; 
font-weight:normal; 
font-family:"Trebuchet MS",Verdana,Arial;
// padding-top:20px;
// padding-bottom:45px;   
}

td.nopadding {
padding-top:0px;
}

#middleborder { padding:20px; margin:20px auto; color:#000; }
#middleborder, #middleborder .sb-inner { padding:10px; background-color:#fff; }

.verpad {
margin-top:0px;
margin-bottom:4px;
}

#showcase-section {background: #000 url(../img/showcase-bg.png) 0 0 repeat-x;}
#showcase-section2 {background: url(../img/showcase-overlay.png) 50% 0 no-repeat;}

div.menu {
color:#ffffff;padding:5px;text-align:center;
padding-right:0px;padding-left:0px;
width:150px;float:left;height:30px;border:1px solid #aaaaaa;
border-bottom:none;
border-left:none;
vertical-align: middle;
}

div.forum {
width:120px;
}

a.dm {
display:block;width:100%;height:100%;
}

div.menu b {
color: #ffffff;
}

div.menu a {
color: #ffffff;
}

.red {color: #FF0000}

#lic { padding:10px; margin:10px auto; color:#000; }
#lic, #lic .sb-inner { padding-bottom:5px; background-color:#fff; }

#dl1,#dl2 { padding:10px; margin:5px; color:#000; float:left;  text-align:center; width:200px; }

div.leftmenusubdiv img, div.leftmenudiv img, div.leftmenudivtop img {
height: 8px;
}

#f1,#f2,#f3,#f4,#f5,#f6 { 
padding:0px; 
padding-bottom:5px; 
color:#000; 
}

#f1, #f1 .sb-inner,#f2, #f2 .sb-inner,#f3, #f3 .sb-inner,#f4, #f4 .sb-inner,#f5, #f5 .sb-inner,#f6, #f6 .sb-inner  { 
padding-bottom:5px; 
background-color:#fff; 
}

#lic { padding:10px; margin:10px auto; color:#000; padding-bottom:5px; background-color:#fff;  }

.bold {
  font-weight:bold;
}

.icons td, .icons th {
    border: 1px solid #aaa;
    padding:5px;
}

.faq td, .faq th {
    vertical-align:top;
    text-align:left;
}

.left {
   text-align:left; 
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-size: 14px;   
}

faqdiv,faqdiv table { font-family : Verdana,Lucida,sans-serif; font-size: 12px; }faqdiv a {color : #003399;text-decoration : none;}faqdiv b { color:#000099; }faqdiv { width: 90%; }faqdiv.content {width: 90%;}faqdiv.red {color:red;}faqdiv h1 {background : #ccccff url(img/h1.jpg);font-weight: bold;font-size: 16px;border: 1px solid #9999ff;padding: 4px 4px 4px 10px;color: #FFFFFF;}faqdiv h2 {background : #efefef url(img/h2.jpg) no-repeat; font-size: 12px; font-weight: bold; border-bottom: 1px solid #000000; padding: 2px 2px 2px 10px; }faqdiv h3 {font-size: 11px;font-weight: bold;padding: 1px 1px 1px 1px;}faqdiv.style4 {color: #FF0000}faqdiv.padding {padding-top: 1px;padding-right: 5px;padding-bottom: 1px;padding-left: 5px;background-position: top;}faqdiv.install {margin-left: 5px;margin-right: 5px;margin-top: 10px;margin-bottom: 10px;padding: 10px;border: 1px solid #cccccc;width:720px;background: #F1F1F1;}faqdiv.search { border: 1px solid #cccccc;background: #F1F1F1;height:50px;width:250px;padding-top:8px;}faqdiv form {margin: 0px 0px 0px 0px;}faqdiv.install2 {margin-left: 5px;margin-right: 5px;margin-top: 0px;margin-bottom: 0px;padding: 10px;border: 1px solid #cccccc;background: #F1F1F1;width:290px;text-align:center;}faqdiv.reg {background: #dddddd;border: 1px solid #fafafa;padding: 3px;padding-left:10px;padding-right:10px;}faqdiv.reg2 {background: #eeeeee;border: 1px solid #fafafa;padding: 3px;padding-left:10px;padding-right:10px;}faqdiv.welche {font-weight:bold;margin-left: 5px;margin-right: 5px;margin-top: 0px;margin-bottom: 0px;padding: 10px;width:150px;text-align:center;}faqdiv.lic {margin-left: 5px;margin-right: 5px;margin-top: 10px;margin-bottom: 10px;padding-top: 10px;padding-left: 10px;padding-right: 10px;border: 1px solid #cccccc;width:95%;}faqdiv ul li {list-style-type:disk;list-style-image: url(img/arr_off.gif);}faqdiv.style6 {color: #FF0000; font-weight: bold; }

.config tr:nth-child(odd) 		{ background-color:#efefef; }
.config tr:nth-child(even)		{ background-color:#fafafa; }

.config td {
vertical-align:top;
padding: 5px;
}

textarea#twginfo {
  max-width:500px;
  width:100%;
}

input.regfield {
  max-width:500px;
  width:100%;
}


table.links tr:nth-child(odd) 		{ background-color:#efefef; }
table.links tr:nth-child(even)		{ background-color:#fafafa; }
table.links td {padding: 5px;}

.extension {
border: 1px solid #888; margin:auto;width:150px;height:102px;
}
.reg-menu {
margin-top: 4px;
margin-bottom: 4px;
}

 #menu-row {
    width: 950px;
  }
   
  .mobile-icon {
  float:left;
  padding-left:3px;
  padding-top:3px;
  display:none;
}

.lefttddiv {
  background-color: #fff;
}

.hide-menu {
 display:block;
}

.round-border {
    border-radius: 8px;
    border: 1px solid #ccc;
}

#main-text {
	max-width: 590px; 
	margin-left: 0px;
	position:absolute; 
	z-index:1;
	padding-top:0px; 
	text-align:left;
	color: #333;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
}

@media only screen and (max-width: 960px) { /* below 960 px */
	#main-text {
	   max-width: 100%; 
	   padding-left:10px;
	   padding-right:10px;
	}
}

.uploader-preview-image {
  width:100%;
  max-width:665px;
}

.progressbar {
  width:100%;
  max-width:350px;
}



@media only screen and (max-width: 1050px) { /* below 1050 px */
  #flashcontent {
  display: none;
  }
  


@media only screen and (max-width: 960px) { /* below 960 px */
  td.ad {
    display: none;
  }
  
  .blog-img, #main-spacer {
      display:none;
  }
  
  /*
  div.menu a.dm {
     padding-top:7px;
     padding-bottom:0px;
  }
  */
  
  #menu-row {
    width: 100%;
  }
  
}

@media only screen and (max-width: 600px) { /* below 600 px */
  .twg-logo, .news, .lefttd, #google-ads {
      display: none;
  }
  
  .mobile-icon {
    display:block;
  }
  
  .lefttd {
     float:left;
  }
  
  div.menu {
    width:110px;
  }
  div.menu-entry-3 {
    width:60px;
  }
  div.menu-entry-1 {
    width:120px;
  }

  /*
  #flashcontent, .menu-item {
      display: none;
  } 
  */
  

  
  /*
  div.menu a.dm {
     padding-top:7px;
     padding-bottom:0px;
  }
  */
  
  
  
  .hide-menu {
    display:none;
  }
  
  #main-text {
     left: 2%;
     width: 96%;
  }     
}


@media only screen and (max-width: 760px) { /* below 760 px */  
  #addons-table tr td:nth-child(2),
  #addons-table tr th:nth-child(2)  {
    display: none;
  }
  
  .jfu-download tr td:nth-child(3),
  .jfu-download tr th:nth-child(3), 
  .jfu-download tr td:nth-child(4),
  .jfu-download tr th:nth-child(4), 
  .jfu-download tr td:nth-child(5),
  .jfu-download tr th:nth-child(5)  {
    display: none;
  }
 
  #plugin-table tr td:nth-child(2),
  #plugin-table tr th:nth-child(2)  {
      word-wrap: break-word;
      word-break: break-word;
      hyphens: auto;
  }
  
  .install {
     word-wrap: break-word;
     word-break: break-word;
  }

  #flashcontent0, #flashcontent1, #flashcontent2 {
    width:100%;
    max-width:350px;
  }
  
}


@media only screen and (max-width: 700px) { /* below 700 px */
  #twg-ad-right-top {
    display: none;
  } 
}




