@charset "utf-8";
/*
*************************************************
*****Layout and CSS by http://oyabunstyle.de*****
*************************************************
*/

/*
*************************************************
*************Allgemeine Definitionen*************
*************************************************
*/
html {
	margin:0;
	padding:0;
	height:101%;
	width:100%;
}
body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font-family:Verdana, Geneva, sans-serif;
	text-align:justify;
	color:#808080;
	font-size:11px;
	background:#e4e4e4 url(images/headerrepeat.png) repeat-x top;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
a:link, a:visited {color:#00defd; text-decoration:none;}
a:hover {text-decoration:underline;}
img {max-width:490px;padding:0; background:none; border:none;}
#shadowbox_body_inner img {max-width:none;}
h1 {font-size:16px;}
h2 {font-size:15px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
hr {width:100%;height:1px;border:none;background:#808080;margin:10px auto;}
.img {padding:5px; background:#292929;border:1px solid #3e3e3e;}
.button {
	background:#e4e4e4;
	border:none;
    font-size: 13px;
	margin:1px;
	color:#666;
	max-width:400px;
	border-radius:6px;
	-moz-border-radius:6px;
	padding:3px 6px 3px 6px;
	font-weight:700;
	cursor:pointer;
}
.button:hover {
	color:#00defd;
}
/*
*************************************************
*************Hilfreiche Definitionen*************
*************************************************
*/
.left {text-align:left}
.right {text-align:right}
.just {text-align:justify}
.center {text-align:center}
.leftfloat {float:left}
.rightfloat {float:right}
.clear {clear:both}
.middle {margin:0 auto;}
/*
*************************************************
****************Layoutdefinitionen***************
*************************************************
*/
.sidebar {
	width:35px;
	height:100px;
	background:url(images/Sidebar.png) no-repeat;
	left:0;
	top:180px;
	position:fixed;
	margin-right:auto;
	padding:0;
	z-index:9999;
}
.sidebar a {
	width:32px;
	height:50px;
	background:none;
	display:block;
}
#wrapper {
	width:933px;
	height:auto;
	margin:0 auto;
}
.maintop {
	margin-top:32px;
	background:url(images/maintop.png) no-repeat;
	width:933px;
	height:9px;
}
.main {
	background:url(images/maincontent.png) repeat-y;
	width:933px;
	height:auto;
}
.mainbottom {
	background:url(images/mainbottom.png) no-repeat;
	width:933px;
	height:10px;
}
/*
*************************************************
****************Headerdefinitionen***************
*************************************************
*/
#headertop {
	width:933px;
	height:21px;
	margin-bottom:32px;
}
#headertopleft {
	background:url(images/headerleft.png) no-repeat;
	width:11px;
	height:21px;
	float:left;
}
#headertopmiddle {
	background:url(images/headermiddle.png) repeat-x;
	width:910px;
	height:21px;
	float:left;
	line-height:21px;
	text-align:right;
	font-weight:bold;
	font-size:9px
}
#headertopmiddle a:link, #headertopmiddle a:visited {
	color:#c4c4c4;
	text-decoration:none;
}
#headertopmiddle a:hover {
	color:#00defd;
}
#headertopright {
	background:url(images/headerright.png) no-repeat;
	width:12px;
	height:21px;
	float:left;
}
#headerlogo {
	background:url(images/header.png) no-repeat;
	width:510px;
	height:43px;
	float:left;
}
#headernavigation {
	width:410px;
	height:33px;
	float:left;
	padding-top:10px;
	padding-left:13px;
}
#headernavigation a:link, #headernavigation a:visited {
	display:block;
	float:left;
	margin-right:7px;
	width:84px;
	height:22px;
	line-height:22px;
	font-size:14px;
	color:#222222;
	text-align:center;
	background-image:url(images/headerbutton.png);
	background-repeat:no-repeat;
	background-position:0px -22px;
}
#headernavigation a:hover, #headernavigation a.active {
	background-position:center center;
	text-decoration:none;
}
.horst {width:468px; height:60px; margin: 0 auto;}
/*
*************************************************
***********Hauptnavigationdefinitionen***********
*************************************************
*/
.mainlist {
	margin:0;
	padding:0;
	width:253px;
	height:auto;
}
.mainlist a:link, .mainlist a:visited, .openlink {
	margin-bottom:3px;
	width:253px;
	height:22px;
	display:block;
	background:url(images/mainbutton.png) no-repeat;
	font-size:15px;
	line-height:22px;
	text-indent:23px;
	cursor:pointer;
	color:#00defd;
}
.mainlist a:hover {text-decoration:none;}
.mainlist .sublist {
	width:231px;
	display:block;
	text-align:right;
	margin-left:22px;
	margin-bottom:3px;
}
.mainlist .sublist .subtop {
	width:231px;
	background:url(images/subtop.png) no-repeat;
	width:231px;
	height:7px;
}
.mainlist .sublist .subcontent {
	width:231px;
	background:url(images/subcontent.png) repeat-y;
	width:231px;
	height:auto;
}
.mainlist .sublist .subbottom {
	width:231px;
	background:url(images/subbottom.png) no-repeat;
	width:231px;
	height:6px;
}
.mainlist .sublist a:link, .mainlist .sublist a:visited {
	display:block;
	width:208px;
	height:15px;
	background:url(images/subbutton.png) no-repeat;
	line-height:13px;
	font-size:15px;
	padding-right:23px;
	margin-bottom:2px;
}
/*
*************************************************
************Definitionen linker Bereich**********
*************************************************
*/
#leftarea {
	width:672px;
	height:auto;
	float:left;
	margin-right:8px;
}
#sliderback {
	background:url(images/sliderbg.png) no-repeat;
	width:672px;
	height:110px;
	margin-bottom:7px;
}
.centermenu, .text {
	width:640px;
	margin-left:32px;
	margin-bottom:7px;
	margin-top:7px;
}
.caption {
	background:url(images/caption.png) no-repeat;
	width:673px;
	height:38px;
	font-size:24px;
	line-height:35px;
	text-indent:12px;
}
.newscaption {
	background:url(images/caption.png) no-repeat;
	width:661px;
	height:38px;
	padding-left:12px;
	margin-top:1px;
}
.newscaptiontext {
	font-size:18px;
}
.newscaptioninfo {
	font-size:9px;
	text-transform:uppercase;
}
.leftinfo {
	width:450px;
	float:left;
}
.rightinfo {
	text-align:right;
	padding-right:14px;
	text-transform:none;
}
.opensub {cursor:pointer;}
.subtext, .inlay {
	width:630px;
	margin:5px auto;
}
.subcontenttop {
	background:url(images/subcontenttop.png) no-repeat;
	width:630px;
	height:9px;
}
.subcontenttext {
	background:url(images/subcontenttext.png) repeat-y;
	width:610px;
	height:auto;
	padding:0px 10px;
}
.subcontentbottom {
	background:url(images/subcontentbottom.png) no-repeat;
	width:630px;
	height:7px;
}
.company {
	width:190px;
	height:103px;
	background:url(images/company.png) no-repeat;
	display:block;
	float:left;
	margin-left:10px;
	margin-right:10px;
}
.verein {
	width:190px;
	height:103px;
	background:url(images/verein.png) no-repeat;
	display:block;
	float:left;
	margin-right:10px;
}
.clan {
	width:190px;
	height:103px;
	background:url(images/clan.png) no-repeat;
	display:block;
	float:left;
}
.freelancer {
	width:190px;
	height:103px;
	background:url(images/freelancer.png) no-repeat;
	display:block;
	float:left;
}
/*
*************************************************
***********Definitionen rechter Bereich**********
*************************************************
*/
#rightarea {
	width:253px;
	height:auto;
	float:left;
}
.menutop {
	background:url(images/menutop.png) no-repeat;
	width:253px;
	height:7px;
}
.menucontentalt {
	background:url(images/menucontent.png) repeat-y;
	width:253px;
	height:auto;
}
.menucontent {
	background:url(images/menucontent.png) repeat-y;
	width:233px;
	height:auto;
	padding:0px 10px;
}
.menubottom {
	background:url(images/menubottom.png) no-repeat;
	width:253px;
	height:6px;
	margin-bottom:7px;
}
.cc {
	height:97px;
	text-align:center;
}
.icons {
	width:70px;
	height:60px;
	float:left;
}
/*
*************************************************
****************Definitionen Forum***************
*************************************************
*/

