﻿/*
Theme Name: Spielekracher
Theme URI: http://www.spielekracher.de/
Description: Spielekracher
Author: AddLinkUrl
Author URI: http://www.spielekracher.de/
*/



body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
	margin: 0;
	padding: 0;
}

body{
	font-family: Calibri, "Courier New", "Trebuchet MS";
   	font-size: 15px;
	text-align: center;
	vertical-align: top;
	background: #000000;
	color: #c0c0c0;
}

a{
	font-weight: 550;
	color: #455552;
}

a:hover{
	text-decoration: none;
}

a img{
	border: 0;
}

address, dl, p{
	padding: 10px 0 0;
}

/* Header */

#header{
   	margin: 0px auto 0px auto;
	width: 978px;
   	height: 120px;
	vertical-align: top;
	text-align: center;
	background: #3d3c3c url('images/header2.jpg') no-repeat;
      border-right: 0px solid #5d6a19;
      border-left: 0px solid #5d6a19;
}

#header h1{
	padding-top: 70px;
    padding-left: 100px;
	font-size: 48px;
	font-weight: normal;
    color: #e8e6e6;
}

#header h1 a{
	font-weight: bold;
	text-decoration: none;
    color: #f2f2f0;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}


/* Top Menu*/

.topmenu{
	margin: 0px auto 0px auto;
	background: #7b8935 url('images/topmenu.png') repeat top right;
	font-variant: small-caps;
	width: 980px;
	vertical-align: top;
	text-align:left;
}

.topmenu ul{
	margin: 0;
	padding-left: 20px;
	list-style-type: none;
}

.topmenu ul li{
	display: inline;
	color: #96A19B;
      font-size:16px;
}

.topmenu ul li:hover{
	background: #262626 url('images/topmenu.png') repeat top right;
}

.topmenu ul li a{
	color:  #e5e2e2;
      padding-left: 10px;
      padding-right: 16px;
	text-decoration: none;
      font-weight: bold;
      

}
.topmenu ul li a:hover{
	color: #000;
}


/* Blockquote */

blockquote, code{
	margin: 10px;
	border-left: 1px dotted #7f921f;
 }

blockquote p{ padding: 10px; }


dt{ font-weight: bold; }

dd{ padding: 0 0 0 10px; }

hr{
	clear: both;
	margin: 10px 10px 5px;
	border: 0;
	height: 1px;
	text-align: left;
	background: #9b9b9b;

}

input, textarea{
	font-size: 14px;
	padding: 2px;
}

input#s, input#author, input#email, input#url, textarea#comment{
	padding: 3px;
}

input#author, input#email, input#url{
	margin: 0 5px 0 0;
}

pre{
	width: 90%;
}

small{
	font-size: 12px;
}

#container{
	margin: 0px auto;
	width: 978px;
	text-align: left;
	background: #303030;
	color: #485956;
      border-left: 1px solid #5d6a19;
      border-right: 1px solid #5d6a19;
}

#page{
	padding: 15px 10px 10px 10px;
}

/* Sidebar */

.si{
	float: left;
	width: 270px;
	margin: 0 10px 0 0;
	line-height: 15px;
      color: #869927;
}

.sa{
	float: right;
	width: 270px;
	margin: 0 15px 0 0;
	line-height: 15px;
      color: #869927;
}


.sidebar, .rightcolumn{
	float: left;
	width: 184px;
	margin: 0 10px 0 0;
	line-height: 15px;
      color: #869927;
}

.rightcolumn{
	margin: 0;
}

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

.sidebar ul a{
	text-decoration: none;
      padding-left: 10px;
      color: #869927;
}

.sidebar ul a:hover{
  	color: #AFC81C;
}

.sidebar ul li{
	border: 1px solid #4b5906;
	margin: 0 0 10px 0;
}

.sidebar #search{
	padding: 10px;
	background: #262626;
	text-align: center;
}

.sidebar #search input{
	margin-bottom: 5px;
	background: #617113;
	width: 140px;
}

.sidebar #searchsubmit input{
	text-align: center;
      margin-left: 10px;
}

