/* Allgemeine Styledatei für Saschas Homepage
*/
.hidden {
  display: none
}

.shown {

}

a:link {
  color: #FFFF00;
  text-decoration: underline;
}

a:visited {
  color: #FFFF00;
  text-decoration: underline;
}

a:hover {
  color: #AAAAAA;
  text-decoration: underline;
}

a:active {
  color: #FFFF00;
  text-decoration: none;
}

.extern {
  background: transparent url(extern.gif) no-repeat center left;
  padding-left: 14px;
}

.out {
  background: transparent url(out.gif) no-repeat center left;
  padding-left: 14px;
}

body {
  z-index: 1;
  color: #FFFFFF;
  background: black url(mondgesicht.jpg) no-repeat top left;
  font-family: Helvetica, Helv, Arial, sans-serif;
  max-width: 800px;
}

.logo, .ruby {
  color: #FFFFFF;
  background: black url(mondgesicht.jpg) no-repeat top left;
}
.nologo, #en {
  background-image: none;
}

img {
  border-style: none
}

.lang {
  position: absolute;
  top: 24px;
  left: 600px;
  margin: 0;
  padding: 0;
}

h1 {
  margin-left: 20px;
  padding-left: 104px;
}

#en h1 {
  margin-left: 10px;
  padding-left: 10px;
}

p {
  padding: 4px;
  margin: 4px;
}

pre {
  padding: 4px;
  margin: 4px;
}

.bgdunkel {
  margin-top: 20px;
  color: #FFFFFF;
  background-color: #000000;
  margin-left: 20px;
  padding-left: 104px;
  font-size: smaller;
}

.nologo h1 {
  margin-left: 0px;
  padding-left: 0px;
}

div {
  margin: 0px;
  padding: 0px;
  border: none;
}

ul {
  list-style: square;
  line-height: 1.2em;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

ol {
  line-height: 1.2em;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

li {
  line-height: 1.2em;
  margin-top: 0px;
  margin-bottom: 0px;
}

td {
  text-align: left;
  vertical-align: top;
}

tr {
  text-align: left;
  vertical-align: top;
}

.main {
  vertical-align: top;
  color: #FFFF88;
  background-color: #9F0000;
  border-width: 1px;
  border-style: solid;
  border-color: #9F0000;
  margin-top: 0px;
  margin-left: 20px;
  padding: 1em;
  width: 34em;
}

div.main {
  clear: both;
  vertical-align: top;
  color: #FFFF88;
  background-color: #9F0000;
  border-width: 1px;
  border-style: solid;
  border-color: #9F0000;
  margin-top: 0px;
  margin-left: 20px;
  padding-top: 1em;
  padding-left: 6.6em;
  width: 80%;
}

#en .main {
  padding: 1em;
}

.bghell {
  vertical-align: top;
  color: #FFFF88;
  background-color: #9F0000;
}

.feedtitle {
  display: none;
}

.wo {
  color: #FFFFFF;
  background-color: #1F1F1F;
}

.mainmenu {
  z-index: 2;
  position: fixed;
  top: 60px;
  left: 10px;
  vertical-align: top;
  list-style:none;
  padding:0px;
  margin:0px;
  width:6em;
  font-weight:bold;
}

.mainmenu li {
  width: 100%;
  color: #FFFFFF;
  background: silver url(menu-ol.gif) no-repeat top left;
  padding: 12px 5px 3px 15px;
  border-right: solid black 1px;
  border-bottom: solid black 1px;
}

.mainmenu li.menuselected {
  background: silver url(menusel-ol.gif) no-repeat top left;
}

.menuitem a, menuselected a{
  display:block;
  margin:0;
  padding:0;
  color: white;
}

#rsslogo{
  margin: 2em -4px 2em -4px;
  padding: 6px 0 6px 8px;
  background:black;
}

#styleswitcher {
  margin: 0;
  padding: 6px 0 6px 8px;
  background:black;
}

#rsslogo img {
  vertical-align:middle;
}

.mainmenu a:link, .mainmenu a:visited {
  color: black;
  text-decoration: none;
}

.menuselected a:link, .menuselected a:visited {
  color: white;
  text-decoration: none;
}

.menuitem a:hover {
  display: block;
  color: white;
  background-color: #9F0000;
  width: 100%;
}

.code {
  color: #FFBB00;
  font-family: Fixedsys, Courier, monospace;
  font-size: 0.8em;
}

.sitemap {
  vertical-align: top;
  text-align: center;
  padding-top
  =0.5em;
  padding-bottom
  =1em;
}

button {
  color: #FFFFFF;
  background-color: #5F0000;
}

.fussframe {
  width: 40em;
  height: 4em;
}

#gb-2007 {
  color: black;
  background: #FF7F00;
}

.gb-liste {
  list-style: none;
  margin: 0;
  margin-bottom: 1em;
}

.gb-liste li {
  display: inline;
  padding: 1em;
}

/* site */
table.canvas {
  color: #FFFF88;
  background-color: #9F0000;
  border-style: none;
  width: 40em;
}

.fit {
  width: 100%;
}

