/* Formate, allgemeine Seiten - Monitor */

body {
  padding: 0px;
  margin: 0px;
  background-color: #ff9900;
}

#logo {
  height: 160px; 
  margin: 10px 10px 10px 10px;
  background-color: #ffcc00;
  text-align: center;
}

#inhalt {
  width: auto;
  margin: 0px 180px 10px; padding: 15px 15px;
  background-color: #ffff99;
}

#navigation {
  position: absolute;
  top: 180px;
  left: 10px;
  width: 160px;
  background-color: #ffcc00;
  line-height: 120%;
}

#rechts {
  position: absolute;
  top: 180px;
  right: 10px;
  width: 160px;
  background-color: #ffcc00;
}

p#Fusszeile {
    clear: both;
    margin: 10px; padding: 0.1em;
    text-align: center;
    background-color: #ffcc00;
}

#inhalt  h1 { 
          padding: 2px;
          border-bottom-width: 4px;
          border-bottom-style: double;
          border-bottom-color: #663300; 
          border-left: none; border-right: none; border-top: none;
          font-size:16pt;
          color:#663300;
          font-family:Verdana,arial, Helvetica, sans-serif;
          font-weight:bold;
          text-align:left; }

#inhalt  h1.teaser { font-size:13pt;
          color:#663300; border: 0;
          font-family:Verdana,arial, Helvetica, sans-serif;
          font-weight:bold;
          text-align:left; }

#inhalt  h2 { 
         padding: 2px;
         border-bottom-width: 4px;
         border-bottom-style: single;
         border-bottom-color: #663300; 
         border-left: none; border-right: none; border-top: none;
         font-size:13pt;
         color:#663300;
         font-family:Verdana,arial, Helvetica, sans-serif;
         font-weight:bold;
         text-align:left; }
         
