body {
	margin:10px 0px;	
	background:#fff;
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
}
#gw2{
	width:980px;
	height:755px;
	margin:auto;
	background:#fff;
}
#gw2_header{
	height:110px;
}
#gw2_logo{
	width: 180px;
	height: 110px;
	float:left;
}
.en #gw2_logo{
	background-image:url(../img/gw2_logo_en.png);
}
.de #gw2_logo{
	background-image:url(../img/gw2_logo_de.png);
}
#gw2_profession_menu{
	width: 800px;
	height: 110px;
	float:left;
}
#gw2_menu, #gw2_tabs{
	list-style:none;	
	margin:0px; 
	padding:0px;
}
#gw2_menu li{
	width:180px;
	height:55px;
	margin:0px;
	float:left;	
}
#gw2_border{
	width:975px;
	height:3px;
	background: url(../img/gw2_border.png) right no-repeat;
}
#gw2_bitte{
	width:180px;
	height:624px;
	float:left;
	background: url(../img/gw2_bitte.png) right no-repeat;	
}
#gw2_bitte .img{
	margin:12px 0 0 10px;
}
.close{
	position:absolute;
	right:-7px;
	top:-7px;
	background:url(../img/gw2_icons/Close.png);
	width:22px; 
	height:22px;
	cursor:pointer;
	z-index:250;
}
.close:hover{
	background-position:0px 22px;
}
/*
	Profession-Chooser-Seite-CSS
*/
#gw2_profession_chooser{
	width:800px;
	height:624px;
	position:absolute;
	margin-left:180px;
	display:none;

}
#profession_links li{
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: block; 
	position: absolute;
}
#profession_links a{
	display: block;
}
#profession_links .engineer {
	left: 76px; 
	top: 186px; 
	width: 225px; 
	height: 165px; 
}
.en li.engineer:hover{
	background:url(../img/gw2_back_profession_engineer_en.jpg);
}
.de li.engineer:hover{
	background:url(../img/gw2_back_profession_engineer_de.jpg);
}
#profession_links .mesmer {
	left: 491px; 
	top: 138px; 
	width: 110px; 
	height: 275px; 
}
.en li.mesmer:hover{
	background:url(../img/gw2_back_profession_mesmer_en.jpg);
}
.de li.mesmer:hover{
	background:url(../img/gw2_back_profession_mesmer_de.jpg);
}
#profession_links .thief {
	left: 256px; 
	top: 251px; 
	width: 100px; 
	height: 135px; 
}
.en li.thief:hover{
	background:url(../img/gw2_back_profession_thief_en.jpg);
}
.de li.thief:hover{
	background:url(../img/gw2_back_profession_thief_de.jpg);
}
#profession_links .warrior {
	left: 341px; 
	top: 151px; 
	width: 165px; 
	height: 210px; 
}
.en li.warrior:hover{
	background:url(../img/gw2_back_profession_warrior_en.jpg);
}
.de li.warrior:hover{
	background:url(../img/gw2_back_profession_warrior_de.jpg);
}
#profession_links .ranger {
	left: 424px; 
	top: 320px; 
	width: 160px; 
	height: 140px; 
}
.en li.ranger:hover{
	background:url(../img/gw2_back_profession_ranger_en.jpg);
}
.de li.ranger:hover{
	background:url(../img/gw2_back_profession_ranger_de.jpg);
}
#profession_links .guardian {
	left: 584px; 
	top: 207px; 
	width: 150px; 
	height: 205px; 
}
.en li.guardian:hover{
	background:url(../img/gw2_back_profession_guardian_en.jpg);
}
.de li.guardian:hover{
	background:url(../img/gw2_back_profession_guardian_de.jpg);
}
#profession_links .necromancer {
	left: 168px; 
	top: 314px; 
	width: 125px; 
	height: 150px; 
}
.en li.necromancer:hover{
	background:url(../img/gw2_back_profession_necromancer_en.jpg);
}
.de li.necromancer:hover{
	background:url(../img/gw2_back_profession_necromancer_de.jpg);
}
#profession_links .elementalist {
	left: 332px; 
	top: 223px; 
	width: 95px; 
	height: 190px; 
}
.en li.elementalist:hover{
	background:url(../img/gw2_back_profession_elementalist_en.jpg);
}
.de li.elementalist:hover{
	background:url(../img/gw2_back_profession_elementalist_de.jpg);
}

