/**
 * game7 css 3.2
 **/

body {
  background-color:     #fff;
  background-repeat: repeat-x;
  background-attachment: fixed;
  color: #555555;
  font-family: Arial, Verdana, sans-serif;
  font-size: 0.75em;
}

.mozilla body.nowp {
  background-image: -moz-linear-gradient(  center 0,  #094776 18%,  #FFFFFF 60% );
}
.webkit body.nowp {
  background-image: -webkit-gradient(  linear, left 0, left bottom, color-stop(0.18, #094776), color-stop(0.6, #FFFFFF));
}
.opera body.nowp {
	background: -o-linear-gradient(top, #094776 12%, #ffffff 40% ) #eee;
}
.no-gradient body.nowp {
  background-image:url(/images/tpl/body.bg.jpg);
}

#wallpaper {
  display:none;
  background-position:  top center;
  background-repeat:    no-repeat;
  position:fixed;
  top:27px;
  left:0px;
  z-index:0;
  width: 100%;
  height:100%;
  cursor:pointer;
  text-align:center;
}

#body {
  position:relative;
  z-index:1;
  min-width:980px;
  max-width:1020px;
  margin:0px auto;
  cursor: auto;
}


form,
a img,
img
{
  border: 0px;
  margin: 0px;
}

ul,
ol {
  margin: 0em;
  padding: 0px;
}

ul li,
ol li {
  display: list-item;
  padding: 0px 0px 2px 12px;
}

form input,
form textarea {
  border: 1px solid #cccccc;
  font-size: .95em;
  padding: 1px 2px 2px 2px;
}

form select {
}

.submit
{
  background: #eee;
  border: 1px solid #ccc;
  color: #333;
  font-size: .9em;
  padding: 2px 2px 2px 15px;
}

.cb {
  clear: both;
}

.hiddenInfo
{
  position:absolute;
  display:none;
}


a:link,
a:visited {
  color: #06406D;
  text-decoration: none;
}
a:hover {
  color: black;
  text-decoration: underline;
}
a:active {
  color: #800000;
}

a.visited:visited {
  color: #819EB6;
}

a.int:link,
a.int:visited {
  background-image:url(/images/tpl/links.png);
  background-repeat: no-repeat;
  background-position: 0px -2px;
  padding-left:18px;
}

a.ext:link,
a.ext:visited {
}

a.new:link,
a.new:visited {
  padding-right:18px;
}

a.top:link,
a.top:visited
{
  color:#600000;
}



a.button {
  border-top:1px solid #999;
  border-left:1px solid #999;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
  padding:1px 4px;
  color:#333;
}

a.button:hover {
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
  border-right:1px solid #999;
  border-bottom:1px solid #999;
  text-decoration:none;
}

#right a.button {
  display:block;
  margin:0px 0px 2px 0px;
  padding:2px 6px;
  font-size:.9em;
}

q,
.quote {
  border-left: 3px solid #bbb;
  color: #666;
  display: block;
  font-style: italic;
  margin: 15px 0px 15px 0px;
  padding: 0px 6px;
}


/**
 * head
 */ 

#base,
#menu,
#head {
  margin: 0px auto 0px auto;
  width: 977px;
}


/**
 * css/js menu
 */ 

.menuShadow {
  position:fixed;
  width:100%;
  left:0px;
  top:0px;
  z-index:20;
  -moz-box-shadow: 0 0 0px 1px rgba(255,255,255,0.1);
  -webkit-box-shadow: 0 0 0px 1px rgba(255,255,255,0.1);
  box-shadow: 0 0 0px 1px rgba(255,255,255,0.2);
}

.menu {  
  width:975px;
  margin:0px auto;
}

#menu { 
  padding:0px;
  margin:0px 0px;
  list-style-type:none;
  z-index:100;
  }
  
  #menu li {
    float:left;
    position:relative;
    border-left:1px solid #333;
    z-index:100;
    padding:0px;
  }
  #menu a, 
  #menu a:visited {
    display:block;
    text-decoration:none; 
    font-size:.8em;
    padding:7px 16px 8px 16px;
    font-weight:bold;
    color:#eee;
    text-transform:uppercase;
    z-index:100;
  }
  
  
  
  #menu ul {
    list-style:none;
    display:none;
    position:absolute;
    height:0;
  }
  
  .alignLeft {
    white-space:nowrap;
    height:28px;
  }

  .alignLeft li {
    float:left;
    margin:0px;
    border-right:1px solid #333;
  }
  .alignLeft li a {
    height:10px;
  }
  
  #menu ul > ul {
    left:110px; 
    top:0px; 
  }
  
  .alignLeft ul {
    left:0px;
    top:26px;
  }
  
  #menu li {
    margin:0px;
  }
  
  #menu a,
  #menu a:link 
  #menu a:visited {
    white-space:nowrap;
    height:auto; 
    line-height:1em; 
    padding:9px 16px 8px 16px;
    margin: 0px; 
    font-size:.8em;
  }
  
  #menu a:hover,
  #menu :hover > a {
    text-decoration:none;
  }
  
  .spacer {
    width:86px;
  }
  
  .profile {
    width:172px;
    margin-right:1px;
    padding:0px 0px;
  }
  
