/* COPYRIGHT COMPUTEC MEDIA AG 2008
 * Author: Benjamin Hirsch
 *******************************************************/

*			{ font-size: 100.1%; margin:0; padding:0; }

body		{ font-size:0.8em; color:#ffffff; font-family:arial, tahoma, verdana, helvetica; font-weight:normal; background:#222222 url(../img/style/body-background.gif) repeat-y; background-position:center; }

div			{ margin:0; padding:0; }
span		{ margin:0; padding:0; }
p			{ margin:0; padding:0; }
form		{ margin:0; padding:0; }

/* UEBERSCHRIFTEN */

h1			{ font-size:1.25em; font-weight:bold; }
h1.right	{ font-size:1.25em; font-weight:normal; }
h2			{ font-size:1.1em; font-weight:bold; }
h3			{ font-size:1em; font-weight:bold; }


b strong	{ font-weight:bold; }
.table-small{ font-size:0.85em; }

/* LINKS */

a 			{ color:#fac31d; text-decoration:none; }

a:link 		{ }								/* noch nicht besuchte Ziele */
a:visited	{ }								/* besuchte Ziele */
a:hover		{ text-decoration:underline; }		/* Verweise bei "MouseOver" */
a:active	{ }								/* Angeklickte Verweise */
a:focus		{ }								/* Verweise, die Fokus erhalten */


/* Bilder */

a img				{ border:none }

/* FARBEN */
.headline1		{ color:#fac31d; }
.headline2		{ color:#ffffff; }
.headline3		{ color:#1a2052; }

/* QUALITY COLORS */

.q			{ color:#FFD100; font-family: verdana, sans-serif; }
.q0 		{ color:#9D9D9D; font-family: verdana, sans-serif; }
.q0 a 		{ color:#9D9D9D; }
.q0 a:hover { color:#9D9D9D; text-decoration:underline; }

.q1 		{ color:#ffffff; font-family: verdana, sans-serif; }
.q1 a 		{ color:#ffffff; }
.q1 a:hover { color:#ffffff; text-decoration:underline; }

.q2 		{ color:#00ff00; font-family: verdana, sans-serif; }
.q2 a 		{ color:#00ff00; }
.q2 a:hover { color:#00ff00; text-decoration:underline; }

.q3 		{ color:#0070DD; font-family: verdana, sans-serif; }
.q3 a 		{ color:#0070DD; }
.q3 a:hover { color:#0070DD; text-decoration:underline; }

.q4 		{ color:#9F3FFF; font-family: verdana, sans-serif; }
.q4 a 		{ color:#9F3FFF; }
.q4 a:hover { color:#9F3FFF; text-decoration:underline; }

.q5 		{ color:#FF8400; font-family: verdana, sans-serif; }
.q5 a 		{ color:#FF8400; }
.q5 a:hover { color:#FF8400; text-decoration:underline; }

.q6 		{ color:#E5CC80; font-family: verdana, sans-serif; }
.q6 a 		{ color:#E5CC80; }
.q6 a:hover { color:#E5CC80; text-decoration:underline; }

.q7 		{ color:#E5CC80; font-family: verdana, sans-serif; }
.q7 a 		{ color:#E5CC80; }
.q7 a:hover { color:#E5CC80; text-decoration:underline; }

.q8 		{ color:#71D5FF; font-family: verdana, sans-serif; }
.q8 a 		{ color:#71D5FF; }
.q8 a:hover { color:#71D5FF; text-decoration:underline; }

.q9 		{ color:#FFFF9A; font-family: verdana, sans-serif; }
.q9 a 		{ color:#FFFF9A; }
.q9 a:hover { color:#FFFF9A; text-decoration:underline; }

small	{ font-size:85% }
.origname {font-size:smaller;color:#777777}



/* SONSTIGES */
.indent	{ padding-left:10px; }
.higher	{ padding-bottom:5px; }
.bfd-login	{ background:url(../img/style/login-box-input-background.gif) left top no-repeat; width:100%; border:0; width:108px; height:25px; padding-left:5px; padding-top:5px; font-size:0.75em; font-weight:bold; }
.input-text { border:1px solid #353535; background:#000000; color:#ffffff; padding:2px; font-size:0.85em;}


/* KONTAINER */

#bfd-mainframe		{ width:946px; margin-left:auto; margin-right:auto; }
#bfd-top-frame		{ background:#757575; }
#bfd-head			{ height:180px; background:url(../img/style/head-background.jpg); }
#bfd-main-nav		{ padding-top:6px; padding-left:5px; }
#bfd-login-box		{ background:url(../img/style/background-login-box.gif) no-repeat;width:296px;height:108px; float:left; }
#bfd-search-table	{ padding-top:40px;padding-left:18px; }
#bfd-navline		{ background:url(../img/style/background-navline.gif) no-repeat; float:left; width:946px; height:78px; margin-top:0px; }
#bfd-navline-text	{ padding-top:43px; padding-left:15px; font-weight:bold;  font-size:1.15em; }
.navarrow			{ background:url(../img/style/navline-arrow.gif) right no-repeat; padding-right:10px;}
.bicon				{ background:url(http://www.buffed.de/images/buffed-icon-small.gif) left bottom no-repeat; width:16px; height:16px; padding-left:5px; }
#buffed-db-logo		{ background:url(../img/style/buffed-db-logo.jpg?v=1) left no-repeat; height:143px; }
#buffed-db-logo-ru	{ background:url(../img/style/ru/buffed-db-logo.jpg) left no-repeat; height:143px; }
#bfd-leaderboard	{ text-align:right; padding-top:14px; padding-right:8px; }
#bfd-head-time		{ background:url(../img/style/head-time-background.gif) bottom right no-repeat; width:197px; height:25px; margin-right:8px; padding-top:8px; float:right; line-height:23px; font-size:0.75em; font-weight:bold; }

/* BOX SIZES */
.small				{ width:306px; }
.medium				{ width:625px; padding-right:3px;}
.large				{ width:934px; }

/* CONTENT BOX
.content-box		{ padding-bottom:4px; }
.content-box-ro 	{ background:url(../img/style/content-box-ro.gif) top right no-repeat; }
.content-box-lo 	{ background:url(../img/style/content-box-lo.gif) top left no-repeat; }
.content-box-ru 	{ background:url(../img/style/content-box-ru.gif) bottom right no-repeat; }
.content-box-lu 	{ background:url(../img/style/content-box-lu.gif) bottom left no-repeat;  }
.content-box-wraper { padding: 6px 0px 6px 6px; margin-right:6px; }*/

.content-box				{ padding-bottom:4px;  }
.content-box-ro 			{ background:url(../img/style/content-box-ro.gif) top right no-repeat; }
.content-box-lo 			{ background:url(../img/style/content-box-lo.gif) top left no-repeat; }
.content-box-headline		{ margin-left:6px; margin-right:8px; background:#1a2052; }
.content-box-headline-wrapper { padding: 9px 1px 5px 3px; }
.content-box-ru 			{ background:url(../img/style/content-box-ru.gif) top right no-repeat; height:7px; overflow:hidden; }
.content-box-lu 			{ background:url(../img/style/content-box-lu.gif) top left no-repeat; height:7px; overflow:hidden; }
.content-box-content		{ background:#757575 url(../img/style/content-box-line.gif) right repeat-y; }
.content-box-bottom			{ background:url(../img/style/content-box-bottom.gif) repeat-x;}
.content-box-content-wrapper { padding-left:5px; padding-right:5px; }


/* DATABASE BOX */
.db-box				{ padding-bottom:4px;  }
.db-box-ro 			{ background:url(../img/style/db-box-ro.gif) top right no-repeat; }
.db-box-lo 			{ background:url(../img/style/db-box-lo.gif) top left no-repeat; }
.db-box-headline	{ margin-left:6px; margin-right:8px; background:#1a2052; }
.db-box-headline-wrapper { padding: 9px 1px 5px 3px; }
.db-box-line		{ background:#353535 url(../img/style/db-box-line.gif) top right no-repeat; height:1px; overflow:hidden; }
.db-box-ru 			{ background:url(../img/style/db-box-ru.gif) top right no-repeat; height:7px; overflow:hidden; }
.db-box-lu 			{ background:url(../img/style/db-box-lu.gif) top left no-repeat; height:7px; overflow:hidden; }
.db-box-content		{ background:#222222 url(../img/style/db-box-line.gif) right repeat-y; }
.db-box-bottom		{ background:url(../img/style/db-box-bottom.gif) repeat-x;}
.db-box-content-wrapper { padding:7px 9px 7px 9px; }
.db-box-table-wrapper { padding:7px 9px 7px 9px; }

/* DATABASE TABLE-BOX */
.db-table-box				{ padding-bottom:4px;  }
.db-table-box-ro 			{ background:url(../img/style/db-box-ro.gif) top right no-repeat; }
.db-table-box-lo 			{ background:url(../img/style/db-box-lo.gif) top left no-repeat; }
.db-table-box-headline		{ margin-left:6px; margin-right:8px; background:#1a2052; }
.db-table-box-headline-wrapper { padding: 9px 1px 5px 3px; }
.db-table-box-ru 			{ background:url(../img/style/db-table-box-ru.gif) top right no-repeat; height:7px; overflow:hidden; }
.db-table-box-lu 			{ background:url(../img/style/db-table-box-lu.gif) top left no-repeat; height:7px; overflow:hidden; }
.db-table-box-content		{ background:#1a2052 url(../img/style/db-box-line.gif) right repeat-y; }
.db-table-box-bottom		{ background:url(../img/style/db-table-box-bottom.gif) repeat-x;}
.db-table-box-content-wrapper { padding:7px 9px 7px 9px; }
.db-table-box-table-wrapper { padding:7px 9px 7px 9px; }

/* ITEM TABLE */
.db-item-table				{ width:100%; border-left:1px solid #757575; border-right:1px solid #757575; border-bottom:1px solid #757575;  text-align:center; }
.db-item-table tr 			{ background:#353535; height: 25px; }
.db-item-table tbody tr:hover 	{ background:#222222; }
.db-item-table tr.selected	{ background:#222222; height: 25px; font-weight:bold}

.db-item-table td		{ border-bottom:1px solid #222222; border-top:1px solid #757575; }
.db-item-table td:hover	{ border-bottom:1px solid #000000; border-top:1px solid #757575; } /* IM IE7 kein Border austauschen, extra CSS-Definition noch machen */
.db-item-table td img	{ margin: 2px 3px 2px 0px; border:0px solid #020202; }
.db-item-table td a		{ line-height:20px }

.db-item-table thead tr			{ background:#ffffff; }
.db-item-table thead th		{ padding:5px 2px;  border-bottom:1px solid #dfdfdf; border-right:1px solid #757575; }
.db-item-table thead th:last-child { border-right:0; }
.db-item-table thead th:hover{ border-bottom:1px solid #dfdfdf; }

.db-item-table tbody tr td 			{ border-right:1px solid #757575; }

/* INFO-TABLE  */
.db-info-table 		{ border-collapse:collapse;  width:100%; }
.db-info-table td 	{ border:0px solid #757575; line-height:20px; padding-right:5px; }
.db-info-table th	{ background:#000000; }

/*.db-item-table tbody tr td:first-child { border-right:0px; border-left:1px solid #222222; } */
.db-item-table tbody tr td:last-child  { border-right:0px;  }
div.db-icon-div-16 {float:left; position: relative;margin:2px;height:16px;width:16px}
div.db-icon-div-24 {float:left; position: relative;margin:2px;height:24px;width:24px}
div.db-icon-div-32 {float:left; position: relative;margin:2px;height:32px;width:32px}
div.db-icon-div-40 {float:left; position: relative;margin:2px;height:40px;width:40px}
div.db-icon-div-48 {float:left; position: relative;margin:2px;height:48px;width:48px}
div.db-icon-div-16 a {border:0pt none;display:block;height:16px;position:absolute;width:16px;z-index:50}
div.db-icon-div-24 a {border:0pt none;display:block;height:24px;position:absolute;width:24px;z-index:50}
div.db-icon-div-32 a {border:0pt none;display:block;height:32px;position:absolute;width:32px;z-index:50}
div.db-icon-div-40 a {border:0pt none;display:block;height:40px;position:absolute;width:40px;z-index:50}
div.db-icon-div-48 a {border:0pt none;display:block;height:48px;position:absolute;width:48px;z-index:50}
div.db-icon-fl {float:left}
/*.db-item-table th					{ background:#2e3d7f; border-top:1px solid #757575; padding:5px; text-align:left; }*/

/* REITER  */
.db-tabs 	{ float:left; width:100%; line-height:normal; margin:0; padding:0; }
.db-tabs ul { margin:0; padding:10px 10px 0; list-style:none; }
.db-tabs li { float:left; background:url("../img/style/db-tab-left-off.gif") no-repeat left top; margin:0; padding:0 0 0 3px; }
.db-tabs a 	{ float:left; display:block; background:url("../img/style/db-tab-right-off.gif") no-repeat right top; padding:3px 15px 2px 5px; text-decoration:none; font-weight:bold; font-size:0.85em; color:#1a2052; }
.db-tabs .current 	{ background:url("../img/style/db-tab-left-on.gif") no-repeat left top;  }
.db-tabs .current a	{ background:url("../img/style/db-tab-right-on.gif") no-repeat right top; color:#fac31d; }
.db-tabs li:hover { background:url("../img/style/db-tab-left-on.gif") no-repeat left top; }
.db-tabs li:hover a { background:url("../img/style/db-tab-right-on.gif") no-repeat right top; color:#fac31d;  }

/* SEITEN DARSTELLUN ITEM ETC. */
.db-itemdetail-table { width:100%; }
.db-itemdetail-table td:first-child 	{ padding-right:10px; width:1%; }

/* TOOLTIP */
.static-tooltip			{ padding-left: 1px; padding-top:4px; }

/* DROPDOWN-MENU */
.dropdown-off 		{ padding:2px; padding-left:20px; background:#222222 url(../img/style/dropdown-sub-background-off.gif) bottom; }
.dropdown-on 		{ padding:2px; padding-left:20px; background:url(../img/style/dropdown-sub-background-on.gif) bottom; }
.dropdown-sub-off 	{ padding:2px; padding-left:20px; background:#222222 url(../img/style/dropdown-subparent-background-off.gif) bottom right; }
.dropdown-sub-on 	{ padding:2px; padding-left:20px; background:url(../img/style/dropdown-subparent-background-on.gif)  bottom right; }
.dropdown-top-off 	{ font-weight:bold; padding:2px; padding-left:10px; background:url(../img/style/dropdown-head-background.gif) top right no-repeat; }
.dropdown-top-on 	{ font-weight:bold; padding:2px; padding-left:10px; background:url(../img/style/dropdown-head-background.gif) top right no-repeat; }
.dropdown-checked 	{ background:url(../img/style/dropdown-check.gif) left no-repeat; margin-left:-15px; padding-left:15px; }
.dropdown-category	{ background:url(../img/style/dropdown-category.gif) bottom; font-weight:bold; padding:2px; padding-left:10px; cursor:default;}
.dropdown-hl		{ font-weight: bold; color: #fac31d}

ul.quest {
	margin:10px;
}

ul.quest li {
	margin:5px;
	margin-left: 20px;
}

ul.quest li.with-icon {
	margin-left: 0px;
}

h1.quest {
	margin: 15px 0px 5px 0px;
}

li.with-icon {
	list-style-type:none;margin-left:0px;
}

/* INPUT */
 
.db-input-text 			{ color:#ffffff; background:#222222; border-color:#ffffff; }
.db-input-button  		{ border-color:#ffffff; }
.db-input-select		{ color:#ffffff; background-color:#222222; border-color:#ffffff; }
.db-input-submit 		{ color:#ffffff; background-color:#222222; border-color:#ffffff; }
.db-textarea			{ border-color:#ffffff; }