/*
	Klassen-Menü-CSS
*/

#gw2_planer{	
	width:800px;
	height:628px;
	float:right;
}

#gw2_planer.elementalist{
	background: url(../img/gw2_back_elementalist.jpg) no-repeat;
}
.en #gw2_menu li#elementalist{
	background: url(../img/gw2_elementalist_en.png) no-repeat 0px -111px;
}
.de #gw2_menu li#elementalist{
	background: url(../img/gw2_elementalist_de.png) no-repeat 0px -111px;
}
#gw2_menu li#elementalist:hover{
	background-position: 0px -55px;
}
#gw2_menu a.active li#elementalist{
	background-position: 0px 2px;
}

#gw2_planer.ranger{
	background: url(../img/gw2_back_ranger.jpg) no-repeat;
}
.en #gw2_menu li#ranger{
	background: url(../img/gw2_ranger_en.png) no-repeat 0px -111px;
}
.de #gw2_menu li#ranger{
	background: url(../img/gw2_ranger_de.png) no-repeat 0px -111px;
}
#gw2_menu li#ranger:hover{
	background-position: 0px -55px;
}
#gw2_menu a.active li#ranger{
	background-position: 0px 2px;
}

#gw2_planer.guardian{
	background: url(../img/gw2_back_guardian.jpg) no-repeat;
}
.en #gw2_menu li#guardian{
	background: url(../img/gw2_guardian_en.png) no-repeat 0px -111px;
}
.de #gw2_menu li#guardian{
	background: url(../img/gw2_guardian_de.png) no-repeat 0px -111px;
}
#gw2_menu li#guardian:hover{
	background-position: 0px -55px;
}
#gw2_menu a.active li#guardian{
	background-position: 0px 2px;
}

#gw2_planer.mesmer{
	background: url(../img/gw2_back_mesmer.jpg) no-repeat;
}
.en #gw2_menu li#mesmer{
	background: url(../img/gw2_mesmer_en.png) no-repeat 0px -111px;
}
.de #gw2_menu li#mesmer{
	background: url(../img/gw2_mesmer_de.png) no-repeat 0px -111px;
}
#gw2_menu li#mesmer:hover{
	background-position: 0px -55px;
}
#gw2_menu a.active li#mesmer{
	background-position: 0px 2px;
}

#gw2_planer.warrior{
	background: url(../img/gw2_back_warrior.jpg) no-repeat;
}
.en #gw2_menu li#warrior{
	background: url(../img/gw2_warrior_en.png) no-repeat 0px -111px;
}
.de #gw2_menu li#warrior{
	background: url(../img/gw2_warrior_de.png) no-repeat 0px -111px;
}
#gw2_menu li#warrior:hover{
	background-position: 0px -55px;
}
#gw2_menu a.active li#warrior{
	background-position: 0px 2px;
}

#gw2_planer.necromancer{
	background: url(../img/gw2_back_necromancer.jpg) no-repeat;
}
.en #gw2_menu li#necromancer{
	background: url(../img/gw2_necromancer_en.png) no-repeat 0px -111px;
}
.de #gw2_menu li#necromancer{
	background: url(../img/gw2_necromancer_de.png) no-repeat 0px -111px;
}
#gw2_menu li#necromancer:hover{
	background-position: 0px -55px;
}
#gw2_menu a.active li#necromancer{
	background-position: 0px 2px;
}

#gw2_planer.thief{
	background: url(../img/gw2_back_thief.jpg) no-repeat;
}
.en #gw2_menu li#thief{
	background: url(../img/gw2_thief_en.png) no-repeat 0px -111px;
}
.de #gw2_menu li#thief{
	background: url(../img/gw2_thief_de.png) no-repeat 0px -111px;
}
#gw2_menu li#thief:hover{
	background-position: 0px -55px;
}
#gw2_menu a.active li#thief{
	background-position: 0px 2px;
}

