/*old*/

.taskBox {
  background-color: #bdc5cf;
  border: 2px solid #4b586b;
  margin:10px 0 10px 0;
  padding: 20px;
  text-align: justify;
  font-size: .75em;
  font-family: Verdana, sans-serif;
}
.taskBox b {
  display: block;
  margin-top:10px;
}
.taskBox b:first-child {
  margin-top:0;
}
.taskBox a {
  text-decoration:underline;
}





.secretBox, .secretBoxwithImg div {
  background-color: #bdc5cf;
  border: 1px solid #acb2bb;
  margin: 5px 1cm 5px 1cm;
  padding: 4px;
  display: block;
}
.secretBoxwithImg {
  display:flex;
}
.secretBoxwithImg:after {
  clear: both;
  content: "";
  display: block;
}


.secretBox > span:first-child, .secretBoxwithImg div span:first-child {
  font-style: normal;
  display: block;
  font-weight: bold;
}


/*bugs, cuts, quotes, vehicle help, puzzle help...*/
.helpBox, .helpBoxfloat, .quoteBox, .quoteBoxfloat, .altwayBoxfloat {
  background-color:#bdc5cf;
  border : 1px solid #4b586b;
  margin: 10px;
  padding:7px;
}

.helpBox > div:first-child, .helpBoxfloat > div:first-child, .altwayBoxfloat > div:first-child {
  margin:-7px -7px 5px -7px;
  padding:5px;
  background-color:#4b586b;
  color:#FFF;
  font-weight:bold;
}

.helpBoxfloat, .quoteBoxfloat {
  float:right;
  margin-bottom:0;
  margin-left:10px;
  width:20%;
}


.helpBox table, .helpBoxfloat table, .helpBox tr, .helpBoxfloat tr, .helpBox th, .helpBoxfloat th, .helpBox td, .helpBoxfloat td {
  border : 1px solid #000;
  border-collapse:collapse;
}

.helpBox table th, .helpBoxfloat table th {
  background-color:#737E8D;
}
.helpBox table td, .helpBoxfloat table td {
  padding:3px;
}





.altwayBoxfloat {
  float:right;
  margin: 25px 0 15px 15px;
  width:40%;
}
.altwayBoxfloat h4 {
  margin: 0;
}

.quoteBox, .quoteBoxfloat {
  font-style:italic;
}





/*GALLERY OLD - noch überarbeiten*/
.trggallery {

}

.trggallery table {
  background-color:#BDC5CF;
}

.trggallery table td {
  height:155px;
  width:175px;
  text-align:center;
/*  vertical-align:middle;*/
}

.trggallery table th {
  height:20px;
  text-align:center;
}



/*FRAMEWORK - TOPLINE*/
#start a {
  color:#333;
}

/*SPECIAL - TABMENU MEMBERS AREA*/
.tabmenu li {
  border-color:#999;
  border-style:solid;
  border-width: 1px 1px 0px 1px;
  background-color:#c6ced9;
}
.tabmenu li a {
  border : 1px solid #fff;
  background-color:#c6ced9;
  color:#333;
}
.tabmenu li a:hover{
  background-color:#737e8d;
  color:#000;
}
.tabmenu li.activetab a, .tabmenu li.activetab a:hover {
  background-color:#737e8d;
  color:#000;
}

.subtabmenu {
  border : 1px solid #fff;
  background-image:url(/styles/rise/cellpic.gif);
}
.subtabmenu li a {
  color:#ddd;
}
.subtabmenu ul .activetab a, .subtabmenu ul li a:hover {
  background-color:#4b586b;
  color:#fff;
  border : 1px solid #aaa;
}
.subtabmenu ul .activetab a:hover {
  background-image:url(/styles/rise/cellpic.gif);
}

.tabcontent {
  border:1px solid #fff;
  background-color:#c6ced9;
}
.tabcontent > div {
  content:"";
  height:10px;
}

.modcontent:hover div {
  background-color:#c6ced9;
  border : 1px solid #999;
}


fieldset {
  background-color:#B0BFC2;
  border: 1px solid #999;
  margin: 10px 0;
  padding: 5px 13px 10px 13px;
  display: block;
  margin-bottom: 10px;
}

