@charset "utf-8";

/**
 * ALLGEMEINER CSS-RESET
 * @see:        http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 *
 * Reset aller relevanten Browser-Elemente
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 1em;
  vertical-align: baseline;
}

html {
  height: 100%;
  min-height: 100%;
}

body {
  background: #FFF url(../i_neu/bg.png) repeat-x 0 0;
  color: #333;
  font-family: Arial, Tahoma, Verdana, sans-serif;
  height: 100%;
  min-height: 100%;
  position: relative;
}

/* notwendiger Hack fuer Non-IE-Browser, damit der Footer am Seitenende platzierbar ist */
html>body {
  height: auto;
  min-height: 100%;
}

label {
  cursor: pointer;
}

:focus {
  outline: none;
}

.c {
  clear: both;
}

.x {
  display: none;
}


/* Basis-Spalten */
#wrap {
  margin: 0 auto;
  padding: 0 27px 112px 27px;
  width: 1000px;
}

#main2 {
  float: left;
  width: 820px;
}

#left {
  float: left;
  float: right;
  margin: 0 20px 0 0;
  position: absolute;
  width: 200px;
}

#middle {
  float: left;
  float: right;
  width: 600px;
}

#right {
  float: left;
  float: right;
  margin: 0 0 0 20px;
  width: 160px;
}


/* Header */
#header {
  height: 93px;
  position: relative;
}

#header #logo {
  position: absolute;
  left: -27px;
  top: 0;
}


/* Hauptnavigation */
#header #navi_main {
  bottom: 7px;
  font: bold 13px Arial, Tahoma, Verdana, sans-serif;
  position: absolute;
  right: 0;
}

#header #navi_main li {
  float: left;
  list-style: none;
  margin: 0 0 0 7px;
}

#header #navi_main li a {
  background: url(../i_neu/bg_navi_main1.png) no-repeat bottom left;
  color: #FFF;
  float: left;
  text-decoration: none;
}

#header #navi_main li a span {
  background: url(../i_neu/bg_navi_main2.png) no-repeat bottom right;
  float: left;
  height: 23px;
  padding: 6px 8px 0 9px;
}

#header #navi_main li.a a span {
  padding: 6px 9px 0 8px;
}

#header #navi_main li.a a,
#header #navi_main li a:hover {
  background: url(../i_neu/bg_navi_main1.png) no-repeat top left;
  cursor: pointer;
}

#header #navi_main li.a span,
#header #navi_main li a:hover span {
  background: url(../i_neu/bg_navi_main2.png) no-repeat top right;
  color: #333;
}


/* Metanavigation */
#header #navi_meta {
  font: 11px Tahoma, Verdana, Arial, sans-serif;
  list-style: none;
  position: absolute;
  right: 0;
  top: 5px;
}

#header #navi_meta li {
  border-left: 1px solid #40678D;
  float: left;
  margin: 0 0 0 8px;
  padding: 0 0 3px 8px;
}

#header #navi_meta li.first {
  border: none;
}

#header #navi_meta li a {
  color: #99AEC3;
}

#header #navi_meta li a.a,
#header #navi_meta li a:hover {
  color: #FFF;
}


/* Key Visual */
#key_visual {
  background: #FFF url(../i_neu/bg_key_visual.png) no-repeat;
  height: 120px;
  margin: 47px 0 80px 0;
  position: relative;
}

#key_visual .image {
  position: absolute;
}

#key_visual .text {
  position: absolute;
}

#key_visual .scissor {
  background: transparent url(../i_neu/scissor.gif) no-repeat;
  height: 20px;
  position: absolute;
  top: 121px;
  width: 134px;
}


/* Linke Spalte */
#left .hl {
  background: url(../i_neu/bg_navi_sub1.png) no-repeat;
  clear: both;
  color: #FFF;
  display: block;
  font: bold 13px Arial, Tahoma, Verdana, sans-serif;
}

#left .hl span {
  background: url(../i_neu/bg_navi_sub2.png) no-repeat right top;
  display: block;
  height: 22px;
  padding: 6px 10px 0 10px;
}

#left .download {
  background: url(../i_neu/bg_navi_download1.png) no-repeat;
  clear: both;
  display: block;
  font: bold 13px Arial, Tahoma, Verdana, sans-serif;
  margin: 0 0 30px 0;
}

#left .download span {
  background: url(../i_neu/bg_navi_download2.png) no-repeat right top;
  display: block;
  height: 22px;
  padding: 6px 10px 0 10px;
}

#left .download span a {
  color: #FFF;
  text-decoration: none;
}

#left p {
  border-bottom: 1px solid #E9E9E9;
  font: 13px Arial, Tahoma, Verdana, sans-serif;
  line-height: 1.5;
  margin: 0 0 28px 0;
  padding: 5px 0 5px 10px;
  width: 190px;
}

#left ul {
  list-style: none;
  margin: 0 0 28px 0;
  float: left;
}

#left ul ul {
  margin: 0;
}

#left ul li {
  font: 13px Arial, Tahoma, Verdana, sans-serif;
}

#left ul li span {
  background: transparent;
  border-bottom: 1px solid #E9E9E9;
  float: left;
  padding: 5px 0 5px 10px;
  width: 190px;
}