#inhalt  h3 {         
         padding: 2px;
         font-size:13pt;
         color: #663300;
         font-family:Verdana,arial, Helvetica, sans-serif;
         font-weight:bold;
         text-align:left; }

  img.logo { height:100px; width:100px; position:absolute; top:40px; left:40px; border:none;}
   
  img.bonsaiart { border:none;} 
  
  
  h2.logo {
          margin: 0px;
          padding-top: 5px; padding-bottom: 0px;
          font-size:25px; font-weight:bold;
          color:#663300; line-heigth: 30px;
          font-family:Verdana, arial, Helvetica, sans-serif;
          text-align:center;
          }
  
  h1.logo {
          margin: 0px;
          padding-top: 25px; padding-bottom: 0px;
          font-size:15px; font-weight:bold;
          color:#663300; line-heigth: 15px;
          font-family:Verdana, arial, Helvetica, sans-serif;
          text-align:center;
          }

  h3 { font-size:12pt;
          color:#663300;
          font-family:Verdana,arial, Helvetica, sans-serif;
          font-weight:bold;
          text-align:left; }

  p     { font-size:10pt; line-height:135%;
          font-family:Verdana, arial, Helvetica, sans-serif;
          text-align:justify; }

  p.anzeigeinhalt { font-size:10pt; line-height:100%;
          font-family:Verdana, arial, Helvetica, sans-serif;
          text-align:center; }

  p.fußzeile { margin-top: 35px; margin-bottom: 35px;
          text-align:center; }

  li    { font-size:10pt; margin-bottom:10px; 
          font-family:Verdana, arial, Helvetica, sans-serif;
          text-align:justify; list-style-type:circle}

  li.alpha    { font-size:10pt; margin-bottom:10px; 
          font-family:Verdana, arial, Helvetica, sans-serif;
          text-align:justify; list-style-type:lower-alpha; list-style-position:outside}

  li.n   { font-size:10pt; line-height:15pt;
          font-family:Verdana, arial, Helvetica, sans-serif;
          text-align:left; list-style-type:circle}

  ul    { font-size:10pt;
          font-family:Verdana, arial, Helvetica, sans-serif;
          text-align:left; list-style-type:circle}

  ul.n    { font-size:10pt;
          font-family:Verdana, arial, Helvetica, sans-serif;
          text-align:left; list-style-type:circle; margin-right:1px; margin-left:1px; }

  div.bild  { font-size:10pt; font-weight:bold; line-height:150%; 
          padding:10px;
          text-align:center;
          margin-right:30px; margin-left:30px;
          font-family:Verdana, arial, Helvetica, sans-serif; }

  div.bildrechts  { font-size:10pt; font-weight:bold; line-height:150%; 
          text-align:center; margin-left:50px; margin-bottom:15px;
          width:auto; float:right; 
          font-family:Verdana, arial, Helvetica, sans-serif; }
          
  p.center  { font-size:12pt;
              font-family:Verdana, arial, Helvetica, sans-serif;
              text-align:center; }

  p.hinweise  { display:none; }

  form    { font-size:12pt;
              font-family:Verdana, arial, Helvetica, sans-serif;
              text-align:center; }

  i { font-family:Verdana, arial, Helvetica, sans-serif; }
  
  a.nav0:link    { color:#663300; display: block; padding: 5px 5px 5px 5px;
              font-size:10pt; text-decoration: none;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  a.nav0:visited { color:#663300;  display: block; padding: 5px 5px 5px 5px;
              font-size:10pt;  text-decoration: none;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  a.nav0:active  { color:#663300;  display: block; padding: 5px 5px 5px 5px;
              font-size:10pt; text-decoration: none;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  a.nav0:hover  { color:#000000;  display: block; padding: 5px 5px 5px 5px;
              background-color:#ffff99;
              border-width:0px;
              border-style:solid;
              font-size:10pt; text-decoration: none;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  div.nav0 { color:#663300;  display: block; padding: 5px 5px 5px 5px;
              font-size:10pt; background-color:#ffff99;
              font-family:Verdana, arial, Helvetica, sans-serif;}

  a.nav1:link    { color:#663300; display: block; padding: 5px 5px 5px 15px;
              font-size:9pt;  text-decoration: none;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  a.nav1:visited { color:#663300; display: block; padding: 5px 5px 5px 15px;
              font-size:9pt;  text-decoration: none;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  a.nav1:active  { color:#663300; display: block; padding: 5px 5px 5px 15px;
              font-size:9pt;  text-decoration: none;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  a.nav1:hover  { color:#663300; display: block; padding: 5px 5px 5px 15px;
              background-color:#ffff99;
              border-width:0px;
              border-style:solid;
              font-size:9pt;  text-decoration: none;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  div.nav1 { color:#663300;  display: block; padding: 5px 5px 5px 15px;
              font-size:10pt; background-color:#ffff99;
              font-family:Verdana, arial, Helvetica, sans-serif;}

  a.nav2:link    { color:#663300; display: block; padding: 5px 5px 5px 25px;
              font-size:9pt;  text-decoration: none;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  a.nav2:visited { color:#663300; display: block; padding: 5px 5px 5px 25px;
              font-size:9pt;  text-decoration: none;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  a.nav2:active  { color:#663300; display: block; padding: 5px 5px 5px 25px;
              font-size:9pt;  text-decoration: none;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  a.nav2:hover  { color:#663300; display: block; padding: 5px 5px 5px 25px;
              background-color:#ffff99;
              border-width:0px;
              border-style:solid;
              font-size:9pt;  text-decoration: none;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  div.nav2 { color:#663300;  display: block; padding: 5px 5px 5px 25px;
              font-size:9pt; background-color:#ffff99;
              font-family:Verdana, arial, Helvetica, sans-serif;}

  a.nav3:link    { color:#663300; display: block; padding: 5px 5px 5px 35px;
              font-size:8pt;  text-decoration: none;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  a.nav3:visited { color:#663300; display: block; padding: 5px 5px 5px 35px;
              font-size:8pt;  text-decoration: none;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  a.nav3:active  { color:#663300; display: block; padding: 5px 5px 5px 35px;
              font-size:8pt;  text-decoration: none;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  a.nav3:hover  { color:#663300; display: block; padding: 5px 5px 5px 35px;
              background-color:#ffff99;
              border-width:0px;
              border-style:solid;
              font-size:8pt;  text-decoration: none;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  div.nav3 { color:#663300;  display: block; padding: 5px 5px 5px 35px;
              font-size:8pt; background-color:#ffff99;
              font-family:Verdana, arial, Helvetica, sans-serif;}

  a.anzeige:link, a.anzeige:visited,  a.anzeige:active,  a.anzeige:hover
          { font-size:8pt; line-height:125%; color:#663300;
          font-family:Verdana, arial, Helvetica, sans-serif; text-decoration: none;
          text-align:center; margin-top: 15px; margin-bottom: 15px; }

   a.bild:link    { color:#000000;
              font-size:9pt;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  a.bild:visited { color:#663300;
              font-size:9pt;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  a.bild:active  { color:#663300;
              font-size:9pt;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  a.bild:hover  { color:#FF0000;
              font-size:9pt;
              font-family:Verdana, arial, Helvetica, sans-serif;}
              
  div.trenner { display: block; padding: 5px 5px 5px 15px; background-color:#ff9900;}

  p.anzeigerechts { font-size:8pt; line-height:125%;
          font-family:Verdana, arial, Helvetica, sans-serif;
          text-align:center; margin-top: 15px; margin-bottom: 15px; }
  .anzeigerechts a:link    { color:#663300; padding: 5px 5px 5px 5px;
              font-size:8pt; text-decoration: none;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  .anzeigerechts a:visited { color:#663300; padding: 5px 5px 5px 5px;
              font-size:8pt;  text-decoration: none;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  .anzeigerechts a:active  { color:#663300; padding: 5px 5px 5px 5px;
              font-size:8pt; text-decoration: none;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  .anzeigerechts a:hover  { color:#663300; padding: 5px 5px 5px 5px;
              font-size:8pt; text-decoration: none; 
              font-family:Verdana, arial, Helvetica, sans-serif;}
  .anzeigerechts img {border:none ;}              


  div.blc { font-size:8pt; line-height:125%; width:500px;
          font-family:Verdana, arial, Helvetica, sans-serif; text-align:center;
          margin-left:auto; margin-right:auto; margin-top: 15px; margin-bottom: 15px; }
  
  .blc a:link    { color:#0000FF; 
              font-size:8pt;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  .blc a:visited { color:#0000FF; 
              font-size:8pt;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  .blc a:active  { color:#0000FF; 
              font-size:8pt;
              font-family:Verdana, arial, Helvetica, sans-serif;}
  .blc a:hover  { color:#990000; 
              font-size:8pt;
              font-family:Verdana, arial, Helvetica, sans-serif;}    

  
  /* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #ffcc00; border: 1px #ff9900 solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #ffcc00; border: 2px #ff9900 solid; }

/* Main table cell colours and backgrounds */
td.row1	{ background-color: #ffff99; }
td.row2	{ background-color: #ffff99; }
td.row3	{ background-color: #ffff99; }

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #663300; font-size: 13px; font-weight : bold; font-family:Verdana,arial, Helvetica, sans-serif;
  background-color: #ffff99; height: 25px;
	}

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {background-color: #ffcc00;}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-color:#ffcc00; border: #ff9900; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #ff9900; border-style: solid; height: 28px; background-color: #ff9900;
}

td.row3Right,td.spaceRow {
	background-color: #ff9900; border: #ff9900; border-style: solid;
}

th.thHead,td.catHead { font-size: 20px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* Forum category titles */
.cattitle		{font-size:12pt; color:#663300; font-family:Verdana,arial, Helvetica, sans-serif;
                text-align:left; font-weight: bold;}
a.cattitle		{ text-decoration: underline; color:#663300; font-size:12pt; font-weight: bold;}
a.cattitle:hover{ text-decoration: underline; font-size:12pt; color:#FF0000; font-weight: bold;}

/* General text */
.gen { font-size : 12px;  font-family:Verdana,arial, Helvetica, sans-serif;}
.genmed { font-size : 12px;  font-family:Verdana,arial, Helvetica, sans-serif;}
.gensmall { font-size : 10px;  font-family:Verdana,arial, Helvetica, sans-serif;}
.gen,.genmed,.gensmall { color : #000000; }
a.gen { font-size:12px; color: #000000; text-decoration: underline; }
a.gen:hover { font-size:12px; color: #ff0000; text-decoration: underline; }
a.genmed { font-size : 12px; color: #000000; text-decoration: underline; }
a.genmed:hover { font-size : 12px; color: #ff0000; text-decoration: underline; }
a.gensmall { font-size : 10px; color: #000000; text-decoration: underline; }
a.gensmall:hover	{ font-size : 10px; color: #ff0000; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu		{ text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: none; color : {T_BODY_HLINK}; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 14px; color : #000000; font-family:Verdana,arial, Helvetica, sans-serif;}
a.forumlink 	{ text-decoration: none; color : #000000; }
a.forumlink:hover{ text-decoration: none; color : #ff0000; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: normal; font-size: 10px; color : #000000; font-family:Verdana,arial, Helvetica, sans-serif;}
a.nav			{ text-decoration: underline; color : #000000; font-size: 10px;}
a.nav:hover		{ text-decoration: underline; color: #ff0000; font-size: 10px;}

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-weight: bold; font-size: 13px; color : #663300; font-family:Verdana,arial, Helvetica, sans-serif;}
a.topictitle:link   { text-decoration: underline; color : #663300; }
a.topictitle:visited { text-decoration: underline; color : #663300; }
a.topictitle:hover	{ text-decoration: underline; color : #FF0000; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 10px; color : #990000; font-family:Verdana,arial, Helvetica, sans-serif;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10px; color : #990000; font-family:Verdana,arial, Helvetica, sans-serif; }

/* The content of the posts (body of text) */
.postbody { font-size : 12px; line-height: 18px;  font-family:Verdana,arial, Helvetica, sans-serif; }
a.postlink:link	{ text-decoration: underline; color : #663300; }
a.postlink:visited { text-decoration: underline; color : #663300; }
a.postlink:hover { text-decoration: underline; color : #ff0000; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle	{
	font-weight: bold; font-size: 14px; font-family:Verdana,arial, Helvetica, sans-serif;
	text-decoration: none; line-height : 120%; color :#663300;
}

/* Quote & Code blocks */
.code { 
	font-family: Verdana,arial, Helvetica, sans-serif; font-size: 12px; color: #000000;  line-height: 125%;
	background-color: {T_TD_COLOR1}; border: #CC6600; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Verdana,arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 125%;
	background-color: {T_TD_COLOR1}; border: #CC6600; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: Verdana,arial, Helvetica, sans-serif; color: #000000; letter-spacing: -1px;}
a.copyright		{ color: #000000; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}

/* Form elements */
input,textarea, select {
	color : {T_BODY_TEXT};
	font: normal {T_FONTSIZE2}px {T_FONTFACE1};
	border-color : {T_BODY_TEXT};
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : {T_TD_COLOR2};
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : {T_TR_COLOR1};
	color : {T_BODY_TEXT};
	font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
	background-color : {T_TD_COLOR1};
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : {T_TD_COLOR1};
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }