/* Allgemeine Definitionen */
html, body { 
	height: 100%; 	/* benötigt für Footer */ 
	min-width: 800px; 
	max-width: 1400px;
	margin: 0px auto;
	}
	
body, table {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background: #000;
	padding: 0px;
	margin: 0px;
	}
	
a:link, a:visited, a:active { background: inherit; text-decoration: none; font-weight: bold; color: #fff; }	
a:hover { text-decoration: underline; }	

img { border: 0px; text-decoration: none; }

a img { border: 1px dashed #322DFF;	}
a img:hover { background-color: #0060FF; border: 1px solid #0060FF; }

h1 { font: 14px Verdana, Arial, Helvetica, sans-serif; }	
h2 { font: 12px Verdana, Arial, Helvetica, sans-serif; }	
h3 { font: 11px Verdana, Arial, Helvetica, sans-serif; }

h1, h2, h3 {
	font-weight: bold; 
	margin: 0px;
	text-align: left;
	}

hr { border: 1px dashed #322DFF;}

ul { margin-bottom: -12px; margin-top: 0px; }
/* Allgemeine Definitionen Ende */

/* Definitionen Header */
#head_left, #head_center, #head_right {
	height: 110px;
	top: 0px;
	margin: 0px;
	padding: 0px;	
	}
	
#head_left { background: url(../img/site/norm/head_left.gif) left; }					/* Head Left */
#head_center { background: url(../img/site/norm/head_middle.jpg) center no-repeat; }	/* Head Middle */
#head_right { background: url(../img/site/norm/head_right.gif) right; }					/* Head Right */

#head_left { float: left; width: 98px; /* IE */ }			 
#head_right { float: right; width: 98px; /* IE */ }
/* Definitionen Header Ende */

/* Definitionen Gerüst */
#mel, #mer {
	width: 130px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	}
	
#mel { float: left; padding-left: 2px; }	
#mer { float: right; padding-right: 2px; }

#mel ul, #mer ul { 
	padding: 0px 8px 0px 9px;
	margin: 0px;
	font-weight: bold;
	list-style-type: none;
	background: url(../img/site/norm/cat_line.gif);										/* Grafik Rand Links */
	}
	
#mel ul li, #mer ul li { 
	padding-left: 2px;
	}

	
.bot {
	background: url(../img/site/norm/cat_down.gif) no-repeat;							/* Grafik Box Links Bottom */
	height: 15px;
	margin-bottom: 12px;
	}

/* Grafiken Kategorien */
#cat_story, #cat_eva, #cat_multi, #cat_stuff, #cat_gal, #cat_download, #cat_link, #cat_counter, #cat_board, #cat_style, #cat_main { padding-top: 18px; }
	
#cat_main {	background: url(../img/site/norm/cat_main.gif) no-repeat; }
#cat_story { background: url(../img/site/norm/cat_story.gif) no-repeat; }
#cat_eva { background: url(../img/site/norm/cat_eva.gif) no-repeat;	}
#cat_multi { background: url(../img/site/norm/cat_multi.gif) no-repeat;	}
#cat_stuff { background: url(../img/site/norm/cat_stuff.gif) no-repeat;	}
#cat_style { background: url(../img/site/norm/cat_style.gif) no-repeat; }
#cat_board { background: url(../img/site/norm/cat_board.gif) no-repeat; }
#cat_gal { background: url(../img/site/norm/cat_gal.gif) no-repeat; }
#cat_download { background: url(../img/site/norm/cat_download.gif) no-repeat; }
#cat_link { background: url(../img/site/norm/cat_link.gif) no-repeat; }
#cat_counter { background: url(../img/site/norm/cat_counter.gif) no-repeat; }
#cat_ser { background: url(../img/site/norm/cat_ser.gif) no-repeat; padding-top: 18px; text-align: center;}
#cat_vote { background: url(../img/site/norm/cat_vote.gif) no-repeat; text-align: center; padding-top: 18px; }

.cat_in {
	height: auto; 
	display: block;
	background: url(../img/site/norm/cat_line.gif);	
	font-weight: bold;
	padding-left: 11px;
	}
	