.sidebar #searchsubmit input{
	text-align: center;
}

.sidebar ul li h2{
	padding: 0px 10px;
	font-size: 14px;
 	font-weight: bold;
	font-variant: small-caps;
	background: #768910 url('images/tool.jpg') top center no-repeat;
	color: #e5e2e2;
}

.sidebar ul ul{
	padding: 0px 0px 0px;
	background: #262626;

}

.sidebar ul ul li{
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 16px;
	font-size: 12px;
}

.sidebar ul ul li:hover{
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 16px;
    background: #303030;
}

.sidebar ul ul ul{
	padding: 0;
}

.sidebar ul ul ul li{
	padding: 0 0 0 0px;
}



.si ul li h2{
	padding: 0px 10px;
	font-size: 14px;
 	font-weight: bold;
	font-variant: small-caps;
	background: #768910 url('images/toolbar-div3.jpg') top center no-repeat;
	color: #e5e2e2;
}

.si ul ul{
	padding: 0px 0px 0px;
	background: #262626;

}

.si ul ul li{
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 16px;
	font-size: 12px;
}

.si ul ul li:hover{
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 16px;
    background: #303030;
}

.si ul ul ul{
	padding: 0;
}

.si ul ul ul li{
	padding: 0 0 0 10px;
}

.si ul{
	margin: 0;
	padding: 0;
   	list-style-type: none;
}

.si ul a{
	text-decoration: none;
      padding-left: 10px;
      color: #869927;
}

.si ul a:hover{
  	color: #AFC81C;
}

.si ul li{
	border: 1px solid #4b5906;
	margin: 0 0 10px 0;
}







.sa ul li h2{
	padding: 0px 10px;
	font-size: 14px;
 	font-weight: bold;
	font-variant: small-caps;
	background: #768910 url('images/sing.jpg') top center no-repeat;
	color: #e5e2e2;
}

.sa ul ul{
	padding: 0px 0px 0px;
	background: #262626;

}

.sa ul ul li{
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 16px;
	font-size: 12px;
}

.sa ul ul li:hover{
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 16px;
    background: #303030;
}

.sa ul ul ul{
	padding: 0;
}

.sa ul ul ul li{
	padding: 0 0 0 10px;
}

.sa ul{
	margin: 0;
	padding: 0;
   	list-style-type: none;
}

.sa ul a{
	text-decoration: none;
      padding-left: 10px;
      color: #869927;
}

.sa ul a:hover{
  	color: #AFC81C;
}

.sa ul li{
	border: 1px solid #4b5906;
	margin: 0 0 10px 0;
}


#maincolumn{
	float: left;
	width: 570px;
	margin: 0 10px 0 0;
	line-height: 22px;
}
#maincolumna{
	float: left;
	width: 560px;
	margin: 0 0 0 0;
	line-height: 22px;
}


#maincolumn2{
	float: left;
	width: 650px;
	margin: 0 10px 0 0;
	line-height: 22px;
}
#mainlinks{
	float: left;
	width: 377px;
	margin: 0 0 0 0;
	line-height: 22px;
}
#mainright{
	float: right;
	width: 377px;
	margin: 0 0 0 0;
	line-height: 22px;
}

.postmetadata2{
	padding: 5px;
	background: #292929;
      font-size: 12px;
      color: #829522;
}

.postmetadata2 a{
	color: #829522;
	text-decoration: none;
}



.post2{
	border: 1px solid #819420;
	margin: 0 0 10px 0;
	padding: 8px;
}

.post2 h2{
	font-size: 15px;
	padding: 5px 10px;
	background: #262626;
	color:#788b14;
}

.post2 h2 a{
	text-decoration: none;
	color: #96ae1a;
}


/* Post and Pages */

