/*** START:CLASSES *******************************/
div#classes_overview { width:277px; height:198px; padding:125px 390px 0 40px; background:url('/media/classes/overview_topbg.jpg') left top no-repeat; font-size:12px; }
ul#list_overview { margin:0; padding:0; width:707px; list-style:none; }
ul#list_overview li.box { position:relative; float:left; display:block; margin:0; padding:4px; width:345px; height:184px; background:url('/media/classes/overview_box.jpg') left bottom no-repeat; }
li.box img.overviewname { position:absolute; top:45px; left:11px; }
div.overviewname h1{ position:absolute; margin-top:40px; left:31px; color:#fff;font:italic bold 18pt arial}
li.box img.overviewemblem { position:absolute; top:4px; left:225px; width:107px; height:107px; }
li.box h1.headline { position:absolute; left:20px; top:90px; margin:0; padding:0; color:#6c342e; font-family:Georgia, "Times New Roman", serif; font-weight:bold; font-size:12px; }
li.box p.shorttext { position:absolute; left:16px; top:113px; width:315px; height:76px; font-size:11px; }
li.unavailable { background:url('/media/classes/unavailable.jpg') left bottom no-repeat; margin:0; padding:4px; float:left; display:block; width:345px; height:106px; }
li.unavailable h1.unavailable { visibility:hidden; margin:0; padding:0; font-size:0px; }
/*** START:CONTENT (CLASSES-DETAIL) ******************/
div.class_detailview { width:707px; padding:285px 0 0 0; }
div.class_detailview2 { width:707px; padding:320px 0 0 0; }
div.class_detailkrieger { background:url('/media/classes/detailbg_krieger.jpg') left top no-repeat; }
div.class_detailkundschafter { background:url('/media/classes/detailbg_kundschafter.jpg') left top no-repeat; }
div.class_detailschurke { background:url('/media/classes/detailbg_schurke.jpg') left top no-repeat; }
div.class_detailmagier { background:url('/media/classes/detailbg_magier.jpg') left top no-repeat; }
div.class_detailkleriker { background:url('/media/classes/detailbg_kleriker.jpg') left top no-repeat;}
div.class_detailritter { background:url('/media/classes/detailbg_ritter.jpg') left top no-repeat; }

div.class_detailwarden { background:url('/media/classes/detailbg_warden.jpg') left top no-repeat; }
div.class_detaildruid { background:url('/media/classes/detailbg_druid.jpg') left top no-repeat; }

div.class_classcombination { background:url('/media/classes/detailbg_classcombination.jpg') left top no-repeat; }
div.class_detailview2  ul.left, div.class_detailview ul.left { float:left; display:block; width:492px; margin:0; padding:0; list-style:none; }
ul.left li.listleft { margin:0; padding:0 0 10px 0; }
li.listleft div.boxtop_left { position:relative; width:491px; height:36px; background:url('/media/classes/boxtop_left.gif') left top no-repeat; }
li.listleft div.boxtop_left img { position:absolute; left:0; top:0; }
li.listleft div.boxtop_left h1 { position:absolute; left:60px; top:15px; margin:0; padding:0; font-family:Georgia, "Times New Roman", serif; font-style:italic; font-size:16px; color:black; display:inline; }
li.listleft div.boxbg_left { width:491px; background:url('/media/classes/boxbg_left.gif') repeat-y; }
* div li.listleft div.boxbg_left { width:491px; background:url('/media/classes/boxbg_left.gif') repeat-y; margin:-3px 0 0 0; }
div.boxbg_left div.boxbottom_left { width:461px; background:url('/media/classes/boxbottom_left.gif') left bottom no-repeat; padding:10px 15px 15px 15px; }
div.boxbg_left div.boxbottom_left h2 { width:447px; height:21px; margin:0; padding:1px 7px 0 7px; font-size:16px; font-weight:bold; color:black; font-family:Georgia, "Times New Roman", serif;
font-style:italic; background:url('/media/classes/headline2.gif') left top no-repeat; }
li.listleft div.infobox_left { position:relative; width:492px; height:62px; background:url('/media/classes/infobox_left.gif') left top no-repeat; }
div.infobox_left h1 { position:absolute; left:45px; top:5px; margin:0; padding:0; font-size:18px; font-weight:normal; color:white; font-family:Georgia, "Times New Roman", serif; font-style:italic; }
div.infobox_left ul.infobox { position:absolute; left:0; top:37px; width:492px; margin:0; padding:0; list-style:none; text-align:center; }
div.infobox_left ul.infobox li { margin:auto; padding:0 5px; display:inline; color:white; font-size:12px; }
div.class_detailview2 ul.right, div.class_detailview ul.right { float:left; display:block; width:214px; padding:55px 0 0 0; margin:0; list-style:none; }
ul.right li.listright { margin:0; padding:0 0 7px 1px; width:197px; text-align:center; }
li.listright img.classcombination { margin:auto; padding:0; width:193px; height:54px; }
li.listright div.thumbbg { margin:auto; width:192px; height:141px; text-align:center; vertical-align:middle; padding:14px 0 0 1px; background:url('/media/classes/detail_thumbbg.gif') left top no-repeat; }
li.listright div.thumbbg img { margin:auto; text-align:center; vertical-align:middle; }
li.listright div#equipment { margin:auto; position:relative; width:207px; height:248px; background:url('/media/classes/quipment.jpg') left top no-repeat; }
li.listright div#equipment h1.headline { margin:auto; position:absolute; left:55px; top:16px; padding:0; font-size:14px; font-weight:bold; color:white; font-family:Georgia, "Times New Roman", serif; font-style:italic; z-index:1001; }
li.listright div#equipment h1.hlshaddow { margin:auto; position:absolute; left:57px; top:18px; padding:0; font-size:14px; font-weight:bold; color:black; font-family:Georgia, "Times New Roman", serif;        font-style:italic; z-index:1000; }
div#equipment ul.arms { position:absolute; left:25px; top:50px; list-style:none; margin:0; padding:0; }
div#equipment ul.equipment { position:absolute; left:120px; top:50px; list-style:none; margin:0; padding:0; text-align:left; }
div#equipment ul.equipment li, div#equipment ul.arms li { margin:0; padding:0; font-size:10px; color:white; text-align:left; line-height:13px; }
div#equipment ul.equipment li.headline, div#equipment ul.arms li.headline { margin:0; padding:0 0 3px 0; font-size:11px; font-weight:bold; color:#e3834d; }
div#equipment ul.equipment li.inactive, div#equipment ul.arms li.inactive { margin:0; padding:0; font-size:10px; color:#9f9f9f; }
div.class_detailview div.wide { float:left; display:block; width:707px; }
div.wide div.boxtop_wide { position:relative; width:707px; height:38px; background:url('/media/boxtop_wide.gif') left top no-repeat; }
div.wide div.boxtop_wide img { position:absolute; left:0; top:0; }
div.wide div.boxbg_wide { width:707px; background:url('/media/boxbg_wide.gif') repeat-y; }
div.boxbg_wide div.wide_decoration { width:707px; background:url('/media/wide_decoration.gif') left center no-repeat; padding:10px 0; text-align:center; }
div.boxbg_wide div.wide_decoration h1 { margin:auto; margin-top:0; margin-bottom:0; padding:0 0 8px 0; font-family:Georgia, "Times New Roman", serif; font-size:16px; color:black;text-align:center; width:200px;}
div.boxbg_wide div.wide_decoration h2 { margin:auto; margin-top:0; margin-bottom:0; padding:0; font-family:Georgia, "Times New Roman", serif; font-size:14px; color:white;background:url('/media/skills/data_border.gif') top center no-repeat; width:117px; height:19px; text-align:center; }
div.boxbg_wide div.boxbottom_wide { width:707px; background:url('/media/boxbottom_wide.gif') left bottom no-repeat; padding:10px 0; }
div.boxbottom_wide ul#skilllist { width:687px; margin:0; padding:5px 0 5px 20px; list-style:none; }
ul#skilllist li.box { position:relative; padding:10px 5px; width:329px; height:99px; float:left; display:block; background:url('/media/skills/skillbox.gif') left top no-repeat; }
ul#skilllist li.box h1 { position:absolute; left:75px; top:4px; margin:0; padding:0; font-size:13px; }
ul#skilllist li.box img.legendicon { position:absolute; right:16px; top:4px; }
ul#skilllist li.box img.skillicon { position:absolute; left:10px; top:10px; width:50px; height:50px; background:transparent; }
ul#skilllist li.box p { position:absolute; left:70px; top:26px; width:265px; font-size:10px; }
ul#skilllist li.box strong { font-size:10px; color:#99339d; font-weight:bold; border-bottom:dotted 1px #99339d; cursor:help; }
ul#skilllist li.box span { position:absolute; left:5px; top:68px; width:60px; font-size:10px; color:white; text-align:center; }
li.box ul.stats { position:absolute; left:0; top:83px; width:329px; text-align:center; margin:0; padding:0; list-style:none; }
ul.stats li { padding:0 10px 0 10px; margin:auto; font-size:10px; display:inline; }
div.boxbg_wide span.legend { padding:0 0 0 10px; }
div.boxbg_wide span.legend strong { color:#99339d; font-weight:bold; border-bottom:dotted 1px #99339d; }
/*** START:FEATURES *****************************/
div#features {width:689px;background:url('/media/features/background.jpg') top left no-repeat;padding:100px 0px 0px 18px;}
div#features div.boxbg {width:436px;background:url('/media/features/boxbg.gif') left repeat-y;}
div.boxbg div.boxtop {background:url('/media/features/boxtop.gif') top left no-repeat;}
div.boxtop div.boxbottom {position:relative;background:url('/media/features/boxbottom.gif') bottom left no-repeat;padding:10px;}
div.boxbottom ol#features {list-style:none;vertical-align:top;font-size:11px;padding:15px 10px;margin:0px;}
div.boxbottom ol#features li {background:url('/media/features/dot.gif') top left no-repeat;padding:0px 15px 10px 25px;vertical-align:baseline;}
div.boxbottom img#figure {position:absolute;bottom:0px;right:-200px;width:271px;height:435px;}