/* Main layout
*/
body {
  z-index: 1;
  font-family: Helvetica, Helv, Arial, sans-serif;
  font-size: normal;
  background: white;
  color: black;
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
}

.logo, #en {
  background: white url(dorf.jpg) no-repeat top left fixed;
}

.ruby {
  background: rgb(244,250,244) url(rb.gif) no-repeat top left;
}

.ruby, #en {
  max-width: 800px;
}

#ruby .main {
  background: rgb(244,250,244) url(rb.gif) no-repeat top left;
  padding-top: 80px;
}

#java .main {
  background: rgb(244,250,244) url(cappo.png) no-repeat 30px 20px;
}

#java .main .intro {
  padding-top: 28px;
  padding-left: 120px;
}

#vita .main {
  background: rgb(244,250,244) url(kungfu.png) no-repeat 30px 20px;
}

#vita .main .intro {
  padding-left: 120px;
}

#musik .main {
  background: rgb(244,250,244) url(bass.png) no-repeat 30px 20px;
}

#vorlieben, #hoerproben {
  padding-left: 140px;
}

#vorlieben h3 {
  margin-top: 0px;
}

#gb-2007 {
  background: rgb(244,250,244);
  padding: 4px;
}

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

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

.heading, .main {
  margin: 0;
  margin-left: 7em;
  padding: 1em;
  width: 34em;
}

.heading {
  padding-top: 0;
  padding-bottom: 0;
  float: left;
  min-height: 80px;
}

.lang {
  float: right;
  margin: 0;
  padding: 0;
  padding-top: 12px;
}

.heading h1 {
  float: left;
  margin: 0;
  margin-top: 10px;
  padding: 0;
  text-shadow: silver 3px 3px;
}

.ruby h1 {
  min-height: 70px;
  margin:0;
  margin-top:30px;
  padding: 0;
  padding-left: 140px;
  color: rgb(160, 0, 50);
  text-shadow: gray 3px 3px;
}

.main {
  clear: both;
  vertical-align: top;
  border: solid black 1px;
  border-top:none;
  border-left:none;
  margin-top: 0;
  background: rgb(244,250,244);
}

.main-box {
  clear: both;
  margin: 0;
  margin-left: 7em;
  width: 34em;
  background: url(knick.gif) no-repeat top left;
  padding: 0;
  padding-top: 60px;
  border: solid black 1px;
  border-top:none;
  border-left:none;
}

.main-box .main {
  clear: none;
  margin: 0;
  padding: 1em;
  padding-top: 0;
  width: 32em;
  border: none;
}

.bgdunkel {
  margin-top: 20px;
  margin-left: 20px;
  padding-left: 104px;
  font-size: smaller;
}

#hits img {
   background: rgb(60, 40, 120);
}

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;
}

.bghell {
  background: rgb(244,250,244);
  vertical-align: top;
}

div.bghell {
  padding: 10px;
}

.wo {
  background: rgb(244,200,200);
}

/* Menu
*/

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

.mainmenu li {
  margin:0;
  padding: 0;
  border-right: solid black 1px;
  border-bottom: solid black 1px;
}

.menuitem {
  background: rgb(244,250,244);
}

.menuselected {
  color: white;
  background: rgb(200,200,200);
}

.mainmenu li a {
  display: block;
  margin:0;
  padding: 5px 0.1em 3px 0.1em;
  color: #FFFFFF;
}

#rsslogo, #styleswitcher {
  margin: 2em 0 1em 0;
  padding: 6px 0 6px 4px;
  font-style: italic;
  font-size: smaller;
  border: none;
}

#rsslogo a {
  display: inline;
}
#rsslogo img {
  vertical-align:middle;
}

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

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

.menuselected a:visited {
  color: white;
  text-decoration: none;
  text-shadow: gray 2px 2px;
}

.menuitem a:hover {
  background: rgb(244,200,200);
}

/* Hyperlinks
*/

a:link {
  text-decoration: underline;
}

a:visited {
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: none;
}

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

/* Formats
*/

img {
  border-style: none
}

p, pre, .wo {
  padding: 4px;
  margin: 4px;
}

form p {
  padding: 0px;
  margin: 0px;
}

.code {
  /* http://www.angelfire.com/al4/rcollins/style/fonts.html */
  font-family: Andale Mono, Monaco, Courier, monospace;
  font-weight: bold;
}

p.code, pre.code {
  padding-left: 2em;
  color: rgb(244,200,200);
  background: darkslategray;
  font-size: 1em;
}

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

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

.mp3inf {
  font-size:70%;
}

/* TAG-CLOUDS
*/

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

#content ul {
  list-style: none;
}

.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;
  padding:2px;
}

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

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

.bundle a:hover {
  width: 100%;
}

.bundle-selected {
  border-width: thin;
  border-style: solid;
  padding:2px;
}


.filter {
  margin-bottom: 1em;
}

.header_filter, .header_cloud {
  font-weight: bold;
  padding: 0.2em;
}

.regexp {
  display:none;
}

.cloud {
  margin-bottom: 1em;
}

#content p {
  font-size: 0.8em;
  padding-left:0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* FEED
*/

.feed {
  padding: 0;
  margin: 10px;
  border-left: solid rgb(244,200,200) 10px;
}

.feedtitle {
  display: none;
}

.item {
  display: block;
  padding: 4px;
  margin: 4px;
}

.feed .item {
  border-top: solid rgb(244,200,200) 1px;
}

.title {
  display: block;
  padding: 4px;
  margin: 4px;
  font-weight: bold;
}

.main .title {
  padding-top: 14px;
  background: url(zettel.jpg) no-repeat -4px -2px;

}

.description {
  display: block;
  padding: 4px;
  margin: 4px;
}

.pubDate {
  display: block;
  padding: 4px;
  margin: 4px;
}

/* Useful with Javascript
*/
.hidden, #vita #portrait {
  display: none
}

.shown {
}

/* Hacks
for more info see
http://www.thestyleworks.de/tut-art/ie7.shtml
*/


/* no max-width in IE < 7 */
* html .heading {
  margin: 0;
  margin-left: 7em;
  /* double float margin bug in IE 6
  for more info see
  http://www.positioniseverything.net/explorer/doubled-margin.html
  */
  ma\rgin-left: 3.5em;
  padding: 1em;
  padding-top: 0;
  padding-bottom: 0;
  float: left;
  width: 34em;
  height: 80px;
}

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

/*
disappearing position:absolute or position:fixed
see http://www.brunildo.org/test/IE_raf3.html
*/

/* IE 5, IE 6 */
* html .main, * html .main-box {
  clear: none;
}

/* IE 7 */
*+html .main, *+html .main-box {
  clear: none;
}