* {margin:0;padding:0;}

body {
font:80%/150% "Trebuchet MS", Tahoma, Arial;
color:#d4dac2;
background:#000;
background-image:url("tpl/images/mmorpg-background.jpg");
background-repeat:repeat-x;
margin:0;
padding:0;
}

li {
list-style-type:none;
}


.toggler {
color:#222;
background:#eee;
border-bottom:1px solid #ddd;
border-right:1px solid #ddd;
border-top:1px solid #f5f5f5;
border-left:1px solid #f5f5f5;
font-size:11px;
font-weight:400;
font-family:'Andale Mono', sans-serif;
margin:0;
padding:2px 5px;
}

.element p {
margin:0;
padding:4px;
}

.float-right {
float:right;
padding:10px 20px;
}

a {
color:#7a9396;
text-decoration:none;
}

a:visited {
color:#797900;
text-decoration:none;
}

a:hover {
color:#736539;
}

p {
margin:0;
padding:0 0 15px;
}

h1 {
height:60px;
font:lighter 2.4em/1.2em Georgia,"Times New Roman",Times,serif;
color:#FFF;
margin:0;
}

.title a {
font:lighter 2.5em/1.3em verdana;
color:#FFF;
margin:1px;
}

.title a:hover {
font:lighter 2.5em/1.3em verdana;
color:#c5f8f9;
background:none;
margin:1px;
}

.slogan {
color:#FFF;
font-size:12px;
}

h1 a,h1 a:visited {
color:#FFF;
text-decoration:none;
}

h1 a:hover {
color:#FFF;
text-decoration:none;
border:none;
background:none;
}

h2 {
color:#EFCF3B;
border-bottom:1px dotted #999;
width:100%;
font:bold 1.7em   Arial, Helvetica, Tahoma;
padding-bottom:8px;
margin:0 0 10px;
}

h2 a,h2 a:visited {
color:#ffbd33;
text-decoration:none;
}

h2 a:hover {
color:#FFFFFF;
text-decoration:none;
}

h4 {
font:normal 130%/100% "Trebuchet MS", Tahoma, Arial;
color:#f79043;
margin:10px 0 5px;
}

#wrapper {
margin-top:0;
margin-left:auto;
margin-right:auto;
width:962px;
}

#page {
width:961px;
background:#252f30;
margin:0 auto;
}

#header {
background-image:url(tpl/images/mmorpg-kostenlos.jpg) ;
position:relative;
margin-top:0;
color:#6d8302;
width:950px;
height:176px;
margin-left:auto;
margin-right:auto;
}

#headerimg {
position:relative;
margin-top:0;
height:40px;
width:760px;
padding:56px 0 0 0px;
}

#headerimg .description {
color:#F6F5EE;

font-size:14px;
float:right;
}

#navi {
position:relative;
height:30px;
width:760px;
margin-top:1px;
margin-left:1px;
text-align:center;
line-height:normal;
padding:42px 0 0 0px;
font-size:14px;
}

#nav {
list-style:none;
float:left;
margin:0 3px;
padding:0;
}

#nav li {
float:left;
height:30px;
white-space:nowrap;
margin:0 3px;
}

#nav .page_item a {
color:#c5f8f9;
display:block;
text-decoration:none;
text-transform:uppercase;
font:bold 1.1em Arial, Helvetica, sans-serif;
line-height:30px;
padding:0 12px;
}

#nav li:hover {



}

#nav .page_item a:hover {
color:white;
background-position:0 -36px;
border:none;
}

#nav li.current_page_item {
color:#c5f8f9;
text-decoration:none;
text-transform:uppercase;
border-bottom:1px solid #E3F7FF;
}

#nav .current_page_item a,#nav .current_page_item a:visited {
color:#c5f8f9;
text-decoration:none;
text-transform:uppercase;
}

#content {
float:left;
width:500px;
overflow:hidden;
margin-left:10px;
padding:0 0 30px 13px;
}
/*
#content img {
border:1px solid #ccc2a2;
padding:5px;
}
*/
.fakeimg {
width:468px;
height:60px;
border:1px solid #ccc2a2;
padding:5px;
margin-bottom:5px;
}

