@import url("imagemap_css/imagemaps.css");

/*
Template name: The Hobbit
Template URI: http://templates.arcsin.se/the-hobbit-website-template/
Release date: 2006-10-11
Description: Arcsin's submission for OWD template contest "Favourite Book".
Author: Viktor Persson
Author URI: http://arcsin.se/

Header image artwork “An Unexpected Morning Visit�? by Ted Nasmith (© Harper Collins and Ted Nasmith). 

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* standard elements */
* {
  margin: 0;
  padding: 0;
}

a {color: #1C4A22;}

a:hover {color: #357D3E;}

body {
  background: #4E5D3C url(img/bg.jpg);
  color: #444;
  font: normal 62.5% "Lucida Sans Unicode",sans-serif;
  margin: 0;
}

p,blockquote {margin-bottom: 1.2em;}

h1 {font: normal 2.1em serif;}

#content h1 {margin-bottom:25px;}

h2 {
  font: bold 1.3em Verdana,serif;
}
#content h2 {margin: 20px 0 25px 0;}

h3 {
  font: bold 1.1em Verdana,serif;
}
#content h3 {margin: 15px 0 15px 0;}

ul {margin-left: 1.8em;}

blockquote {
  background: url(img/quote.gif) no-repeat;
  color: #555;
  font: normal 1.4em serif;
  padding-left: 22px;
}

blockquote p {padding: 6px;}

/* misc */
.clearer {
  clear: both;
  display: block;
  font-size: 0;
  line-height: 0;
  height: 0;
}

.left {float: left;}
.right {float: right;}
.middle_link{
    float:left;
    margin-left:240px;
}

img.left {margin: 0 18px 6px 0;}

.divider {
  background: url(img/divider.gif) no-repeat;
  height: 20px;
  margin: 24px 0;
}

/* structure */
.container {
  background: url(img/bgcontainer.jpg) repeat-y center top;
  margin: 0 auto;
  width: 1009px;
  position:relative;
}

.gfx {
  background: url(img/gfx.jpg) no-repeat;
  float: left;
  height: 140px;
  margin-top: 12px;
  width: 52px;
}

.top {
  background: url(img/bgcontent.gif) no-repeat 0 -4%;
  float: left;
  text-align: left;
  width: 905px;
}


.header_wrapper {
        position: relative;
        height:232px;
        overflow:hidden;
}

.top .header {
    background: url("img/header.png") no-repeat scroll 0 0 transparent;
    color: #FFFFCC;
    float: left;
    font-size: 1.4em;
    height: 232px;
    padding-left: 70px;
    position: relative;
    width: 318px;
    z-index: 5;
}

#coin-slider-header_slider {
    float: left;
    margin-left: -38px;
    position: relative;
}


.header_text {
                text-align: center;
                width:215px;

}

.header_text a{
    text-decoration:none;
    color: #FFC;
}


.top .header h1 {
  font: normal 3.2em serif,sans-serif;
  padding: 15px 0 63px 0;
}

.pattern {
  background: #334127 url(img/pattern.gif) repeat-x;
  clear: both;
  height: 12px;
}


/* navigation */
.navigation {
    height: 50px;
    margin: 0 24px;}

.navigation a {
  color: #6C7151;
  font: normal 1.9em serif;
  line-height: 50px;
  text-decoration: none;
}
.navigation a:hover, .navigation #selected, .navigation .current_page_item a {
  font-weight:bold;
  color: #595E3E;
  line-height: 47px;
  margin-left: -2px;
}
.navigation ul{
    list-style: none outside none;
}

.navigation li{
    float: left;
    overflow: hidden;
    padding: 0 45px;
    text-align: center;
    width: 70px;
}




/* content */
.content {
  /*background: url(img/bgcontent.gif) no-repeat;*/
  clear: both;
  font-size: 1.25em;
  margin: 0 52px;
  padding: 95px 35px 20px 35px;
    min-height:400px;
    position:relative;
}
.content .spacer {
  height: 42px;
}

.middle {
  text-align: center;
}

/* content Floatbar */
div#floatbar{
    background: url("img/bgcontent_float.png") no-repeat scroll 0 0 transparent;
    height: 95px;
    margin-left: 52px;
    position: absolute;
    top: 306px;
    width: 100%;
    z-index:5000;
}
/* FIX Floatbar FE-EDIT*/