/*  
  .shop {
    height:27px;
    width:49px;
    padding:0px 0px;
  }
*/  

  .spacer,
  .profile,
  .shop,
  .community,
  .mailbox {
    height:27px;
  }

/*    
  .community {
    width:49px;
    text-align:center;
  }

  .community img {
    visibility: hidden;
  }
  
  .mailbox {
    height:27px;
    width:49px;
    text-align:center;
  }
  
  .mailbox img {
    display:none;
  }
*/
  
  #menu .search {
    height:25px;
    width:206px;
    border:0px;
    padding:1px 8px;
    margin-left:0px;
  }
  .search form {
    float:left;
  }
  
  .search input {
    border:1px solid #ccc;
    background:#ffffff;
    width:170px;
    font-size:.8em;
    padding:1px 2px 1px 2px;
    float:left;
    margin:4px 0px 0px 0px
  }
  .search input.default {
    color:#666;
  }

  .nojs #menu .alignLeft ul {
    top:0px;
    left:120px;
  }
  .nojs #menu ul li {
    width:120px;
  }
  .nojs #menu li:hover ul,
  .nojs #menu a:hover ul,
  .nojs #menu :hover ul ul,
  .nojs #menu :hover ul :hover ul { 
    display:block;
  }  
  .nojs :hover ul ul {
    display:none;
  }



/**
 * headlines
 **/ 

body, h1, h2, h3, h4, h5, h6 {
  clear:both;
  margin: 0px;
  padding: 0px;
}

h1 {
  clear: none;
  color: #333;
  margin: 1.7em 0em 1.2em 0em;
  padding: 0em 2em 0em 0em;
  font-weight:normal;
  font-size:1.2em;
}

h2 {
  color: #333;
  margin: 0.1em 0px 0.2em 0px;
  font-size:1.5em;
  line-height:1.2em;  
}

h2 a {
  color:#06406D;
}

h2.block {
  background:#666;
  color:white;
  font-weight:bold;
  font-size:1em;
  padding:3px 4px;
}


h3,
.h3 {
  font-weight:normal;
  color: black;
  font-size: 1.1em;
  padding:1.8em 0px .2em 0px;
  margin: 0em 0em .5em 0em;
}

#content h4,
#content .h4 {
  color: black;
  font-size: 1em;
  padding:0px;
  margin: 1em 0em 0em 0em;
  border:0px;
}

#right h4 {
  color:#222;
  padding:0px;
  font-size: .9em;
  margin: 1.4em 0em 0em 0em;
  border-bottom:1px solid #ccc;
}

/**
 * head
 **/  
.head {
  width:977px;
  margin:0px auto;
  overflow:hidden;
}

a.headLogo {
  display:block;
  margin:42px 0px 15px 0px;
  width:244px;
  height:88px;
  float:left;
}


#leaderboard {
  width:728px;
  margin:40px 0px 15px 5px;
  height:90px;
  float:left;
  overflow:hidden;
}

a.fz { 
  float:right;
  height:28px;
  overflow:hidden;
  margin:1px 0px 5px 0px;
}

a.fz img {
  margin:0px 0px 0px 0px;
  position:relative;
}

#mainContent {
  float:left;  
  width:781px;
  background:#fff;
  padding-bottom:20px;
}

/**
 * content
 **/ 

div.contentHead {
  height:120px;
  background:url(/images/heads/bg.jpg) repeat-x;
}

div.error {
  background: url(/images/lay/message/error.png);
  border-bottom: 2px solid #a00000;
  color: #a00000;
  float: left;
  font-weight: bold;
  overflow: hidden;
  padding: 8px 15px 6px 15px;
  margin-bottom:15px;
  width: 751px;
}

