body {
    background: url(/media/images/layout/background.jpg) transparent top left;
}

.rounded4,
.f .fblock .button,
a.button,
#tooltip
{
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

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

a:hover {
    color:#E8541B;
}

/* ------------------------------------------ Structure */

#banner {
    position:fixed;
    top:0;
    left:50%;
    margin-left: 500px; /* Hälfte des Wertes die das Element breit ist */
}

#page {
    min-height:944px;
    background: url(/media/images/layout/page_background.jpg) transparent repeat-x top left;
}

#mantel {
    width:1000px;
    margin:0 auto;
}

#header {
    height:318px;
    background: url(/media/images/layout/header.jpg) transparent no-repeat top left;
}

#header-line {
    height:10px;
    background: url(/media/images/layout/header_line.jpg) transparent no-repeat top left;
}

#content {
    background:#0b0b0b;
    padding:5px 5px 1px 5px;
}

#content #main {
    width:690px;
}

#content #sidebar {
    float:right;
    width:295px;
}

#footer {
    background: url(/media/images/layout/content_bottom.png) transparent no-repeat top left;
    text-align:center;
    padding-top:20px;
    color:#fff;
    font-size:11px;
    font-family:Arial;
    padding-bottom:50px;
}

#footer a {
    color:#E8541B;
    text-decoration:none;
}

#footer .line {
    height:1px;
    background:url(/media/images/layout/bottom_line.png) transparent no-repeat top center;
    padding-bottom:5px;
}

/* ------------------------------------------ Navi */

ul#navi {
    padding-top:284px;
    padding-left:16px;
}

ul#navi li {
    float:left;
}

ul#navi li a {
    text-decoration:none;
    background: url(/media/images/layout/navi_notactive.png) transparent no-repeat bottom center;
    color:#fff;
    font-family: Verdana;
    font-size:11px;
    padding:14px 20px 10px 20px;
    display:block;
    font-weight:bold;
}

ul#navi li a.active, ul#navi li a:hover {
    background-image: url(/media/images/layout/navi_active.png);
}



/* ------------------------------------------ main content */

#main .block {
    background: url(/media/images/layout/content_bottom.gif) #fff no-repeat bottom left;
    padding:10px;
    margin-bottom:10px;
    font-size:12px;
    font-family:Verdana;
}

#main .header {
    height:29px;
    background: url(/media/images/layout/content_head_bg_long.png) transparent no-repeat top left;
    padding:9px 9px 0 9px;
}

#main .header li,
#sidebar .header li{
    float:left;
    background: url(/media/images/layout/content_head_item_notactive.png) transparent repeat-x top left;
    margin-right: 4px;
}

#main .header li a,
#sidebar .header li a {
    background: url(/media/images/layout/content_head_item_notactive_right.png) transparent no-repeat top right;
    display:block;
    color:#fff;
    font-family:Helvetica;
    font-size:10px;
    line-height:11px;
    text-decoration:none;
    padding: 10px 15px 6px 15px;
}

#main .header li.active,
#main .header li:hover,
#sidebar .header li.active,
#sidebar .header li:hover{
    background: url(/media/images/layout/content_head_item_active.gif) transparent no-repeat top left;
}

#main .header li.active a,
#main .header li:hover a,
#sidebar .header li.active a,
#sidebar .header li:hover a{
    background: url(/media/images/layout/content_head_item_active_right.gif) transparent no-repeat top right;
}

/* ------------------------------------------ sidebar content */

#sidebar .block {
    background: #131313;
    margin-bottom:3px;
    padding:3px;
    padding-bottom:0;
    border-bottom:1px solid #000;
}

#sidebar .block .container {
    background: #000;
    margin-bottom:3px;
    padding:3px;
    color:#fff;
    font-size:11px;
    font-family:Helvetica;
}

#sidebar .block .container a {
    color:#fff;
}

#sidebar .block .container a:hover {
    color:#E8541B;
}

#sidebar .block .container .grey,
span.grey {
    color:#666;
}

#sidebar .block .container .green,
span.green {
    color:green;
}

#sidebar .block .container .red,
span.red {
    color:red;
}

#sidebar .block .container .blue,
span.blue {
    color:blue;
}

#sidebar .block .container .label {
    display:block;
    width:120px;
    float:left;
    text-align:right;
    padding-right:5px;
    color:#666;
}

#sidebar .block .container .input {
    float:left;
}

