html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

#netbar{

}

html {
	height: 100.01%;
	margin-bottom: 1px;
	overflow-y:scroll;
}

html.index { font-size:100%; margin:0px; padding:0px; }

body.index {
	padding:0px;
	background: #000 url("../img/startpage/background.jpg") no-repeat  center 20px;
	font-size:13px;
	line-height:18px;
	font-family:Tahoma,"Times New Roman",Times,serif;
	text-align:center;
	font-weight:bold;
	color: #ffcc99;
}

/* nicht wundern. Zwei Layouts haben ein css... */

html.ind_add { font-size:100.01%; margin:0px; padding:0px; }

body.ind_add {
	padding:0px;
	background-color:#000;
	font-size:13px;
	line-height:16px;
	font-family:Tahoma,"Times New Roman",Times,serif;
	text-align:center;
	font-weight:bold;
	position:relative;
	letter-spacing:0.05em;
}

.clear{clear: both;}

#screen {width: 665px; margin:auto; position: relative;}
#screen .screenContent{position: absolute!important; left: 50%; margin-left: -317px; top: 310px; width: 635px;}
ul#Navi{width: 698px; position: absolute; top: 20px; left: 50%; height: 50px;padding: 0; margin-left:  -510px; background: transparent url(../img/startpage/bg_topNavi.png) no-repeat; padding:15px 0px 0px 323px; }

ul#Navi li a#tour{margin-right: 22px; margin-left: 2px;}
ul#Navi li {list-style-type: none;	float:left; position: relative;}
ul#Navi li a {
	position: relative;
	display:block;
	width:173px;
	height:31px;
	line-height:30px;
	text-decoration:none;
	color:#ffcc99;
	margin:0;
	padding: 0;
	background-image:url('../img/startpage/link_background.gif');
	background-repeat:no-repeat;
	background-position:top left;
}

ul#Navi li a:hover {
	background-image:url('../img/startpage/link_background_active.gif');
	color:#423429 !important;
}

ul#Navi li a:visited {
	color:#ffcc99;
}

#screen p.gameDescription {
	font-weight:100;
	margin: 25px 0 30px;
	line-height: 14px;
}

#index_register_now{
	position: relative;
	margin-top: -35px;
}

#index_register_now a {
	display:block;
	font-size:16px;
	margin:0 auto;
	width:409px;
	height:53px;
	line-height:50px;
	color: #ffcc99;
	text-decoration:none;
	background-image:url('../img/startpage/regist_sprite.gif');
	background-position: 0 top;
	display: block;
}

#index_register_now a:hover {
	background-position: 0 bottom;
}

div.index_small {
	font-family:Tahoma,"Times New Roman",Times,serif;
	font-weight:normal;
	color:#423429;
	font-size:11px;
	width:520px;
	margin:0 auto;
	text-align:left;
	height:14px;
}

#index_form_fields_upper {
	position:relative;
	top:268px;
	z-index: -1;
}

#index_form_fields_upper div { display:inline; }

form#index_login_form label{
	width: 147px; 
	color: #FFF; 
	text-align: left;
	color:#a57550;
	font-size:11px;
	padding-bottom: 1px;
	line-height:11px;

}

form#index_login_form label.server{
	width: 148px;
}

#loginFormBG{
	height: 130px;
	background: transparent url(../img/startpage/bg_loginForm.png) no-repeat 0 9px;
	padding-left: 22px;
	margin: 0 auto;
	font-weight: 100;
}

form#index_login_form {

}
form#index_login_form input{color: black;}

#index_login_form #login_button {
	display:inline-block;
	margin:0px auto;
	font-weight:bold;
	width:68px;
	height:29px;
	line-height:25px;
	font-family:Tahoma,"Times New Roman",Times,serif;
	color:#d9b986;
	font-size:14px;
	background-image:url('../img/startpage/loginbutton.gif');
	text-decoration:none;
	position: relative;
	text-align:center;
	top: -4px;
}


input.text, input.text:focus, input.text:active {
	background: transparent none;
	width:133px;
	height:19px;
	padding:2px 4px 0px 4px;
	border:0px none;
	top:1px;
	position:relative;

}

