#container{
width:800px;
margin:0 auto;
text-align:left;
}
#middle{
top: 0px;
width:800px;
float:left;
text-align:left;
background-image:url(/image/interface/standard/inline.jpg);
background-repeat:repeat-y;
}
#header{
top: 0px;
width: 800px;
height: 250px;
background-image:url(/image/interface/standard/header.jpg);
background-repeat:no-repeat;
}
#login {
position: relative;
top: 112px;
left: 220px;
width: 174px;
height: 66px;
float:left;
z-index: 2;
}
#logout_button {
position: absolute;
top: 50px;
left: 125px;
width: 40px;
height: 20px;
float:right;
z-index: 2;
}
#mail_status {
position: absolute;
top: 40px;
left: 35px;
width: 100px;
height: 20px;
float:left;
z-index: 2;
}
#forum{
position: relative;
left: 24px;
width: 760px;
height: 20px;
float:left;
z-index: 2;
}
.jellopy {
position: relative;
width:80px;
height: 20px;
margin-right: 16px;
float:left;
}
#content{
width:600px;
min-height:525px;
height:auto;
float:left;
background-image:url(/image/interface/standard/content_line.jpg);
background-repeat:repeat-y;
}
#article_header{
position: relative;
top: 0px;
left: 20px;
width: 580px;
height: 36px;
float:left;
}

#cardevent{
position: relative;
float:left;
top: 10px;
left: 25px;
width:560px;
height:135px;
text-align:center;
}

#article{
position: relative;
top: 0px;
left: 25px;
width:560px;
float:left;
min-height:489px;
height:auto;
}

* html #article { height:489px; } /* nur für IE 5.5 - 6.x */
html + body #article { height:489px; } /* nur vom IE 5.0 */

.article_center {
text-align: center;
}

#navigation{
width:200px;
float:left;
background-image:url(/image/interface/standard/navigation_line.jpg);
background-repeat:repeat-y;
}
#navigation_main{
position: relative;
top: 0px;
height: 36px;
left: 15px;
width:121px;
background-image:url(/image/interface/standard/navi_main.jpg);
float:left;
}
#navigation_content_main{
position: relative;
top: -5px;
left: 25px;
width:150px;
float:left;
}
#navigation_school{
position: relative;
top: 0px;
height: 36px;
left: 15px;
width:121px;
background-image:url(/image/interface/standard/navi_school.jpg);
float:left;
}
#navigation_content_school{
position: relative;
top: -5px;
left: 25px;
width:150px;
float:left;
}
#navigation_cardgame{
position: relative;
top: 0px;
height: 36px;
left: 15px;
width:121px;
background-image:url(/image/interface/standard/navi_cardgame.jpg);
float:left;
}
#navigation_content_cardgame{
position: relative;
top: -5px;
left: 25px;
width:150px;
float:left;
}
#navigation_others{
position: relative;
top: 0px;
height: 36px;
left: 15px;
width:121px;
background-image:url(/image/interface/standard/navi_others.jpg);
float:left;
}
#navigation_content_others{
position: relative;
top: -5px;
left: 25px;
width:150px;
float:left;
}
#navigation_footer{
width:200px;
height: 40px;
float:left;
background-image:url(/image/interface/standard/footer_navigation.jpg);
background-repeat:no-repeat;
}
#google_ads_header{
width:200px;
height: 25px;
float:right;
background-image:url(/image/interface/standard/header_navigation.jpg);
background-repeat:no-repeat;
}
#google_ads_image{
position: relative;
top: 0px;
height: 36px;
left: 15px;
width:121px;
background-image:url(/image/interface/standard/navi_useronline.jpg);
float:left;
}
#google_ads{
width:175px;
padding-left:25px;
float:left;
min-height: 100%;
background-image:url(/image/interface/standard/navigation_line.jpg);
background-repeat:repeat-y;
}
#google_ads_footer{
width:200px;
height: 20px;
float:right;
background-image:url(/image/interface/standard/footer_navigation.jpg);
background-repeat:no-repeat;
}
#error{
position: relative;
float: left;
width:542px;
border-width:2px;
border-style:dotted;
border-color:#ff0000;
background-color:#efefef;
padding:7px;
margin-top:15px;
margin-bottom:15px;
z-index:0;
}

* html #error { z-index:-1; } /* nur für IE 5.5 - 6.x */
html + body #error { z-index:-1; } /* nur vom IE 5.0 */

