/* Allgemeine Deklarationen ------------------------------------------------- */

* {
  margin  : 0;
  padding : 0;
}
html {
  font-family : Verdana, Tahoma, Helvetica, Arial, "Trebuchet MS", "Century Gothic", sans-serif;
  font-size   : 100.01%;
  background  : #444;
  color : #FFF;
  line-height : 1.7;
}
body {
  font-size : 0.76em;
  text-align : center;
}

/* Wrapper ------------------------------------------------------------------ */

#container {
  max-width  : 1200px;
  min-width  : 760px;
  margin     : 0 auto;
  text-align : left;
  color      : #000;
}
* html #container {
  width  : 760px;
}

/* Kopfbereich -------------------------------------------------------------- */

#header {
  background     : url("images/background/header.jpg") no-repeat right bottom #FFF;
  padding        : 5em 0 0;
}
h1 {
  text-transform : lowercase;
  font-weight    : bold;
  float          : left;
  padding        : 1em 10px .75em 30px;
  font-size      : .9em;
}
h1 a {
  text-decoration : none;
  color           : #000;
}
h1 a:focus, h1 a:hover, h1 a:active {
  color           : #BA2D2D;
  text-decoration : none;
}

/* Navigation --------------------------------------------------------------- */

#navigation {
  text-transform : lowercase;
  font-size      : .9em;
  list-style     : none;
  text-align     : right;
  padding        : 1em 30px .75em 10px;
}
#navigation li {
  display : inline;
}
#navigation a {
  text-decoration : none;
  color           : #000;
  padding         : 0 0 0 5px;
}
#navigation a:focus, #navigation a:hover, #navigation a:active {
  color           : #BA2D2D;
  text-decoration : none;
}

/* Brotkrumen --------------------------------------------------------------- */

#breadcrumbs {
  clear         : both;
  padding       : 1em 30px;
  background    : #D3DAD3;
  font-size     : 0.8em;
  border-top    : 1px solid #B9CBB9;
  border-bottom : 1px solid #B9CBB9;
}
#breadcrumbs li {
  display : inline;
}
#breadcrumbs a {
  font-weight     : bold;
  text-decoration : none;
}
#breadcrumbs a:after {
  content   : " * ";
  color     : #000;
  font-size : 0.6em;
}

/* Inhalt ------------------------------------------------------------------- */

#content {
  padding       : .5em 20px 2em;
  border-bottom : 1px solid #CCC;
  background    : #E8E9E8;
}
h2 {
  font-size   : 2em;
  margin      : .25em 10px .5em;
  font-family : "Trebuchet MS", Verdana, Tahoma, Helvetica, Arial, "Century Gothic", sans-serif;
  color       : #444;
  padding-right : 50px;
  background : url("images/background/ankh.jpg") right top no-repeat;
}
h3 {
  border         : 1px solid #B9CBB9;
  background     : #D3DAD3;
  font-size      : 1.1em;
  margin         : .75em 0 .75em;
  font-family    :  Verdana, Tahoma, Helvetica, Arial, "Century Gothic", sans-serif;
  color          : #444;
  padding        : .25em 10px;
}
h4 {
  font-size   : 1em;
  margin      : 1em 10px 0;
}
h4.snippet[class] {
  background   : url("images/icon/code.png") no-repeat 0px 4px;
  padding-left : 16px;
}
h4.bench[class] {
  background   : url("images/icon/bench.png") no-repeat 0px 3px;
  padding-left : 16px;
}
h4.news[class] {
  background   : url("images/icon/news.png") no-repeat 0px 3px;
  padding-left : 16px;
}
h5 {
  font-size   : .8em;
  margin      : 1em 0 .5em;
  font-weight : normal;
  background  : #DDD;
  padding     : .5em 10px;
}
p {
  margin : 0 10px 1em;
}
abbr {
  cursor     : help;
  border     : 0px solid;
  background : #F0F0F0;
  padding    : 2px;
}
code {
  display     : block;
  padding     : 1em;
  border      : 1px dashed #AAA;
  background  : #FFF;
  font-family : Courier, monospace;
  font-size   : 13px;
  line-height : 1.2;
  margin : 0 10px;
}
br.clear {
  clear : both;
}
/* Einzelne Bereiche  ------------------------------------------------------- */

#news_box {
  border : 1px solid #E8E9E8;
  float  : right;
  width  : 50%;
  font-size : .9em;
}

#bench_box {
  border       : 1px solid #E8E9E8;
  margin-right : 50%;
  width        : 48%;
  font-size : .9em;
}
* html #bench_box {
  width  : 45%;
}


.comment p {
  margin    : .25em 0;
  padding   : .25em 12px;
  font-size : .9em;
}

/* Verweise ----------------------------------------------------------------- */

a {
  text-decoration : none;
  color           : #BA2D2D;
}
a:focus, a:hover, a:active {
  color : #000;
}

/* Listen ------------------------------------------------------------------- */

