/* SIMPLE */

div.attachment {
	clear:both;
	margin-top:15px;
	margin-right:15px;
	text-align:right;
}



/* 
 SCREENSHOTBOX
*/

div.screenshotbox {
	background-image:url(img/menu/background.png);
	background-repeat:repeat-y;
	margin-right:10px;
}

div.screenshotbox-medium {
	width:320px;
}

div.screenshotbox div,
div.screenshotbox div a, 
div.screenshotbox div img{
	margin:0px;
}

div.screenshotbox-body p {
	text-align:center;
	padding-top:4px;
	/*background-color:#007491;*/
	margin:0px;
	/*border:2px solid #4B6D96;*/
	padding:0px 5px;
	background-color:#e6d6ad;
	width:95%;
	margin:0px auto;
	padding-top:5px;
}
div.screenshotbox div img
{
	margin:0px;
	border:none;
	background-color:transparent;
	border:2px solid #a29269;
	border-color:#a29269 #f9f8df #f9f8df #a29269;
	padding:0px;
}
div.screenshotbox-body {
	background-color:#e6d6ad;
}

div.screenshotbox-small {
	width:190px;
	margin-bottom:10px;
}
div.screenshotbox-small div.screenshotbox-header {
	background-image:url(img/screenshotbox/160_01_oben.png);
	height:15px;
}
div.screenshotbox-small div.screenshotbox-body {
	background-image:url(img/screenshotbox/160_02_rahmen.png);
}
div.screenshotbox-small div.screenshotbox-footer {
	background-image:url(img/screenshotbox/160_03_unten.png);
	height:15px;
}
 
.sticky div.screenshotbox-small div.screenshotbox-header {
	background-image:url(img/screenshotbox/sticky/160_01_oben.png);
}
.sticky div.screenshotbox-small div.screenshotbox-body {
	background-image:url(img/screenshotbox/sticky/160_02_rahmen.png);
}
.sticky div.screenshotbox-small div.screenshotbox-footer {
	background-image:url(img/screenshotbox/sticky/160_03_unten.png);
}
 
div.screenshotbox-large {
	width:450px;
	margin-bottom:10px;
}
div.screenshotbox-large div.screenshotbox-header {
	background-image:url(img/screenshotbox/420_01_oben.png);
	height:15px;
}
div.screenshotbox-large div.screenshotbox-body {
	background-image:url(img/screenshotbox/420_02_rahmen.png);
}
div.screenshotbox-large div.screenshotbox-footer {
	background-image:url(img/screenshotbox/420_03_unten.png);
	height:15px;
}
.sticky div.screenshotbox-large div.screenshotbox-header {
	background-image:url(img/screenshotbox/sticky/420_01_oben.png);
}
.sticky div.screenshotbox-large div.screenshotbox-body {
	background-image:url(img/screenshotbox/sticky/420_02_rahmen.png);
}
.sticky div.screenshotbox-large div.screenshotbox-footer {
	background-image:url(img/screenshotbox/sticky/420_03_unten.png);
}

div.screenshotbox-medium {
	width:350px;
	margin-bottom:10px;
}
div.screenshotbox-medium div.screenshotbox-header {
	background-image:url(img/screenshotbox/320_01_oben.png);
	height:15px;
}
div.screenshotbox-medium div.screenshotbox-body {
	background-image:url(img/screenshotbox/320_02_rahmen.png);
}
div.screenshotbox-medium div.screenshotbox-footer {
	background-image:url(img/screenshotbox/320_03_unten.png);
	height:15px;
}
.sticky div.screenshotbox-medium div.screenshotbox-header {
	background-image:url(img/screenshotbox/sticky/320_01_oben.png);
}
.sticky div.screenshotbox-medium div.screenshotbox-body {
	background-image:url(img/screenshotbox/sticky/320_02_rahmen.png);
}
.sticky div.screenshotbox-medium div.screenshotbox-footer {
	background-image:url(img/screenshotbox/sticky/320_03_unten.png);
}



/* 
 NAVI BOX
*/

div.navi {
	/*border:2px solid #EDBA31;
	width:200px;
	background-color:#007491;
	margin-top:15px;*/
	
	border:1px solid #c3b17e;
	
	margin: 10px auto;
	width: 100%;
	background-color:#e6d6ad;
}