.menuwidth {
  width: 7em;
}

.rank-positive {
  color: green;
  background-color: #1F1F1F;
}

.rank-negative {
  color: red;
  background-color: #1F1F1F;
}

/* TAG-CLOUDS
*/

#content{
  margin:0px;
  padding:0px;
}

.bundles {
  padding:0px;
  margin-left:0px;
  margin-right:0px;
  margin-top:0.3em;
  margin-bottom:1em;
}

.bundle {
  color: #FFFFFF;
  background-color: silver;
  border-width: medium;
  border-style: solid;
  border-top-color: #E4E4E4;
  border-bottom-color: #5F5F5F;
  border-left-color: #D4D4D4;
  border-right-color: #5F5F5F;
  padding:2px;
}

.bundle a:link {
  color: black;
  text-decoration: none;
}

.bundle a:visited {
  color: black;
  text-decoration: none;
}

.bundle a:hover {
  color: white;
  background-color: #9F0000;
  width: 100%;
}

.bundle-selected {
  color: white;
  background-color: #9F0000;
  border-width: thin;
  border-style: solid;
  border-top-color: #5F5F5F;
  border-bottom-color: #C0C0C0;
  border-left-color: #C0C0C0;
  border-right-color: #5F5F5F;
  padding:2px;
}


.filter {
  margin-bottom: 1em;
}

.header_filter {
  color: black;
  font-weight: bold;
}

.cloud {
  margin-bottom: 1em;
}

.header_cloud {
  color: white;
  background-color: black;
  font-weight: bold;
  padding: 0.2em;
}

.cloud-1 {
  font-size: 0.6em;
}

.cloud-2 {
  font-size: 0.7em;
}

.cloud-3 {
  font-size: 0.9em;
}

.cloud-4 {
  font-size: 1.1em;
}

.cloud-5 {
  font-size: 1.4em;
}

.cloud-6 {
  font-size: 1.6em;
}

.cloud-7 {
  font-size: 1.8em;
}

.cloud-8 {
  font-size: 2.0em;
}

.cloud-9 {
  font-size: 2.1em;
}

.cloud-10 {
  font-size: 2.2em;
}

.cloud-1 a:link {
  color: rgb(255, 255, 225);
  text-decoration: none;
}

.cloud-2 a:link {
  color: rgb(255, 255, 200);
  text-decoration: none;
}

.cloud-3 a:link {
  color: rgb(255, 255, 175);
  text-decoration: none;
}

.cloud-4 a:link {
  color: rgb(255, 255, 150);
  text-decoration: none;
}

.cloud-5 a:link {
  color: rgb(255, 255, 125);
  text-decoration: none;
}

.cloud-6 a:link {
  color: rgb(255, 255, 100);
  text-decoration: none;
}

.cloud-7 a:link {
  color: rgb(255, 255, 75);
  text-decoration: none;
}

.cloud-8 a:link {
  color: rgb(255, 255, 50);
  text-decoration: none;
}

.cloud-9 a:link {
  color: rgb(255, 255, 25);
  text-decoration: none;
}

.cloud-10 a:link {
  color: rgb(255, 255, 0);
  text-decoration: none;
}

.cloud-1 a:visited {
  color: rgb(205, 205, 225);
  text-decoration: none;
}

.cloud-2 a:visited {
  color: rgb(205, 205, 200);
  text-decoration: none;
}

.cloud-3 a:visited {
  color: rgb(205, 205, 175);
  text-decoration: none;
}

.cloud-4 a:visited {
  color: rgb(205, 205, 150);
  text-decoration: none;
}

.cloud-5 a:visited {
  color: rgb(205, 205, 125);
  text-decoration: none;
}

.cloud-6 a:visited {
  color: rgb(205, 205, 100);
  text-decoration: none;
}

.cloud-7 a:visited {
  color: rgb(205, 205, 75);
  text-decoration: none;
}

.cloud-8 a:visited {
  color: rgb(205, 205, 50);
  text-decoration: none;
}

.cloud-9 a:visited {
  color: rgb(205, 205, 25);
  text-decoration: none;
}

.cloud-10 a:visited {
  color: rgb(205, 205, 0);
  text-decoration: none;
}

/* FEED
*/
.item {
  display: block;
  padding: 4px;
  margin: 4px;
  color: #000000;
  background-color: #FF7F00;
}

.title {
  display: block;
  padding: 4px;
  margin: 4px;
  color: #FFFF88;
  background-color: #9F0000;
  font-weight: bold;
}

.description {
  display: block;
  padding: 4px;
  margin: 4px;
  color: #000000;
  background-color: #FF7F00;
}

.pubDate {
  display: block;
  padding: 4px;
  margin: 4px;
  color: #000000;
  background-color: #FF7F00;
}

/* no max-width in IE < 7 */
* html body {
  width: 800px;
}

/* no position: fixed in IE < 7 */
* html .mainmenu {
  position: absolute;
  z-index: 2;
  top: 80px;
  left: 10px;
  vertical-align: top;
}

#portrait {
  float:right;
  width:120px;
  height=160px;
  z-index:1;
}