fieldset:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

fieldset legend {
  margin: 0 0 0 -5px;
  padding: 0 5px;
  color:#000;
}

fieldset fieldset {
  background-color:#D0D5D8;
  margin-bottom: 5px;
}

fieldset p, fieldset div {
  margin: 8px 0 0 0;
  padding: 0;
}

legend {
  color: #164369;
  font-size: 1em;
  margin: 0 10px;
  padding: 0 4px;
}

/*ALLGEMEIN*/


/*FRAMEWORK - TOPLINE*/
#start {
  clear: both;
  font-size:.85em;
  padding: 5px 0 0 2px;
}
#start:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}

#date {
  float: right;
  margin: 1px 0 4px 7px;
  white-space: nowrap;
}

#user {
  float: left;
  margin: 1px 7px 4px 0;
}
#user p {
  white-space: nowrap;
}

#userMenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#userMenu li {
  float: left;
  margin: 1px 7px 4px 0;

}
#userMenu a {
  text-decoration: none;
}
#userMenu span {
  text-decoration: underline;
  white-space: nowrap;
}
#userMenu a:hover span {
  text-decoration: none;
}
#userMenu .pageMenu {
  font-size: 1em;
}


/*FRAMEWORK - HEADLINE*/
.headline div h2, .headline div h2 a {
  font-size: 1.40em;
  font-weight:bold;
  overflow: hidden;
}
.headline {
  clear: both;
  display: block;
  min-height: 50px;
  margin: 3px 0 7px 0;
  padding: 0;
  width: 100%;
}
.headline img {
  float: left;
}
.headline div {
  min-height: 48px;
  margin: 7px 0 7px 60px;
}
.headline div p {
  margin: 0;
  padding: 0;
}

/*MAINMENU*/
.mainbody {
  margin:0;
  padding:0;
  white-space:nobreak;
  width:100%;
}

.mainbodymenu {
  position:absolute;
  left:1.5%;
  width:200px;

}

.mainbodycontent {
  margin-left:200px;
  min-height:1240px;
  height:auto !important;  /* für alle */
  height:1240px;  /*für IE */
}

/*FRAMEWORK - MAINMENU*/
.menubox {
  margin-bottom:10px;
  padding-bottom:5px;
  text-align:center;
  min-width:190px;
  max-width:97%;
}

.box {
  padding:0 0 5px 0;
  margin: 0 0 10px 0;
  text-align:center;
}



/*INFO*/
.info {
  background-color: #def;
  background-image: url(/styles/info.png);
  background-position: 10px center;
  background-repeat: no-repeat;
  border : 1px solid #06f;
  width:90%;
  color: #000000;
  margin-bottom: 20px;
  padding: 7px 10px 7px 60px;
}
.info legend {
  color:#f00;
}
.info a {
  color: #333;
}
.info a:hover {
  color:#000;
}



/*SPECIAL - TABMENU MEMBERS AREA*/
.tabmenu {
  margin-top: 5px;
  width: 100%;
}
.tabmenu:after {
  content: "";
  clear: left;
  display: block;
  height: 0;
}
.tabmenu ul {
  margin: 0;
  padding: 0 0 0 10px;
}
.tabmenu li {
  list-style: none;
  margin: 0 3px 0 0;
  float: left;
}
.tabmenu li a {
  text-decoration: none;
  white-space: nowrap;
  padding: 2px 5px 0 5px;
  display: block;
  position: relative;
  z-index: 10;
  min-height: 23px;
}
.tabmenu li.activetab a, .tabmenu li.activetab a:hover {
  border-bottom: none;
  padding-bottom: 3px;
  position: relative;
  z-index: 0;
  min-height: 23px;
}

.subtabmenu {
  margin-bottom: -1px;
  margin-top: -2px;
  padding: 1px;
  position: relative;
  z-index: 0;
  background-repeat:repeat-x;
  height:25px;
}
.subtabmenu:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
}
.subtabmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.subtabmenu li {
  float: left;
}
.subtabmenu li a {
  text-decoration: none;
  white-space: nowrap;
  font-size:9pt;
  margin: 1px;
  padding: 2px 6px;
  display: block;
}
.subtabmenu li.activetab a {
  border-width: 1px;
  padding: 1px 5px;
}
.subtabmenu ul .activetab a, .subtabmenu ul li a:hover {
  padding: 1px 5px;
}
.subtabmenu ul .activetab a:hover {
  background-repeat:repeat-x;
}