.post {
clear:both;
padding-top:15px;
}



.navigation {
clear:both;
padding:10px 0;
}

.navigation a,.navigation a:visited {
color:#59770e;
}

.previous-entries a {
float:left;
padding-left:18px;
background:url(tpl/images/mini-nav-left.gif) no-repeat left center;
}

.next-entries a {
float:right;
padding-right:18px;
background:url(tpl/images/mini-nav-right.gif) no-repeat right center;
}


#sidebar {
float:left;
width:190px;
color:#31e1e6;
overflow:hidden;
padding:14px 0 20px 15px;
}

#sidebar h2,#sidebar .sidebartitle {
font:1em Arial,Helvetica,FreeSans,clean,sans-serif;
color:#ffbd33;
font-weight:700;
margin-bottom:5px;
font-size:14px;

}

#sidebar a,#sidebar a:visited {
color:#31e1e6;
text-decoration:none;
}

#sidebar li a:hover {
color:#ffbd33;
text-decoration:none;
}

.widget {
margin-bottom:10px;
border-top:1px solid #1c9598;
border-left:1px solid #1c9598;
border-bottom:1px solid #04686a;
border-right:1px solid #04686a;
background:#095759;
padding:5px 10px 10px;
}

#sidebar ul li {
list-style:none;
border:none;
margin:0;
padding:0;
}

#sidebar ul li ul li {
border-bottom:1px solid #31e1e6;
padding:2px 0;
}

#sidebar ul li ul li ul li {
border:none;
padding:1px 0 1px 10px;
}

ul.list-archives div,li.widget_archives li {
background:url(tpl/images/mini-monthly-archive.gif) no-repeat !important;
padding-left:0 !important;
}

ul.list-page li,div.widget_pages li,li.widget_recent_entries li {
background:url(tpl/images/mini-page.gif) no-repeat left center !important;
padding-left:0 !important;
}

ul.list-page li ul div,li.widget_pages li ul li {
background:url(tpl/images/mini-page-arrow.gif) no-repeat !important;
padding-left:10px !important;
}

div.widget_recent_comments li {
background:url(tpl/images/mini-recent-comments.gif) no-repeat !important;
padding-left:20px !important;
}

div.widget_calendar td {
padding:1px 5px;
}

.textwidget {
padding-top:5px;
}

#sidebar2 {
text-align:center;
float:right;
width:190px;
overflow:hidden;
margin:20px 15px 0 15px;
padding:0;

}

#sidebar2 h2{
font:0.8em Arial,Helvetica,FreeSans,clean,sans-serif;
color:#333;
font-weight:700;
font-size:14px;
background:#111;
border: 0;
padding:5px 0 5px 0;
margin:0;
}

#sidebar2 .box {
background:#222;
width:190px;
color:#222;
overflow:hidden;
padding:15px 0 15px 0;
}



#footerbg {
background:#252f30;
clear:both;
padding-bottom:10px;
border-top: 1px dotted #0C72A2;
height:50px;
text-align: middle;
width:962px;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
}

#footer {
width:962px;
font-size:75%;
color:#6d8302;
line-height:130%;
margin:0 auto;
}

#footer a,#footer a:visited {
color:#0C72A2;
}

#footer h4 {
font:normal 146%/100% "Trebuchet MS", Tahoma, Arial;
color:#6d8302;
margin:10px 0 5px;
}

.footer-recent-comments ul {
list-style:none;
margin:0;
padding:0;
}

.footer-meta {
background:#e8dfc3;
width:100%;
float:left;
margin-left:20px;
}

.footer-meta ul li {
background:url(tpl/images/mini-footer-icon.gif) no-repeat 5px 4px;
font-size:107%;
line-height:135%;
font-weight:700;
display:inline;
padding:0 0 10px 20px;
}

#credits {
color:#69a599;
font-size:1.0em;
margin:0 auto 0 50px;
}

#credits a,#credit a:visited {
color:#69a599;
}

#credits a:hover {
color:#6B8E23;
}