#gw2_planer.engineer{
	background: url(../img/gw2_back_engineer.jpg) no-repeat;
}
.en #gw2_menu li#engineer{
	background: url(../img/gw2_engineer_en.png) no-repeat 0px -111px;
}
.de #gw2_menu li#engineer{
	background: url(../img/gw2_engineer_de.png) no-repeat 0px -111px;
}
#gw2_menu li#engineer:hover{
	background-position: 0px -55px;
}
#gw2_menu a.active li#engineer{
	background-position: 0px 2px;
}

#gw2_profession_menu #language{
	position: absolute;
	margin-left:740px;
	margin-top:28px;
	width: 32px;
	height: 50px;
}

.de #language{
	background: url(../img/gw2_language.png) no-repeat -59px 0px;
}
.en #language{
	background: url(../img/gw2_language.png) no-repeat -29px 0px;
}

#gw2_planer #tabs{
	position: absolute;
	margin: 0 0 0 590px;
	background: url(../img/gw2_tabs.png) no-repeat;
	width:200px;
	height:200px;
	z-index:100;
}
#gw2_tabs li{
	width:140px;
	height:42px;
}
#gw2_tabs li#skills{
	margin: 40px 0px 0px 30px; 
	cursor:pointer;
}
.en #gw2_tabs li#skills{
	background: url(../img/gw2_tabs_skills_en.png) no-repeat 0px -42px;
}
.de #gw2_tabs li#skills{
	background: url(../img/gw2_tabs_skills_de.png) no-repeat 0px -42px;
}
#gw2_tabs li#skills.active, #gw2_tabs li#skills:hover{
	background-position: 0px 0px;
}

#gw2_tabs li#traits{
	margin: 10px 0px 0px 30px; 
	cursor:pointer;
}
.en #gw2_tabs li#traits{
	background: url(../img/gw2_tabs_traits_en.png) no-repeat 0px -42px;
}
.de #gw2_tabs li#traits{
	background: url(../img/gw2_tabs_traits_de.png) no-repeat 0px -42px;
}
#gw2_tabs li#traits.active, #gw2_tabs li#traits:hover{
	background-position: 0px 0px;
}

#gw2 #weapons{	
	position:absolute;
	width:376px;
	height:136px;
	margin:100px 0 0 0;
	padding:0px;
}

.en #gw2 #weapons .active{
	background: url(../img/weapons_active_en.png) no-repeat 0px 0px;
}
.de #gw2 #weapons .active{
	background: url(../img/weapons_active_de.png) no-repeat 0px 0px;
}
#weaponset1{
	height:104px;
	padding:40px 0px 0px 30px;
	position:absolute;	
	margin: 0px 0px 0px 29px;
}
#weaponset2{
	height:104px;
	padding:40px 0px 0px 30px;
	position:absolute;
	margin: 48px 0px 0px 29px;
}
#gw2 #weaponset_switcher{
	background: url(../img/gw2_icons/Switch.png);
	width:40px;
	height:41px; 
	float:left;		
	position:absolute;
	margin: 64px 10px 0 10px;
	cursor:pointer; 
}
#f_skills{
	position:absolute;		
	height:52px;
	width:550px;
	margin:284px 0 0 59px;
}
#f_skills .button{
	width:36px !important;
	height:36px !important;
}
#f_skills .class_bar{
	float:left;
	margin-top:5px;
	height:30px;	
	display:inline;
}
.thief .class_bar{
	background: url(../img/gw2_class_bar.png) no-repeat 0px -30px;
	width: 230px;	
	cursor:pointer;
}
.mesmer .class_bar{
	background: url(../img/gw2_class_bar.png) no-repeat 0px 0px;
	width: 80px;
	margin-left:5px;	
	cursor:pointer;
}
.warrior .class_bar{
	background: url(../img/gw2_class_bar.png) no-repeat 0px -90px;
	width: 220px;	
	cursor:pointer;
}
.necromancer .class_bar{
	background: url(../img/gw2_class_bar.png) no-repeat 0px -60px;
	width: 230px;	
	cursor:pointer;
}
#main_skills{
	position:absolute;
	height:80px;
	width:350px; 
	margin:332px 0 0 59px;
}
#class_skills{
	position:absolute;
	height:80px;
	width:350px; 
	margin:332px 0 0 423px;
}
#chain_main{
	width:350px;
	height:62px;
	position:absolute;
	margin:404px 0 0 59px;
}
#chain_class{
	width:350px;
	height:62px;
	position:absolute;
	margin:404px 0 0 423px;
}