.tabcontent {
  clear:both;
  padding:7px 50px 5px 25px;
}
.tabcontent > div {
  content:"";
  height:10px;
}

.modcontent div {
  display:none;
}
.modcontent:hover div {
  position:absolute;
  padding: 5px;
  display:block;
}



/* COPYRIGHT */
#copy {
  clear: both;
  margin-top:15px;
  padding: 5px;
  border-top:1px solid #FFF;
  text-align:justify;
  font-size:0.85em;
}
#copy a {
  text-decoration:none;
}



form {
  margin: 0;
  padding: 0;
}

textarea, input, select {
  font-size: .95em;
}


textarea {
  padding-left: 3px;
  border-width: 1px;
  width: 99.5%;
}

select {
  border-width: 1px;
  padding: 2px;
  }

input[type="text"], input[type="password"] {
  padding: 3px 0px 3px 2px;
}

input[type="file"] {
  padding: 2px 3px;
}

select[multiple="multiple"] {
  padding: 0 !important;
}



input[type="radio"] {
  margin-left: 0;
}

input[type="file"], select[multiple="multiple"] {
  width: 100%;
}

input[type="image"] {
  margin: 0 3px -3px 0;
}




/* MENUS - PAGEMENU */
.pagemenu ul li {
  background-color:#B0BFC2;
  border:1px solid #737e8d;
}
.pagemenu li.active{
  background-color:#737e8d;
  border:1px solid #000;
  color:#fff;
  padding:0px 4px 0px 4px;
}
.pagemenu a {
  padding:2px 4px 2px 4px;
}


/* COMMUNITY - MEMBERS AREA */
.memberlist {
  border:2px solid #000;
  width:100%;
  border-collapse:collapse;
}
.memberlist th {
  background-color:#506462;
  color:#000;
  font-weight:bold;
  padding:5px;
  border : 1px solid #000;
}
.memberlist td {
  background-color:#BECBCE;
  padding:5px;
  border : 1px solid #000;
  border-collapse:collapse;
}
.memberlist td a {
  text-decoration:none
}

.profileform {
  margin:15px 0 15px 0;
  padding:0;
  width:100%;
  font-family:Verdana;
  font-size:9pt;
}
.profileform td {
  padding:3px
}

.managefffoot {
 color:#005050;
}



.formular {
  background-color:#c6ced9;
  border:1px solid #000;
  margin:15px 0 15px 0;
  padding:0;
  width:100%;
  font-family:Verdana;
  font-size:9pt;
}


.formulardiv {
  float:left;
  height:20px;
  margin:0;
  padding:0;
  font-family:Verdana;
  font-size:9pt;
}

.formulardiv:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}

.formulardivdiv {
  border:1px solid #000;
  margin:0;
  padding:5px;
  height:20px;
  font-family:Verdana;
  font-size:9pt;
}

.savesbox {
  border : 1px solid #000;
  border-collapse:collapse;
}

.savesbox th {
  background-color:#506462;
  color:#000;
  padding:5px;
  border : 1px solid #000;
}

.savesbox th a {
  color:#000;
  text-decoration:none
}

.savesbox td {
  vertical-align:top;
  background-color:#BECBCE;
  padding:5px;
  border : 1px solid #000;
  border-collapse:collapse;
}
.savesbox td ul {
  margin:0;
}
.savesbox td a {
  text-decoration:none
}

.savesbox td a:hover {
  background-color:#506462;
  color:#FFF;
}
.baddies {
  position:absolute;
  top:300px;
  left:260px;
  width:70%;
  z-index:1;
}
.baddies fieldset > a > img {
  float:right;
  margin: -6px -14px 0 0;
  padding:0;
}


.baddies fieldset h4 {
  margin: 0;
  padding: 0 4px;
}


/* NEWS */
.newsheadline {
  background-color:#737e8d;
  border-color:#4b586b;
  color:#E9E9EB;
}
.newsheadline h4 {
  color:#E9E9EB;
}
.newsheadline a {
  color:#E9E9EB;
}