.cat_style_in {
	height: auto; 
	font-weight: bold;
	color: #fff;
	padding-bottom: 2px;
	padding-left: 3px;
	background: url(../img/site/norm/cat_line.gif);
	}
	
.cat_in a { margin-left: -13px; }
/* Grafiken Kategorien Ende */


#content {
	margin: 0px 138px 0px 138px;
	text-align: justify;
	padding: 0px;
	left: 0px;
	position: relative;	
	height: auto !important;
	height: 100%; /* For IE */	
	}

#footer {
	background-color: #3353CC;
	text-align: center;
	height: 19px;
	font-size: 9px;
	font-weight: bold;
	width: 100%;
	float: left;
	clear: both;
	}

/* Grafiken im Footer */
#fimg1, #fimg2 { position: absolute; border: 0px; }
#fimg1 { right: 85px; }
#fimg2 { right: 3px; }
/* Definitionen Gerüst Ende */

/* Definitionen runde Ecken */
.rtop,.artop{display:block;} 
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}

.nifty2 {
	display: block;
	padding: 4px 7px 4px 7px;
	}
/* Definitionen runde Ecken Ende */


/* Ab hier Content */
/* Definitionen Gästebuch, Kontaktformular und News */
.gb-main, .contact { 
	margin: 5px auto;
	width: 290px;
	}

.out, .gb-main span, .contact span {
	display: block;
	padding-right: 3px;
	width: 95px;
	height: 12px;
	float: left;
	margin-bottom: 0px;
	}
	
.out { text-align: left; }
.gb-main span, .contact span { text-align: right; }
.gb-mainout { margin-bottom: 15px; }

.gb-main span div {
	clear: left;
	width: 78px;
	margin-top: 15px;
	}
	
.gb-left, .gb-right {
	height: 17px;
	padding: 3px 2px 1px 2px;
	}

.gb-left {
	background: #0060FF;
	color: #000;
	border-bottom: 1px solid #000;
	display: block;
	padding-left: 3px;
	}	
	
.gb-right {
	width: 40px;
	background: #4189FF;
	color: #fff;
	margin-top: -22px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #4189FF;
	float: right;
	}
	
.gb-out {	
	padding: 5px;
	background: #4189FF;
	color: #000;
	text-align: justify;
	}

.gb-main input, .gb-main textarea, .contact input, .contact textarea {
	height: 15px;
	width: 180px;
	font: 11px Verdana, Arial,Helvetica, sans-serif;
	margin-bottom: -1px;
	background: #4189FF;
	border: 1px solid #000;
	color: #fff;
	}
	
.gb-main textarea, .contact textarea { 
	width: 180px;
	height: 110px;
	margin-top: 0px; 
	}
	
.gb-button-pos { margin: 2px 0px 1px 84px; }
.gb-navi { text-align: center; font-weight: bold; }

.gb-button-pos input {
	background: #000;
	border: 1px solid #4189FF;
	color: #fff;	
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-right: 3px;
	margin-left: 1px;
	margin-top: 3px;
	height: 17px;
	width: 75px;
	padding-bottom: 3px;
	}

.captcha {
	margin-top: 1px; 
	margin-left: 1px;
	}

.none { display: none; }

.news-head {
	height: 25px;
	padding: 2px;
	background: #3353CC;
	color: #fff;
	font-weight: bold;
	display: block;
	}
	
.news-head img { border: none; }
	
.news-out {
	padding: 5px;
	text-align: justify;
	border-left: 1px solid #3353CC;
	border-right: 1px solid #3353CC;
	overflow: hidden;
	display: block;	
	}
	
.news-foot {
	background: #3353CC;
	color: #fff;
	height: 11px;
	padding: 2px 0px 2px 4px;
	font-size: 10px;
	font-weight: bold;
	display: block;
	}
	
.quelle {
	font-size: 10px;
	text-align: right; 
	font-weight: normal;
	margin: 0px;
	padding-top: 5px;
	bottom: 0px;
	clear: both;
	}
	