div.message {
  background: url(/images/lay/message/message.png);
  border-bottom: 2px solid #008000;
  color: black;
  float: left;
  font-weight: bold;
  overflow: hidden;
  padding: 8px 15px 6px 15px;
  margin-bottom:15px;
  width: 751px;
}

div#bar {
  background: #444;
  border-bottom: 1px solid #eee;
  bottom: 0px;
  color: white;
  height: 20px;
  padding: 2px 4px;
  position: fixed;
  width: 100%;
}

/**
 * pagination
 **/ 

div.pagination {
  color: black;
  float: right;
  font-size: .9em;
  text-align: right;
  white-space: nowrap;
  margin:0px 20px 6px 0px;
  padding:0px 0px 5px 0px;
  word-spacing:.1em;
  border-bottom:1px solid #ddd;
  width:260px;
}
div.pagination {
  color: #666;
}
div.pagination .bl {
  background: url(/images/tpl/back.png) no-repeat 3px 4px;
  padding-left: 10px;
}

div.pagination .nl {
  background: url(/images/tpl/next.png) no-repeat 34px 4px;
  padding-right: 10px;
}

div.pagination span {
  color: #aaa;
}


div.paginationBottom {
  clear: both;
  color: #888;
  font-size: .95em;
  padding:10px 0px;
  text-align: center;
  width: 780px;
}

div.paginationBottom a:link,
div.paginationBottom a:visited {
  border:1px solid #999;
  padding:1px 6px;
  margin-right:1px;
  color:#666;
}

div.paginationBottom a.act:link,
div.paginationBottom a.act:visited,
div.paginationBottom a:hover,
div.paginationBottom a:active {
  border-color:#666;
  color: #ffffff;
  background:#999;
  font-weight: bold;
  text-decoration:none;
}



/**
 * breads
 **/ 

ul.breads {
  padding:0px;
  margin:0px 0px 15px 0px;
  height:26px;
  font-size:.9em;
  clear:left;
  width: 795px;
  overflow:hidden;
  float:left;  
}

ul.breads li {
  padding:0px;
  float:left;
  border-right:1px solid #333333 ;
}

ul.breads li.h {
  padding-left:12px;
}

ul.breads a:link,
ul.breads a:visited {
  padding:6px 12px;
  float:left;
  font-size:1em;
  color:#cccccc;
}

ul.breads a.current:link,
ul.breads a.current:visited {
  background-color: #000;
  background-color: rgba(255, 255, 255, 0.1);
  color:#ffffff;
}


ul.breads a:hover,
ul.breads a:active {
}

ul.breads span {
  display:block;
  padding:4px 2px 5px 2px;
  color:#ccc;
  float:left;
}

div.pages {
  float:left;
  width:175px;
  color:#cccccc;
  padding:7px 4px 6px 2px;
  font-size:.9em;
  text-align:right;
  height:13px;
  overflow:hidden;
}

div.pages a:link,
div.pages a:visited {
  color:#aaa;
  padding:0px 3px 0px 3px;
}

div.pages a.b {
  color:#fff;
  font-weight:bold;
}

div.pages a:hover,
div.pages a:active {
  background:#fff;
  color:#000;
  text-decoration:none;
}

/**
 * content
 **/ 

div.contHead {
  float: left;
  width: 781px;
}

#content {
  float: left;
  line-height: 1.2em;
  margin: 0px 6px 20px 25px;
  width: 430px;
  padding-right:20px;
  min-height:600px;
}

#largeContent {
  float: left;
  width: 745px;
  min-height: 400px;
  margin: 0px 10px 10px 16px;
  line-height: 1.4em;
}

div#content.noMargin {
  margin: 0px 20px 0px 0px;
  width: 480px;
}
div#largeContent.noMargin {
  margin: 0px 0px 0px 0px;
  width: 781px;
}

p {
  line-height: 1.5em;
  margin: 0.2em 0px 1em 0px;
  color:#555555;
}

#content ul,
#largeContent ul
{
  margin:0px 0px .8em 0em;
  overflow:auto;  
  list-style:square;
  padding-left:14px;
}

#content ul li,
#largeContent ul li
{
  padding:2px 0px 0px 0px;
  color:#666;
}


div.thumb {
  border:1px solid #ccc;
  padding:4px;
  overflow:hidden;
  float:right;
  margin:2px 0px 10px 5px;
}
div.thumb.small {
  margin-left:10px;
}

div.thumb a {
  outline:0;
}



/**
 * right content
 **/ 

#right {
  float: left;
  width: 261px;
  margin-left:15px;
}

#right h3
{
  font-size: 1.2em;
  border-bottom: 1px dotted #cccccc;  
}