.newsbody {
  background-color:#BECBCE;
/*  background-color:#D9E9EC;*/
  border-color:#506462;
}

.newsfoot {
  background-color:#B0BFC2;
  color:#000000;
  border-color:#506462;
}
.newsfoot a{
  color:#000000;
}

.quote{
  border-color:#506462;
  background-color:#B0BFC2;
}

/* COLLECT */
.collecthead {
  background-color:#737e8d;
  border-color:#4b586b;
  color:#E9E9EB;
}
.collecthead h4 {
  color:#E9E9EB;
}
.collecthead a {
  color:#E9E9EB;
}

.collectbody {
  background-color:#BECBCE;
/*  background-color:#D9E9EC;*/
  border-color:#506462;
}

.collectfoot {
  background-color:#B0BFC2;
  color:#000000;
  border-color:#506462;
}
.collectfoot a{
  color:#000000;
}



/* COMICS */
.currentcomics {
  border : 2px solid #4b586b;
  background-color : #D9E9EC;
}
.comics {
  border : 2px solid #4b586b;
}
.comics th {
  background-color:#737e8d;
  color:#000;
}
.comics th a {
  color:#000;
}
.comics td {
  background-color:#B0BFC2;
}



/*FANFIC*/

.fflisthead, .fflisthead a {
  background-color:#B0BFC2;
}
.fflistbody {
  background-color:#BECBCE;
}
.fflistfoot, .fflistfoot a {
  background-color:#B0BFC2;
}


.ffhead, .fffoot {
  clear: both;
  background-color:#B0BFC2;
  margin:-5px -10px -5px -10px;
  padding:5px;
  height:25px;
}

.ffhead a, .fffoot a  {
  text-decoration:none;
  font-size:8pt;
}

.ffreviewhead {
  background-color:#4b586b;
  padding:5px;
  margin-top:15px;
}

.ffreviewhead a {
  text-decoration:none;
  color:#FFF;
  font-size:12pt;
}

.ffreviewbody {
  background-color:#BECBCE;
  padding:5px;
}

.ffreviewfoot {
  background-color:#B0BFC2;
  padding:5px;
  margin-bottom:12px;
}

/* OTHER GAMES */
.gameinfobox {
  background-color:#737e8d;
  border: 2px solid #4b586b;
  color:#000;
}

/*SINGLE IMAGES*/
div.rightimage {
  float: right;
  margin:0 0 5px 15px;
  border-width: 0.5em 0 0.8em 1.4em;
}

div.leftimage {
  float:left;
  margin-right:0.5em;
  border-width:0.5em 1.4em 0.8em 0;
}

div.centerimage {
  margin-left:0.5em;
  border-width: 0.5em 0 0.8em 1.4em;
}


div.leftimage, div.rightimage, div.centerimage {
  margin-bottom: 0.5em;
  width: auto;
  overflow: hidden;
  border:1px solid #B0BFC2;
  padding: 3px !important;
  background-color:#B0BFC2;
  font-size: 94%;
  text-align: center;
}

fieldset > div.leftimage, fieldset > div.rightimage, fieldset > div.centerimage {
  border:1px solid #c6ced9;
  background-color:#c6ced9;
}

div.leftimage span, div.rightimage span, div.centerimage span {
  display:block;
  border: none;
  padding: 0.3em 0 0.1em 0;
}
.imagecaption {
  border: none;
  padding: 0.3em 0 0 0;
}

.indexeye {
  float:right;
  width:200px;
}

.index {
  margin-right:205px;
}

/* INDEX - AMAZON */
.ama {
  float : left;
  margin-left:2px;
}

/* INDEX - NEWS */
.si {
  margin: 0 20px 20px 20px;
  text-align:justify;
}
.si h4 a, .si h4 a:hover {
  text-decoration:none;
  font-size:12pt;
  color:#000;
  font-weight:bold;
}

.si hr {
  height: 1px;
  border: 1px;
}


/* NEWS */
/*index*/
.newsihead {
  height:48px;
  margin: 15px 0 4px 0;
  border-bottom : 1px solid #000;
}