div.bgInputLoginBox{
	background: url('../img/startpage/inputbackground.gif') no-repeat; 
	width:133px;
	height:19px;
}

input.newAccount{
	background: transparent none; 
	width:133px;
	height:14px;
	padding:2px 4px 0px 4px;
	border:0px none;
	top:1px;
	position:relative;
	display: block;
}

.bgInputImageRegister{background: url(../img/startpage/inputbackground.gif)  no-repeat 0px 0px; wdith: 133px; height: 14px; display: inline-table; line-height: 19px;}

table.loginFormTable td{vertical-align: top; padding-top: 2px;}
table.loginFormTable{margin: 0 auto;}
table.loginFormTable td.server{width:143px;}
table.loginFormTable td.user{width:145px;}
table.loginFormTable td.password{width:155px; }

#server_dropdown {
	padding-left:5px;
	text-align:left;
	background-image:url('../img/startpage/dropdown_background_1.gif');
	background-repeat:no-repeat;
	width:138px;
	height:21px;
	cursor:pointer;
	color: black;
}


#screen input#username{margin-right: 6px!important;}
#server_dropdown[id] {
}

#server_dropdown_list {
	text-align:left;
	z-index:100;
	position: absolute;
	top:40px;
	display:none;
	width:120px;
	padding:0px;
	margin:0px;
	list-style-type:none;
	color: black;

}

table.loginFormTable td{text-align:left;}

#server_dropdown_list li {
	cursor:pointer;
	padding-left:8px;
	padding-top:3px;
	z-index:100;
}

#server_dropdown_list li.dropdownActive {
	background-image:url('../img/startpage/serverlistitem_active.gif');
}

#server_dropdown_list li.dropdownInactive {
	background-image:url('../img/startpage/serverlistitem.gif');
}

#index_form_fields_lower {
	color: #a57550;
}

#index_form_fields_lower a { color: #a57550; margin-left: 134px; }

ul.index_copyright_field {
	color:#8c7461;
	font-size:13px;
	font-weight:normal;
	margin-top: 66px;
	padding-bottom: 20px;
	width: 600px;
	margin: 0 auto;
	position: relative; 
	top: 70px;
	
}
ul.index_copyright_field li{
	float: left;
	list-style-type: none;
}

#regist_copyright a {
	color:#8C7461;
	font-size:13px;
	font-weight:normal;
}

.index_copyright_field a {
	color:#8c7461 !important;
	margin-left:25px;
}

#login_error {
	position:absolute; 
	left:0px; 
	top:65px; 
	width:460px; 
	height:213px; 
	margin:0px auto; 
	background-color:#140202; 
	background-image:url('../img/startpage/start_error_bg.jpg');
	background-position:top left;
	z-index:5; 
	line-height:32px; 
	color:#d9b986; 
	font-family:Tahoma,"Times New Roman",Times,serif;
	border:1px solid #d9b986;
	font-size:14px;
}

#login_error_container {
	position:relative; 
	margin:0px auto; 
	width:400px; 
	height:0px;
	z-index:99;
}

#content_container {
	position:relative; 
	margin:0px auto; 
	width:700px; 
	height:0px;
}

#content {
	position:absolute; 
	left:0px; 
	top:55px; 
	width:700px; 
	height:490px; 
	margin:0px auto; 
	background-color:#140202; 
	background-image:url('../img/startpage/start_content_bg.jpg');
	background-position:top left;
	z-index:5; 
	line-height:32px; 
	color:#d9b986; 
	font-family:Tahoma,"Times New Roman",Times,serif;
	border:1px solid #d9b986;
	font-size:12px;
	text-align:left;
	padding:4px;
	font-weight:normal;
}

#content h1 {
	padding:0px;
	margin-top:0px;
	text-align:center;
	border-bottom:1px solid #501616;
	font-size:16px;
}

#closelink img {
	border:0px none;
}

div.content_error {
	border:1px solid white; 
	font-size:1.3em; 
	padding:5px; 
	color:#e72600; 
	font-weight:bold
}


#pagecontent {
	color:#ffcc99;
	width:1018px; 
	height:596px; 
	background-image:url(../img/startpage/b_add.jpg);
	margin:0px auto;
	position:relative;
	top:0px;
	left:0px;
}

