@charset "utf-8";
/*
*************************************************
*****Layout and CSS by http://oyabunstyle.de*****
*************************************************
*/
html {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}
body {
	background-color:#404040;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font-family:"Arial", Times, serif;
	text-align:justify;
	color:#989898;
	font-size:12px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#wrapper {
	width:1088px;
	height:auto;
	margin:0 auto;
}
#head {
	width:1088px;
	height:133px;
	background:url(images/header.png) no-repeat;
}
#leftarea {
	width:194px;
	height:auto;
	float:left;
	min-height:100px;
}

/***************** SITELINKS NAVIGATION START ***********/
#newnavi {
background: url(images/newnavi.png) no-repeat;
width: 843px;
height: 24px;
overflow: hidden;
margin: 0 auto;
text-align:center;
}

#newnavi ul {
margin: 0;
padding: 0;
padding-left: 25px; 
font: 12px Arial;
list-style-type: none;
}

#newnavi li {
display: inline;
margin: 0;
}

#newnavi li a {
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 4px 8px; 
color:#989898;
}

#newnavi li a:hover,.current {
text-decoration: underline;

}

#newnavi .current a {
color:#323232;
font-weight:700;
}
#ab { height:10px; width:100%; margin:0; padding:5px;}
/***************** SITELINKS NAVIGATION ENDE ***********/

/***************** SITELINKS 2 NAVIGATION START ***********/

#nav {
	width:197px;
	height:auto;
	margin:0 0 10px 0;
}
#nav ul, #nav li {margin:0; padding:0; list-style:none;}
#nav a:link, #nav a:visited {
	background:url(images/button.jpg) no-repeat top left;
	overflow:hidden;
	width:197px;
	height:27px;
	line-height:27px;
	color:#989898;
	font-size:12px;
	text-align:center;
	display:block;
}
#nav a:hover {
	background-position:0 -27px;
	color:#323232;
}
/***************** SITELINKS 2 NAVIGATION ENDE ***********/