.newsihead img {
  float:left;
  margin-right:15px;
}

.newsiheadline {
  height:30px;
}

.newsiheadline h4 {
  margin: 2px 0 0 0;
  padding:0;

}
.newsiheadline h4 a, .newsiheadline h4 a:hover {
   font-size:9pt;
}

.newsiheadinfo {
  font-size:7pt;
  font-family:Verdana;
}


.newsiheadinfo a {
  text-decoration:none;
}

.newsiheadinfo:after {
  clear:both;
}



.newsihead hr {
  background-color: #252719;
}


.newsicont {
  font-size:10pt;
  margin: 5px 0 30px 0;
}
.newsicont a {
  text-decoration:none;
  font-weight:bold;
}

.newssource {
  float:right;
}


.newssource a {
  font-weight:normal;
}



.news {

}

.newsheadline {
  border-style:solid;
  border-width:1px 1px 0 1px;
  padding:5px 8px 5px 8px;
  margin-top:15px;
  width:80%;
  text-align:left;
  font-size:8pt;
}
.newsheadline h4 {
  margin-top:0px;
  font-size:12pt;
}
.newsheadline a {
  margin-top:0px;
  text-decoration:none;
  font-family:Verdana;
  font-size:8pt;
}

.newsbody {
  padding:8px;
  width:80%;
  text-align:justify;
  border-width:0 1px 0 1px;
  border-style:solid;
}

.newsfoot {
  padding:5px 8px 5px 8px;
  width:80%;
  text-align:left;
  font-family:Verdana;
  font-size:8pt;
  border-width:0 1px 1px 1px;
  border-style:solid;
}
.newsfoot a{
  font-family:Verdana;
  font-size:8pt;
  text-decoration:none;
}


.quote{
  margin:7px;
  padding:3px;
  border-width:1px;
  border-style:solid;
}




/* MENUS - SUBMENU */
div.submenu, div.submenu2 {
  clear: both;
  width:100%;
  font-family:Verdana;
  font-size:10pt;
}
div.submenu:after, div.submenu2:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.submenu > div {
  float:left;
  margin:auto;
  width:30%;
}
.submenu2 > div {
  float:left;
  margin:auto;
  width:49%;
}
.submenu div ul, .submenu2 div ul {
  list-style:none;
  margin-top:0px;
}
.submenu a, .submenu2 a {
  text-decoration:none;
  font-family:Verdana;
  font-size:11pt;
}
.submenu a:hover, .submenu2 a:hover {
  text-decoration:none;
  font-family:Verdana;
  font-size:11pt;
}


/* MENUS - PAGEMENU */
.pagemenu {
  margin:5px 0 5px 0;
}
.pagemenu ul {
  list-style:none;
  margin:0;
  padding:0;
}
.pagemenu ul li {
  font-size:8pt;
  font-face:Verdana;
  margin-right:3px;
  float:left;
  display: block;
}
.pagemenu ul li a{
  text-align:center;
  text-decoration:none;
  font-size:8pt;
  font-face:Verdana;
}



/* COMMUNITY - MEMBERS AREA */


.inactive, .inactive a {
  text-decoration:line-through;
}

.managefffoot {
 font-size:8pt;
}

.aligntop td {
  vertical-align:top;
}



/* FAQ */
.faq, .faq ol {
list-style-type:none;
}



/* GAMES & WALKTHROUGH */
.gamemenu {
  width:100%;
  margin:0;
}
.gamemenu td {
  width:50%;
  vertical-align:top;
  margin:0;
  padding:0;
}



.wtm {
  margin:5px 10px 10px 10px;
}
.wtm a {
  font-size:9pt;
  text-decoration:none;
}
.wtm:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}



.wtnote {
  width:95%;
  padding:5px;
  margin:10px 0 10px 0;
}


.com span span {
  display:none;
}

.com span:active span {
  display:block;
  margin: 5px 0 5px 0;
}



/*story*/
.dial {
  margin-left:30px;
  text-indent:-30px;
  margin-bottom:1px;
}
.bes {
  margin:6px 0 7px 0;
  font-style:italic;
}