#pagecontentHeaderBG {
	background-image:url(../img/startpage/headerBG.gif);
	width:100%;
	height:42px;
}

#pageheader {
	color:#a08a79;
	font-size:1.2em;
	margin-top:-30px;
	margin-bottom:14px;
}

/*
#pagefooterButtons {
	position:absolute;
	top:500px;
	left:210px;
	background-image:url(../img/startpage/startpage_add_button_bg.gif);
	width:611px;
	height:61px;
}

#pagefooterButtons a {
	display:inline-block;
	color:#ffcc99;
	text-decoration:none;
	width:173px;
	height:31px;
	line-height:31px;
	margin-top:22px;
	margin-left:8px;
	margin-right:9px;
}

*/



#chooseCharClass {
	text-align:center;
}

#chooseCharClass img {
	cursor:pointer;
}

#acceptPicture {
	text-align:center;
}

#acceptPicture img {
	cursor:pointer;
}

div.charPic {
	width:110px;
	height:110px;
	border:1px solid red;
	float:left;
}

#charPicContainer1 {
	width:560px; 
	height:110px; 
	margin:0px auto;
}

#charPicContainer2 {
	width:448px; 
	height:110px; 
	margin:0px auto;
}

#rulesTable {
	margin-top:40px;
	text-align:left;
}

#rulesTable li {
	margin:10px;
}

a.singleButton {
	text-decoration:none;
	color:#ffcc99;
	display:block;
	background-image:url('../img/startpage/link_background.gif');
	width:173px;
	height:31px;
	line-height:31px;
}

a.singleButton:hover {
	background-image:url('../img/startpage/link_background_active.gif');
	color:#423429 !important;
}

#startpageForm td{padding-bottom: 20px;}
#startpageForm {
	padding:12px;
	text-align:left;
	margin:0 auto;
	margin-top:20px;
	width:400px;
}

#startpageForm label {
	display:inline-block;
	width:230px;
	
}

.tour5Content{
	margin-top:108px; margin-left:162px;
}


#startpageForm select {
	width:140px;
	background-color:#eddab5;
	border:1px solid #6f5627;
}

#gameTourContent {
	text-align:center; 
	padding:12px;
	width:650px;
	margin:0px auto;
	position:relative;
}

#gameTourText {
	text-align:center;
	padding-left:12px; 
	padding-right:12px;
	width:400px;
	margin:0px auto;
	margin-top:20px;
}

/****************************/
/* 			Squeezbox 		*/
/****************************/
#sbox-window embed, #sbox-window object, #sbox-window select {
	visibility:				visible;
}

#sbox-overlay {
	position:				absolute;
	background-color:		#000;
}

.sbox-window-dark {
	background-color:		#000;
	border: 1px solid  #444444;
}

.sbox-window2 {
	position:				absolute;
	text-align:				left;
	overflow:				visible;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
}

.sbox-window-light {
	background-color:		#333;
}

#sbox-btn-close {
	background: 			url(../img/design/close_button.png) no-repeat;
	position:				absolute;
	width:					35px;
	height:					35px;
	right:					-12px;
	top:					-12px;
	border:					none;
	z-index:				1;
}

.registCloseBtn {
	right:					0px !IMPORTANT;
	top:					0px !IMPORTANT;
}

.sbox-window-ie6 #sbox-btn-close {
	background-image:	url(../img/design/close_button.gif) no-repeat;
}

.sbox-loading #sbox-content {
	background-image:		url(spinner.gif);
	background-repeat:		no-repeat;
	background-position:	center;
}

#sbox-content {
	clear:					both;
	overflow:				auto;
	/*background-color:		#000;*/
	height:					100%;
	width:					100%;
	color:					#FFF;
	text-align:				center;
}

.sbox-content-image#sbox-content {
	overflow:				visible;
}

#sbox-image {
	display:				block;
}

.sbox-content-image img {
	display:				block;
}

.sbox-content-iframe#sbox-content {
	overflow:				visible;
}

.body-overlayed embed, .body-overlayed object, .body-overlayed select {
	visibility:				hidden;
}

.squeezbox_details {
	visibility:hidden;
	height:0;
	overflow:hidden;
}