#content ul {
  margin : 1em 20px;
}
#content ol {
  margin      : 1em 30px;
  line-height : 1.5;
}
* html #content ol {
  list-style : none;
  margin     : 1em 10px;
}
#content ol a {
  float : left;
  width : 360px;
}
#content dl {
  line-height : 1.4;
  margin : 1em 10px;
}
#content dt {
  float : left;
  width : 260px;
}

/* On-Page-Auswahl ---------------------------------------------------------- */

#content .page_picker {
  margin     : 0 10px 1.5em;
  list-style : none;
  font-size  : .9em;}
#content .page_picker ul {
  margin     : .5em 25px;
  list-style : disc;
}
#content .page_picker p {
  padding : 0;
  margin  : 0 0 .6em;
}

#content .benchmark {
  list-style : none;
  margin     : 0;
}
#content .benchmark ul {
  list-style : decimal outside;
  margin     : .25em 30px;
}
#content .benchmark li {
  margin-top : 1.5em;
}
#content .benchmark li li {
  margin-top : 0;
}
#content .benchmark li a {
  display       : block;
  border         : 1px solid #B9CBB9;
  background     : #D3DAD3;
  padding       : .5em 10px;
  font-weight   : bold;
}
#content .benchmark li p a, #content .benchmark li li a {
  font-weight   : normal;
  display       : inline;
  background    : transparent;
  padding       : 0;
  border        : 0;
}
#content .benchmark p {
  padding : .5em 0 0;
}
#content .benchmark li li p {
  margin : 0;
  padding : 0 0 .5em;
}

#content .sitemap, #content .sitemap ul {
  list-style : none;
  margin     : 0;
}
#content .sitemap ul ul ul {
  list-style : decimal outside;
  margin     : .25em 30px;
}
#content .sitemap li {
  margin-top : 1.5em;
}
#content .sitemap li li li {
  margin-top : 0;
}
#content .sitemap li a {
  display       : block;
  border        : 1px solid #B9CBB9;
  background    : #D3DAD3;
  font-weight   : bold;
  padding       : .5em 10px;
}
#content .sitemap li li li a {
  display       : block;
  border : 0;
  border-bottom : 1px solid #B9CBB9;
  background    : transparent;
  padding       : .125em 10px;
}
#content .sitemap li li li li a {
  font-weight   : normal;
  display       : inline;
  background    : transparent;
  padding       : 0;
  border        : 0;
}
#content .sitemap p {
  padding : .5em 0 0;
}
#content .sitemap li li li li p {
  margin : 0;
  padding : 0 0 .5em;
}

/* Tooltips ----------------------------------------------------------------- */

.tooltip {
  position        : relative;
  color           : inherit;
  background      : #F6F6F6;
  padding : .125em 0;
}
.tooltip .tooltiptext {
  display : none;
  font-family  : Verdana, Tahoma, Helvetica, Arial, "Trebuchet MS", "Century Gothic", sans-serif;
  font-size    : .8em;
  color        : #000;
  border       : 1px solid #BBB;
  background   : #EEE;
  padding      : .75em 10px;
  position     : absolute;
  top          : .8em;
  left         : .25em;
  -moz-opacity : .88;
  z-index : 100;
  width    : 50em;
}
.tooltip .tooltiptext strong {
  font-size     : 1em;
  border-bottom : 1px solid #BBB;
  display       : block;
  padding       : .25em 0;
  margin        : 0 0 .5em;
  color : #666;
}
.tooltip:hover .tooltiptext {
  display      : block;
}
.tooltip .tooltiptext a {
}

/* Seitenanfangs-Links ------------------------------------------------------ */

.p-nav {
  font-size : .8em;
  padding    : 1em 0 0;
  text-align : right;
}

/* Formulare ---------------------------------------------------------------- */

form {
  background : #D3DAD3;
  line-height : 2.6;
}
form br {
  clear:left
}
fieldset {
  padding : 1em 20px;
  border : 1px solid #B9CBB9;
}
fieldset fieldset {
  margin : 0;
  padding : 1em 0;
  border : 0px solid;
}
label.left {
  float : left;
  width : 100px;
  cursor : pointer;
}
.field {
  width : 400px;
  border : 1px solid;
  border-top-color : #DDD;
  border-left-color : #D0D0D0;
  border-bottom-color : #888;
  border-right-color : #808080;
  font-size : 1em;
  font-family : Verdana, Tahoma, Helvetica, Arial, "Trebuchet MS", "Century Gothic", sans-serif;
  padding : 2px;
}
.field:focus {
  border-bottom-color : #DDD;
  border-right-color : #D0D0D0;
  border-top-color : #888;
  border-left-color : #808080;
}
.button {
  margin  : 0 0 1em 100px;
  padding : .25em 20px;
  font-size : 1em;
  font-family : Verdana, Tahoma, Helvetica, Arial, "Trebuchet MS", "Century Gothic", sans-serif;
  background : #DDD;
  border : 1px solid;
  border-top-color : #DDD;
  border-left-color : #D0D0D0;
  border-bottom-color : #888;
  border-right-color : #808080;
  cursor : pointer;
}
.button:hover {
  background : #EEE;
}