.post{
	border: 1px solid #819420;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

.post h2{
	font-size: 18px;
	padding: 5px 10px;
	background: #262626;
	color:#788b14;
}

.post h2 a{
	text-decoration: none;
	color: #96ae1a;
}
.post h2 a:hover{
	color: #AFC81C;
}
.entry{
	padding: 10px 10px 10px;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	border: 0;
	padding: 15px 0 0;
	background-color: transparent;
	color: #f2f2f0;
}

.entry h1{
	font-size: 24px;
	}

.entry h2 {
	font-size: 20px;
    }

.entry h3, h4, h5 ,h6{
	font-size: 18px;
}

.entry p{
      color: #c6c6c5;
}

.entry ol{
      color: #c6c6c5;
}

.entry ul{
      color: #c6c6c5;
}

.entry img{
	border: 1px solid #a3a4a4;
	padding: 4px;
	background-color: transparent;
}

.entry img.wp-smiley{
	border: 0;
	padding: 0;
	background-color: transparent;
}

.entry img.alignleft{
	float: left;
	margin: 5px 10px 0 0;
}

.entry img.alignright{
	float: right;
	margin: 5px 0 0 10px;
}

.postmetadata{
	padding: 5px;
	background: #292929;
      font-size: 12px;
      color: #829522;
}

.postmetadata a{
	color: #829522;
	text-decoration: none;
}
.right{
	float: right;
}

.rightt a{
	float: right;
      color: #617112;
      text-decoration: none;
      background: url('images/comments.png') no-repeat left;
padding: 0px 10px 0px 17px;
}


.left{
	float: left;
}
.browse, .browse a{
	padding: 0 0px 30px 0px;
      text-decoration: underline;
      color: #617112;
}

small, small a, small a:visited, small a:hover{
	color: #617112;
      text-decoration: none;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	line-height: 1.5em;
      padding-left: 10px;
	}

.date {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	background: url('images/comments.png') no-repeat center left;
	float: right;
	padding: 0px 10px 0px 17px;
	}

.date{
	color: #617112;
      text-align:right;
      margin-top:-19px;
	}

.date a{
	color: #617112;
      text-align:right;
      margin-top:-15px;
	}


.date a:hover {
	color: #617112;
      text-align:right;
      margin-top:-15px;
	}

.datee {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

.datee{
	color: #617112;
      text-align:right;
      margin-top:-19px;
	}
/* Comments */

.comments-template{
	padding: 10px;
	background: #363535;
      color:#979796;
	text-decoration: none;
      border-top: 1px dotted #7e911d;
}
.comments-template a{
	font-weight: bold;
	text-decoration: none;
      color: #74861a;
}

ol.commentlist{
	list-style-type: decimal;
	margin: 0;
	padding: 0;
	
}

ol.commentlist li{
	margin: 0 0 10px 20px;
}

.pagetitle{
    text-align: center;}




/* Footer */

#footer{
	clear: both;
	width: 978px;
	padding: 10px 0 10px 0px;
	line-height: 16px;
  	background: #262626;
  	color: #b5b5b4;
  	text-align: center;
    border-right: 1px solid #5d6a19;
}

#footer a{
	text-decoration: none;
	color: #7e911d;
 }
 
#footer a:hover{
	text-decoration: underline;
	color: #7e911d;
 }


#footer ol, #footer ul{
	margin: 0;
	padding: 0;
}

#footer ul{
	list-style-type: none;

}

#footer ul li{
	display: inline;
	margin: 0 0 10px 0;
}


/* Plugins */

#wp-admin-bar {text-align:center; margin:0; padding:5px; background:#374341;  clear:both; text-align:center; color: #EAF2EE;}
#wp-admin-bar a{color: #edf3f0;}
#wp-admin-bar ul {margin:0; padding:0}
#wp-admin-bar ul li {list-style-type:none; display:inline; margin:0 10px; padding:0}

