/* downloads.weSEO.de
|  
|  Table of Content:
|  I  : html-Tags
|  II : header
|  III: navigation
|  IV : middle
|  V  : footer
|  
|  
|  
|  
|  
|  
------------------------------------------- */

#twitterresults {
	background:#fff;
}

#uploadnow {
	background:url(/images/save_upload_32.png) no-repeat;
	padding:0 0 0 40px;
	display:none;
}

.searchsmall {
	background:url(../design/icons/search-24.gif) no-repeat;
	height:20px;
	font-weight:700;
	text-transform:uppercase;
	padding:4px 0 0 30px;
}
.addsmall {
	background:url(../design/icons/add-24.png) no-repeat;
	height:20px;
	font-weight:700;
	text-transform:uppercase;
	padding:4px 0 0 30px;
}
.editsmall {
	background:url(../design/icons/edit-24.png) no-repeat;
	height:20px;
	font-weight:700;
	text-transform:uppercase;
	padding:4px 0 0 30px;
}
.opensmall {
	background:url(../design/icons/open-24.png) no-repeat;
	height:20px;
	font-weight:700;
	text-transform:uppercase;
	padding:4px 0 0 30px;
}

#listticker{
	height:205px;
	width:610px;
	overflow:hidden;
	padding:0;
}
#listticker li{
	border:0; margin:0; padding:0; list-style:none;
}

	#listticker li{
		height:60px;
		padding:5px;
		list-style:none;
	}
		#listticker a{
			color:#000000;
			margin-bottom:
		}
		#listticker .news-title{
			display:block;
			font-weight:bold;
			margin-bottom:4px;
			font-size:11px;
		}
		#listticker .news-text{
			display:block;
			font-size:11px;
			color:#666666;
		}
		#listticker img{
			float:left;
			margin-right:14px;
			padding:4px;
			border:solid 1px #DEDEDE;
		}

.action {
	padding:5px 0 0 0;
	text-align:right;
}

.usercomment {

}
.membercomment {
	background:#F1F1F1;
}

.button {
	padding:5px;
	background: #000;
	border:1px solid #000;
	color:#FFF;
	margin:2px 0;
}

/* Infomessages - Miscellaneous */
.tooltip {
  position: absolute;
  display: none;
  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #DDDDDD;
  border-left: 4px solid #0E8AEA;
  padding: 4px 10px;
  z-index: 100;
}

.autocomplete-w1 { background:url(img/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

.noimg {
	height:40px;
	line-height:20px;
	overflow:hidden;
	padding:0;
	margin:0;
	float:none;
}

.noimg embed {
	display:none;
}

.noimg img {
	height:0; width:0;
	margin:0; padding:0;
	display:none;
}
.noimg br {
	display:none;
}

.noimg .small {
	display:none !important;
}

.noimg .readmorelink {
	display:none;
}

.noimg:hover {
	height:auto;
	line-height:normal;
} .noimg:hover br {
	display:block;
   }
   .noimg:hover embed {
	   display:block;
   }
  .noimg:hover .readmorelink {
	  display:block;
	  margin:5px 0;
	  width:70px;
	  text-align:center;
  }

.block .moreinfo {
	border-top:1px solid #ccc;
	margin:5px 0 0 0;
	padding:5px 0 0 0;
	display:none;
}
.block:hover .moreinfo {
	display:block;
}

.twitted h2 {
	margin:10px 0 0 0 !important;
	font-weight:700;
	color:#333;
	padding:0 !important;
}

.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("loader.gif") 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0 0.8em;
	list-style-type: none;
}

.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
	border-bottom: 1px solid #ccc;
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

.twitted p.profileLink {
	display: block;
	margin: 0;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #ddd;
}

.readmorelink {
	padding:2px 4px;
	background:#999;
	color:#FFF;
	font-weight:700;
	-moz-border-radius: 5px;
	border-radius: 5px;
} .readmorelink:hover {
  		background:#09C;
		color:#FFF;
  }

.captcha img {
	margin:0 0 -8px 0;
}

.small {
	font-size:9px;
	text-align:right;
}

#blogsub {
display:none;
text-align:left;
position:absolute;
margin:15px 0 0 233px;
z-index:99;
padding:10px 0;
background:#F1F1F1;
border:1px solid #ccc;
border-top:none;
} #blogsub a { padding:0 5px; }
   #blogsub a:hover { color:#06F; }
/* HTML-Tags  
---------------------- */
body {
margin:0; padding:0;
text-align: center;

font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
font-weight:400;
background:#dedede;
}

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