#gw2 #race_div{	
	position:absolute;
	margin:236px 0 0 0;
	padding:0px;
	width:376px;
	height:48px;
}
#Race{
	height:36px;
	width:110px;
	margin:0 2px 0 59px;
}
#questions_div .button{
	height:36px;
	width:36px;
}
.race > div.button{
	width:110px;
	height:36px;
	margin-right:2px;
	float:none;
}
.weapon > div.button{
	float:none;
}
span.button_default_text{
	color:#a2a2a0;
	line-height:40px;
	margin-left:10px;	
	text-shadow: 0 -1px 1px #000, 1px 0 1px  #000, 0 1px 1px  #000, -1px 0 1px #000;
}

/*
	Zweites Waffenset für Elementarmagier und Ingenieure verbergen
*/

.elementalist #weaponset2,.elementalist #weaponset_switcher,.engineer #weaponset2,.engineer #weaponset_switcher{
	visibility:hidden;
}
.elementalist #weaponset1,.engineer #weaponset1{
	margin: 48px 0px 0px 29px;	
}

/*
	URL für Build-URL und Twitter + Facebook
*/

form#url-form{
	position:absolute;
	margin: 588px 0 0 190px;
	width: 790px;
}
form #url input{
	padding: 1px 3px;
	width:560px;
	height:20px;
	border: 2px solid rgba(0,0,0,0.9);
  border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;

}
form #url{
	float:left;
}
form #url-arrow{
  float:left;
	width:32px;
	height:24px;	
	background: url(../img/gw2_icons/arrow.png) center no-repeat;
	margin-top:1px;
}
form#url-form ul{
	margin:0px;
}
form #url-copy{
  float:left;
	padding: 1px 3px;
	width:120px;
	height:20px;
	border: 2px solid rgba(0,0,0,0.9);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;

	line-height:20px;
	list-style:none;
	cursor:pointer;
}
form#url-form a{
	margin-left:3px;
}
form#url-form a img{
  border:2px solid black;
  border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

/*
	Buttons und Skill-Buttons
*/

.button {
  display: block;
  width: 60px;
  height: 60px;  
  border: 2px solid black;  
  background: url(../img/gw2_icons/Unknown.png);
  cursor:pointer;
  z-index:50;
  position:relative;
  margin:0px -2px -2px 0 ;
  padding:0px;
  float:left;
}
#f_skills .button.activated > img{
  border:2px solid #f1cfa2;
  width:32px !important;
  height:32px !important;
}
#class_skills .button.activated > img{
	border:2px solid #f1cfa2;
	width:56px !important;
	height:56px !important;
}

div.button .skillcosts {
  position:absolute;
  bottom:2px;
  left:5px;
  font-size: 13px;
  line-height:20px;
  color:#1fd5d7;
  text-shadow: 0 -1px 1px #000, 1px 0 1px  #000, 0 1px 1px  #000, -1px 0 1px #000;
  visibility:hidden;
}

div.skillcosts img {
  margin:0 0 -3px 0;
}

div#chooser .button .skillcosts{
  visibility:visible;
}

div.buttonlabel {
  background: url(../img/gw2_icons/buttonlabel.png) no-repeat;
  width: 18px;
  height: 18px;
  font-size: 11px;
  line-height:17px;
  text-align:center;
  color:#fff;
  position:absolute;
  bottom: -10px;
  left:50%;
  margin-left:-9px;
  visibility:hidden;
}
div.buttonlabel_text {
	background: url(../img/gw2_icons/buttonlabel_text.png) no-repeat;
	width: 64px;
	height: 18px;
	font-size: 11px;
	line-height:17px;
	text-align:center;
	color:#a2a2a0;
	position:absolute;
	bottom: -10px;
	left:50%;
	margin-left:-32px;

}
div.buttonlabel_minor{
  background: url(../img/gw2_icons/buttonlabel.png) no-repeat;
  width: 18px;
  height: 18px;
  font-size: 11px;
  line-height:17px;
  text-align:center;
  color:#fff;
  position:absolute;
  bottom: -9px;
  left:50%;
  margin-left:-8px;
}
div.buttonlabel_major{
  background: url(../img/gw2_icons/buttonlabel.png) no-repeat;
  width: 18px;
  height: 18px;
  font-size: 11px;
  line-height:17px;
  text-align:center;
  color:#fff;
  position:absolute;
}
.traits_body_adept .buttonlabel_major{
  margin:59px 0px 0px 205px;
}
.traits_body_master .buttonlabel_major, .traits_body_grandmaster .buttonlabel_major{
  margin:59px 0px 0px 96px;
}