.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:active{text-decoration:none;color:#485957;background-color:#D6E4E0;margin:5px;padding:5px 10px;}
.wp-pagenavi a:hover{color:#AFC81C;}
.wp-pagenavi span.pages{color:#485958;background-color:#D6E4E0;margin:2px;padding:5px 10px;}
.wp-pagenavi span.current{font-weight:bold;color:#485959;background-color:#D6E4E0;margin:5px;padding:5px 10px;}
.wp-pagenavi span.extend{color:#485960;background-color:#D6E4E0;margin:5px;padding:5px 10px;}

#related{padding: 10px;}
#related li{ margin-left: 10px;}
.related_post ul li { margin-left: 10px;}





#frontbox2{
	width: 100%;
	border: 0px solid #BAD284;
	padding: 5px 0 0 0px;
	overflow:auto;
	background: transparent
}

#gameleft{
	float:left;
	width:135px;
	margin: 10px 10px 10px 10px;
}
#gameleft2{
	float:left;
	width:100px;
	margin: 5px 10px 5px 5px;
}


#gameright{
	float:left;
	width: 370px;
	margin-top: 4px;
	color: #000;
	font-size: 13px;}
}

#gameright2{
	float:left;
	width: 400px;
	margin-top: 2px;
	color: #000;
	font-size: 8px;}
}


#title{
	width: 100%;
	border-bottom: 1px solid #CCC;

	padding-left: 0px;

}

#clr{
	clear: both;
}

.img {
	padding: 3px;
	border: 1px solid #CCC;
	clear: both;
}

/***************
	Category Games
***************/

#frontbox3{
	width: 370px;
	float:left;
	border-bottom: 0px solid #CCC;
	padding: 5px 0 0 0px;
	overflow:auto;
	min-height: 120px;
	background: #BAD284 url(images/bg.gif) left top repeat;margin-top:10px;
	
-moz-border-radius:3px;
border:1px solid #333;

}
 
#frontbox4{
	width: 100%;
	border: 0px solid #BAD284;
	padding: 5px 0 0 0px;
	overflow:auto;
	background: transparent


}


#gameleft-cate{
	float:left;
	width:135px;
	margin: 5px 5px 5px 0px;
}

#gameright-cate{
	float:left;
	width: 370px;
	margin-top: 4px;
	color: #000;
	font-size: 13px;
}

#img2 {
	padding: 3px;
	border: 1px solid #CCC;
	clear: both;
}
#title2{
	width: 100%;
	border-bottom: 1px solid #CCC;

	padding-left: 0px;

}


.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity img{
border: 1px solid #ccc;
}

.toggleborder:hover img{
border: 1px solid navy;
}

.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}

.toggleopacity2 img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.5;
}

.toggleopacity2:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=130);
-moz-opacity: 0.7;
}

.toggleopacity2 img{
border: 1px solid #ff0;border-style:dashed;
}

.toggleborder2:hover img{
border: 1px solid navy;
}

.toggleborder2:hover{
color: green; /* Dummy definition to overcome IE bug */
}


/* Top pics*/

.top1{
	margin: 0px auto 0px auto;
	background: #7b8935 u;
	font-variant: small-caps;
	width: 980px;
	vertical-align: top;
	text-align:left;
}
.top1 ul{
	margin: 0;
	padding-left: 25px;
	list-style-type: none;
}

.top1 ul li{
	display: inline;
	color: #96A19B;
      font-size:16px;
}

.top1 ul li:hover{
	background: #262626 ;
}

.top1 ul li a{
	color:  #e5e2e2;
      padding-left: 0px;
      padding-right: 5px;
	text-decoration: none;
      font-weight: bold;

}
.top1 ul li a:hover{
	color: #000;
}
/* Top ads*/

.topmenu2{
	margin: 0px auto 0px auto;
	background: #7b8935 url('images/topmenu.png') repeat top right;
	font-variant: small-caps;
	width: 980px;
	vertical-align: top;
	text-align:left;
}

.topmenu2 ul{
	margin: 0;
	padding-left: 20px;
	list-style-type: none;
}

.topmenu2 ul li{
	display: inline;
	color: #96A19B;
      font-size:12px;
}


.topmenu2 ul li a{
	color:  #e5e2e2;
      padding-left: 20px;
      padding-right: 16px;
	text-decoration: none;
      font-weight: bold;

}
.topmenu2 ul li a:hover{
	color: #000;
}
/* Top neuste Games*/