.footer-meta ul li.rss {
background:url(tpl/images/mini-rss.gif) no-repeat left 2px;
padding:0 0 10px 20px;
}

.loginout {
background:url(tpl/images/mini-loginout.gif) no-repeat left center;
padding-left:18px;
padding-bottom:2px;
margin-left:8px;
}

.center {
text-align:center;
}

img.center,img[align="center"] {
display:block;
margin-left:auto;
margin-right:auto;
}

.alignleft {
float:left;
}

img.alignleft,img[align="left"] {
float:left;
margin:8px 10px 5px 0;#

}

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

img.alignright,img[align="right"] {
float:right;
margin:8px 0 5px 10px;
border:3;
}

.clear {
clear:both;
}

hr.clear {
clear:both;
visibility:hidden;
margin:0;
padding:0;
}

.MainSyn ul,#sidebar ul li ul {
margin:0;
padding:0;
}

img,#sidebar a:hover {
border:none;
}

form,#sidebar ul {
margin:0;
padding:0;
}

ul.linkcat li,div.linkcat li,ul.list-cat li,div.widget_categories li {
padding-left:0 !important;
}

.footer-recent-comments,.footer-recent-posts {
width:240px;
float:left;
margin-left:10px;
}

.footer-recent-comments ul li,.footer-recent-posts ul li {
background:url(tpl/images/mini-footer-icon.gif) no-repeat 5px 4px;
padding:0 0 10px 20px;
}

.footer-recent-posts strong,.footer-meta strong {
font-size:107%;
line-height:135%;
font-weight:700;
}

.footer-recent-posts ul,.footer-meta ul {
list-style:none;
font-size:92%;
line-height:110%;
margin:0;
padding:0;
}


.contentBox {

    	padding:10px;
    	background:#222;
        border-top:1px solid #333;
        border-left:1px solid #333;
        border-bottom:1px solid #111;
        border-right:1px solid #111;
        text-align:center;

}

.button_container2 { margin:14px 0 36px 150px; width:100%;}

a.button200 {
	background: transparent url(tpl/images/mmog-button-200.gif) no-repeat top left;
	display:block;
	width:200px;
	font:normal 130%/100% "Trebuchet MS", Tahoma, Arial;
	color: yellow;
	text-decoration: none;
	padding:16px 0 14px 0;
	text-align:center;

}
a.button200:hover {
	color: white;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 50%;
    text-align:center;

}


/*
	dynamicBox
	  padding:10px;
*/


    .dBox {
    	padding:10px;
    	background:#222;
        position:relative; /* muss man setzen, damit die position:absolute darunter hierauf bezogen wird */
        left:0px;
        top: 0px;
        width:500px;
        height:385px;
        border-top:1px solid #333;
        border-left:1px solid #333;
        border-bottom:1px solid #111;
        border-right:1px solid #111;

    }

    .dBox ul {
            list-style: none;
    }

    .dBox ul li {
            float:left;
    }



    /*.dBox ul li a, .dBox ul li a img { */
    .dBoxBtn {
    	overflow:hidden;
        text-align:center;
        color:white;
        width: 90px;
        height:60px;
        display: block;
        text-decoration:none;
        border:0;
        padding: 7px 7px 7px 0;
        display: block;

    }

    .dBox ul li .dBoxContent {
            display: none;
            padding: 0;
    }
    .dBox ul li:hover .dBoxContent {
            display: block;
    }


    .dBox ul li a img {
    	border:0;
    	padding:0;
    	margin:0;
    	margin-top:0;
    	display:block;


    }

    .dBox ul li .dBoxContent {
          position:absolute;
    	  left:10px; top:10px;


    }

	.dBoxContent a {
		display:block;
        width:480px;
        height:320px;
	}


	.dBox .dBoxContent img , .dBoxContent, .dBoxContent img{
		border:0;
        width:480px;
        height:320px;
	}

	.dBoxText {
		position:absolute;
		padding:2px 7px 5px 7px;
		margin-top:250px;
		margin-left:10px;
		background:#000;
		color:#bbb;
	}

    .dBox ul li a:hover {
    	  color:white;
    }