body {
 background: #2f323b url(../Bilder/bg.gif) repeat-x;
 padding: 0px;
 margin: 0px;
 text-align: center;
 font-size: 81.25%;
 font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, Sans-Serif;
}

#Inhalt_Rahmen {
 background: #ffffff url(../Bilder/bg-inhalt.gif) repeat-y;
 margin: auto;
 width: 950px;
 text-align: left;
}

#Inhalt {
 min-height: 450px;
 padding: 0px 20px 15px 30px;
}

* html #Inhalt {
 height: 450px;
}

.left {
 float: left;
 min-width: 550px;
 max-width: 550px;
 width: 550px;
}

.right {
 margin: 10px 0px 0px 30px;
 float: left;
 width: 300px;
}

.box {
 margin-bottom: 20px;
}

/* ------- Code --------------------------------------- */
.comment, .javadoc{
  color: #5E5A80;
}

.keyword {
  color: #1569C7;
  font-weight: bold;
}

.title {  
  font-weight: bold;
}

.html .atribute .value {
  color: green;
}

pre code[class]:after {
  content: 'highlight: ' attr(class);
  display: block; text-align: right;
  font-size: smaller;
  color: #CCC; background: white;
  border-top: solid 1px;
  padding-top: 0.5em;
}

pre code {
 display: block;
 background: #F0F0FB;
 padding: 3px;
 font-size: 12px;
}

pre code, 
.ruby .subst {
  color: black;
}

.string{
  color: #D00;
}

.variable, .attribute, .value, .symbol, .number, .date {
	color : #F87217;
	font-weight : bold;
}

.function .title,
.class .title, 
.tag  ,
.css .rules ,
.preprocessor,
.ruby ,
.built_in,
.sql .aggregate,
.django .template_tag,
.django ,
.smalltalk {
  color: #800;
}

.annotation,
.template_comment {
  color: #999999;
}

/* ------- Header ------------------------------------- */

#Header {
 background: url(../Bilder/bg-header.gif) no-repeat;
 height: 192px;
}

#Header_Left {
 float: left;
 padding: 60px 0px 0px 30px;
 width: 700px;
}

#Header_Right {
 float: left;
 padding: 19px 0px 0px 50px;
}

#Logo {
 height: 55px;
}

/* ------- Bottom ------------------------------------- */

#Bottom {
 background: url(../Bilder/bg-bottom.gif) 0px 0px  no-repeat;
 text-align: left;
 height: 94px;
 margin: auto;
 width: 950px;
}

#Bottom_Inhalt {
 color: #909090;
 padding: 25px 0px 0px 20px;
 font-family: Tahoma;
 font-size: 85%;
 letter-spacing: 0.03em;
}

#Bottom_Inhalt a {
 color: #909090;
}

#Bottom_Inhalt a:hover {
 color: #d0d0d0;
}

#Bottom_Inhalt a.pm:hover {
 color: #b2f000;
}

/* ------- Schrift ------------------------------------ */

h1,h2,h3,h4,h5,h6 {
 font-family: Georgia, Times, Serif;
 font-weight: normal;
 margin: 0px;
}

ul {
 margin: 5px 0px 5px 5px;
 padding: 0px 0px 0px 15px;
 list-style-image: url(../Bilder/li.gif) ;
}

h1 {
 font-size: 160%;
 color: #666666;
 letter-spacing: 1px;
 margin: 10px 0px 5px 0px;
}

h2 {
 font-size: 130%;
 color: #888888;
 letter-spacing: 1px;
 margin: 10px 0px 5px 0px;
 border-bottom: 1px solid #bbbbbb;
}

h3 {
 font-size: 110%;
 color: #666666;
 margin: 10px 0px 5px 0px;
 letter-spacing: 0.03em;
 border-bottom: 1px solid #bbbbbb;
}

.right h1 {
 font-size: 150%;
 color: #666666;
 letter-spacing: 1px;
 margin: 5px 0px 5px 0px;
 border-left: 8px solid #f89726;
 padding-left: 5px;
 background: #f5f5f5;
}

.right h2 {
 font-size: 130%;
 color: #666666;
 letter-spacing: 0px;
 margin: 5px 0px 5px 0px;
 border-bottom: none;
}

.right h3 {
 font-size: 100%;
 color: #666666;
 letter-spacing: 0px;
 font-weight: bold;
 border-bottom: none;
 font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, Sans-Serif;
 margin: 5px 0px 5px 0px;
}

.right h4 {
 font-size: 90%;
 color: #999999;
 font-weight: bold;
 font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, Sans-Serif;
 margin: 5px 0px 5px 0px;
 line-height: 1.2em;
}

.right p {
 min-height: 101px;
 margin: 0px;
 padding: 3px;
 background: #fafafa;
 border-top: 1px solid #f0f0f0;
 border-bottom: 1px solid #f0f0f0;
} 

* html .right p {
 height: 101px;
}

.right img {
 margin: 4px;
}

a {
 text-decoration: none;
 color: #f89726;
}

a:hover {
 text-decoration: underline;
}

/* ------- Navigation --------------------------------- */
#Navigation {
 color: white;
}

* html #Navigation {
}

#Navigation ul {
 list-style: none;
 margin: 0px;
 padding: 0px 0px 0px 0px;
}

#Navigation li {
 margin: 0px;
 padding: 0px;
 display: inline;
}

/* ------- Subnavigation ------------------------------ */

#Subnavigation {
}

#Subnavigation ul {
 list-style: none;
 margin: 4px 0px 0px 0px;
 padding: 0px;
}

#Subnavigation li {
 margin: 0px 10px 0px 10px;
 padding: 0px 0px 3px 0px;
 display: inline;
}

#Subnavigation li a {
 text-decoration: none;
 color: #BFCF67;
}

#Subnavigation li a:hover {
 text-decoration: none;
 color: white;
}

#Subnavigation li.active a {
 text-decoration: none;
 color: white;
}

#Subnavigation li.active {
 font-weight: bold;
 background: url(../Bilder/sn-a.gif) bottom center no-repeat;
}

* html #Subnavigation li.active {
 height: 21px;
 padding: 0px 0px 3px 0px;
}

* html #Subnavigation li.notactive {
 height: 21px;
}