#right h3 a {
  font-size:1em;
}

#right h3 ul {
  margin:0px;
  padding:0px;
}

#right p {
  line-height: 1.5em;
  margin: 0px 0px .4em 0px;
  color:#333;
  font-size:.9em;
}

#smallNews {
  overflow:hidden;
  position:relative;
  
}

#newsItems {
  position:relative;
  padding:10px 0px;
}

#moreNews:link,
#moreNews:visited {
  background:#fefefe;
  margin-top:.5em;
  border-top:1px solid #ddd;
  text-decoration:none;
  display:block;
  text-align:center;
  text-transform:lowercase;
  padding:4px;
}

#moreNews:hover,
#moreNews:active {
  color:#000;
  background:#eee;
  outline:0;
}


/**
 * articles items
 **/
.articleItem {
  margin:.5em 0px 2em 0px;
}

.articleItem h1 {
  font-size:1.5em;
  line-height:1.2em;
  font-weight:bold;
  margin:1.2em 0em 0.2em 0px;
}

.articleContent h2 {
  font-size:1.2em;
  color:#333;
  margin:1.4em 0px 0.6em 0px;
}

.articleItem:first-child {
  margin-top:0em;
}

.articleItem span {
  display:block;
  font-size:.8em;
  margin-bottom:.1em;
  font-weight:normal;
}
.articleItem span.quote {
  font-size:1em;
}

span.isodate {
  display:none;
}

.articleItem span a {
  color:#444;
} 

.articleItem .infos {
  font-size:.9em;
  color:#999;
  margin:0 0 .8em 0;
  padding:.1em 0px;
}

.articleItem p.intro {
  color:#000;
}

.articleContent span {
  font-size:1em;
}

.similar {
  margin:2em 0px 1em 0px;
}

.similar div {
  margin:0em 0px .6em 0px;
}

.similar a {
  font-size:1em;
  font-weight:bold;  
} 


/**
 * newslist
 **/ 

ul.news {
  clear: both;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  list-style:none;
}
#accordion ul.news {
  margin:10px 0px;
}
#accordion h2 {
  font-size:1em;
  color: #212121;
}


ul.news li {
  background-image: none;
  background-position: 0px 8px;
  clear: both;
  margin-bottom: 0px;
  padding: 0px;
}

ul.news div {
  border: 0px;
  float: left;
  margin: 0px 0px 6px 0px;
  padding: 0px;
  width: 219px;
}

ul.news .d,
ol.news .d {
  color: #666;
  font-size: 0.8em;
  margin: 1px 0px 2px 0px;
  width: 42px;
}

ul.news a:link,
ul.news a:visited {
  font-size: 0.9em;
  font-weight: bold;
}
ul.news span {
 font-weight: normal;
 color: #555555;
}

/**
 * Comments
 */ 
div.comment {
  margin:.2em 0px;
  padding:1em 0px .8em 0px;
  border-top:1px solid #eee;
  clear:left;
}
div.comment:first-child {
  border-top:0px;
}
div.comment .a {
  color:#888;
  overflow:hidden;
  font-size:.9em;
  font-weight:bold;
  margin:0px 0px 2px 0px;
}
.commentItem {
  color:#333;
  width:430px;
  font-size:1em;
}
.commentItem p { 
  margin:0px;
  line-height:1.5em;
}
.comments textarea {
  width:395px;
  height:73px;
  font-size:1em;
  padding:4px 4px;
  float:left;
  border-right:0px;
  margin:0px 0px 4px 0px;  
  resize: none;  
}

.comments .submit {
  background-position:0px;
  color:#fff;
  padding:2px;
}
.comments .submit:active {
  position:relative;
  margin:0px 1px 0px -1px;
}


/**
 * feature content
 */
#feature {
  float: left;
  margin-left: 20px;
  width: 176px;
}

div.fc {
  color:#eee;
}

div.fcBottom {
  padding-top:10px;
}

div.fc img {
  opacity:.7;
	-webkit-transition: opacity 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out;
	-o-transition: opacity 500ms ease-in-out;
	-ms-transition: opacity 500ms ease-in-out;	
	transition: opacity 500ms ease-in-out;
}

div.fc a img:hover {
  opacity:1;
}

div.fc h3 {
  font-size:1em;
  color:#aaa;
  margin:0px;
  padding: 0.3em 0.8em;
  font-weight:bold;
}

div.fc h3 a {
  color:#aaa;
}