div.feEditAdvanced-allWrapper {
   z-index:10000 !important;
}
body.feEditAdvanced div#floatbar {
   top:306px;
}
div#feEditAdvanced-container, div#feEditAdvanced-container *{
   z-index:10100 !important;
}

/* content item */
.item {clear: both;}

.item .title {
  color: #445044;
  font: normal 2em serif;
}

.item .title:first-letter {
  display: block;
  float: left;
  font-size: 2.4em;
}

.item .metadata {
  color: #666;
  font-size: 0.9em;
  float: left;
  padding: 0 0 6px 4px;
}

.item .body {
  clear: both;
}

/* footer */
.footer {
    background: url("img/bgfooter.gif") no-repeat scroll 0 0 transparent;
    color: #666666;
    font-size: 1.1em;
    line-height: 41px;
    margin: 23px auto 0;
    text-align: center;
    width: 905px;
}
.footer .left {padding-left: 40px;}
.footer .right {padding-right: 40px;}

.footer a {
  color: #666;
  text-decoration: none;
}
.footer a:hover,.footer .right a:hover {
  color: #333;
  text-decoration: underline;
}
.footer .right, .footer .right a {color: #ACAF9B;}



/* Baumnavigation Weltenbau */
.jstreedata, .jstreedata * {display:none;}
.jstree{
    display:block;
    background-image: url("img/welten_navi_back.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #E8EBD2;
    border: 1px solid #777B78;
    left: 50%;
    margin: 0 453px;
    padding: 52px 10px 10px;
    position: fixed;
    top: 306px;
    z-index: 5100;
    min-width:111px;
}
.jstree a{color: #173C1C !important;}
.jstree a:hover{color: #357D3E !important;}
.jstree .current{font-weight:bold;}
.jstree .current ul li{font-weight:normal;}
.jstreedata ul {margin-left:-9px !important;}
.jstreedata ul ul{margin-left:10px !important;}
.jstree ul li {margin-left: 1px !important;}

/* Mitgliederseite*/
.circle {
background-image: url('/fileadmin/content/mitglieder/d20.png');
background-position: top left;
background-repeat:no-repeat;
width:128px;
height:128px;
margin:0 auto;
  margin-top:171px;
  margin-bottom:210px;
display: block;
cursor: pointer;
position: relative;
}
.circle:hover {
background-image: url('/fileadmin/content/mitglieder/d20_hover.png');
}
.circle ul.reset,
.circle ul.reset li {
display:block;
list-style:none;
padding:0;
margin:0;
left:10px;
text-align:center;
}
.circle ul.reset li p{
  margin: auto;
  position: relative;
  top: -20px;
}
.circle ul.reset li {
position:absolute;
}
.circle ul.reset li a {
outline:none;
}
div.circle_contents{    
  margin: auto;
  width: 550px;
  min-height: 575px;
}
.circle_contents table{display:none;}

/* Searchbox */
.tx-macinasearchbox-pi1 {
    background-image: url("img/searchbox.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 25px;
    left: 31px;
    position: absolute;
    top: 21px;
    width: 188px;
    z-index: 1000;
}
.tx-macinasearchbox-pi1 input {
    background-color: transparent;
    border: 0 none;
    color: #516957;
    font-size: 1.2em;
    height: 12px;
    margin-left: 31px;
    margin-top: 7px;
    width: 90px;
}
.tx-macinasearchbox-pi1 .s_button {
    background-image: url("img/loginbox_button.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 26px;
    left: 105px;
    position: absolute;
    top: -7px;
    width: 25px;
    cursor:pointer;
}


/* Loginbox */
.tx-felogin-pi1 {
    left: 614px;
    position: absolute;
    top: 3px;
    z-index: 1000;
}
.tx-felogin-pi1 fieldset{
    border: 0 none;
}
.tx-felogin-pi1 input{
    background-color: transparent;
    border: 0 none;
    width:155px;
}
.tx-felogin-pi1 #user{
    height: 11px;
    left: 69px;
    position: absolute;
    top: 35px;
}
.tx-felogin-pi1 #pass{
    height: 11px;
    left: 69px;
    position: absolute;
    top: 57px;
}
.tx-felogin-pi1 .s_button{
    background-image: url("img/loginbox_button.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 26px;
    left: 242px;
    position: absolute;
    top: 36px;
    width: 25px;
    cursor:pointer;
}
.tx-felogin-pi1 #logoutbox .s_button {
    display: inline;
    left: 0;
    margin-left: 13px;
    position: relative;
    top: 29px;
}
.tx-felogin-pi1 #loginbox{
    background-image: url("img/loginbox.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 73px;
    width: 272px;
}
.tx-felogin-pi1 #logoutbox{
        background-image: url("img/logoutbox.png");
    background-position: center top;
    background-repeat: no-repeat;
    height: 73px;
    left: 73px;
    position: absolute;
    top: 5px;
    width: 272px;
}
.tx-felogin-pi1 #loggedin{
    display: inline;
    float: right;
    font-size: 1.3em;
    /*margin-left: 96px;*/
    position: relative;
    top: 30px;
}
.tx-felogin-pi1 #loggedin_btn{
    display: inline;
    float: right;
    margin-right: 88px;
}
.s_button:hover{
    background-image: url("img/loginbox_button_hover.png");
}


/* Hinweisbox - Private Nachrichten */
#pm_box {
background-image: url("img/pn.png");
background-position: left 10%;
background-repeat: no-repeat;
height: 31px;
left: 673px;
max-width: 146px;
position: absolute;
top: 19px;
font-size: 9px;
z-index: 1000;
width: 70px;
}
#pm_box p {
line-height: 1.45em;
min-height: 33px;
padding-top: 30px;
}
#pm_box:hover {
    background-image: url("img/pn_hover.png");
}