div.aoe {
  background: url(../img/gw2_icons/buttonlabel_aoe.png) no-repeat !important;
}

div#main_skills .button .buttonlabel, div#class_skills .button .buttonlabel, div#f_skills .button .buttonlabel, div#alternative_skills .button .buttonlabel, div#weapons .button .buttonlabel, div#Race .buttonlabel {
  visibility:visible;
}
.hidden, #alternative_skills>div, #f_skills>div{
	display: none;
}

.chainph {
	display: block;
	width: 56px;
	height: 56px;  
	cursor:pointer;
	margin:0 2px 0px 4px ;
	padding:0px;	
	float:left;
}
.chainph_border{
	border:2px solid black !important;	
	height:52px !important;
}
#weapons .dblbutton .button {
  width: 308px;
}
#weapons .button {
  width: 151px;
  height: 36px;  
  border:2px solid black;
  margin-right:2px;
}
.weapon .button {
	width: 151px;
	height: 36px;  
	border:2px solid black;
	margin-right:2px;
}
.weapon .dblbutton {
	width: 308px;	
}
.tooltip_button{
	float:left;
}
.tooltip_spell{
	width:20px; 
}
.tooltip_text{
	padding:0px;
	list-style:none;
}
.tooltip_category{
  margin: 0 0 -2px 2px; 
	width:13px;	
}
div#chooser,div#traits_chooser{
  position:absolute;
  margin:140px 0 0 423px;
  max-width:312px;
  padding: 8px;
  border: 2px solid rgba(0,0,0,0.25);
  background-color: rgb(25,25,25);
  background-color: rgba(25,25,25,0.92);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 0 3px #555;
  -webkit-box-shadow: 0 0 3px #555;
  -moz-box-shadow: 0 0 3px #555;
  z-index:150;
}
.chooser_text{
  font-size:11px;
	color:#ffffff;
	margin-bottom:10px;
}
img.spell{
  width:100%;
  height:100%;
}
.spell_details ul{
  padding:0px;
  margin:0px;
  list-style:none;
}
.spell_details ul li img{
  float:left;
  width:20px;
  height:20px;
}
.spell_details ul li p{
  margin:0 0 5px 24px; 
  padding:3px 0 0 0; 
  color:#a2a2a0; 
}
div.spell_name{   
}
h2.spell_name{  
  font-size: 15px;
  margin:0;
  padding:0;  
  padding: 0;     
  color:#f1cfa2;
}
h3.spell_name_eng{  
  font-size: 10px;
  font-weight:bold;  
  color:#595959;
  margin:0 0 10px 0;
  padding: 0 25px 0 0;  
}
.cooldown p, .initiative p{  
  margin:2px 0 0 0;   
  float:right;
}
.cooldown img, .initiative img{
  margin:0 3px -3px 5px;
}
.spell_text{
  margin:0 0 10px 0;
}
.spell_color{
  color:#f1cfa2;
}

/*
	Eigenschaften-CSS
*/

#traits_div,#skills_div{
	position:absolute;
	width:800px;
	height:628px;
}