.top2{
	margin: 0px auto 0px auto;
	background: #7b8935 u;
	font-variant: small-caps;
	width: 100%;
	vertical-align: top;
	text-align:left;
}
.top2 ul{
	margin: 0;
	padding-left: 0px;
	list-style-type: none;
}

.top2 ul li{
	display: inline;
	color: #96A19B;
      font-size:16px;
}

.top2 ul li:hover{
	background: #262626 ;
}

.top2 ul li a{
	color:  #e5e2e2;
      padding-left: 0px;
      padding-right: 0px;
	text-decoration: none;
      font-weight: bold;

}
.top2 ul li a:hover{
	color: #000;
}


#topbar {
	height: 20px;
	margin-bottom: 0px;
	background: #7b8935 url('images/topmenu.png') repeat top right;
		
	
}

#topbar #dates {
	float: right;
	height: 15px;
	padding-right: 15px;
	padding-left: 25px;
	font-size: 13px;
	color: #AFAFAF;
	margin: 4px 0 0 15px;
	font-weight:normal;
	line-height: 15px;
	background:url(images/date.png) no-repeat;
	text-decoration:none;
	
	
}


#topbar ul {
	float: right;
	display: inline;
	height: 20px;
	padding-right: 10px;
	margin:0px 0px
}

#topbar ul li {
	float: left;
	margin-left: 20px;
	display: inline;
	height: 18px;
}

#topbar ul li a:link,#topbar ul li a:visited{
	height: 20px;
	line-height: 20px;
	background: url(images/rss.png) no-repeat;
	background-position: left;
	padding-left: 20px;
	font-size: 13px;
	font-weight:normal;
	color: #AFAFAF;
	text-decoration:none;
}


#topbar ul li a:hover {
	color: #fff;
}

#maincolumn3{
	float: left;
	width: 568px;
	margin: 0 10px 0 0;
	line-height: 22px;
	border: 1px solid #819420;
	padding: 0 0 0 0;

}

#maincol1{
	float: left;
	width: 235px;
	margin: 0 0 0 0;
	line-height: 22px;
	border: 1px solid #819420;
	padding: 0 0 0 0;

}
#maincol2{
	float: left;
	width: 235px;
	margin: 0 0 0 0;
	line-height: 22px;
	border: 1px solid #819420;
	padding: 0 0 0 0;

}
#maincol3{
	float: left;
	width: 235px;
	margin: 0 0 0 0;
	line-height: 22px;
	border: 1px solid #819420;
	padding: 0 0 0 0;

}

#maincolumn4{
	float: left;
	width: 565px;
	margin: 0 10px 0 0;
	line-height: 22px;
	border: 0px solid #819420;
	padding: 0 0 0 0;

}


.content_heading
{
    margin:0Px;
    width:570px;
    background-image:url(images/men.gif);
    background-position:left;
    background-repeat:repeat-x;
    padding-top:4Px;
    padding-bottom:4Px;
    
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    font-weight:bold;
    text-align:left;
    font-size:12Px;
}
.content_box
{
	float:left;
    border-style:solid;
    border-width:1Px;
    border-color:#000000;
    background-color:#FFFFFF;
    margin-bottom:5Px;
    height: 110px;
	width: 98px;

    font-size:12Px;
}
.content
{
    margin:0Px;
    padding:6Px;
    border-top-style:solid;
    border-top-width:1Px;
    border-top-color:#000000;
}
.content_box td
{
    background-color:#F3F3F3;
    /*
    padding-top:2Px;
    padding-bottom:2Px;
    text-indent:2Px;
    */
    font-size:12Px;
}

.novi_igri {
   float: left;
   width: 99px;	
	   margin: 6px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #212121;
		border: 1px solid;
	border-color:  #000000;
    height: 120px;
    
        

}