/* Notifierbox - Wer ist online? */
#notify {
  background-image: url("img/notifybox.png");
  background-position: left 10%;
  background-repeat: no-repeat;
  height: 31px;
  left: 200px;
  position: absolute;
  top: -5px;
  z-index: 1000;
  padding-top: 35px;
  max-height: 48px;
  overflow: hidden;
  width: 112px;
  padding-left: 16px;
}
#notify .tx-vjchat-link-box, #notify img {
display:none;
}
#notify .tx-vjchat-userlist-user {
float:left;
  margin-right:4px;
}
/* Letzten Chateintrag anzeigen */
#notify_entry {
background-image: url("img/notify_entry.png");
background-position: left 10%;
background-repeat: no-repeat;
height: 56px;
left: 332px;
position: absolute;
top: -5px;
z-index: 1000;
padding-top: 33px;
overflow: hidden;
width: 251px;
padding-left: 4px;
}

/* Chat */
div#chat{
    background-color: #ADC5AB;
    border: 1px solid #5C695A;
    display: none;
    height: 452px;
    left: 26px;
    padding: 5px;
    position: absolute;
    top: 65px;
    width: 838px;
    z-index: 1000;
}
div#chat_trigger{
    background-image: url("img/arrow-down.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 26px;
    left: 589px;
    position: absolute;
    text-align: right;
    top: 20px;
    width: 74px;
    z-index: 1000;
}
div#chat_trigger p{
    background-image: url("img/chat.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    height: 26px;
}
div#chat_trigger p:hover{
    background-image: url("img/chat_hover.png");
}

div#chat_trigger.expArrow{
  background-image: url("img/arrow-down.png");
}
div#chat_trigger.collArrow{
  background-image: url("img/arrow-up.png");
}
.tx-vjchat-chat p, #tx-vjchat-button-newwindow, .tx-vjchat-pr-link, #tx-vjchat-user-detail, #tx-vjchat-loadinginfo, #tx-vjchat-button-enablesound-container {
display:none !important;
}
div#tx-vjchat-emoticons{
  height:52px !important;
  overflow-y:scroll;
  overflow-x:hidden;
}
div.tx-vjchat-chat.text{
height:472px !important;
}
#tx-vjchat-userlist * {
font-size: 1.1em !important;
}
textarea#txvjchatnewMessage {
    height: 8.5em !important;
}

/* Forum */
/* Fix für hässliche temp. buttons */
div.tx-mmforum-textbutton a img {
display:none !important;
}
div.tx-mmforum-textbutton {
    border: 1px solid #32553C !important;
    background-color: #d1e8d2 !important;
    background-image: url("img/button_back.png");
    background-position: 100% 50%;
    background-repeat: repeat-x;
}
div.tx-mmforum-textbutton:hover {
    background-image: url("img/button_back_hover.png");
}
div.tx-mmforum-textbutton a{
color: #1C4A22;
}

/* MP3-Player - Contentelement*/
div.tx-ameosdewplayer-pi1 {float:right !important;}