h1,h2,h3,h4,h5,h6,p { margin:0; padding:0; }

h1 {
font-size:34px;
font-weight:700;
}

h2 {
font-size:18px;
font-weight:400;
}

h3 {
font-size:18px;
font-weight:400;
}

input {
margin:0; padding:0;
}

blockquote {
  font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
  width: 80%;
  background: url(../images/close-quote.gif) no-repeat right bottom;
  padding-left: 18px;
  text-indent: -18px;
} blockquote:first-letter {
    background: url(../images/open-quote.gif) no-repeat left top;
    padding-left: 18px;
    font: italic 1.4em Georgia, "Times New Roman", Times, serif;
  }


#tooltip{
position:absolute;
border:1px solid #0066ff;
background: url(/design/icons/ecke.gif) no-repeat top left #3d3d3d;
padding:2px 7px;
color:#fff;
display:none;
}

.container {
 width:1000px;
 text-align: left;
 margin:0 auto;
}

.clear {
clear:both;
}

.left {
float:left;
}

.right {
float:right;
}

img.heart {
margin:0 0 2px 0;
}

a.boldbuttons{
background: transparent url('../images/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('../images/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a.green{
background-image: url('../images/roundedge-green-left.gif')
}

a.green span{
background-image: url('../images/roundedge-green-right.gif')
}

a.blue{
background-image: url('../images/roundedge-blue-left.gif')
}

a.blue span{
background-image: url('../images/roundedge-blue-right.gif')
}



a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/* header  
---------------------- */

#header {
color:#fff;
background:#222;
height:85px;
overflow:hidden;
}

#header .container {
padding:0 5px;
width:990px;
}

/* First visit?
---------------------- */
.containerfirst {
background:url(/design/firsttime.gif) no-repeat right bottom;
width:990px;
padding:0 5px;
text-align: left;
margin:0 auto;
}

.notcontainerfirst {
background:none;
width:990px;
padding:0 5px;
text-align: left;
margin:0 auto;
}

#header h2 {
color:#fff;
}

#header p {
color:#666;
}

 #header #logo {
 float:left;
 padding:20px 0 0 0;
 }

 #header .right {
 width:500px;
 margin:20px 0;
 }
 
  #header .right .buttons {
  float:right;
  }
 
   #header .right .buttons img {
   cursor:pointer;
   }
   
 /* LOGIN */
 #header .right form {
 width:170px;
 }
 #header .right input {
 float:left;
 border:none;
 height:16px;
 padding:0 5px;
 margin:2px 0;
 display:block;
 width:140px;
 }
 
  #header .right .btn {
  float:right;
  width:16px;
  padding:0;
  }

/* navigation  
---------------------- */

#navigation {
background:url(/design/header_bottom.png) bottom left repeat-x;
height:24px;
margin:0; padding:10px 0;
}

#navigation ul {
list-style:none;
margin:0;
padding:0;
}

 #navigation ul li {
 display:inline;
 border-right:1px #ccc solid;
 }
 
  #navigation ul li a {
  padding:10px 10px 10px 5px;
  margin:0;
  font-weight:700;
  }
   #navigation ul li:hover {
	   background:#E4E4E4;
	   border-right:1px #06F solid;
   }

/* middle  
---------------------- */
#middle {
margin:0 auto;
width:1000px;
text-align:left;
}

#content {
float:left;
width:630px;
}

.errorbox {
	color:#F00;
}

.clanmembercomment {
	background:#ADDFFF;
}

.noclanmembercomment {
	background:#eee;
}

.visitorcomment {
	background:#fff;
}

#middle #content .block {
width:610px;
background:#fff;
border: 1px #ccc solid;
padding:10px;
color:#444;
margin:0 0 5px 0;
}

#middle p {
line-height: 1.5;
}

#middle h2 {
margin:0 0 10px 0;
font-weight:700;
color:#333;
}

#middle h1.left {margin: 0pt 0pt 10px; color: rgb(51, 51, 51); font-size: 18px;}

 #middle h2 span, #middle h1 span {
 border-bottom:2px #0066ff solid;
 }
 #middle h2 a, #middle h1 a {
 color:#333;
 }
  #middle h2 a:hover, #middle h1 a:hover {
  color:#888;
  }
 
#middle .contentfooter {
border-bottom:1px #ccc solid;
border-top:   1px #ccc solid;
margin:10px 0; padding:10px 0;
color:#888;
}


.short p.desc, .short h2 {
margin:0;
}

.short img {
margin:0 10px 0 0;
}

.short p.desc {
height:97px;
overflow:hidden;
}