#sidebar .block .container input,
#sidebar .block .container select{
    border:1px solid #fff;
    width:150px;
    padding:1px;
    font-size:10px;
    background:url(/media/images/inp-bg.png) top left no-repeat transparent;
}

#sidebar .block .container select{
    width:153px;
    padding:0;
}

#sidebar .block .container input.button {
    width:auto;
    background: #eee;
    border:1px solid #fff;
    padding:1px 10px;
    font-size:10px;
}

#sidebar .block .container input.button:hover {
    background:#fff;
}

#sidebar .block .container label {
    padding-top:2px;
    display:block;
    margin-left:160px;
    color:#666;
}

#sidebar .header {
    height:29px;
    background: url(/media/images/layout/content_head_bg_short.png) transparent no-repeat top left;
    padding:9px 9px 0 9px;
}


/* ------------------- Messages */
#main #messages {
    padding-top:5px;
    background: url(/media/images/layout/content_head.gif) #fff no-repeat top left;
    margin-bottom:10px;
}

#messages ul {
    background: url(/media/images/layout/content_bottom.gif) #fff no-repeat bottom left;
    padding-bottom:5px;
    padding-left:5px;
}

#messages ul  li {
    padding:7px 5px 5px 31px;
    display:block;
}

#messages ul  li.error {
    background: url(/media/images/messages/error.png) #fff no-repeat center left;
}

#messages ul  li.warning {
    background: url(/media/images/messages/error.png) #fff no-repeat center left;
}

#messages ul  li.notice {
    background: url(/media/images/messages/info.png) #fff no-repeat center left;
}

#messages ul  li.success {
    background: url(/media/images/messages/success.png) #fff no-repeat center left;
}

/* ------------------- Tables */

.tab {
    width:100%;
    margin-top:20px;
}

.tab th, .tab td {
    padding:5px;
}

.tab thead th {
    border-bottom:1px solid #E8541B;
    font-weight:bold;
}

.tab tbody tr:hover {
    background:#FFFFF5;
}

.tab .r {
    text-align: right;
}

.tab .c {
    text-align: center;
}

.tab .green {
    color:green;
}

.tab .red {
    color:red;
}

.tab .blue {
    color:blue;
}

.tab .b {
    font-weight:bold
}

.tab .bottomline td {
	border-bottom:1px solid #000;
}

/* ------------------- Forms */

.f {
    margin-top:10px;
    background:#FFFFE8;
    width:550px;
    margin:0 auto;
    border:1px solid #ccc;
}

.f .fblock {
    padding:10px;
}

.f .fblock label {
    display:block;
    float:left;
    width:150px;
    text-align:right;
    padding-right:10px;
    padding-top:4px;
    font-weight:bold;
}

.f .fblock input,
.f .fblock select,
.f .fblock textarea {
    width:350px;
    border:1px solid #ccc;
    padding:2px;
    background:url(/media/images/inp-bg.png) top left no-repeat transparent;
    font-family:Tahoma;
    font-size:12px;
}

.f .fblock div {
    margin-left:160px;
}

.f .fblock .button {
    cursor:pointer;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    font-weight:bold;
    padding:3px;
    width:100%;
    background:#eee;
}

.f .fblock .button:hover {
    background:#aaa;
}

.f .fblock .checkbox {
    width:15px;
}

.f .fblock textarea {
    height:100px;
}

.f .fblock .wysiwyg {
    height:250px;
}

.f2 {
    margin-top:10px;
    /*background:#FFFFE8;*/
    margin:0 auto;
    /*border:1px solid #ccc;*/
}

.f2 .fblock {
    padding:10px;
}

.f2 .fblock input,
.f2 .fblock select,
.f2 .fblock textarea {
    width:100%;
    border:1px solid #ccc;
    padding:2px;
    background:url(/media/images/inp-bg.png) top left no-repeat transparent;
    font-family:Tahoma;
    font-size:12px;
}

.f2 .fblock .button {
    cursor:pointer;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    font-weight:bold;
    padding:3px;
    width:100%;
    background:#eee;
}

.f2 .fblock .button:hover {
    background:#aaa;
}

.f2 .fblock .checkbox {
    width:15px;
}

.f2 .fblock textarea {
    height:100px;
}

.f2 .fblock .wysiwyg {
    height:250px;
}

/* ------------------- Content */

#main .block a {
    /*text-decoration:none;*/
}