#traits_info{
	position:absolute;
	margin: 40px 0 0 5px;
	width: 375px;
	height: 40px;
	color:#fff;
	text-shadow: 0 -1px 1px #000, 1px 0 1px  #000, 0 1px 1px  #000, -1px 0 1px #000;
	background: url(../img/gw2_traits_info_back.png) no-repeat;
}
#trait_points_unspent_value{	
	font-size:30px;
	font-weight:bold;
	float:left;
	margin-left:30px;
}
#traits_info img{
	margin:3px 3px;	
	float:left;
}
#trait_points_unspent_text{
	font-size:15px;
	margin-top:10px;
	float:left;
}
#reset_trait_points_div {
	cursor:pointer;
	width:32px;
	height:32px;
	margin:8px 0px;	
	background-image: url(../img/gw2_icons/Undo.png);
	float:left;
}
#traits_container{
	position:absolute;
	margin: 90px 0 0 22px;
	width:670px;
	height:490px;
}
div.traits_head{
	text-align:right;
	font-size:15px;	
	color:#000000;
	float:left;	
	margin:0px 4px 0px 0px;
}
#traits_head_adept{
	width:259px;
	height:20px;
}
#traits_head_master,#traits_head_grandmaster{
	width:150px;
	height:20px;
}
.traits_body_adept{
	width:259px;
	height:80px;
	border:1px solid black;
	margin:0px 4px 4px 0px;  
	float:left; 
	background-position: 0px 0px;
}
.traits_body_master{
	width:150px;
	height:80px;
	border:1px solid black;
	margin:0px 4px 4px 0px;  
	float:left; 
	background-position: -259px 0px;
}
.traits_body_grandmaster{
	width:150px;
	height:80px;
	border:1px solid black;
	margin:0px 4px 4px 0px;  
	float:left; 
	background-position: -409px 0px;
}
.traits_name,.traits_points,.traits_bonus_1,.traits_bonus_2{
	position:absolute;
	margin: 2px 15px;
	width:200px;
	height:20px;
	color:#FFFFFF;
	font-weight:bold;
	text-shadow: 0 -1px 1px #000, 1px 0 1px  #000, 0 1px 1px  #000, -1px 0 1px #000;
}
.traits_points{
	position:absolute;
	margin:31px 0 0 18px;
	width:30px;
	font-size:30px;
	text-align:center;
}
.traits_bonus_1,.traits_bonus_2{
	position:absolute;
	width:38px;
	height:16px;
	font-size:10px;
	text-align:left;
	padding: 4px 0 0 24px;
	background-position:-2px -2px;
	background-repeat:no-repeat;
	cursor:pointer;
	background-size: 40%;
	
}
.traits_bonus_1{
	margin:27px 0 0 61px;
}
.traits_bonus_2{
	margin:49px 0 0 61px;
}

/*
	Klassen-Hintergrundbilder der Eigenschaften
*/
.guardian #traits_1 > div{	
	background-image: url(../img/gw2_icons/guardian/Zeal.png);
}
.guardian #traits_2 > div{	
	background-image: url(../img/gw2_icons/guardian/Radiance.png);
}
.guardian #traits_3 > div{	
	background-image: url(../img/gw2_icons/guardian/Valor.png);
}
.guardian #traits_4 > div{	
	background-image: url(../img/gw2_icons/guardian/Honor.png);
}
.guardian #traits_5 > div{	
	background-image: url(../img/gw2_icons/guardian/Virtues.png);
}

.thief #traits_1 > div{	
	background-image: url(../img/gw2_icons/thief/Deadly_Arts.png);
}
.thief #traits_2 > div{	
	background-image: url(../img/gw2_icons/thief/Critical_Strikes.png);
}
.thief #traits_3 > div{	
	background-image: url(../img/gw2_icons/thief/Shadow_Arts.png);
}
.thief #traits_4 > div{	
	background-image: url(../img/gw2_icons/thief/Acrobatics.png);
}
.thief #traits_5 > div{	
	background-image: url(../img/gw2_icons/thief/Trickery.png);
}

.necromancer #traits_1 > div{	
	background-image: url(../img/gw2_icons/necromancer/Spite.png);
}
.necromancer #traits_2 > div{	
	background-image: url(../img/gw2_icons/necromancer/Curses.png);
}
.necromancer #traits_3 > div{	
	background-image: url(../img/gw2_icons/necromancer/Death_Magic.png);
}
.necromancer #traits_4 > div{	
	background-image: url(../img/gw2_icons/necromancer/Blood_Magic.png);
}
.necromancer #traits_5 > div{	
	background-image: url(../img/gw2_icons/necromancer/Soul_Reaping.png);
}