/* Tabellen ----------------------------------------------------------------- */

table {
  border-collapse : collapse;
  font-size       : 1em;
  width           : 100%;
}
th {
  padding    : .2em .5em .6em;
  border     : 1px solid #888;
  text-align : right;
  font-size  : 0.9em;
  background : #666;
  vertical-align : bottom;
  color          : #FFF;
  font-size : 1.1em;
  font-weight : bold;
}
th span {
  display : block;
  font-size : .8em;
  font-weight : normal;
  text-align : right;
  padding : .5em 0;
  border-bottom : 1px solid #888;
  margin-bottom : .25em;
}
th.l {
  text-align : left;
}
th span {
}
tbody td {
  background-image : url("images/background/perf_bar.gif");
}
td {
  vertical-align : top;
  padding    : .25em .5em;
  border     : 1px solid #888;
  text-align : right;
  font-size : .9em;
}
td.l {
  text-align : left;
}
td a {
  color        : #444;
}	
td a[href] {
  background   : url("images/icon/code.png") no-repeat 0px -99px;
  padding-left : 16px;
}
td a[href]:hover {
  background-position : 0px 1px;
}

/* Seitenzahlen ------------------------------------------------------------- */

.pagenumbers {
  margin    : 2em 0 0;
  font-size : 0.9em;
}
.pagenumbers h4 {
  margin        : .5em 10px .25em !important;
  padding       : 0 !important;
  font-weight   : normal;
  border-bottom : 1px dotted #AAA;
  color         : #444;
  font-size     : 1em !important;
}
.pagenumbers h5 {
  margin      : 0 10px !important;
  padding     : 0em 0 !important;
  font-weight : normal;
  text-align  : right !important;
  color       : #444;
  background : transparent;
  font-size   : 1em !important;
}
.pagenumbers p {
  float        : left;
  display      : block;
  margin       : 0 5px 0 10px !important;
  padding      : .5em 0 !important;
  font-size    : 1em !important;
}
.pagenumbers ul {
  list-style : none;
  margin     : 0.7em 0 0 !important;
}
.pagenumbers li {
  float       : left;
  margin      : 0 2px 0 0;
  display     : block;
  font-size   : 1em !important;
}
.pagenumbers #current span {
  display     : block;
  padding     : 1px 5px;
  color       : #B71C1C;
}
.pagenumbers li a {
  display     : block;
  font-weight : bold;
  padding     : 1px 5px;
  font-size   : 1em !important;
  background  : #D3DAD3;
}
.pagenumbers li a:hover {
  background  : #444;
  color       : #FFF;
  text-decoration : none;
}

/* Fußbereich --------------------------------------------------------------- */

#footer {
  border-top    : 1px solid #888;
  font-size     : .8em;
  text-align    : center;
}
#page_foot {
  background    : #444;
  color         : #FFF;
  padding       : 1em 0 0;
  border-top    : 1px solid #333;
}
#page_foot li {
  display : inline;
}
#page_foot a {
  color           : #DDD;
  text-decoration : none;
}
#page_foot a:focus, #page_foot a:hover, #page_foot a:active {
  color : #FFF;
}
#page_foot li:before {
  content : " - ";
}
* html #page_foot li {
  border-left  : 1px solid;
  padding-left : 0.5em;
}
#first_page_foot_item:before {
  content : "" !important;
}
* html #first_page_foot_item {
  border : none !important;
}
#partner {
  background   : #444;
  margin       : 1em 40px;
  border-top : 1px solid #555;
  padding-top : 1em;
}
#partner li {
  display : inline;
  color   : #AAA;
}
#partner li:before {
  content   : " - ";
  font-size : 0.9em;
}
* html #partner li {
  border-left  : 1px solid;
  padding-left : 0.5em;
}
#first_partner_item:before {
  content : "" !important;
}
* html #first_partner_item {
  border : none !important;
}
#partner a {
  text-decoration : none;
  color : #AAA;
}
#partner a:hover {
  text-decoration : none;
  color : #FFF;
}
#lp {
  margin      : 1em 60px;
  border-top  : 1px solid #555;
  padding-top : 1em;
  list-style  : none;
}
#lp li {
  display : inline;
}
#lp li a {
  color : #888;
}
#lp li a:hover {
  color : #DDD;
}

/* System ------------------------------------------------------------------- */

.system_error_msg {
  text-align : left;
  background : #222;
  color      : #EEE;
  font-size  : 11px;
  margin     : 2em 20px;
  border     : 1px dotted #999;
}
.system_error_msg h6 {
  background : #BA2D2D;
  font-size  : 1.2em;
  padding    : .5em 20px;
  color      : #FFF;
}
.system_error_msg dl {
  padding : 1em 20px;
}
.system_error_msg dd {
  clear : left;
  float : left;
  width : 120px;
}