#main .block img {
    vertical-align: middle;
}

#main .block h2 {
    font-size:14px;
    margin:10px 0;
    font-weight:bold;
}

#main .block.p p {
    display:block;
    padding:5px 0;
}

/* -------------------- anything else */
a.button {
	background:url(/media/images/icons/add.gif) no-repeat 10px 5px #FAFAF2;
	border:1px solid #E6E8D9;
	display:block;
	color:#555555;
	font-weight:bold;
	line-height:24px;
	margin-bottom:14px;
	text-decoration:none;
	width:180px;
	text-indent:30px;
}

a:hover.button{

	background-color:#FFFFF2;
}

ul.ul {
    list-style-type: circle;
    margin-left:30px;
    margin:5px 0 5px 30px;
}

.center {
    text-align:center;
}

.userimage {
    width:50px;
    height:50px;
    border:1px solid #000;
    float:left;
    margin-right:5px;
}

.userlink.blocklink {
    text-decoration:none;
    display:block;
    color:#E8541B;
}

.userlink .userimage {
    float:none;
}

.left {
    float:left;
}

.right {
    float:right;
}

.normalsize {
    font-size:11px;
}

.grey {
    color:#999;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #E8541B;
	background-color: #eee;
	padding: 5px;
    opacity:0.9;
    width:200px;
}
#tooltip div {
    font-size:11px;
    font-family:verdana;
}


/* ------------------- Forum Table */

.forum {
    width:100%;
}

.forum tr th {
    border-bottom:1px solid #E8541B;
    font-weight:bold;
}

.forum tr .go {
    cursor:pointer;
}

.forum tr .icon {
    width:20px;
}

.forum tr td.go a {
    font-weight:bold;
}

.forum tr td.go a.forumlink {
    color: #E8541B;
}

.forum tr td.go a.topiclink {
    color: #000;
}

#topiclist li {
    display:block;
    padding:10px;
    border-top:1px solid #ccc;
    overflow:auto;
}

#topiclist li .content .postdetails {
    color:#aaa;
    font-size:11px;
    text-align:right;
    padding-right:20px;
}

#topiclist li .content {
    margin-left:80px;
}

#topiclist li.odd {
    background-color:#FFFFF2;
}

/* ------------------- News */

.block.news .dateline {
    color: #E8541B;
    font-size:11px;
    padding-top:5px;
    display:block;
}

.block.news .dateline a {
    color: #E8541B;
}


.block.news .title {
    display:block;
    font-size:15px;
    color: #E8541B;
    padding:5px 0 10px 0;
    font-weight:bold;

}

.block.news .title:hover {
    color:#000;
    
}

.block.news .img {
    text-align:center;
    margin-bottom:5px;
}

.block.news .content {
    padding:10px 12px;
    text-align:justify;
}

.block.news .teaser {
    padding:0 12px;
    text-align:justify;
    font-weight:bold;
}

.block.news .divider {
    background:#E8E8E8;
    border:0;
    border-bottom:1px solid #B2B2B2;
    height:3px;
    margin:10px 0 15px 0;
}

/* ------------------- comments */

.block .comment {
    width:500px;
    margin:0 auto;
    padding-bottom:10px;
}

.block .commentcontent {
    background:#eee;
    width:430px;
    margin-left:57px;
    padding:5px;
    min-height:50px;
}

.block .commentcontent .text {
    font-weight:normal;
}

.block .commentcontent .light {
    color:#555;
    display:block;
    text-align:right;
    font-size:10px;
}

.block .commentcontent blockquote {
    border:1px solid #333;
    border-left:3px solid #333;
    padding:3px 3px 3px 7px;
    margin-left:10px;
    background:#ccc;
}


.block .writecomment {
    width:80%;
    margin:0 auto;
    padding:5px;
    margin-bottom:10px;
}

.block .writecomment textarea {
    width:100%;
    height:50px;
}

/* ------------------- Teams */

#main .block.teams {
    padding:10px 15px;
}

.block.teams a {
    
}

.block.teams .description {
    padding:10px ;
}

/* ------------------- Team */

.block.team {
    overflow:auto;
}

.block.team .member {
    background:#eee;
    width:310px;
    float:left;
    margin:10px 5px 0 5px;
    padding:5px;
}

.block.team .member .label {
    display:block;
    float:left;
    text-align:right;
    color:#777;
    width:55px;
    padding-right:3px;
}