/*DROPDOWN Sitemap fixes*/
div.tx-dropdownsitemap-pi1 div.expAll {display:none;}
div.tx-dropdownsitemap-pi1 *{ color: #1C4A22 !important;}


/* Styling Tabellen */
.fancy_tab{
border-collapse: collapse;
border: 1px solid black;
}

table.fancy_tab td{
padding:5px;
border: 1px solid black;
}

table.fancy_tab thead th {
background-image: url('img/tab_head_back.jpg');
background-color: #9cb1d5;
color: white;
font-weight: bold;

}
table.fancy_tab tbody tr:nth-child(even) td {background: #ECECEC;}
table.fancy_tab tbody tr:nth-child(odd) td {background: #FFF;}

table.fancy_tab td  p, blockquote {
margin-bottom: 0;
}



table.fancy_tab {
  font-family:arial;
  background-color: #CDCDCD;
  margin:10px 0pt 15px;
  font-size: 8pt;
  width: 100%;
  text-align: left;
}
table.fancy_tab thead tr th, table.fancy_tab tfoot tr th {
  /*background-color: #e6EEEE;*/
  border: 1px solid #000;
  font-size: 8pt;
  padding: 2px;
  /*min-width: 65px;*/
  padding-right: 7px;
}
table.fancy_tab thead tr .header span {
  background-image: url(img/bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
  padding-right: 19px;
}
table.fancy_tab tbody td {
  color: #3D3D3D;
  padding: 4px;
  background-color: #FFF;
  vertical-align: top;
  width: 1%;
}
table.fancy_tab tbody tr.odd td {
  background-color:#F0F0F6;
}
table.fancy_tab thead tr .headerSortUp span {
  background-image: url(img/asc.gif);
}
table.fancy_tab thead tr .headerSortDown span {
  background-image: url(img/desc.gif);
}
table.fancy_tab thead tr .headerSortDown, table.fancy_tab thead tr .headerSortUp {
background-color: #8dbdd8;
}



/* DARK VORTEX Styles*/
body#vortex {
    background-attachment: fixed;
    background-color: #000000;
    background-image: url("img/vortex_back.jpg");
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body#vortex a {
    color: #2C2398;
}
body#vortex .jstree a {
    color: #1B1A4A!important;
}
body#vortex .jstree a:hover {
    color: #3522C8 !important;
}
body#vortex div#chat {
    background-color: #B4C3EE;
    border: 1px solid #00137D;
}
body#vortex .container {
    background: url("img/vortex_bgcontainer.png") repeat-y scroll center top transparent;
}
body#vortex .jstree {
    background-color: #EEEFEF;
}
body#vortex .pattern {
    background: url("img/vortex_pattern.png") repeat-x scroll 0 0 #334127;
    clear: both;
    height: 12px;
}
body#vortex .top  .header {
    background: url("img/vortex_header.png") no-repeat scroll 0 0 transparent;
}
body#vortex .header_text a {
    color: #fff;
}

body#vortex .header_text a {
    color: transparent;
}
body#vortex .gfx {
    background: url("img/vortex_fighter.png") no-repeat scroll 0 0 transparent;  
    position: absolute;
    width: 167px;
    z-index: 5000;
    left:-25px;
    top:-17px;
}
body#vortex .top {
     background: url("img/vortex_bgcontent.png") no-repeat scroll 0 -4% transparent;
    left: 52px;
    position: relative;
}
body#vortex div#floatbar {
    background: url("img/vortex_bgcontent_float.png") no-repeat scroll 0 0 transparent;
}
body#vortex .navigation a {
    color: #1B1A4A;
}
body#vortex .navigation a:hover,body#vortex .navigation #selected,body#vortex .navigation .current_page_item a {
    color: #251B70;
}
body#vortex .jstree {
    background-image: url("img/vortex_welten_navi_back.png");
}
body#vortex .tx-macinasearchbox-pi1 {
    background-image: url("img/vortex_searchbox.png");
}
body#vortex .tx-macinasearchbox-pi1 input {
    color: #4E5778;
}
body#vortex .tx-macinasearchbox-pi1 .s_button {
    background-image: url("img/vortex_loginbox_button.png");
}
body#vortex .tx-macinasearchbox-pi1 .s_button:hover {
    background-image: url("img/vortex_loginbox_button_hover.png");
}
body#vortex .tx-felogin-pi1 .s_button {
    background-image: url("img/vortex_loginbox_button.png");
}
body#vortex .tx-felogin-pi1 .s_button:hover {
    background-image: url("img/vortex_loginbox_button_hover.png");
}
body#vortex div#chat_trigger {
    background-image: url("img/vortex_arrow-down.png");
}
body#vortex div#chat_trigger.expArrow {
    background-image: url("img/vortex_arrow-down.png");
}
body#vortex div#chat_trigger.collArrow {
    background-image: url("img/vortex_arrow-up.png");
}
body#vortex .tx-felogin-pi1 #loginbox {
    background-image: url("img/vortex_loginbox.png");
}
body#vortex .tx-felogin-pi1 #logoutbox {
    background-image: url("img/vortex_logoutbox.png");
}
body#vortex div#chat_trigger p {
    background-image: url("img/vortex_chat.png");
}
body#vortex div#chat_trigger p:hover {
    background-image: url("img/vortex_chat_hover.png");
}
body#vortex #pm_box {
    background-image: url("img/vortex_pn.png");
}
body#vortex #pm_box:hover {
    background-image: url("img/vortex_pn_hover.png");
}
body#vortex .footer {
    background: url("img/vortex_bgfooter.png") no-repeat scroll 0 0 transparent;
}