.leftheader {
	background:url(images/leftmenu_header.png) no-repeat;
	width:197px;
	height:40px;
	color:#FFF;
	font-size:12px;
	line-height:35px;
	text-align:center;
}
.leftcontent {
	background:url(images/leftmenu_content.png) repeat-y;
	width:174px;
	height:auto;
	padding:0 10px 0 13px;
	color:#ccc;
	overflow:hidden;
}
.leftfooter {
	background:url(images/leftmenu_footer.png) no-repeat;
	width:197px;
	height:25px;
}
#mainarea {
	width:694px;
	height:auto;
	float:left;
}
.contentheader {
	background:url(images/co_header.png) no-repeat;
	width:694px;
	height:56px;
	color:#FFF;
	text-align:center;
	font-size:15px;
	line-height:52px;
}
.contentcontent {
	background:url(images/co_content.png) repeat-y;
	width:664px;
	height:auto;
	padding:5px 15px;
	color:#ccc;
	overflow:hidden;
}
.contentfooter {
	background:url(images/co_footer.jpg) no-repeat;
	width:694px;
	height:29px;
}
#rightarea {
	width:197px;
	height:auto;
	float:right
}
.rightheader {
	background:url(images/rightmenu_header.png) no-repeat;
	width:197px;
	height:43px;
	color:#FFF;
	font-size:12px;
	line-height:35px;
	text-align:center;
}
.rightcontent {
	background:url(images/rightmenu_content.png) repeat-y;
	width:174px;
	height:auto;
	padding:0 13px 0 10px;
	color:#ccc;
	overflow:hidden;
}
.rightfooter {
	background:url(images/rightmenu_footer.png) no-repeat;
	width:197px;
	height:27px;
}
#spende {
	background:url(images/spende.jpg) no-repeat;
	width:194px;
	height:49px;
	cursor:pointer;
}
#spende a:link, #spende a:visited, #spende a:hover {
	width:194px;
	height:49px;
	background:none;
	text-indent:-194px;
	display:block;
	overflow:hidden
}
#ff14de {
	background:url(images/ff14de.jpg) no-repeat;
	width:194px;
	height:43px;
	cursor:pointer;
}
#ff14de a:link, #ff14de a:visited, #ff14de a:hover {
	width:194px;
	height:43px;
	background:none;
	text-indent:-194px;
	display:block;
	overflow:hidden
}
#fcraft {
	background:url(images/fcraft.jpg) no-repeat;
	width:194px;
	height:43px;
	cursor:pointer;
}
#fcraft a:link, #fcraft a:visited, #fcraft a:hover {
	width:194px;
	height:43px;
	background:none;
	text-indent:-194px;
	display:block;
	overflow:hidden
}
#ffxivde {
	background:url(images/ffxivde.jpg) no-repeat;
	width:194px;
	height:43px;
	cursor:pointer;
}
#ffxivde a:link, #ffxivde a:visited, #ffxivde a:hover {
	width:194px;
	height:43px;
	background:none;
	text-indent:-194px;
	display:block;
	overflow:hidden
}
#ffxieu {
	background:url(images/ffxiveu.jpg) no-repeat;
	width:194px;
	height:43px;
	cursor:pointer;
}
#ffxieu a:link, #ffxieu a:visited, #ffxieu a:hover {
	width:194px;
	height:43px;
	background:none;
	text-indent:-194px;
	display:block;
	overflow:hidden
}
#oyabun {
	background:url(images/oyabun.jpg) no-repeat;
	width:194px;
	height:43px;
	cursor:pointer;
}
#oyabun a:link, #oyabun a:visited, #oyabun a:hover {
	width:194px;
	height:43px;
	background:none;
	text-indent:-194px;
	display:block;
	overflow:hidden
}
#square {
	background:url(images/square.jpg) no-repeat;
	width:194px;
	height:43px;
	cursor:pointer;
}
#square a:link, #square a:visited, #square a:hover {
	width:194px;
	height:43px;
	background:none;
	text-indent:-194px;
	display:block;
	overflow:hidden
}
#jpgames {
	background:url(images/jpgames.jpg) no-repeat;
	width:194px;
	height:43px;
	cursor:pointer;
}
#jpgames a:link, #jpgames a:visited, #jpgames a:hover {
	width:194px;
	height:43px;
	background:none;
	text-indent:-194px;
	display:block;
	overflow:hidden
}
#ff14guide {
	background:url(images/ff14guide.jpg) no-repeat;
	width:194px;
	height:43px;
	cursor:pointer;
}
#ff14guide a:link, #ff14guide a:visited, #ff14guide a:hover {
	width:194px;
	height:43px;
	background:none;
	text-indent:-194px;
	display:block;
	overflow:hidden
}
#footer {
	background:url(images/footer.png) no-repeat center bottom;
	width:1088px;
	height:138px;
	clear:both;
}
#disclaimer {
	width:800px;
	height:30px;
	margin:0 auto;
	font-size:10px;
	color:#ccc;
	text-align:center;
	margin-top:10px;
}
#ad {
	width:468px;
	height:60px;
	margin:0 auto;
	margin-top:35px;
}
	

a:link, a:visited {color:#f19f00; text-decoration:none;}
a:hover {text-decoration:underline;}
.tbox, .helpbox, .button {
	font-weight:normal;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/tbox.jpg);
	border:1px solid #000;
    font-size: 11px;
}
.nextprev {width:100%; text-align:center; margin:10px 0}
img {border:none}
h1 {font-size:16px;}
h2 {font-size:15px;}
h3 {font-size:14px;}
hr {border:none; border-top:1px dotted #999}
.forumheader {text-align:left; font-size:14px; font-weight:bold;} 
.forumheader2 {text-align:left; font-size:11px;}
.forumheader3, .forumheader4, .forumheader5 {text-align:left;}
.linkspage_button {border:none;}
code {
	width:90%;
	overflow:scroll;
	background:url(images/pattern.png) repeat;
	min-height:75px;
	margin:0 auto;
}
.code_highlight {
	width:90%;
	overflow:scroll;
	background:url(images/pattern.png) repeat;
	min-height:75px;
	margin:0 auto;
}
.leftfloat {float:left;}
.rightfloat {float:right;}
.just {text-align:justify}
.clear {clear:both}
.indent {width:90%; font-size:9px; color:#999; font-style:italic; border:1px dashed #666; margin:10px auto;}