.mesmer #traits_1 > div{	
	background-image: url(../img/gw2_icons/mesmer/Domination.png);
}
.mesmer #traits_2 > div{	
	background-image: url(../img/gw2_icons/mesmer/Dueling.png);
}
.mesmer #traits_3 > div{	
	background-image: url(../img/gw2_icons/mesmer/Chaos.png);
}
.mesmer #traits_4 > div{	
	background-image: url(../img/gw2_icons/mesmer/Inspiration.png);
}
.mesmer #traits_5 > div{	
	background-image: url(../img/gw2_icons/mesmer/Illusions.png);
}

.elementalist #traits_1 > div{	
	background-image: url(../img/gw2_icons/elementalist/Fire_Magic.png);
}
.elementalist #traits_2 > div{	
	background-image: url(../img/gw2_icons/elementalist/Air_Magic.png);
}
.elementalist #traits_3 > div{	
	background-image: url(../img/gw2_icons/elementalist/Earth_Magic.png);
}
.elementalist #traits_4 > div{	
	background-image: url(../img/gw2_icons/elementalist/Water_Magic.png);
}
.elementalist #traits_5 > div{	
	background-image: url(../img/gw2_icons/elementalist/ArcanePower.png);
}

.ranger #traits_1 > div{	
	background-image: url(../img/gw2_icons/ranger/Marksmanship.png);
}
.ranger #traits_2 > div{	
	background-image: url(../img/gw2_icons/ranger/Skirmishing.png);
}
.ranger #traits_3 > div{	
	background-image: url(../img/gw2_icons/ranger/Wilderness_Survival.png);
}
.ranger #traits_4 > div{	
	background-image: url(../img/gw2_icons/ranger/Nature_Magic.png);
}
.ranger #traits_5 > div{	
	background-image: url(../img/gw2_icons/ranger/Beastmastery.png);
}

.engineer #traits_1 > div{	
	background-image: url(../img/gw2_icons/engineer/Explosives.png);
}
.engineer #traits_2 > div{	
	background-image: url(../img/gw2_icons/engineer/Firearms.png);
}
.engineer #traits_3 > div{	
	background-image: url(../img/gw2_icons/engineer/Inventions.png);
}
.engineer #traits_4 > div{	
	background-image: url(../img/gw2_icons/engineer/Alchemy.png);
}
.engineer #traits_5 > div{	
	background-image: url(../img/gw2_icons/engineer/Tools.png);
}

.warrior #traits_1 > div{	
	background-image: url(../img/gw2_icons/warrior/Strength.png);
}
.warrior #traits_2 > div{	
	background-image: url(../img/gw2_icons/warrior/Arms.png);
}
.warrior #traits_3 > div{	
	background-image: url(../img/gw2_icons/warrior/Defense.png);
}
.warrior #traits_4 > div{	
	background-image: url(../img/gw2_icons/warrior/Tactics.png);
}
.warrior #traits_5 > div{	
	background-image: url(../img/gw2_icons/warrior/Discipline.png);
}
/*
	Traits Icons
*/
.traits_zero{
	background-image: url(../img/gw2_icons/Undo.png);
	position:absolute;
	margin:2px 0 0 -13px;
	width:24px;
	height:24px;
	background-size: 100%;
	cursor:pointer;
}
.traits_plus {
	background-image: url(../img/gw2_icons/Plus.png);
	position:absolute;
	margin:28px 0 0 -13px;
	width:24px;
	height:24px;
	cursor:pointer;
}
.traits_minus {
	background-image: url(../img/gw2_icons/Minus.png);
	background-position:0px -24px;
	position:absolute;
	margin:54px 0 0 -13px;
	width:24px;
	height:24px;
	cursor:pointer;
}

.traits_minus:hover{
	background-position:0px 0px;
}

.minor_button{
	background-image: url(../img/gw2_icons/minor_unknown.png);
	position:absolute;
	margin: 14px 0 0 18px;
	width:43px;
	height:55px;
	background-size: 100%;
	float:left;
	cursor:pointer;
}
.traits_body_adept .minor_button{
	position:absolute;
	margin: 14px 0 0 127px;
}

.major_button{
	width:55px;
	height:70px;
	position:absolute;
	margin: 5px 0 0 77px;
	background-size: 100%;
	float:left;
	cursor:pointer;
}
.traits_body_adept .major_button{
	position:absolute;
	margin: 5px 0 0 186px;
}