/*
*************************************************
***************Definitionen Profil***************
*************************************************
*/
.field {
	background:#e4e4e4;
    font-size: 11px;
	margin:2px;
	color:#666;
	border-radius:5px;
	-moz-border-radius:5px;
	padding:4px 5px 4px 10px;
	text-align:left;
}
.avatar {
	background:url(images/avatar.png) no-repeat center center #e4e4e4;
	min-width:70px;
	min-height:70px;
	text-align:center;
}
.avatar img {
	max-width:130px;
	margin:0 auto;
}
.field .tbox, .field input.tbox, .field .helpbox, .field select.tbox, .field select.dwbox, .field .field {
	background:#222222;
	border:none;
    font-size: 11px;
	margin:1px;
	color:#e4e4e4;
	max-width:400px;
	border-radius:6px;
	-moz-border-radius:6px;
	padding:3px 6px 3px 6px;
}
/*
*************************************************
*****************Definitionen e107***************
*************************************************
*/
.code_highlight {
	width:90%;
	overflow:scroll;
	background: #333;
	min-height:75px;
	margin:0 auto;
	display:block;
}
.nextprev {
	width:100%;
	height:auto;
	text-align:center;
	margin:0 auto;
}
.tbox, input.tbox, .helpbox, select.tbox, select.dwbox {
	background:#e4e4e4;
	border:none;
    font-size: 11px;
	margin:1px;
	color:#666;
	max-width:400px;
	border-radius:6px;
	-moz-border-radius:6px;
	padding:3px 6px 3px 6px;
}
.fborder, .forumheader2, .forumheader3, .forumheader4, .forumheader5  {
	text-align:left;
}
.indent {
	border:1px dotted #999;
	max-width:90%;
	margin:0 auto;
	padding:10px;
	font-size:9px;
	font-style:italic;
}
img.bbcode {
	max-width:580px;
}
.usernameinput .tbox {
	background:url(images/loginfield.png) no-repeat;
	width:144px;
	height:25px;
	border:none;
	font-family:Verdana, Geneva, sans-serif;
	color:#999;
	font-size:12px;
	text-indent:5px;
	max-width:100%;
}
/*
*************************************************
****************Definitionen Slider**************
*************************************************
*/
#slider {
	width:652px;
	height:90px;
	margin:0 auto;
	padding:10px 0px;
}
#slider ul {
	margin:0;
	padding:0;
	width:652px;
	height:90px;
	list-style:none;
	overflow:hidden; 
}
#slider ul li { 
	margin:0;
	padding:0;
	height:90px;
	overflow:hidden; 
	float:left;
}
#slider ul li div, #slider ul li a {
	width:632px;
	height:90px;
	text-align:right;
	padding-right:20px;
	color:#00defd;
	float:left;
}
#slider ul li a:hover {
	text-decoration:none;
}
#slider ul li div h2, #slider ul li a h2 {
	margin:0;
	padding:0;
	padding-top:15px;
}
#slider ul li div h4, #slider ul li a h4 {
	margin:0;
	padding:0;
	padding-top:10px;
}
#slider ul li div p, #slider ul li a p {
	margin:0px;
	padding:0px;
	padding-top:7px;
}
.tuts {background:url(images/tuts.png) no-repeat;}
.overviews {background:url(images/overviews.png) no-repeat;}
.custom {background:url(images/custom.png) no-repeat;}
/*
*************************************************
*****************Definitionen Shop***************
*************************************************
*/
.detail img {
	max-width:590px;
	max-height:590px;
	padding:5px;
	background:#292929;
	border:1px solid #3e3e3e;
}
.inc {
	background:url(images/inc.png) left no-repeat;
	margin:5px 0px 5px 25px;
	display:block;
	font-weight:700;
	text-indent:35px;
}
.preview {
	width:300px;
	float:left;
	margin-bottom:10px;
	margin-right:5px;
	margin-left:5px;
}
.preview .shop_top {
	width:300px;
	height:12px;
	background:url(images/shop_bg_top.png) no-repeat;
}
.preview .shop_body {
	width:300px;
	height:auto;
	background:url(images/shop_bg_body.png) repeat-y;
	text-align:center;
}
.shop_body h1 {
	text-indent:15px;
	margin-top:0px;
	padding-top:0px;
}
.shop_body a {
	color:#CCC;
}
.preview .shop_bottom {
	width:300px;
	height:12px;
	background:url(images/shop_bg_bottom.png) no-repeat;
}
.preview img {
	max-width:280px;
}
.detailslink {
	width:285px;
	margin:12px 0px 0px 0px;
	padding-right:15px;
	text-align:right;
}
.detailslink a, .contentbreadcump a {
	background:#e4e4e4;
	border:none;
    font-size: 13px;
	margin:1px;
	color:#666;
	max-width:400px;
	border-radius:6px;
	-moz-border-radius:6px;
	padding:3px 6px 3px 6px;
	font-weight:700;
	cursor:pointer;
}
.breadcrumb {
	height:auto;
	padding:2px 0px 5px 0px;
	margin:2px 0px 5px 0px;
}
.breadcrumb a:link, .breadcrumb a:visited {
	background:#e4e4e4;
	border:none;
    font-size: 13px;
	margin:1px;
	color:#666;
	max-width:400px;
	border-radius:6px;
	-moz-border-radius:6px;
	padding:3px 6px 3px 6px;
	font-weight:700;
	cursor:pointer;
}