.text{
	color: #ffffff;
	font-size:12px;
    text-align: center;

}
.mini-post {
	
	width:98px;
	height:78px;
	overflow:hidden;
	float:left;
	margin:5px 5px 5px 9px !important;
	margin:0 5px 5px 0;
	
}
.mini-post .entry {
	padding:0 5px;
}
.mini-post .entry .title {
	margin:0;
	padding:5px 0;
	border-bottom:0px solid #222;
}
.mini-post .datepost {
	height:26px;
	line-height:26px;
	float:left;
	color:#e9e0df;
	padding-left:10px;
}
.mini-post .more-link {
	height:26px;
	line-height:26px;
	float:right;
	padding-right:13px;
	color:#000000;
	text-transform:uppercase;
}
.clear { clear:both; 
}
.mini-post2 {
	
	width:275px;
	height:207px;
	overflow:hidden;
	float:left;
	margin:0 8px 7px 0 !important;
	margin:0 6px 7px 0;
	border-bottom:0px solid #292929;
}
.mini-post .entry2 {
	padding:0 7px;
}
.mini-post .entry .title2 {
	margin:0;
	padding:7px 0;
	border-bottom:1px solid #222;
}
.mini-post .datepost2 {
	height:26px;
	line-height:26px;
	float:left;
	color:#e9e0df;
	padding-left:10px;
}
.mini-post .more-link2 {
	height:26px;
	line-height:26px;
	float:right;
	padding-right:13px;
	color:#8f8f8f;
	text-transform:uppercase;
}


.content_box {
	background-color: #D7E5F2;
	color: black;
	border: 1px solid #1D5290;
	margin-top: 1px;
	margin-bottom: 5px;
	text-align: left;
	padding: 3px;
}
.content_box li {
	list-style-type: none;
	display: block;
//*	float: left;*//
	margin-left: -50px;
}

.content_box_header {
/*	background: #000000 url(images/topbar.gif); */
   background: #7b8935 url(images/headerm.gif);
/*	background-color: #1c437b;  */
   border: 1px solid #819420;;
   color: white;
   font-weight: bold;
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
	padding: 2px;
	padding-left: 4px;
}
.content_box_header2 {
/*	background: #000000 url(images/topbar.gif); */
   background: #7b8935 url(images/headerm.gif);
/*	background-color: #1c437b;  */
   border: 1px solid #819420;;
   color: white;
   font-weight: bold;
	font-family: Verdana;
	font-size: 10px;
	text-align: left;
	width:auto;
	height:auto;
	padding: 0px;
	padding-left: 4px;
}

.content_box_header_igra {
/*	background: #000000 url(images/topbar.gif); */
	background-color: #1c437b;  
   border: 1px solid #000000;
   color: white;
   font-weight: bold;
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
	padding: 2px;
	padding-left: 4px;
}
.content_box_header_igra a {
color: white;
}

.content_box_header_igra H1 {
   color: white;
	text-align: center;
	font-family: Georgia,Times;
	font-size: 30px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
   PADDING-TOP: 0px;
	MARGIN: 0px;
}
.content_box_header H2 {
   color: white;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	FONT: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	PADDING-TOP: 0px;
}

.content_box_header a:link, .content_box_header a:visited {
	color: white;
	text-decoration: none;
}
.content_box_header a:hover {
	color: white;
	text-decoration: underline;
}
.content_text_left {
	float: left;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
}
.content_text_right {
	float: right;
	margin-top: 2px;
	margin-bottom: 2px;
}
.news_line {
	border-top: 1px solid #000000;
	margin-top: 5px;
}
.redirection_box {
	border: 1px solid #000000;
	background: #333333;
	margin-top: 50px;
	padding: 5px;
	width: 400px;
	text-align: center;
}
.ad_box {
	border: 1px solid #000000;
	background: #333333;
	text-align: center;
    padding: 3px;
    margin-bottom: 5px;
}
#champion_box {
	background: #333333 url(images/cup.gif);
	background-repeat: no-repeat;
	background-position: 25% 50%;
	border: 1px solid #000000;
	margin-top: 1px;
	margin-bottom: 5px;
	text-align: left;
	padding: 3px;
	text-align: center;
	
}
.file_link:link {
	color: #1c437b;
	font-weight: bold;
	text-decoration: none;
}
.file_link:visited {
	color: #1c437b;
	font-weight: bold;
	text-decoration: none;
}
.file_link:hover {
	font-weight: bold;
	text-decoration: underline;
}