#error_pic{
height: 32px;
background-image:url(/image/interface/standard/error.jpg);
background-repeat:no-repeat;
margin-bottom:5px;
}
#done{
position: relative;
float: left;
width:542px;
border-width:2px;
border-style:dotted;
border-color:#7a7a7a;
background-color:#efefef;
padding:7px;
margin-top:15px;
margin-bottom:15px;
}
#done_pic{
height: 32px;
background-image:url(/image/interface/standard/changed.jpg);
background-repeat:no-repeat;
margin-bottom:5px;
}
#info{
position:relative; 
float:left;
width:547px;
border-width:2px;
border-style:dotted;
border-color:#cabfbb;
background-color:#fceeed;
padding:3px 3px 3px 5px;
margin-top:10px;
margin-bottom:15px;
font-size: 11px;
}
#classes{
position:relative;
float:left;
width:75px;
padding-left:3px;
}
#button{
width:560px;
margin-top:15px;
margin-bottom:15px;
text-align:center;
}
#footer{
clear:both;
width: 800px;
height: 77px;
background-image:url(/image/interface/standard/footer.jpg);
background-repeat:no-repeat;
}
#impressum{
position: relative;
top: 20px;
text-align:center;
width: 800px;
height: 18px;
left: -25px;
z-index: 2;
}
#admin{
position: relative;
top: 25px;
text-align:center;
width: 800px;
height: 18px;
left: -25px;
z-index: 2;
}

#news {
position: relative;
left: 10px;
width: 340px;
text-align: justify;
float: left;
}

.newstext {
position:relative;
float:left;
width:335px;
padding-left:4px;
padding-right:4px;
}

#shoutbox {
position: relative;
left: 20px;
width: 200px;
height: 450px;
text-align: justify;
float: left;
}

#character{
font-family: Tahoma;
font-size: 10px; 
color: #867468;
background-color: #7c6453;
width:580px;
height: 390px;
text-align:left;
}

#item_info{
font-family: Tahoma;
font-size: 10px; 
color: #867468;
width:280px;
height: 82px;
text-align:left;
}

#npc_headgear{
position: absolute;
top: 100px;
height: 100px;
left: 15px;
width:148px;
float:left;
}
#headgear_bild {
position: relative;
float: left;
width: 48px;
}
#headgear_text {
position: relative;
float: right;
width: 100px;
left: 5px;
}
#npc_boots{
position: absolute;
top: 220px;
height: 91px;
left: 55px;
width:132px;
float:left;
}
#boots_bild {
position: relative;
float: left;
width: 32px;
}
#boots_text {
position: relative;
float: right;
width: 100px;
left: 5px;
}
#npc_armor{
position: absolute;
top: 340px;
height: 110px;
left: 25px;
width:142px;
float:left;
}
#armor_bild {
position: relative;
float: left;
width: 42px;
}
#armor_text {
position: relative;
float: right;
width: 100px;
left: 5px;
}
#npc_misc{
position: absolute;
top: 75px;
height: 95px;
left: 210px;
width:141px;
float:left;
}
#misc_bild {
position: relative;
float: left;
width: 41px;
}
#misc_text {
position: relative;
float: right;
width: 100px;
left: 5px;
}
#npc_garment{
position: absolute;
top: 100px;
height: 99px;
left: 385px;
width:151px;
float:left;
}
#garment_bild {
position: relative;
float: right;
width: 51px;
}
#garment_text {
position: relative;
float: left;
width: 100px;
left: 5px;
}
#npc_shield{
position: absolute;
top: 365px;
height: 99px;
left: 210px;
width:137px;
float:left;
}
#shield_bild {
position: relative;
float: right;
width: 37px;
}
#shield_text {
position: relative;
float: left;
width: 100px;
left: 5px;
}
#npc_potion{
position: absolute;
top: 340px;
height: 91px;
left: 385px;
width:145px;
float:left;
}
#potion_bild {
position: relative;
float: right;
width: 45px;
}
#potion_text {
position: relative;
float: left;
width: 100px;
left: 5px;
}
#npc_weapon{
position: absolute;
top: 210px;
height: 106px;
left: 375px;
width:140px;
float:left;
}
#weapon_bild {
position: relative;
float: right;
width: 40px;
}
#weapon_text {
position: relative;
float: left;
width: 100px;
left: 5px;
}
#npc_poringcart{
position: absolute;
top: 250px;
height: 48px;
left: 285px;
width:60px;
float:left;
}