div.navi h4 {
	margin:0px auto;
	text-align:center;
}
div.navi p.pagecount {
	margin:0px auto;
	text-align:left;
	padding-left:10px;
	font-weight:bold;
}

div.navi ol {
	margin-left:0px;
	padding-left:15px;
	list-style:none;
}

div.navi ol ol {
	padding-left:25px;
}

/* 
 QUOTE
*/
div.quotebox,
div.quote,
table.quote {
	background-image:url(img/quote_bg.jpg);
	/*margin-right:10px;*/
	border:2px solid #464647;
	color:#d4c394;
	position:relative;
	margin-top:20px;
	margin-right:auto;
	margin-left:auto;
	width:100%;
	-moz-border-radius:7px;
}
div.quotegreen {
	color:#97c52a;
	background-image:url(img/wow_bg_darker_bc.jpg);
}
div.quoteblue {
	color:#009cff;
	background-image:url(img/wow_bg_darker_wotlk.jpg);
}
div.quotered {
	color:#f5470a;
	background-image:url(img/wow_bg_darker_cata.jpg);
}

body.broad div.quotebox,
body.broad div.quote,
body.broad table.quote {
	margin-right:10px;
}

div.quotebox div.quotemargin,
div.quote div.quotemargin,
table.quote tr td {
	padding:15px;
}
div.quotebox div.quotemargin a,
div.quote div.quotemargin a,
table.quote tr td a{
	color:#FCCF05;
}

div.quotebox div.quotemargin div.quotecontent,
div.quote div.quotemargin div.quotecontent,
div.quotebox div.quotemargin div.quotecontent p,
div.quote div.quotemargin div.quotecontent p {
	margin:0px;
	font-size:11px;
}
div.quotebox div.quotemargin div.quotecontent,
div.quote div.quotemargin div.quotecontent {
	padding:4px;
}
table.quote h2,
table.quote h3,
table.quote h4,
table.quote h5,
div.quote div.quotemargin div.quotecontent h2,
div.quote div.quotemargin div.quotecontent h3,
div.quote div.quotemargin div.quotecontent h4,
div.quote div.quotemargin div.quotecontent h5,
div.quotebox div.quotemargin div.quotecontent h2,
div.quotebox div.quotemargin div.quotecontent h3,
div.quotebox div.quotemargin div.quotecontent h4,
div.quotebox div.quotemargin div.quotecontent h5
 {
	margin-bottom:5px;
	margin-top:5px;
	font-family:Verdana, Arial, sans-serif !important;
}
div.quotebox div.quotemargin div.quotecontent p,
div.quote div.quotemargin div.quotecontent p {
	margin:10px 0px;
}

div.quotemargin div.icon{
	background-image:url(img/zitat.gif);
	background-repeat:no-repeat;
	width:40px;
	height:37px;
	position:absolute;
	top:-20px;
	left:-12px;
}

div.dev div.quotemargin div.icon{
	background-image:url(img/blizz.png);
	background-repeat:no-repeat;
	width:40px;
	height:37px;
	position:absolute;
	top:-20px;
	left:-12px;
}

div.quotegreen div.quotemargin div.icon,
div.quotered div.quotemargin div.icon,
div.quoteblue div.quotemargin div.icon {
	display:none;	
}


div.quotebox div.quotemargin img.classicon,
div.quote div.quotemargin img.classicon {
	/*display:block;
	float:left;*/
	margin-right:5px;
	margin-top:2px;
	position:relative;
	top:6px;
}

div.dev div.quotemargin div.quoteauthor {
	margin-left:25px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:2px solid #373737;
}

div.dev div.quotemargin div.quoteauthor a {
	color:#FCCF05;
	font-size:11px;
}

table.quote {
	margin:0px auto;
}

table.quote span.yellow{
	color:#d4c394;
}
table.quote tbody tr td div{
   text-align: left !important;
} 

/*
CODE
*/
div.code{
	background-color:#E0E8EF;
	border:1px solid #898989;
	margin:10px 15px;
	padding-right:5px;
}
div.code ol {
	padding-left:25px;
	padding-top:0px;
	padding-bottom:0px;
}
div.code ol li {
	padding:0px;
}
div.code ol li div {
	border-left:1px solid #898989;
	padding-left:3px;
}


div#history {
	position:relative;	
}

div#history div.bordertop {
	height:5px;
	background-image:url(img/history/timeline_border_top.jpg);
	background-repeat:no-repeat;
	width:470px;
}