#bar {
	float:left;
	width:270px;
	margin: 0 0 0 0;
}


.sideba{
	float: right;
	width: 184px;
	margin: 0 0px 0 0;
	line-height: 15px;
      color: #869927;
}


.sideba ul{
	margin: 0;
	padding: 0;
   	list-style-type: none;
}

.sideba ul a{
	text-decoration: none;
      padding-left: 10px;
      color: #869927;
}

.sideba ul a:hover{
  	color: #AFC81C;
}

.sideba ul li{
	border: 1px solid #4b5906;
	margin: 0 0 10px 0;
}

.sideba ul li h2{
	padding: 0px 10px;
	font-size: 14px;
 	font-weight: bold;
	font-variant: small-caps;
	background: #768910 url('images/tool.jpg') top center no-repeat;
	color: #e5e2e2;
}

.sideba ul ul{
	padding: 0px 0px 0px;
	background: #262626;

}

.sideba ul ul li{
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 16px;
	font-size: 12px;
}

.sideba ul ul li:hover{
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 16px;
    background: #303030;
}

.sideba ul ul ul{
	padding: 0;
}

.sideba ul ul ul li{
	padding: 0 0 0 0px;
}




.ideba{
	float: left;
	width: 140px;
	margin: 0 10px 0 0;
	line-height: 15px;
      color: #869927;
}


.ideba ul{
	margin: 0;
	padding: 0;
   	list-style-type: none;
}

.ideba ul a{
	text-decoration: none;
      padding-left: 10px;
      color: #869927;
}

.ideba ul a:hover{
  	color: #AFC81C;
}

.ideba ul li{
	border: 1px solid #4b5906;
	margin: 0 0 10px 0;
}

.ideba ul li h2{
	padding: 0px 10px;
	font-size: 14px;
 	font-weight: bold;
	font-variant: small-caps;
	background: #768910 url('images/toolbar-div2.jpg') top center no-repeat;
	color: #e5e2e2;
}

.ideba ul ul{
	padding: 0px 0px 0px;
	background: #262626;

}

.ideba ul ul li{
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 16px;
	font-size: 12px;
}

.ideba ul ul li:hover{
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 16px;
    background: #303030;
}

.ideba ul ul ul{
	padding: 0;
}

.ideba ul ul ul li{
	padding: 0 0 0 0px;
}

#cell_1 {
margin:0 15px 1em 0;
padding:8px;
float:left;
width:360px;
border: 1px solid #4b5906;
background: #303030;

}

#cell_1a {
margin:0 8px 1em 0;
padding:5px;
float:left;
width:234px;
border: 1px solid #4b5906;
background: #303030;

}

#cell_2 {
margin:0 0 1em 0;
padding:8px;
float:left;
width:551px;
border: 1px solid #4b5906;
background: #303030;
}
#cell_3 {
margin:0 0 1em 5px;
padding:8px;
float:left;
width:210px;
background-color:#cccccc;
}

#cell_1 p, #cell_2 p, #cell_3 p {
font-size:.75em;
color:#ffffff;
}

#cell_1 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:2px 0 3px 10px;
font-family: Calibri, "Courier New", "Trebuchet MS";
font-size: 15px;
color:#869927;
font-weight:bold;
background: #262626;
}

#cell_1a p, #cell_2 p, #cell_3 p {
font-size:.75em;
color:#ffffff;
}

#cell_1a h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:2px 0 3px 10px;
font-family: Calibri, "Courier New", "Trebuchet MS";
font-size: 15px;
color:#869927;
font-weight:bold;
background: #262626;
}

#cell_2 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:2px 0 3px 10px;
font-family: Calibri, "Courier New", "Trebuchet MS";
font-size: 15px;
color:#869927;
font-weight:bold;
background: #262626;
}

#cell_3 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
font-weight:bold;
}
#cell_1 ul{
	margin: 0;
	padding: 0;
   	list-style-type:none;
}

#cell_1 ul a{
	text-decoration: none;
      padding-left: 10px;
      color: #869927;
}

