/*
www.thomaspfeifer.net CSS
based on "andreas01" by Andreas Viklund.
*/

@media screen,projection {

/* Main body */
body {background:#f4f4f4 url(bg.gif) top center repeat-y; color:#000000; font-family:Arial,sans-serif; margin:0 auto; padding:0; font-size:13px;}
#wrap {background:#fff; color:#000000; margin:0 auto; width:760px;}

/* Basic tags */
a {background-color:inherit; color:#286ea0; font-weight: bold; text-decoration:none;}
a:hover {background-color:inherit; color:#286ea0; text-decoration:underline;}
a img {border:0;}
p {margin:0 0 1.4em;}

/* Header */
#header {padding:10px 0px 20px 0px;}

/*Left and right sidebar */
#navigation {clear:left; float:left; margin:0 0 5px; padding:0; width:140px;}
#rightside {float:right; line-height:1.4em; margin:0 0 5px; padding:0; width:140px;}
#navigation p,#navigation ul, #rightside p,#rightside ul {margin:0 0 16px; padding:0;}
#navigation p, #rightside p {font-size:0.9em; line-height:1.4em;}
#navigation li, #rightside li {line-height:1.2em; list-style:none; margin:0 0 6px; padding:0;}
#navigation ul ul, #rightside ul ul {margin:6px 0 0 4px; padding:0;}
#navigation ul ul li, #rightside ul ul li {margin:0 0 4px;}
#navigation ul ul li a, #rightside ul ul li a {font-weight:400;}
#navigation h2,#navigation h3, #rightside h2,#rightside h3 {color:#505050; font-size:1.2em; margin:0 0 8px; padding:0;}

/* Main menu */
#navigation ul.menu, #rightside ul.menu {display:block; list-style:none; margin:0 0 18px 0; padding:0; width:140px;}
#navigation ul.menu li, #rightside ul.menu li {display:inline; line-height:1.4em; padding:0; width:140px;}
#navigation ul.menu li a, #rightside ul.menu li a {background-color:#eaeaea; border-left:4px solid #ccc; color:#505050; float:left;font-weight: bold; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:130px;}
#navigation ul.menu li a:hover,#navigation ul.menu li a.current, #rightside ul.menu li a:hover,#rightside ul.menu li a.current {background-color:#d0d0d0; border-left:4px solid #286ea0; color:#505050;}
#navigation ul.menu ul, #rightside ul.menu ul {font-size:0.85em; margin:0 0 0 10px; padding:0 0 5px; width:125px;}
#navigation ul.menu ul a, #rightside ul.menu ul a {font-weight:400; padding:3px 1px 3px 5px; width:120px;}
#navigation ul.menu ul ul, #rightside ul.menu ul ul {width:113px;}
#navigation ul.menu ul ul a, #rightside ul.menu ul ul a {width:100px;}

/* Main content */
#content {border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; margin:0px 0px 20px 150px; padding:0 15px;}

#content h1 {font-size:18px; margin:0 0 18px;}
#content h2 {font-size:16px; margin:0 0 18px;}
#content h3 {font-size:14px; margin:0 0 14px;}
#content h2 a {color:#284ea0;}

#content ul {margin:0 0 16px 20px; padding:0;}
#content li {margin:0; padding:0 0 0 5px;}
#content ul ul {margin:0 0 0 16px; padding:0;}
#content hr {color:#e0e0e0; height: 1px;}

/* Footer */
#footer {background:#fff; border-top:2px solid #e0e0e0; clear:both; color:gray; margin:0 auto; padding:10px 0; text-align:center; width:760px; line-height:1.5em; font-size:0.9em;}
#footer p {margin:0; padding:0;}
#footer a {background-color:#fff; color:gray; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer span {font-size:1.2em;}

/* description */
#description {font-weight: bold; margin:0 0 10px 0;}

.terminal {
font-family: Terminus,Consolas,Profont,"Lucida Console",Courier,"Courier New",Terminal,monospace;
 color:#ffffff;
 background: #000000;
 padding: 0.5em 1em;
 border: 1px solid #bebab0;
 margin:0 0 20px 0;
 white-space: nowrap;
 overflow:auto;
}
.console {
font-family: Terminus,Consolas,Profont,"Lucida Console",Courier,"Courier New",Terminal,monospace;
 background: #fcfcfc;
 padding: 0.5em 1em;
 border: 1px solid #bebab0;
 margin:0 0 20px 0;
 white-space: nowrap;
 overflow:auto;
}

/* Additional classes */
.left {float:left; margin:3px 10px 2px 0;}
.right {float:right; margin:2px 0 2px 10px;}
.textright {text-align:right; margin:5px 0;}
.center {text-align:center;}
.small {font-size:0.8em;}
.bold {font-weight: bold;}
.timestamp {font-size:1.2em; margin:-5px 0 15px 10px;}
.timestamp a {font-weight:400;}
.announce {background-color:#f4f4f4; border-left:4px solid #ccc; clear:left; color:#505050; font-size:0.9em; line-height:1.5em; margin:10px 0 15px; padding:7px 5px 2px 5px; width:126px;}
.announce p {margin:10px 0 0; padding:0;}
.postinfo {background-color:#f4f4f4; border-left:4px solid #ccc; color:#606060; font-size:0.9em; line-height:1.4em; margin:1px 0 20px; padding:8px 5px 8px 8px;}
.clearing {clear:left; margin:0; padding:0; visibility:hidden;}
.hide {display:none;}
.warn {color:red; font-weight: bold;}
.important {font-weight: bold;}
.ad_top { border:1px solid #f0f0f0; margin:0 0 10px 0; width:468px; }

.breadcrumb {font:75% Verdana,Tahoma,Arial,sans-serif; margin:3px auto; padding:0; border-bottom:2px solid #e0e0e0;}

.mediaBox{
  margin-top:20px;
  margin-bottom:10px;
  padding:0px;
  width:402px;
  background: #f6f6f6;
}
.mediaBox .mediaBoxI{
  margin:0px 0px 0px 0px;
  width:400px;
  padding:0px;
  border:1px solid #A0A0A0;
  text-align:center;
}

.mediaBox p{
  margin-top:-1px;
  padding:4px 10px 4px 10px;
  width: auto;
  color: #686868;
  text-align:center;
  border: 1px solid #A0A0A0;
  font: 10px Verdana, Arial, sans-serif;
}

h2.idx {
  margin-left:0cm;
  margin-top:0px;
  font: 14px Verdana, Arial, sans-serif;
  font-weight:bold;
}

.idximg  {
  border: 1px solid #000000;
}
.idximg:hover {
  border: 1px solid #AA5522;
}

.smallTable
{
border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-collapse: separate;
}

.smallTable td
{
	font-size:10px;
border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: inset inset inset inset;
	font-size:12px;
}

div#tags {
  display: none;
}

@media screen and (max-width: 700px) {
#wrap {width:auto; float:none !important;}
#navigation, #rightside,#header {display:none;}
a {text-decoration:underline; color:#0000ff;}
#description {font-weight: bold;}
#content {border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; margin:0px 0px 0px 0px; padding:0 0px;}
}

} /* media */
@media print {

body {margin:0 auto; padding:0; font-family:"Times New Roman",serif; background:#ffffff; color:#000000;}
#wrap {margin:2%; width:auto; float:none !important;}
#header h1 {margin:0 0 25px 0;}
.ad_top, #header, #frontphoto, #navigation, #rightside, .hide, div#tags {display:none;}
a {text-decoration:underline; color:#0000ff;}
#description {font-weight: bold;}

}  /* media */