.wrapper .tourSlide .tour div h2{font-size: 18px;}

#sbox-content .errorTopic {
	margin: 5px 0 20px;
	color: #FF9900;
}

#sbox-content .squeezbox_details {
	visibility:visible;
	height:	auto;
}


.help_agb{
	margin-left:0px !important;
}

.validError {
	color:#FF0000;	
}

.validPass {
	color:#33CC00;
}

.classShow{
	font-weight: bold;
	line-height: 18px;
	display: block;
	left:50%;
	height:300px;
	width:212px;
	filter:alpha(opacity=70);
	opacity:.70;
	-moz-opacity:.70;
	float: left;
}

.classShow img, .classShow div {
	cursor: pointer;
	position: relative;
}

.classShow img {
	z-index: 3;
}

.classTitel {
	border:1px solid #9D622F;
	-moz-border-radius: 5px;
	width: 50%;
	margin: -65px auto 0;
	z-index: 4 !IMPORTANT;
}

.classShow p {
	width: 80%;
	margin: 40px auto 0;
}

/*
.classShowLeft {
	left: 10px;
	position: relative;
}

.classShowRight {
	right: 20px;
	position: relative;
}
*/
.classShowUnclicked {
	background-color:#000;
	color: #FFD97E;
}

.classShowClicked {
	background-color: #F6D699;
	color: #9D622F;
}

/* STEPHAN NEU */

h1#logo{
	background: url(../img/startpage/logo.png) no-repeat;
	width: 528px;
	height: 128px;
	text-indent: -9999px;
	left:	-10px;
}
a.headlineLogo{width: 528px; height: 128px;margin: 0 auto; display: block;}

