/****************************************************************************************************/
/* Stylesheet for Roguard                                                                           */
/* http://www.roguard.de/styles/basic.css                                                           */
/*                                                                                                  */
/* BASIC FORMATS                                                                                    */
/*                                                                                                  */
/* Last change: 2013-01-23                                                                          */
/*                                                                                                  */
/* (c) Sabrina Adamski                                                                              */
/* sabrina.adamski@arcor.de                                                                         */
/*                                                                                                  */
/****************************************************************************************************/



/****************************************************************************************************/
/*                                                                                                  */
/* GENERAL MARKUPS                                                                                  */
/*                                                                                                  */
/****************************************************************************************************/
* { margin: 0; padding: 0; }

body { 
  background: #000 url('../graphics/bg_07.jpg') center top no-repeat;
  margin-top: 64px;
}


h1, h2, h3, h4, h5 {
	font-family: arial, helvetica, sans-serif;
	padding-bottom: 1em;
	color: #2e1c1b;
	font-weight: normal;
	
}

h2 { font-size: 18px; }
h3 { font-size: 16px; }

p, ul, ol, li, address, blockquote, th, td { 
	font-family: arial, helvetica, sans-serif;
	color: #695e48;
	font-size: 12px;
}

p {
	line-height: 1.4em;
	padding-bottom: 12px;
}


span.disabled {
	display: block;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	font-style: italic;
	color: #a59471;
}
span.highlight {
	font-weight: bold;
	
}



a { 
	border: none;
	text-decoration: none;
	color: #889911; 
}

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


/* Bilderlinks */
a img { border: none; }

/* Weiterlesenlink */
a.more, a.comments {
	display: block;
	text-align: right;
	
}


/**************************************************/
/* OBERE FUNKTIONSLEISTE                          */
/**************************************************/
#top_row {
	border: 0px solid red;
	height: 64px; line-height: 64px; 
	width: 1200px;
  color: #a28e65;
  font-family: Georgia,'Times New Roman', serif; 
  font-size: 14px;
  /*text-shadow: 1px 1px 1px #000;*/
  
  position: absolute;
	z-index: 2000;
	left: 50%;
	top: 0;
	margin-left: -600px;
	  
}

	#top_row .left {
		background: transparent url('../graphics/top_row_left.png') 0 0 no-repeat;
		height: 64px; width: 86px;
		float: left;
	}
	
	#top_row .middle {
	  background: transparent url('../graphics/top_row_middle.png') 0 0 repeat-x;
	  height: 64px; width:1028px;
	  line-height: 64px;
	  float: left;
	  text-align: left;
	  padding-top: 8px;
	}
	
		#top_row .middle form {
		  padding-left: 40px;
		}
		
			#top_row .middle span {
			  padding: 0 15px 0 50px;
			}
			
			/* Spezielle Formate des Dropdowns für die Topleiste */
			#top_row .middle .selector { width: 160px !important; }
			#top_row .middle .selector span { padding: 0 30px 0 0; }
			
			#top_row .middle img, #top_row .middle .selector {
			  vertical-align: middle;
			}
	
	#top_row .right {
	  background: transparent url('../graphics/top_row_right.png') 0 0 no-repeat;
	  height: 64px; width: 86px;
	  float: left;
	}


/**************************************************/
/* LOGO                                           */
/**************************************************/
#logo {
	display: block;
	border: none;
	height: 213px;
	margin: 0 auto;
	margin-bottom: 5px;
}