div#history div.borderbottom {
	height:5px;
	background-image:url(img/history/timeline_border_bottom.jpg);
	background-repeat:no-repeat;
	width:470px;
}

div#history div.bordermiddle {
	background-image:url(img/history/timeline_border_left.jpg);
	background-repeat:repeat-y;
	
}
div#history div.bordermiddleright {
	background-image:url(img/history/timeline_border_right.jpg);
	background-repeat:repeat-y;
	background-position:top right;
	width:472px;
}

div#history div.bordermiddlecenter {
	margin-left:5px;	
}

div#history span.hidden {
	display:none;	
}

div#history div.layer {
	position:relative;
	background-color:#000;
	color:#ccc;
	top:-23px;
	left:70px;
	z-index:500;
	background-image:url(img/quote_bg.jpg);
	border:1px solid #726f64;
	-moz-border-radius:7px;
	width:363px;
}

div#history div.layer div.border  {
	border:1px solid #f5c73b;
	-moz-border-radius:7px;
}

div#history div.layer div.border div.border {
	position:relative;
	width:350px;
	min-height:100px;
	border:1px solid #a78a3e;
	-moz-border-radius:7px;
	padding:4px;
	font-family:Verdana, Trebuchet MS, sans-serif;
	font-size:11px;
	color:#ccc;
}

div#history div.layer div.arrow {
	position:absolute;
	top:7px;
	left:-7px;
	background-image:url(img/history/arrowleft.jpg);
	width:9px;
	height:13px;
}

div#history div.layer a {
	display:block;
	text-decoration:none;
	color:#ccc !important;
	font-weight:normal !important;
	font-size:11px !important;
}

div#history div.layer a.headline {
	font-size:12px !important;
	font-weight:bold !important;
	margin-left:9px;
}



div#history div.layer a.close {
	position:absolute;
	background-image:url(img/history/timeline_closebutton.jpg);
	width:15px;
	height:15px;
	top:5px;
	right:5px;
	display:block;
}

div#history div.container a.header {
	width:460px;
	height:49px;
	background-repeat:no-repeat;
	display:block;
	position:relative;
}

div#history div.container a.header span.icon {
	position:absolute;
	display:none;
	background-image:url(img/history/minus_symbol.jpg);
	background-repeat:no-repeat;
	width:11px;
	height:11px;
	right:11px;
	top:28px;
}

div#history div.container a.open span.icon {
	display:block;
}

div#history div.container div.body {
	width:460px;
	background-repeat:no-repeat;
	position:relative;
	background-color:#e0d1aa;
	background-image:url(img/history/timeline_content_bottom.jpg);
	background-position:bottom left;
}

div#history div.container div.body div.background {
	background-image:url(img/history/timeline_content_top.jpg);
	background-repeat:no-repeat;
	height:41px;
}

div#history div.container div.body div.scroll {
	background-image:url(img/history/timeline_scroll_tileable.png);
	background-repeat:repeat-y;
}

div#history div.container div.body div.scrollhead {
	background-image:url(img/history/timeline_scroll_top.png);
	background-repeat:no-repeat;
	height:54px;
	margin-top:-40px;
}

div#history div.container div.body div.scrollfoot {
	background-image:url(img/history/timeline_scroll_bottom.png);
	background-repeat:no-repeat;
	height:60px;
	margin-top:-10px;
}

div#history div.container div.body div.scroll div.step {
	width:95px;
	text-align:center;
	margin-left:2px;
	font-family:Times New Roman,serif;
	color:#5e4b38;
	font-size:14px;
}

div#history div.container div.body div.scroll div.entry {
	clear:both;
	margin-bottom:0px;
	position:relative;
	overflow:hidden;
	padding-top:6px;
}

div#history div.container div.body div.scroll div.entry div.position {
	float:left;
	width:104px;
	text-align:center;
}

div#history div.container div.body div.scroll div.entry div.text {
	float:left;
	padding:0;
}

div#history div.container div.body div.scroll div.entry a {
	font-family:Tahoma, Trebuchet MS, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#003399;
}

div#history div.container div.body div.scroll div.entry a.teaser {
	line-height:13px;
	margin:9px;	
}

div#history div.container div.body div.scroll div.entry div img {
	margin-left:9px;
	border:1px solid #464647;
	margin-bottom:9px;
}