#featuredimg {
background:url(/design/icons/ajax-loader.gif) no-repeat center;
width:610px;
height:160px;
margin:0;
overflow:hidden;
border:1px #ccc solid;
}
 #featuredimg img {
	 border:none;
	 padding:5px; 
 }

#feature div.short {
	padding:10px 0 0 0;
}

ul.dltabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.dltabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.dltabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.dltabs li a:hover {
	background: #ccc;
}
html ul.dltabs li.active, html ul.dltabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.dltab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.dltab_content {
	padding: 20px;
	font-size: 1.2em;
	display:none;
}
.commentstab_content { display:none; }
.blogtab_content { display:none; }

/*  Sidebar
-------------------------------------- */


#sidebar {
float:right;
color:#444;
}

#sidebar .block {
width:360px;
background:#E9E9E9;
border: 1px #ccc solid;
padding:10px 0;
margin:0 0 5px 0;
}

#sidebar .block h2, #sidebar .block p.right {
padding:0 10px;
}

#sidebar .block ul {
list-style:none;
margin:0; padding:0;
}

.stayopen ul li {
clear:left;
padding:1px 10px;
}

.stayopen ul li a {
font-weight:400;
text-decoration:none;
color:#444;
}

.stayopen ul li.active a, .stayopen ul li:hover  a {
font-weight:700;
}
 .stayopen ul li a:hover {
 color:#222;
 }

 .stayopen ul li div a {
 font-weight:400;
 color:#777;
 }
  .stayopen ul li div a:hover {
  color:#555;
  }
 
 .stayopen ul li.active div a, .stayopen ul li:hover div a {
 font-weight:400;
 }

.stayopen ul li div, .stayopen ul li img.pic {
display:none;
color:#777;
font-weight:400;
}

 .stayopen ul li span {
 float:right;
 font-weight:400;
 display:none;
 }
  
 .stayopen ul li img.pic {
 float:left;
 padding:2px 5px 0 0;
 }
 
 .stayopen ul li.active span, .stayopen ul li:hover span { display:inline; } 
 .stayopen ul li.active, .stayopen ul li:hover {
 background:#ddd;
 border-top:1px #ccc solid;
 border-bottom:1px #ccc solid;
 font-weight:700;
 max-height:50px;
 overflow:hidden;
 }

 .stayopen ul li.active div,
 .stayopen ul li:hover  div,
 .stayopen ul li.active img.pic,
 .stayopen ul li:hover  img.pic {
 display:block;
 }

.commentstabs {
list-style-type:none; margin:0 10px 0 0 !important; padding:0; text-align:right;
} .commentstabs li { display:inline; padding:0; color:#999; }

.commentstabs a {
 color:#999;
} .commentstabs li.active a {
 color:#666;
}
.blogtabs {
list-style-type:none; margin:0 10px 0 0 !important; padding:0; text-align:right;
} .blogtabs li { display:inline; padding:0; color:#999; }

.blogtabs a {
 color:#999;
} .blogtabs li.active a {
 color:#666;
}

.tabNavigation {
	list-style-type:none;
	padding:0; margin:0 0 10px 0;
}

.tabNavigation li {
	display: inline;
}

.tabNavigation li a {
	background:#fff;
	border:1px solid #ccc;
	color:#333;
	font-weight:700;
	padding:5px 10px;
	margin:0 5px 0 0;
} .tabNavigation li a:hover, .tabNavigation li a.selected { color:#000; border:1px solid #06F; }
.tabNavigation li a.selected { background:#ccc; color:#000; border:1px solid #06F; }

#middle .tabs {
	width:610px;
	background:#fff;
	border: 1px #ccc solid;
	padding:10px;
	color:#444;
	margin:0 0 5px 0;
}

#middle .tabs .eintrag {
	border-bottom:1px solid #ccc;
	padding:5px 0;
}

#middle .tabs .eintrag .rating {
	border-top:1px solid #06F;
	margin:5px 0 0 0;
	padding:5px;
	background:#EBEBEB;
}

#middle .tabs .eintrag h3 span {
border-bottom:2px #0066ff solid;
}

ul.nolist {
	list-style-type:none;
	margin:0; padding:0;
}
 ul.nolist li {
	 display:inline;
 }
  ul.nolist li div {
	  border-bottom:1px solid #CCC;
	  padding:5px 0;
  }

/* footer  
---------------------- */
#footer {
	width:980px;
	margin:30px auto 0 auto;
	padding:10px;
	text-align:left;
	background:#333;
	color:#fff;
} #footer a { color:#ccc; }