/* ------------------- Match */

.block.match .img {
    text-align:center;
    margin-bottom:5px;
}

.block.match .map {
    margin:0 auto;
    width:500px;
    margin-bottom:20px;
    padding:10px 0;
}

.block.match .map h3 {
    text-align:center;
    font-size:15px;
    font-weight:bold;
    margin-bottom:10px;
    border-bottom: 1px solid #E8541B;
    padding-bottom:5px;
}

.block.match .map h4 {
    height:3px;
    border-bottom:2px solid #E8541B;
    border-top:2px solid #E8541B;
    margin-bottom:10px;
}

.block.match .map .mymp {
    float:left;
    width:150px;
    text-align:right;
    font-size:13px;
}

.block.match .map .enemy {
    float:right;
    width:150px;
    font-size:13px;
}

.block.match .map .result {
    text-align:center;
    padding:0 10px;
    font-size:13px;
    font-weight:bold;
}

.block.match .map .result.green {
    color:green;
}

.block.match .map .result.red {
    color:red;
}

.block.match .map .result.blue {
    color:blue;
}

/* ------------------- gallery */

.block.gallery .preview {
    overflow:auto;
    padding-top:20px;
    padding-left:30px;
}

.block.gallery .preview .item {
    width:100px;
    display:block;
    float:left;
    margin:0 5px 10px 5px;
    padding:5px;
}

.block.gallery .preview .item:hover {
    background:#eee;
}

.block.gallery .preview .item .title {
    color:#E8541B;
    display:block;
    text-align:center;
    padding-bottom:2px;
}

.block.gallery .preview .item .comments {
    font-size:10px;
    color:#000;
    display:block;
    text-align:center;
    padding-top:2px;
}

.block.gallery .mediaitem {
    margin:0 auto;
    padding:10px;
    text-align:center;
}

.block.gallery .mediaitem .medianavi {
    padding:10px;
    height:20px;
    text-align:left;
}

.block.gallery .mediaitem * {
    max-width:600px;
}

/* ------------------- user profiles */

.block.profile .defline {
    margin-left:160px;
}

.block.profile .defline label {
    display:block;
    float:left;
    width:130px;
    text-align:right;
    padding-right:10px;
    color:#999;
}

/* ------------------- text bits */

div.comment {
    
    margin:0 auto;
    width:70%;
    font-weight:bold;
}

div.comment blockquote {
    font-weight:normal;
    background:#eee;
    border-left:5px solid #999;
    padding:5px;
    padding-left:10px;
    margin-top:5px;
}

div.usershortprofile {
    margin:0 auto;
    width:220px;
    border: 1px solid #E8541B;
	background-color: #eee;
	padding: 5px;
    font-family:verdana;
    font-size:11px;
}

div.contentmatch {
    margin:10px auto;
    width:80%;
    background:#eee;
    padding:5px;
    border-top:5px solid #999;
}

#main .block div.contentmatch h2 {
    font-size:12px;
    font-weight:bold;
    text-align:center;
    margin:0 0 10px 0;
    padding-bottom:2px;
    border-bottom:1px solid #999;
}

div.contentmatch div.line {
    float:left;
    width:150px;
    padding-right:5px;
    font-weight:bold;
    text-align:right;
}

div.contentmatch .result {
    font-weight:bold;
}

/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp * {
	margin:0px; padding:0px;
	outline:none;
}
.markItUp a:link,
.markItUp a:visited {
	color:#000;
	text-decoration:none;
}
.f .fblock .markItUp  {
	margin:5px 0 5px 0;
}
.f .fblock .markItUpContainer  {
    margin:0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
.f .fblock .markItUpPreviewFrame	{
	overflow:auto;
	background-color:#FFF;
	width:99.9%;
	height:300px;
	margin:5px 0;
}

/***************************************************************************************/
.f .fblock .markItUpHeader	{
	margin:0;
}
.markItUpHeader ul li	{
	list-style:none;
	float:left;
	position:relative;
    margin-bottom:5px;
}
.markItUpHeader ul li:hover > ul{
	display:block;
}
.markItUpHeader ul a {
	display:block;
	padding:1px 3px 1px 3px;
    text-align:center;
	margin-right:3px;
    font-size:9px;
    border:1px solid #eee;
    background:#fff;
}
.markItUpHeader ul a:hover {
    background:#eee;
}