/**************************************************/
/* CONTENTBEREICH                                 */
/**************************************************/
#content_wrapper {
	width: 1200px;
  margin: 0 auto;
  height: 200px;
  
  color: #d3c9b4;
  color: #8d7757;
  color: #2e1c1b;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}



	/****************************************************************************************************/
	/* LINKE SPALTE                                                                                     */
	/****************************************************************************************************/
	#subnavi {
		height: 300px;
		width: 177px;
		float: left;
	}
	
		#subnavi h2 {
			margin-top: 20px;
			height: 34px;
			height: 26px; 
			width: 177px;
			width: 138px;
			background: transparent url('../graphics/header_small.png') top left no-repeat;
			text-shadow: 1px 1px 1px #000;
			font-family: Georgia, 'Times New Roman', serif;
			color: #d3c9b4;
			font-size: 12px;
			font-weight: normal;
			letter-spacing: 1px;
			padding: 9px 0 0 39px;
			position: relative;
			z-index: 2;
		}
		
		#subnavi .box {
			width: 177px; 
			width: 147px;
			margin-top: -10px;
			background: transparent url('../graphics/box_small.png') 0 0 repeat-y;
			padding: 15px 15px 0 15px;
			position: relative;
			z-index: 1;
		}
		
			/**************************************************/
			/* SUBNAVI: NEWS                                  */
			/**************************************************/
			#subnavi .box ul.news li {
				list-style-type: none;
			}
			#subnavi .box ul.news li a {
				display: block;
				height: 28px;
				line-height: 23px;
				background: transparent url('../graphics/subnavi_news.png') 0 -33px no-repeat;
				padding-left: 35px;
				text-shadow: 1px 1px 1px #000;
				font-family: Georgia, 'Times New Roman', serif;
				font-size: 12px;
				color: #d3c9b4;
				font-weight: normal;
				text-decoration: none;
			}
			#subnavi .box ul.news li a:hover, #subnavi .box ul.news li a.current {
				background: transparent url('../graphics/subnavi_news.png') 0 0 no-repeat;
			}	
			
			/**************************************************/
			/* SUBNAVI: DATABASE                              */
			/**************************************************/
			#subnavi .box ul.database li {
				list-style-type: none;
			}
			#subnavi .box ul.database li a {
				margin-left: -5px;
				display: block;
				height: 45px;
				line-height: 45px;
				padding-left: 50px;
				text-shadow: 1px 1px 1px #000;
				font-family: Georgia, 'Times New Roman', serif;
				font-size: 12px;
				color: #d3c9b4;
				font-weight: normal;
				text-decoration: none;
			}
			
			#subnavi .box ul.database li a.current {
				color: #d5d5d5;
			}
			
			#subnavi .box ul.database li a.classes { background: transparent url('../graphics/db_classes.png') 0 0 no-repeat; }
			#subnavi .box ul.database li a.classes:hover, #subnavi .box ul.database li a.classes.current { background: transparent url('../graphics/db_classes.png') 0 -47px no-repeat; }
			
			#subnavi .box ul.database li a.jobs { background: transparent url('../graphics/db_jobs.png') 0 0 no-repeat; }
			#subnavi .box ul.database li a.jobs:hover, #subnavi .box ul.database li a.jobs.current { background: transparent url('../graphics/db_jobs.png') 0 -47px no-repeat; }
			
			#subnavi .box ul.database li a.skills { background: transparent url('../graphics/db_skills.png') 0 0 no-repeat; }
			#subnavi .box ul.database li a.skills:hover, #subnavi .box ul.database li a.skills.current { background: transparent url('../graphics/db_skills.png') 0 -47px no-repeat; }
			
			#subnavi .box ul.database li a.monsters { background: transparent url('../graphics/db_monsters.png') 0 0 no-repeat; }
			#subnavi .box ul.database li a.monsters:hover, #subnavi .box ul.database li a.monsters.current { background: transparent url('../graphics/db_monsters.png') 0 -47px no-repeat; }
			
			#subnavi .box ul.database li a.cards { background: transparent url('../graphics/db_cards.png') 0 0 no-repeat; }
			#subnavi .box ul.database li a.cards:hover, #subnavi .box ul.database li a.cards.current { background: transparent url('../graphics/db_cards.png') 0 -47px no-repeat; }
			
			#subnavi .box ul.database li a.items { background: transparent url('../graphics/db_items.png') 0 0 no-repeat; }
			#subnavi .box ul.database li a.items:hover, #subnavi .box ul.database li a.items.current { background: transparent url('../graphics/db_items.png') 0 -47px no-repeat; }
			
			#subnavi .box ul.database li a.maps { background: transparent url('../graphics/db_maps.png') 0 0 no-repeat; }
			#subnavi .box ul.database li a.maps:hover, #subnavi .box ul.database li a.maps.current { background: transparent url('../graphics/db_maps.png') 0 -47px no-repeat; }
			
			#subnavi .box ul.database li a.quests { background: transparent url('../graphics/db_quests.png') 0 0 no-repeat; }
			#subnavi .box ul.database li a.quests:hover, #subnavi .box ul.database li a.quests.current { background: transparent url('../graphics/db_quests.png') 0 -47px no-repeat; }
			
			#subnavi .box ul.database li a.npcs { background: transparent url('../graphics/db_npcs.png') 0 0 no-repeat; }
			#subnavi .box ul.database li a.npcs:hover, #subnavi .box ul.database li a.npcs.current { background: transparent url('../graphics/db_npcs.png') 0 -47px no-repeat; }
			
			#subnavi .box ul.database li a.exp { background: transparent url('../graphics/db_exp.png') 0 0 no-repeat; }
			#subnavi .box ul.database li a.exp:hover, #subnavi .box ul.database li a.exp.current { background: transparent url('../graphics/db_exp.png') 0 -47px no-repeat; }
			
			
			
			
			/* UPDATES FÜR STARTSEITE */
			#subnavi .box ul.updates {
				list-style-type: none;
			}
			#subnavi .box ul.updates li {
				padding: 5px 0 10px 0;
				text-shadow: 1px 1px 1px #000;
				font-family: Georgia, 'Times New Roman', serif;
				font-size: 12px;
				color: #d3c9b4;
				background: transparent url('../graphics/new.png') right 0 no-repeat;
			}
			
			#subnavi .box ul.updates li ul li {
				margin-left: 15px;
				text-shadow: none;
				font-family: arial, helvetica, sans-serif;
				font-size: 11px;
				padding: 5px 0 0 0;
				color: #8d7757;
				list-style-image: url('../graphics/bullet_1.png');
				background-image: none;
			}
		
		
		#subnavi .box_footer {
			margin-top: 0px;
			width: 177px;
			height: 11px;
			background: transparent url('../graphics/box_small_footer.png') 0 0 no-repeat;
		}
		
		
	
	
	/****************************************************************************************************/
	/* CONTENT                                                                                          */
	/****************************************************************************************************/
	#content {
		width: 846px;
		float: left;
		
	}
	
	
		/**************************************************/
		/* HAUPTNAVIGATION MIT DROPDOWN                   */
		/**************************************************/
		#content ul.mainnavi2 {
			border: 0px solid blue;
			height: 34px; width: 846px;
			width: 100%;
			background: transparent url('../graphics/header.png') 7px 0 no-repeat;
			text-align: center;
			position: relative;
			z-index: 5;
			padding: 0;
			margin: 0;
		}
		
		#content ul.mainnavi2 li {
			border: 0px solid red;
			display: inline-block;
			zoom: 1;                    /* Für IE7 und darunter */
  		*display: inline;           /* Für IE7 und darunter */
			vertical-align: top;
			padding: 9px 25px 4px 25px;
			margin: 0 0 0 0px;
			text-align: center;
			position: relative;			
		}
		
		#content ul.mainnavi2 li a {
			text-shadow: 1px 1px 1px #000;
			font-family: Georgia, 'Times New Roman', serif;
			letter-spacing: 1px;
			font-size: 12px;
			color: #d3c9b4;
			font-weight: normal;
			text-decoration: none;
		}
		
		#content ul.mainnavi2 li a.current, #content ul.mainnavi2 li a:hover {
			color: #ebce88;
		}
		
		#content ul.mainnavi2 li ul {
			border: 0px solid green;
			position: absolute;
			top: 24px; left: 50%;
			margin: 3px 0 0 -65px;
			background: transparent url('../graphics/menu_dropdown2.png') 0 bottom repeat-y;
			padding: 0 0 4px 0;
			display: none;
			
		}
		
		#content ul.mainnavi2 li ul li {
			font-weight: normal;
			display: block;
			text-align: center;
			padding: 0;
			margin: 0;
			width: 140px;
			
		}
		
		#content ul.mainnavi2 li:hover ul {
			display: block;
		}
		
		#content ul.mainnavi2 li ul li a {
			display: block;
			padding: 5px 0;
			margin: 1px 8px;
			font-weight: normal;
			border-top: 3px double #615740;
			border-bottom: 0px solid #615740;
		}
		
		#content ul.mainnavi2 li ul li a:hover {
			background: transparent url('../graphics/menu_dropdown2_hover.png') -8px 0 repeat-y;
			font-weight: bold;
		}
		
		
		
		
		/**************************************************/
		/* HAUPTNAVIGATION MIT DROPDOWN ORIGINAL          */
		/**************************************************/
		#content ul.mainnavi {
			border: 0px solid blue;
			height: 34px; width: 846px;
			width: 100%;
			background: transparent url('../graphics/header.png') 7px 0 no-repeat;
			text-align: center;
			position: relative;
			z-index: 5;
			padding: 0;
			margin: 0;
		}
		
		#content ul.mainnavi li {
			border: 0px solid red;
			display: inline-block;
			zoom: 1;                    /* Für IE7 und darunter */
  		*display: inline;           /* Für IE7 und darunter */
			vertical-align: top;
			padding: 9px 20px 4px 10px;
			margin: 0 0 0 20px;
			text-align: center;
			position: relative;			
		}
		
		#content ul.mainnavi li a {
			text-shadow: 1px 1px 1px #000;
			font-family: Georgia, 'Times New Roman', serif;
			letter-spacing: 1px;
			font-size: 12px;
			color: #d3c9b4;
			font-weight: normal;
			text-decoration: none;
		}
		
		#content ul.mainnavi li a.current, #content ul.mainnavi li a:hover {
			color: #ebce88;
		}
		
		#content ul.mainnavi li ul {
			border: 0px solid green;
			position: absolute;
			top: 24px; left: 0;
			margin: 3px 0 0 5px;
			background: transparent url('../graphics/menu_dropdown.png') -5px 0 repeat-y;
			display: none;
		}
		
		#content ul.mainnavi li ul li {
			font-weight: normal;
			display: block;
			text-align: left;
			padding: 0;
			margin: 0;
			width: 150px;
			
		}
		
		#content ul.mainnavi li:hover ul {
			display: block;
		}
		
		#content ul.mainnavi li ul li a {
			display: block;
			padding: 5px 0 5px 5px;
			margin: 1px 7px 1px 2px ;
			border-top: 1px solid #615740;
			border-bottom: 1px solid #615740;
		}
		
		#content ul.mainnavi li ul li a:hover {
			background: transparent url('../graphics/menu_dropdown_hover.png') -7px 0 repeat-y;
		}
		
		
		/* INHALTSBEREICH */
		#content .box {
			width: 846px;
			background: transparent url('../graphics/box.png') 7px 0 repeat-y;
			margin-top: -10px;
			position: relative;
			z-index: 1;
			padding-top: 0px;
		}


			/**************************************************/
			/* 1. ÜBERSCHRIFT ÜBER INHALTSBOX                 */
			/**************************************************/
			#content .box .mainheader {
				height: 27px;
				margin-left: 32px;			
				float: left;
				background: transparent url('../graphics/mainheader_right.png') right 0 no-repeat;
			}
			#content .box .mainheader h1 {
				height: 27px;
				margin-right: 7px;
				padding: 3px 10px 0 20px;
				text-shadow: 1px 1px 1px #000;
				font-family: Georgia, 'Times New Roman', serif;
				letter-spacing: 1px;
				font-size: 16px;
				color: #d5d5d5;
				background: transparent url('../graphics/mainheader_left.png') 0 0 no-repeat;
			}
			
			
			/* HEADER INHALTSBOX (GRAFISCHES ELEMENT) */
			#content .box .main_content_header {
				clear: left;
				margin: 0 auto;
				position: relative;
				width: 741px;
				height: 45px;
				background: transparent url('../graphics/main_content_header.png') 0 bottom no-repeat;
				padding: 0 20px;
			}
			
			
			/**************************************************/
			/* INHALTSBOX                                     */
			/**************************************************/
			#content .box .main_content {
				margin: 0 auto;
				position: relative;
				width: 741px;
				background: transparent url('../graphics/main_content.png') 0 0 repeat-y;
				padding: 0 20px 10px 20px;
			}
			
			
				/**************************************************/
				/* TYPOGRAFISCHE ELEMENTE                         */
				/**************************************************/
				
				/* NEWSÜBERSCHRIFT (BEISPIELSWEISE AUF DER STARTSEITE) */
				h2.news {
					padding-left: 30px;
					background: transparent url('../graphics/icon_news.png') 0 0 no-repeat;
					padding-bottom: 10px;
				}
				
				h2.banner {
					background: transparent url('../graphics/banner_01.png') 0 0 no-repeat;
					width: 260px; height: 35px;
					padding: 7px 0 0 42px;
					margin: 0px 0 10px -42px;
					
					text-shadow: 1px 1px 1px #000;
					font-family: Georgia, 'Times New Roman', serif;
					letter-spacing: 1px;
					font-size: 16px;
					color: #d5d5d5;
					
				}
				
				h3.banner {
					background: transparent url('../graphics/banner_02.png') 0 0 no-repeat;
					width: 179px; height: 35px;
					
					margin: 5px 0 0 -15px;
					padding: 7px 0 10px 15px;
					
					text-shadow: 1px 1px 1px #000;
					font-family: Georgia, 'Times New Roman', serif;
					letter-spacing: 1px;
					font-size: 16px;
					color: #d5d5d5;
					
					clear: both;
				}
				 
				
				/* METABOX (BEISPIELSWEISE AUF DER STARTSEITE) */
				p.metabox {
					font-size: 10px;
					border: 1px solid #b27b2e;
					line-height: 30px;
				  height: 30px;
				  padding: 0 10px;
				  margin-bottom: 1em;
				}
				
				
				
				/**************************************************/
				/* DATENBANK:                                     */
				/* TABELLENDARSTELLUNG DER CLASSES (ICONANSICHT)  */
				/**************************************************/
				table.classes { padding: 10px 0 0 80px; } 
				table.classes tr th { text-align: left; padding: 5px 15px 5px 5px; font-weight: normal; border: 0px solid #b1a997; }
				
				table.classes tr.firstclass th { background: #d3c9b4; }
				table.classes tr.firstclass td { background: #eee3cb; }
				
				table.classes tr.secondclass th { background: #95997c; background: #b6c246; }
				table.classes tr.secondclass td { background: #d9dfa3; }
				
				
				table.classes tr td { padding: 15px; text-align: center; background: #e5dac3; border: 0px solid #b1a997; }
				table.classes tr td a { display: block; border: none; }
				table.classes tr td a img { border: none; }
				table.classes tr td a span { border: none; }
				table.classes tr td a:hover span { border: none; }
				
				
				/**************************************************/
				/* DATENBANK:                                     */
				/* SKILLS DER CLASSES                             */
				/**************************************************/
				table.class_skill_table {
					border-collapse: collapse;
					margin: 20px 0;
					width: 100%;
				}
					table.class_skill_table tr th, table.class_skill_table tr td {
						padding: 4px 3px;
						border: 1px solid #695e48;
						background: #eee3cb;
						color: #695e48;
					}
					table.class_skill_table tr th {
						background: #d3c9b4;
						/*text-align: left;*/
                                                text-align: center;
					}
					
					table.class_skill_table tr th.lvl, table.class_skill_table tr td.lvl,
					table.class_skill_table tr th.sp, table.class_skill_table tr td.sp,
					table.class_skill_table tr th.ct, table.class_skill_table tr td.ct,
					table.class_skill_table tr th.cd, table.class_skill_table tr td.cd {
						width: 40px;
						text-align: center;
					}
					
					
					table.class_skill_table img.skill_icon {
						margin-right: 5px;
						float: left;
					}
					table.class_skill_table h3.name {
						margin: 0; 
						padding: 13px 0 3px 0;
						font-weight: bold;
					}
				
				
				
				
				/* Character-Image */
				img.classes_image { 
					float: right;
					margin-left: 75px;
                                        margin-top: -50px;
                                        width: 220px;
					/* margin-right: 100px; */
				}
				
				/* großes Icon */
				p img.classes_icon {
					float: left; 
					margin: 0 10px 5px 0;
				}
				
				
				
				
			
			
			/* FOOTER INHALTSBOX (GRAFISCHES ELEMENT) */
			#content .box .main_content_footer {
				margin: 0 auto;
				position: relative;
				width: 741px;
				height: 9px;
				background: transparent url('../graphics/main_content_footer.png') 0 bottom no-repeat;
				padding: 0 20px;
			}


		/* FOOTER INHALTSBEREICH (GRAFISCHES ELEMENT) */
		#content .box_footer {
			width: 846px;
			height: 17px;
			background: transparent url('../graphics/box_footer.png') 7px 0 no-repeat;
		}
		
		
	
	
	/**************************************************/
	/* RIGHT COLUMN                                   */
	/**************************************************/
	#right_column {
		width: 177px;
		float: right;
	}
	
		#right_column #forum {
			height: 70px;
			width: 177px;
			background: transparent url('../graphics/forum.png') 0 0 no-repeat;
		}
		
		
		#right_column #forum a {
			display: block;
			padding: 18px 0 0 65px;
			text-shadow: 1px 1px 1px #000;
			font-family: Georgia, 'Times New Roman', serif;
			font-size: 14px;
			color: #d3c9b4;
			letter-spacing: 1px;
			text-decoration: none;
		}
		
		#right_column #forum a:hover {
			color: #ebce88;
		}
	
		#right_column h2 {
			height: 34px;
			height: 26px;
			width: 177px;
			width: 138px;
			background: transparent url('../graphics/header_small.png') top left no-repeat;
			text-shadow: 1px 1px 1px #000;
			font-family: Georgia, 'Times New Roman', serif;
			font-size: 12px;
			color: #d3c9b4;
			letter-spacing: 1px;
			font-weight: normal;
			padding: 9px 0 0 39px;
			position: relative;
			z-index: 2;
		}
		
		#right_column .box {
			width: 177px; 
			width: 147px;
			margin-top: -10px;
			background: transparent url('../graphics/box_small.png') 0 0 repeat-y;
			padding: 15px 15px 0 15px;
			position: relative;
			z-index: 1;
		}
		
		#right_column .box.ad {
			padding: 15px 0 0 8px;
			width: 177px;
			
		
		}	
		
		
		
		#right_column .box_footer {
			width: 177px;
			height: 17px;
			background: transparent url('../graphics/box_small_footer.png') 0 0 no-repeat;
		}



/**************************************************/
/* FOOTER                                         */
/**************************************************/
#footer {
	width: 1200px;
  margin: 0 auto;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #d3c9b4;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	clear: both;
	margin-bottom: 10px;
}