.contact {
	list-style-type: none;
	padding-left: 0px;
	margin: 0px auto;
	}	
/* Definitionen Gästebuch, Kontaktformular und News Ende */	

.nifty2 ul li { 
	list-style-position: outside; 
	padding-bottom: 10px; 
	margin-left: -20px; 
	}

/* Ausrichtung Bilder */
.imgl {
	margin-right:4px;
	float: left;
	border: 1px dashed #322DFF;
	}
	
.imgr {
	margin-left:4px;
	float:right;
	border: 1px dashed #322DFF;
	}
	
/* Bilder im Content */	
.pics { 
	margin: 0px auto;
	text-align: center;
	display: block;
	}

.pics a img:hover { background-color: #0060FF; border: 1px solid #0060FF; }

.block { display: block; }

/* Aufteilung + Hover */
/* Galerie, Chara, Manga, Sprecher, Games */
.container {
	width: 100%;
	text-align: center;
	padding-left: 2%;
	}
	
.container a img { border: 0px; }

.image { width: 19%; }
.image-wp { width: 32%;	}
.image-sync { width: 32%; }
.image-icq, .image-winamp { width: 48%; }
	
.image, .image-wp, .image-sync, .image-icq, .image-winamp {
	float: left;
	margin-bottom: 18px;
	}

.image-box { width: 100px; height: 126px; }	
.image-box-wp { width: 150px; height: 210px; }
.image-box-manga { width: 100px; height: 181px; }	
.image-box-artbook { width: 100px; height: 166px; }	
.image-box-cd { width: 100px; height: 140px; }	
.image-box-sync { width: 164px; height: 168px; }	
.image-box-icq { width: 164px; height: 358px; padding: 3px; }	
.image-box-winamp { width: 164px; height: 266px; padding: 3px; }	
.image-box-ship { width: 210px;	height: 83px; }
	
.image-box-sync ul {
	text-align: left; 
	list-style-type: none;	
	font-size: 11px;
	}
	
.image-box-sync ul li { margin-top: 4px; margin-left: -36px; }	
	
.image-box, .image-box-wp, .image-box-manga, .image-box-artbook, .image-box-s, .image-box-cd, .image-box-sync, .image-box-icq, .image-box-winamp, .image-box-ship {
	border: 1px dashed #3353CC;
	margin: 0px auto;
	text-align: center;
	font-size: 9px;
	}

.image-box:hover, .image-box-wp:hover, .image-box-manga:hover, .image-box-artbook:hover, .image-box-s:hover, .image-box-cd:hover, .image-box-sync:hover, .image-box-ship:hover { 
	background: #0060FF; 
	border: 1px solid #0060FF; 
	}
	
.image-box a:hover, .image-box-manga a:hover, .image-box-artbook a:hover, .image-box-s a:hover, .image-box-cd a:hover, .image-box-sync a:hover, .image-box-ship a:hover { text-decoration: none; }

/* Neues Bild in Galerie */
.new {
	height: 100px;
	width: 100px;
	background: url(../img/site/misc/new.gif) no-repeat;
	position: absolute;
	margin-top: -100px;
	}

.image-box-wp .new { 
	width: 150px;
	height: 140px;
	margin-top: -112px;
	}
/* Neues Bild in Galerie Ende */

.nav { clear: both; }
/* Bildergalerie Ende */

/* Datenbank */
.database_l, .database_r {
	list-style-type: none;
	padding: 0px;	
	}
	
.database_l { float: left; margin-left: 8%; }
.database_r { float: right; margin-right: 8%; }
/* Datenbank Ende*/

.chara_info_l {
	width: auto;
	padding-right: 6px;
	float: left;
	font-weight: bold;
	}
	
.chara_info_r { text-align: left; }

.epi { 
	font-size: 9px;
	font-weight: normal;
	text-align: left;
	}
	
.epi a:link { 
	background: none; 
	display: inline; 
	}

.linkarea {
	font-size: 11px;
	background: #4189FF;
	border: 1px solid #000;
	color: #fff;
	width: 468px;
	}

/* Games */
.konsolen { margin-top: 6px; }
/* Games Ende */ 

/* Timeline */
.timeline { 
	margin-left: -18px; 
	text-align: left; 
	}
	
.timeline li { 
	font-weight: bold;
	font-size: 12px;
	list-style-type: none;
	margin-bottom: 4px;
	}

.timeline li ul li { 
	font-weight: normal;
	font-size: 11px;
	list-style-type: square;
	padding-bottom: 5px;
	}
/* Timeline Ende */

/* Downloads */
.avatar img {
	margin: 6px;
	border: 1px dashed #3353CC;
	}

.player {
	height: 299px;
	width: 400px;
	margin: 0px auto;
	margin-bottom: 5px;
	}

.amv-footer {
	margin: 0px;
	background-color: #3353CC;
	text-align: center;
	height: 38px;
	padding-top: 3px;
	}
	
.amv-left {
	float: left;
	margin-left: 2px;
	height: 18px;
	width: 200px;
	white-space: nowrap;
	margin-top: -3px;
	}
	
.amv-right {
	float: right;
	margin-right: 3px;
	margin-top: 2px;
	font-weight: bold;
	white-space: nowrap;
	}
	
.comment {
	float: left;
	width: auto;
	padding-left: 3px;
	margin-top: 8px;
	white-space: nowrap;
	}
	
.handy, .game {
	width: 193px;
	height: 360px;
	text-align: center;
	border: 1px dashed #3353CC;
	padding: 5px;
	margin-bottom: 12px;	
	}
	
.handy, .game {
	width: 350px;
	height: auto;
	margin: 15px auto;
	}

.game div { text-align: justify; }

.handy img, .game img {
	margin-top: 2px;
	margin-bottom: 2px;
	}
		
/* Buttons, Forms und Links Downloads */
.image-box-icq select, .image-box-winamp select
.amv-footer input,  
.handy input, select, .game input, select {
	background: #000;
	border: 1px solid #3353CC;
	color: #fff;	
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;	
	height: 18px;
	width: 94px;
	margin-top: 3px;
	margin-left: 3px;
	float: left;
	}
	
.image-box-icq input, .image-box-winamp input, .amv-footer input {
	background: #000;
	border: 1px solid #3353CC;
	color: #fff;	
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;	
	height: 18px;
	width: 60px;
	margin-top: 3px;
	float: left;
	}
	
.amv-footer input, select {
	float: left;
	margin-right: 5px;
	}
	
.handy a, .game a, .image-box-icq a, .image-box-winamp a {
	display: block;
	margin: 0px auto;
	height: auto;
	width: 99%;
	padding: 1px;
	background-color: #3353CC;
	text-align: center;
	margin-top: 3px;
	}
/* Buttons, Forms und Links Downloads Ende */

/* Suchfeld */
.ac_input {
	height: 12px;
	width: 190px;
	font: 11px Verdana, Arial,Helvetica, sans-serif;
	background: #4189FF;
	border: 2px solid #4189FF;
	color: #fff;
 }

.ac_results {
	width: 190px;
	background: #4189FF;
	cursor: pointer;
	left: 0;
	font-size: 90%;
	z-index: 101;
	}

.ac_results ul {
	width: 190px;
	list-style: none;
	padding: 0px;
	margin: 0px;
	border: 1px solid #000;
	background: #4189FF;
	}
	
.ac_results li {
	width: auto;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	}

.ac_results a:hover { width: auto; }
	
.ac_results li:hover { background-color:#0066FF;  }

.ac_results iframe {
	width: 185px;
	position: absolute;
	overflow: hidden;
	}

.ac_loading { background : url('img/site/indicator.gif') right center no-repeat; }

.search-button {
	background: #000;
	border: 1px solid #4189FF;
	color: #fff;	
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;	
	height: 18px;
	width: 94px;
	margin-top: 3px;
	}
/* Downloads Ende */

.search-button {
	background: #000;
	border: 1px solid #4189FF;
	color: #fff;	
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;	
	height: 18px;
	width: 94px;
	margin-top: 3px;
	}
/* Downloads Ende */