#left ul li a {
  color: #0072A8;
  float: left;
  text-decoration: none;
}

#left ul li a.a:hover,
#left ul li a:hover {
  color: #999;
  text-decoration: underline;
}

#left ul li a.a {
  color: #333;
  font-style: italic;
  font-weight: bold;
}

#left ul ul span {
  background: transparent url(../i_neu/below.gif) no-repeat 10px 9px;
  font-size: 11px !important;
  padding-left: 25px;
  width: 175px;
}

#left ul ul span a {
  color: #666;
}

#left ul ul ul span {
  background: transparent url(../i_neu/below.gif) no-repeat 25px 9px;
  padding-left: 40px;
  width: 160px;
}


/* Mittlere Spalte */
#middle h1.blog {
  font: bold 26px Arial, Tahoma, Verdana, sans-serif;
  line-height: 1.2;
  margin: -1px 0 0 0;
}

#middle .dachzeile {
  color: #666;
  font: bold 14px Arial, Tahoma, Verdana, sans-serif;
  line-height: 1.2;
}

#middle h1.blog_liste {
  padding: 0 0 20px 0;
}

#middle .infoline {
  color: #666;
  font: 11px Tahoma, Verdana, Arial, sans-serif;
  padding: 5px 0 25px 0;
}

#middle .infoline_liste {
  padding-bottom: 5px;
}

#middle .infoline span {
  border-left: 1px solid #CCC;
  float: left;
  padding: 0 10px 2px 10px;
}

#middle .infoline .first {
  border: none;
  padding-left: 0;
}

#middle p a,
#middle h1 a,
#middle li a,
#middle .infoline a {
  color: #0072A8;
}

#middle p a:hover,
#middle h2 a:hover,
#middle li a:hover,
#middle .infoline a:hover {
  color: #999;
}

#middle p {
  font: 14px Arial, Tahoma, Verdana, sans-serif;
  line-height: 1.5;
  padding: 0 0 20px 0;
}

#middle h2 {
  font: bold 20px Arial, Tahoma, Verdana, sans-serif;
  line-height: 1.2;
  padding: 8px 0 10px 0;
}

#middle h2.bloglist {
  font: bold 18px Arial, Tahoma, Verdana, sans-serif;
  padding: 3px 0 0 0;
}

#middle .ueberschrift {
  font: bold 26px Arial, Tahoma, Verdana, sans-serif;
  line-height: 1.2;
  padding: 0 0 15px 0;
}

#middle h3,
#middle .h3 {
  font: bold 16px Arial, Tahoma, Verdana, sans-serif;
  line-height: 1.2;
  padding: 10px 0 5px 0;
}

#middle pre,
#middle .code {
  background: #ECF5F9;
  font-family: "Courier New", Courier, monotype;
  font-size: 12px;
  border: 1px solid #C9E1E9;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 0 0 20px 0;
  overflow: auto;
  padding: 5px 10px;
}

#middle code {
  background: #ECF5F9;
  border: 1px solid #C9E1E9;
  font: 12px "Courier New", Courier, monospace;
  padding: 0 4px;
}

#middle blockquote {
  background: url(../i_neu/quote.png) no-repeat 2px 1px;
  padding: 0 0 0 36px;
}

#middle blockquote p {
  color: #006497;
  font: italic 22px Georgia, serif;
  line-height: 1;
}

#middle img {
  background: #e5e5e5;
  border: 1px solid #ccc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: block;
  max-width: 588px;
  padding: 5px;
}

#middle b {
  display: block;
  font-size: 13px;
  font-style: italic;
  padding: 0 0 10px 0;
}

#middle ul {
  font: 14px Arial, Tahoma, Verdana, sans-serif;
  line-height: 1.5;
  padding: 0 0 15px 0;
}

#middle ul li {
  margin: 0 0 0 20px;
  padding: 0 0 10px 0;
}

#middle object,
#middle embed {
  margin: 0 0 20px 0;
}

#middle h1.parameter {
  font-size: 28px;
  padding: 0 0 10px 0;
}

#middle .syntax {
  background: #EEE;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 0 0 20px 0;
}

#middle .syntax p {
  padding: 5px 10px;
}

#middle .return {
  background: #006598;
  color: #FFF;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 5px 10px;
}

#middle .return .name {
  float: left;
}

#middle .return .returnvalue {
  float: right;
}


/* Rechte Spalte */
#right .facebook_fans {
  padding: 16px 0 0 0;
}


/* Footer */
#footer {
  background: #333 url(../i_neu/gradient.png) repeat-x 0 0;
  bottom: 0;
  color: #818181;
  font-size: 10px;
  left: 0;
  margin: 50px 0 0 0;
  position: absolute;
  width: 100%;
}

#footer .inner {
  height: 72px;
  margin: 0 auto;
  position: relative;
  width: 1000px;
}

#footer .inner em {
  font-style: normal;
  text-transform: uppercase;
}

#footer .inner img {
  left: 0;
  position: absolute;
  top: 18px;
}

#footer .inner .left {
  left: 170px;
  line-height: 1;
  position: absolute;
  top: 26px;
}

#footer .inner .right {
  right: 0;
  position: absolute;
  top: 26px;
}