.minor_button.locked {
	background-image: url(../img/gw2_icons/locked.png);
}

.minor_button.unlocked {
	background-image: url(../img/gw2_icons/minor_unknown.png);
}

.major_button.locked {
	background-image: url(../img/gw2_icons/locked.png);
}

.major_button.unlocked {
	background-image: url(../img/gw2_icons/major_unknown.png);
}

.trait_button {
	width:55px;
	height:70px;
	cursor:pointer;
	float:left;
}

/*
	GW2-Charakter-Planer-Footer
*/

#gw2_footer{
	width:980px;
	height:12px;
	float:left;
}
ul#footer-info{
	list-style: none;
	margin: -10px 0 0 190px;	
	padding:0px;
	color:#000;
	font-size:10px;	
	height:20px;
}
ul#footer-info a{
	color:#741d1d;
	text-decoration:none;
}
ul#footer-info a:hover{
	text-decoration:underline;
}
ul#footer-info li{
	float:left;
	position: relative;
	padding: 6px 4px 6px 0;
}
ul#footer-info li ul {
	display:none;
	position:absolute;
	bottom:23px;
	left:-1px;
	float:left;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	width: 180px;
	z-index: 99999; border: 1px solid white;	
}
ul#footer-info li:hover > ul {
	display:block;
	background:#fff;
	padding: 8px 10px;
	list-style:none;
	border:1px solid grey;
	
}
ul#footer-info li ul li{
	float:none;
	list-style:circle;
	padding:0px 0px 1px 0px;
	margin-left:15px;
}
ul#footer-info li ul li.version{
	list-style:none;
	font-weight:bold;
	padding:2px 0px;
	margin-left:0px;
}

/*
	Ninjalooter Navigation
*/

#gw2_ninja_logo{
	margin-top:-17px;
	float:left;
	padding:0px 10px;
	border:none;
}
#gw2_ninja_logo a img{
	border:none;
}

#ninja_menu {
	height: 23px;
	background: #741d1d url('../img/red-navibackground.gif') repeat-x;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
	color: #fff;
	font-size: 15px;
	font-weight:bold;
	width:980px;
	margin-top:8px;
}
#ninja_menu .menu-header,
div.menu {
	font-size: 14px;
	margin-left: 0px;
}
#ninja_menu .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0px;	
	padding:0px;
}
#ninja_menu .menu-header li,
div.menu li {
	float:left;
	position: relative;
}
#ninja_menu .menu-header a {
	display:block;
	text-decoration:none;
	color:#fff;
	padding:0 10px;
	line-height:23px;
  border-right: 1px solid #fff;
}
#ninja_menu ul ul {
	display:none;
	position:absolute;
	bottom:23px;
	left:-1px;
	float:left;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	width: 180px;
	z-index: 99999; border: 1px solid white;	
}
#ninja_menu ul ul li {
	min-width: 180px; font-size: 12px; 
	border-bottom:1px solid grey;	
}
#ninja_menu ul ul ul {
	left:100%;
	top:0;
}
#ninja_menu ul ul a {
	background:#741d1d;
	height:auto;
	line-height:1.1em;
	padding:10px;
	width: 160px;
    border-right: none;
}
#ninja_menu li:hover > a,
#ninja_menu ul ul :hover > a {
	color:#fff;
	background:#533;
}
#ninja_menu ul li:hover > ul {
	display:block;
}
#ninja_menu ul li.current_page_item > a,
#ninja_menu ul li.current-menu-ancestor > a,
#ninja_menu ul li.current-menu-item > a,
#ninja_menu ul li.current-menu-parent > a {
	color: #fff;
}

* html #ninja_menu ul li.current_page_item a,
* html #ninja_menu ul li.current-menu-ancestor a,
* html #ninja_menu ul li.current-menu-item a,
* html #ninja_menu ul li.current-menu-parent a,
* html #ninja_menu ul li a:hover {
	color:#fff;
}

#menusearch {
    float: right;
    overflow: hidden;
    padding-right: 5px;
}

#menusearch input {
    font-size: 11px;
    padding: 0;
}