#npc_ricecake{
position: absolute;
top: 250px;
height: 48px;
left: 240px;
width:60px;
float:left;
}

#job_novice{
position: absolute;
top: 0px;
height: 100px;
left: 55px;
width:100px;
float:left;
}
#novice_bild {
position: relative;
float: left;
width: 100px;
}
#novice_text {
position: relative;
float: left;
width: 100px;
left: 5px;
}
#job_1class{
position: absolute;
top: 120px;
height: 100px;
left: 140px;
width:150px;
float:left;
}
#1class_bild {
position: relative;
float: left;
width: 100px;
}
#1class_text {
position: relative;
float: left;
left: 5px;
}
#job_2class{
position: absolute;
top: 250px;
height: 100px;
left: 25px;
width:150px;
float:left;
}
#2class_bild {
position: relative;
float: left;
width: 100px;
}
#2class_text {
position: relative;
float: left;
left: 5px;
}
#job_hnovice{
position: absolute;
top: 0px;
height: 100px;
left: 390px;
width:100px;
float:left;
}
#hnovice_bild {
position: relative;
float: left;
width: 100px;
}
#hnovice_text {
position: relative;
float: left;
width: 100px;
left: 5px;
}
#job_1hclass{
position: absolute;
top: 120px;
height: 100px;
left: 280px;
width:150px;
float:left;
}
#1hclass_bild {
position: relative;
float: left;
width: 100px;
}
#1hclass_text {
position: relative;
float: left;
width: 100px;
left: 5px;
}
#job_2hclass{
position: absolute;
top: 250px;
height: 100px;
left: 400px;
width:150px;
float:left;
}
#2hclass_bild {
position: relative;
float: left;
width: 100px;
}
#2hclass_text {
position: relative;
float: left;
left: 5px;
}

#npc_banker{
position: absolute;
top: 60px;
height: 91px;
left: 15px;
width:160px;
float:left;
}
#banker_bild {
position: relative;
float: left;
width: 51px;
}
#banker_text {
position: relative;
float: right;
width: 109px;
left: 5px;
}
#npc_stylist{
position: absolute;
top: 200px;
height: 114px;
left: 45px;
width:160px;
float:left;
}
#stylist_bild {
position: relative;
float: left;
width: 58px;
}
#stylist_text {
position: relative;
float: right;
width: 102px;
left: 5px;
}
#npc_guildsman{
position: absolute;
top: 350px;
height: 99px;
left: 15px;
width:160px;
float:left;
}
#guildsman_bild {
position: relative;
float: left;
width: 51px;
}
#guildsman_text {
position: relative;
float: right;
width: 109px;
left: 5px;
}
#npc_miniboss{
position: absolute;
top: 350px;
height: 100px;
left: 190px;
width:160px;
float:left;
}
#miniboss_text {
position: relative;
float: right;
width: 109px;
left: 5px;
}
#miniboss_bild {
position: relative;
float: left;
width: 51px;
}
#npc_wedding{
position: absolute;
top: 60px;
height: 99px;
left: 190px;
width:180px;
float:left;
}
#wedding_bild {
position: relative;
float: left;
width: 51px;
}
#wedding_text {
position: relative;
float: right;
width: 129px;
left: 5px;
}
#npc_petmerchant{
position: absolute;
top: 60px;
height: 97px;
left: 400px;
width:160px;
float:left;
}
#petmerchant_bild {
position: relative;
float: right;
width: 49px;
}
#petmerchant_text {
position: relative;
float: left;
width: 111px;
left: 5px;
}
#npc_friedhof{
position: absolute;
top: 200px;
height: 92px;
left: 370px;
width:160px;
float:left;
}
#friedhof_bild {
position: relative;
float: right;
width: 62px;
}
#friedhof_text {
position: relative;
float: left;
width: 98px;
left: 5px;
}
#npc_acker{
position: absolute;
top: 350px;
height: 92px;
left: 400px;
width:160px;
float:left;
}
#acker_bild {
position: relative;
float: right;
width: 62px;
}
#acker_text {
position: relative;
float: left;
width: 98px;
left: 5px;
}
#searchresultshadow {
background-color:#FFFFFF;
border:1px solid #999999;
margin-top:2px;
padding:0 8px;
position:absolute;
text-align:left;
width:240px;
z-index: 2;
}
#searchcontrols {
background-color:#FBFBFB;
border-bottom:1px dotted #E3E3E3;
color:#666666;
font-size:9px;
margin:0 -8px;
padding:3px 8px;
z-index: 2;
}