#contentElements {position: relative; }
#contentElements .content{position: relative; top: 0; left: 0; width: 635px;padding-top: 40px;}
#contentElements .content .footer{}
ul.Steps{list-style-type: none; width: 400px; margin: 20px auto;}
ul.Steps li{float: left; width: 33%; font-size: 10px; font-weight: 100;color: #999;}
ul.Steps li div{background: url(../img/startpage/bg_regStep.jpg) no-repeat bottom center; color: #000; line-height: 35px; height: 37px; font-weight: 700; font-size: 13px;}
ul.Steps li.ready{color: #ead8b0;}
ul.Steps li.ready div{background: url(../img/startpage/bg_regStep.jpg) no-repeat top center; color: #892a23; }
/* Login Bereich */ 
#Login{margin-top:170px !important;}
#Register, #Character, #Class{ background-color: #000;}
h2{font-size: 18px; font-weight: 700; margin:10px auto 20px; width: 460px; line-height: 22px;}
table.registerForm{text-align: left; width: 400px; margin: 0 auto; margin-bottom: 20px;}
table.registerForm tr td{vertical-align: top; padding-bottom: 5px;}
table.registerForm tr td.first{width: 200px;}
table.registerForm tr td.second{width: 200px;}
table.registerForm tr td.accept{background: url(../img/startpage/tick.gif) no-repeat right 7px;}
table.registerForm tr td.notAccept{background: url(../img/startpage/cross.gif) no-repeat right 7px;}
table.registerForm tr td.agbNotAccept{background: transparent url(../img/startpage/cross.gif) no-repeat scroll right center;}
table.registerForm tr td.agbAccept{background: transparent url(../img/startpage/tick.gif) no-repeat scroll right center;}
table.registerForm label{font-size: 13px; line-height: 14px;}
table.registerForm p{font-size: 11px; font-weight: 100;}
table.registerForm input{background:transparent  none;font-size:14px;height:18px;padding:6px;width:168px; border: 0 none;}
table.registerForm .bgInputRegisterBox{background: transparent url(../img/startpage/bg_regInput.jpg) no-repeat;height:35px;width:180px; }
table.registerForm label.agb{font-size: 13px; font-weight: normal;}
table.registerForm label.agb a{color: #ff0000;}
table.registerForm input.agb{width: 15px; height: 15px;}
.sbox-window-darkReg #sbox-content{color: #ffcc99!important;}
/* Pretty Checkbox */
table.registerForm div.mooCheck{height: 30px; width: 30px; float: left; margin-right: 10px; background: url(../img/startpage/bg_checkbox.jpg); cursor: pointer;}
table.registerForm div.unchecked{background-position: top left;}
table.registerForm div.checked{background-position: bottom left;}
.pagefooterButtons a {color: #A57550; font-weight: 100; font-size: 12px;}
.pagefooterButtons a {color: #A57550; font-weight: 100; font-size: 12px;}
.pagefooterButtons a.btn_reg{
	width: 310px;
	height:53px;
	background: url(../img/startpage/btn_register.gif) no-repeat left -49px;
	display: block;
	line-height: 48px;
	text-decoration: none;
	color:#FFCC99;
	margin: 0 auto;
	font-size: 14px;
	font-weight: 700;
}
.pagefooterButtons a.btn_reg:hover{
	background: url(../img/startpage/btn_register.gif) no-repeat left 5px;
	color: #eddab5;
}
.pagefooterButtons a.disable{
	background: url(../img/startpage/btn_register.gif) no-repeat left -99px;
	color: #a28a73;
	cursor: default;
}
.pagefooterButtons a.disable:hover{
	background: url(../img/startpage/btn_register.gif) no-repeat left -99px;
	color: #a28a73;
	cursor: default;
}
.pagefooterButtons a {color: #A57550; font-weight: 100; font-size: 12px;}
.pagefooterButtons a.btn_take{width: 173px; height:31px; background: url(../img/startpage/btn_take.gif) no-repeat top left; display: block;line-height: 29px; text-decoration: none; color:#000; margin:20px auto 0; font-size: 14px; font-weight: 700;}
.pagefooterButtons a.btn_take:hover{background: url(../img/startpage/btn_take.gif) no-repeat left top; color: #eddab5;}
.pagefooterButtons a.btn_take{cursor:pointer}
.sbox-window-darkReg{background: url(../img/startpage/regist_background.jpg) no-repeat;}
.sbox-window-darkReg2{background: url(../img/startpage/regist_background_large.jpg) no-repeat;}
a.allcharPics{
	width:				112px;
	height:				107px;
	display:			block;
	line-height:		29px;
	text-decoration:	none;
	float:				left;
	cursor:				pointer;
}

a.charWPic_1{background:			url(../img/char/warrior/small/w1.gif) no-repeat top left;}
a.charWPic_1:hover{background:		url(../img/char/warrior/small/w1_act.gif) no-repeat top left;}
a.choosenW1{background:				url(../img/char/warrior/small/w1_act.gif) no-repeat top left;}

a.charWPic_2{background:			url(../img/char/warrior/small/w2.gif) no-repeat top left;}
a.charWPic_2:hover{background:		url(../img/char/warrior/small/w2_act.gif) no-repeat top left;}
a.choosenW2{background:				url(../img/char/warrior/small/w2_act.gif) no-repeat top left;}

a.charWPic_3{background:			url(../img/char/warrior/small/w3.gif) no-repeat top left;}
a.charWPic_3:hover{background:		url(../img/char/warrior/small/w3_act.gif) no-repeat top left;}
a.choosenW3{background:				url(../img/char/warrior/small/w3_act.gif) no-repeat top left;}

a.charWPic_4{background:			url(../img/char/warrior/small/w4.gif) no-repeat top left;}
a.charWPic_4:hover{background:		url(../img/char/warrior/small/w4_act.gif) no-repeat top left;}
a.choosenW4{background:				url(../img/char/warrior/small/w4_act.gif) no-repeat top left;}

a.charWPic_5{background:			url(../img/char/warrior/small/w5.gif) no-repeat top left;}
a.charWPic_5:hover{background:		url(../img/char/warrior/small/w5_act.gif) no-repeat top left;}
a.choosenW5{background:				url(../img/char/warrior/small/w5_act.gif) no-repeat top left;}

a.charWPic_6{background:			url(../img/char/warrior/small/w6.gif) no-repeat top left;}
a.charWPic_6:hover{background:		url(../img/char/warrior/small/w6_act.gif) no-repeat top left;}
a.choosenW6{background:				url(../img/char/warrior/small/w6_act.gif) no-repeat top left;}

a.charWPic_7{background:			url(../img/char/warrior/small/w7.gif) no-repeat top left;}
a.charWPic_7:hover{background:		url(../img/char/warrior/small/w7_act.gif) no-repeat top left;}
a.choosenW7{background:				url(../img/char/warrior/small/w7_act.gif) no-repeat top left;}

a.charWPic_8{background:			url(../img/char/warrior/small/w8.gif) no-repeat top left;}
a.charWPic_8:hover{background:		url(../img/char/warrior/small/w8_act.gif) no-repeat top left;}
a.choosenW8{background:				url(../img/char/warrior/small/w8_act.gif) no-repeat top left;}

a.charWPic_9{background:			url(../img/char/warrior/small/w9.gif) no-repeat top left;}
a.charWPic_9:hover{background:		url(../img/char/warrior/small/w9_act.gif) no-repeat top left;}
a.choosenW9{background:				url(../img/char/warrior/small/w9_act.gif) no-repeat top left;}



a.charMPic_1{background:			url(../img/char/mage/small/m1.gif) no-repeat top left;}
a.charMPic_1:hover{background:		url(../img/char/mage/small/m1_act.gif) no-repeat top left;}
a.choosenM1{background:				url(../img/char/mage/small/m1_act.gif) no-repeat top left;}

a.charMPic_2{background:			url(../img/char/mage/small/m2.gif) no-repeat top left;}
a.charMPic_2:hover{background:		url(../img/char/mage/small/m2_act.gif) no-repeat top left;}
a.choosenM2{background:				url(../img/char/mage/small/m2_act.gif) no-repeat top left;}

a.charMPic_3{background:			url(../img/char/mage/small/m3.gif) no-repeat top left;}
a.charMPic_3:hover{background:		url(../img/char/mage/small/m3_act.gif) no-repeat top left;}
a.choosenM3{background:				url(../img/char/mage/small/m3_act.gif) no-repeat top left;}

a.charMPic_4{background:			url(../img/char/mage/small/m4.gif) no-repeat top left;}
a.charMPic_4:hover{background:		url(../img/char/mage/small/m4_act.gif) no-repeat top left;}
a.choosenM4{background:				url(../img/char/mage/small/m4_act.gif) no-repeat top left;}

a.charMPic_5{background:			url(../img/char/mage/small/m5.gif) no-repeat top left;}
a.charMPic_5:hover{background:		url(../img/char/mage/small/m5_act.gif) no-repeat top left;}
a.choosenM5{background:				url(../img/char/mage/small/m5_act.gif) no-repeat top left;}

a.charMPic_6{background:			url(../img/char/mage/small/m6.gif) no-repeat top left;}
a.charMPic_6:hover{background:		url(../img/char/mage/small/m6_act.gif) no-repeat top left;}
a.choosenM6{background:				url(../img/char/mage/small/m6_act.gif) no-repeat top left;}

a.charMPic_7{background:			url(../img/char/mage/small/m7.gif) no-repeat top left;}
a.charMPic_7:hover{background:		url(../img/char/mage/small/m7_act.gif) no-repeat top left;}
a.choosenM7{background:				url(../img/char/mage/small/m7_act.gif) no-repeat top left;}

a.charMPic_8{background:			url(../img/char/mage/small/m8.gif) no-repeat top left;}
a.charMPic_8:hover{background:		url(../img/char/mage/small/m8_act.gif) no-repeat top left;}
a.choosenM8{background:				url(../img/char/mage/small/m8_act.gif) no-repeat top left;}

a.charMPic_9{background:			url(../img/char/mage/small/m9.gif) no-repeat top left;}
a.charMPic_9:hover{background:		url(../img/char/mage/small/m9_act.gif) no-repeat top left;}
a.choosenM9{background:				url(../img/char/mage/small/m9_act.gif) no-repeat top left;}


a.charRPic_1{background:			url(../img/char/rogue/small/r1.gif) no-repeat top left;}
a.charRPic_1:hover{background:		url(../img/char/rogue/small/r1_act.gif) no-repeat top left;}
a.choosenR1{background:				url(../img/char/rogue/small/r1_act.gif) no-repeat top left;}

a.charRPic_2{background:			url(../img/char/rogue/small/r2.gif) no-repeat top left;}
a.charRPic_2:hover{background:		url(../img/char/rogue/small/r2_act.gif) no-repeat top left;}
a.choosenR2{background:				url(../img/char/rogue/small/r2_act.gif) no-repeat top left;}

a.charRPic_3{background:			url(../img/char/rogue/small/r3.gif) no-repeat top left;}
a.charRPic_3:hover{background:		url(../img/char/rogue/small/r3_act.gif) no-repeat top left;}
a.choosenR3{background:				url(../img/char/rogue/small/r3_act.gif) no-repeat top left;}

a.charRPic_4{background:			url(../img/char/rogue/small/r4.gif) no-repeat top left;}
a.charRPic_4:hover{background:		url(../img/char/rogue/small/r4_act.gif) no-repeat top left;}
a.choosenR4{background:				url(../img/char/rogue/small/r4_act.gif) no-repeat top left;}

a.charRPic_5{background:			url(../img/char/rogue/small/r5.gif) no-repeat top left;}
a.charRPic_5:hover{background:		url(../img/char/rogue/small/r5_act.gif) no-repeat top left;}
a.choosenR5{background:				url(../img/char/rogue/small/r5_act.gif) no-repeat top left;}

a.charRPic_6{background:			url(../img/char/rogue/small/r6.gif) no-repeat top left;}
a.charRPic_6:hover{background:		url(../img/char/rogue/small/r6_act.gif) no-repeat top left;}
a.choosenR6{background:				url(../img/char/rogue/small/r6_act.gif) no-repeat top left;}

a.charRPic_7{background:			url(../img/char/rogue/small/r7.gif) no-repeat top left;}
a.charRPic_7:hover{background:		url(../img/char/rogue/small/r7_act.gif) no-repeat top left;}
a.choosenR7{background:				url(../img/char/rogue/small/r7_act.gif) no-repeat top left;}

a.charRPic_8{background:			url(../img/char/rogue/small/r8.gif) no-repeat top left;}
a.charRPic_8:hover{background:		url(../img/char/rogue/small/r8_act.gif) no-repeat top left;}
a.choosenR8{background:				url(../img/char/rogue/small/r8_act.gif) no-repeat top left;}

a.charRPic_9{background:			url(../img/char/rogue/small/r9.gif) no-repeat top left;}
a.charRPic_9:hover{background:		url(../img/char/rogue/small/r9_act.gif) no-repeat top left;}
a.choosenR9{background:				url(../img/char/rogue/small/r9_act.gif) no-repeat top left;}

.magePics, .warriorPics, .roguePics {
	width: 575px;
	margin: 0 auto;
	height: 230px;
}
.charPicContainer2{margin-left: 55px;}

.chooseWarrior{
	cursor: pointer;
}
.chooseMage{
	cursor: pointer;
}
.chooseRogue{
	cursor: pointer;
}
.btn_char{
	cursor:pointer;
}
a.btn_back{
	display: block;
	text-align: center;
	background: url(../img/btn_back.jpg) no-repeat;
	width:25px;
	height:25px;
	float: left; 
	bottom: 5px;
	left: 15px;
	cursor: pointer;
	position: absolute;
}
#pagefooterButtons{
	background-image:url(../img/startpage/startpage_add_button_bg.gif);
	height:61px;
	left:210px;
	position:absolute;
	top:500px;
	width:611px;
}

#pagefooterButtons a {
	color:#EDCCB3;
	display:inline-block;
	height:31px;
	line-height:31px;
	margin-left:8px;
	margin-right:9px;
	margin-top:22px;
	text-decoration:none;
	width:173px;
}

#pagefooterButtons a:hover {
	background-image:url(../img/startpage/link_background_active.gif);
	background-position:1px 2px;
	background-repeat:no-repeat;
	color:#423429 !important;
}


.charDescTT_regV2{
	font-weight: 100;
	font-size: 11px;
	line-height: 13px;
	border: 1px solid #C7AB82;
	padding: 5px 5px 10px 5px;
	position: absolute;
	bottom: -30px;
	left: 0px;
	width: 180px;
	background-color: #000;
}

.chooseCharClass {
	width: 620px; margin: 0 auto;
	height: 240px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}