#cell_1 ul a:hover{
  	color: #AFC81C;
}
#cell_2 ul{
	margin: 0;
	padding: 0;
   	list-style-type:none;
}

#cell_2 ul a{
	text-decoration: none;
      padding-left: 10px;
      color: #869927;
}

#cell_2 ul a:hover{
  	color: #AFC81C;
}


#games{
	float:left;
	margin-left: 5px;
	display;
	list-style-type:none;
	margin-top: 15px;
	color: #000;
	font-family: Calibri, "Courier New", "Trebuchet MS";
	font-size: 12px;
	font-weight:bold;
}



#news  {

	border: 0;
	margin: 0;
	padding: 0;
	line-height: 16px;
	font-size: 13px;
	color: #869927;
	margin-top: 10px;

}

#frontboxa{
	width: 355px;
	height:130px;
	border: 0px solid #BAD284;
	padding: 5px 0 0 5px;
	overflow:auto;
	background-image:url('images/bganzeige.gif')
}
#gameleft3{
	float:left;
	width:520px;
	margin: 10px 10px 10px 10px;
}
#gameright3{
	float:left;
	width: 520px;
	margin-top: 4px;
	color: #fff;
	font-size: 13px;}
}

list_two {
  	list-style-type:none; /* remove the bullets */
 	margin:0; /* remove the automatic margin that some browsers use for the text-indent. */
  	padding:0; /* remove the automatic padding that other browsers use for the text-indent. */
  	width:145px; /* fix the width of the list items which would default to 100% */
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

list_two a, ul.list_two a:visited, ul.list_two a:active {
  	text-decoration:none; /* remove the default underline from the links */
  	display:block; /* make each link into a block so that hovering over any area of the link will cause a change of background color */
  	width:145px; /*set the width to be the same as the ul width */
  	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	text-indent:5px; /* move the link text 5px to the right */
  	/*background:#16192c;  make the background color red */
  	color:#000; /* make the text color white */
  	border-bottom:1px dotted #e3b787; /* separate the links with a 1px wide white line */
}
list_two a:hover, ul.list_one li:hover {
  	background:#deba8b; /* change the background to blue on :hover */
  	border-right: 4px solid #ff6600;
 	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ff0000;
}

#gametext{
	float:left;
	
	background: #292929;
	margin-left: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	color: #fff;
	font-size: 13px;
}

#gamezelle{
	float:left;
	width: 97%;
	background: #292929;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	}


#ueberschrift {
margin:0 8px 1em 0;
width:565px;
height: 20px;
background: #262626 url('images/ueber.gif') top center no-repeat;

color:#ffffff;
font-size: 15px;
font-weight:bold;
	
}
#ueberschrift2 {
margin:0 8px 1em 0;
width:565px;
height: 20px;
color:#ffffff;
font-size: 14px;
font-weight:bold;
	
}



#ueberschrift3 {
margin:0 8px 1em 0;
width:565px;
height: 20px;
background: #262626;
	
}


#ueberunten1{
	float:left;
	margin-right:5px;
	width: 130px;
	text-align:center;
	
}

#ueberunten2 {
	
	float:left;
	margin-right:5px;
	width: 130px;
	text-align:center;		
}


#ueberunten2 a, ul.ueberunten2 a:visited, ul.ueberunten2 a:active{
	
	text-decoration:none; 
  	display:block;    	
  	text-indent:5px;   	
  	color:gray; 		
}


#ueberunten2 a:hover, ul.ueberunten2 li:hover {
   	color:lime;
}


#ueberunten3{
	
	float:left;
	margin-right:5px;
	width: 230px;
	text-align:center;
	}
	
	#ueberunten3 a, ul.ueberunten3 a:visited, ul.ueberunten3 a:active{
	
	text-decoration:none; 
  	display:block;    	
  	text-indent:5px;   	
  	color:gray; 		
}

#ueberunten3 a:hover, ul.ueberunten3 li:hover {
   	color:lime;
}



#ueberunten4{
	
	float:left;
	width: 60px;
	text-align:center;
}

.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 20px;
left: 20px; /*position where enlarged image should offset horizontally */

}