div.fc p {
  font-size:.96em;
  line-height:1.1em;
  color:#eee;
  margin:0px;
  padding:0px .8em 2em .8em;
}

div.banner {
  padding:0px 8px 10px 8px;
  width:160px;
  height:600px;
  text-align:center;
  overflow:hidden;
}
div.banner p {
  font-family:Verdana, Arial, sans-serif;
  font-size:.9em;
  padding:2px 0px;
  margin-top:5px;
  text-align:left;
  color:#999;
}


/**
 * shadows
 */
#mainContent,
#baseHome #base,
#feature {
  -moz-box-shadow: 0 0 5px 3px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,0.3);
  box-shadow: 0 0 3px 1px rgba(50,50,50,0.5);
}



/**
 * tagCloud
 *

#tagCloud {
  float: left;
  width:720px;
  height:70px;
  margin: 4px 10px;
  line-height:1.5em;
  font-size:1.1em;
  word-spacing:1.5em;
}

#tagCloud a:link,
#tagCloud a:visited {
  word-spacing:0em;
  white-space:nowrap;
}

.tagCloud10,
.tagCloud11

{
  font-size:.9em;
}

.tagCloud12,
.tagCloud13
{
  font-size:1em;
}

.tagCloud14,
.tagCloud15
{
  font-size:1.2em;
}

.tagCloud16,
.tagCloud17
{
  font-size:1.3em;
  font-weight:bold;
}

.tagCloud18
{
  font-size:1.3em;
  font-weight:bold;
}
*/

ul.intLinks
{
  width:190px;
  background:none;
  float:left;
}

ul.intLinks li
{
  background:none;
}

img.imgLeft {
  float:left;
  margin:0px 8px 5px 0px;
}


#fbLike {
   margin-top:20px;
   height:25px;
}

 
/**
 * footer
 **/ 

#footer {
  clear:left;
  font-size: .9em;
  margin:0px auto 15px auto;
  padding-top:20px;
  color:#999;
  width:977px;
}

.footerBG {
  height:160px;
  margin:0px auto;
}


#footer ul
{
  float:left;
  width:178px;
  padding-left:17px;
  margin:10px 0px 5px 0px;
  list-style:none;
}

#footer li
{
  background:none;
  padding:0px;
  line-height:1.4em;
}


#footer a:link,
#footer a:visited {
  color:#999;
  font-size:1em;
}


#footer address,
#footer address a,
#footer address a:link,
#footer address a:visited {
  clear:left;
  font-style: normal;
  text-align:center;
  font-size:1em;
  padding:10px 0px;
}

.glam {
  text-align:center;
}

.ui-widget-overlay {  
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  background: #000000; 
  opacity: .60;
  z-index:100; 
}

.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
	z-index:2000;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width:3000px;
	height:3000px;
}


.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

/**
 * overlay / dialog
 */
#overlay {
  background-color:#fafafa;
  width:100%;
  z-index: 10;
  position:absolute;
  top:0px;
  left:0px;
  opacity:.0;
}

#dialog {
  -moz-box-shadow: 0 0 15px 2px #333;
  -webkit-box-shadow: 0 0 15px 2px #333;
  box-shadow: 0 0 15px 2px #333;
  position:absolute;
  z-index:11;
  top:100px;
  background:#000;
  width:800px;
  margin:0px auto;
  height:400px;
  font-size:.9em;
}

#dialog .close {
  display:inline-block;
  float:right;
  color:#666;
  margin:2px;
  border:1px solid #333;
  padding:2px 5px;
}
#dialog .close:hover {
  color:#eee;
}

/*****************/


a.new:link,
a.new:visited {
  background:url(/images/tpl/new.gif) no-repeat right;
}

a.button {
  background:#eee url(/images/tpl/sl.span.bg.png);
}

#menu a:hover,
#menu :hover > a {
  background:url(http://tpl.game7.de/bg/white.20.png);
}

ul.breads {
  list-style:none;
}

ul.breads li.h {
  background:url(/images/tpl/menu/bread.home.png) no-repeat 4px 2px;
}

ul.breads,
div.pages,
#feature {
  /*background:url(http://tpl.game7.de/bg/black.20.png);*/
  background-color: rgba(0, 0, 0, 0.8);
}

div.fc.white {
  background-color: rgba(255, 255, 255, 0.8);
  /*background:url(http://tpl.game7.de/bg/white.20.png);*/  
}

.menuShadow,
#menu ul li {
  background-color: rgba(0, 0, 0, 0.8);
  /*background:url(http://tpl.game7.de/bg/black.10.png);*/
}