/* LANDS OF GLORY Styles*/
body#log {
    background-attachment: fixed;
    background-color: #000000;
    background-image: url("img/lands_of_glory_back.jpg");
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body#log a {
    color: #99643B;
}
body#log .jstree a {
    color: #99643B!important;
}
body#log .jstree a:hover {
    color: #683F1F !important;
}
body#log div#chat {
    background-color: #E0D9BD;
    border: 1px solid #382E1F;
}
body#log .container {
    background: url("img/log_bgcontainer.png") repeat-y scroll center top transparent;
}
body#log .jstree {
    background-color: #EEEDE0;
}
body#log .pattern {
    background: url("img/log_pattern.png") repeat-x scroll 0 0 #334127;
    clear: both;
    height: 12px;
}
body#log .top .header {
    background: url("img/log_header.png") no-repeat scroll 0 0 transparent;
}
body#log .header_text a {
    color: #fff;
}

body#log .header_text a {
    color: transparent;
}
body#log .gfx {
    background: url("img/log_revolver.gif") no-repeat scroll 0 0 transparent;  
    position: absolute;
    width: 167px;
    z-index: 5000;
    left:-25px;
    top:-17px;
  display:none;
}
body#log .top {
     background: url("img/log_bgcontent.png") no-repeat scroll 0 -4% transparent;
    left: 52px;
    position: relative;
}
body#log div#floatbar {
    background: url("img/log_bgcontent_float.png") no-repeat scroll 0 0 transparent;
}
body#log .navigation a {
    color: #99643B;
}
body#log .navigation a:hover,body#log .navigation #selected,body#log .navigation .current_page_item a {
    color: #4D3625;
}
body#log .jstree {
    background-image: url("img/log_welten_navi_back.png");
}
body#log .tx-macinasearchbox-pi1 {
    background-image: url("img/log_searchbox.png");
}
body#log .tx-macinasearchbox-pi1 input {
    color: #804211;
}
body#log .tx-macinasearchbox-pi1 .s_button {
    background-image: url("img/log_loginbox_button.png");
}
body#log .tx-macinasearchbox-pi1 .s_button:hover {
    background-image: url("img/log_loginbox_button_hover.png");
}
body#log .tx-felogin-pi1 .s_button {
    background-image: url("img/log_loginbox_button.png");
}
body#log .tx-felogin-pi1 .s_button:hover {
    background-image: url("img/log_loginbox_button_hover.png");
}
body#log div#chat_trigger {
    background-image: url("img/log_arrow-down.png");
}
body#log div#chat_trigger.expArrow {
    background-image: url("img/log_arrow-down.png");
}
body#log div#chat_trigger.collArrow {
    background-image: url("img/log_arrow-up.png");
}
body#log .tx-felogin-pi1 #loginbox {
    background-image: url("img/log_loginbox.png");
}
body#log .tx-felogin-pi1 #logoutbox {
    background-image: url("img/log_logoutbox.png");
}
body#log div#chat_trigger p {
    background-image: url("img/log_chat.png");
}
body#log div#chat_trigger p:hover {
    background-image: url("img/log_chat_hover.png");
}
body#log #pm_box {
    background-image: url("img/log_pn.png");
}
body#log #pm_box:hover {
    background-image: url("img/log_pn_hover.png");
}
body#log .footer {
    background: url("img/log_bgfooter.png") no-repeat scroll 0 0 transparent;
}

//are we on a mobile device?
body.mobile #floatbar{
    position: absolute !important;
    top: 306px !important;
}