/* COLLECT */
.collecthead {
  height:15px;
  clear: both;
  border-style:solid;
  border-width:1px 1px 0 1px;
  padding:5px 8px 5px 8px;
  margin:5px 10px 0 10px;
  text-align:left;
  font-size:8pt;
}
.collecthead h4 {
  margin-top:0px;
  font-size:12pt;
}
.collecthead a {
  margin-top:0px;
  text-decoration:none;
  font-family:Verdana;
  font-size:8pt;
}

.collectbody {
  clear: both;
  min-height:100px;
  height:auto !important;  /* für alle */
  height:100px;  /*für IE */
  padding:8px;
  margin:0 10px 0 10px;
  text-align:justify;
  border-width:0 1px 0 1px;
  border-style:solid;
}

.collectfoot {
  height:15px;
  clear: both;
  padding:5px 8px 5px 8px;
  margin:0 10px 5px 10px;
  text-align:left;
  font-family:Verdana;
  font-size:8pt;
  border-width:0 1px 1px 1px;
  border-style:solid;
}
.collectfoot a {
  font-family:Verdana;
  font-size:8pt;
  text-decoration:none;
}



/* COMICS */
.currentcomics {
  clear:left;
  margin:10px 260px 6px 10px;
  padding : 0 20px 20px 20px;
  text-align : justify;
  font-size : 9pt;
  font-family : Verdana,Arial,Helvetica,sans-serif;
}
.currentcomics a {
  font-size : 9pt;
  font-family : Verdana,Arial,Helvetica,sans-serif;
  text-decoration:none;
}
.cm {
  width:100%;
  margin:5px 0 10px 0;
}
.cm a {
  font-size:9pt;
  text-decoration:none;
}
.cm:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.comics {
  width:100%;
  margin:5px 0 25px 0;
  padding:0;
  border-collapse:collapse;
}
.comics th {
  text-align:left;
  padding:3px;

}
.comics td {
  padding:0 5px 0 5px;
  font-size:9pt;
  text-align:left;
}



/*FANFIC*/
.fflist {
  margin:0 15px 20px 15px;
}
.fflisthead, .fflisthead a {
  padding:3px;
  font-size:11pt;
  font-family:Verdana;
  text-decoration:none;
}
.fflistbody {
  padding:3px;
  text-align : justify;
}
.fflistfoot, .fflistfoot a {
  padding:3px;
  font-size:10pt;
  font-family:Verdana;
}



.fanficv, .fanficp, .fanficc {
  margin:15px 0 15px 0;
  min-height:1200px;
}
.fanficv p {
  font-family:Verdana,Arial,Helvetica,sans-serif;
}
.fanficp p {
  font-family:'Palatino Linotype', Georgia, serif;
}
.fanficc p {
  font-family:'COURIER NEW', Courier, sans-serif;
}
.fanfic p {
  text-align:justify;
  margin:0 35px 0 35px;
}
.fanfic2 p {
  text-align:justify;
  margin:0 35px 0 35px;
  text-indent:2ex;
}
.fanfic3 p {
  text-align:justify;
  margin:0 35px 0 35px;
  text-indent:1.4cm;
}


input {
  vertical-align: middle;
}
input[type="submit"], input[type="reset"], input[type="button"], input[type="file"] {
  font-size: 1em;
}

pre {
  font-family: "Courier New", Courier, monospace !important;
}


/*wtitem OLD */
.s, .g, .p, .h, .w, .a, .k, .t, .b, .f, .u {
  background-color:#BBC9CC;
}
a.s, a.g, a.p, a.h, a.w, a.a, a.k, a.t, a.b, a.f, a.u {
  background-color:#BBC9CC;
}
.s, .g {
  margin: 5px 1cm 5px 1cm;
  padding: 4px;
}

.s b {
  color:#FF0000;
}

.g b {
  color:#0000DE;
}

.p, .h, .w, .a, .k, .t, .b, .f, .u, .r {
  font-style:italic;
  white-space:nowrap;
}

.p, .w, .k, .b, .r {
  font-weight:bold;
}

.p, .h {
  color:#009E00;
}

.w, .a {
  color:#FF0000;
}

.k, .t {
  color:#5204BB;
}

.b, .f {
  color:#800000;
}

.u {
  color:#F0F;
}