* {
padding: 0;
margin: 0;
} 

body {
font-family: "Segoe UI", Helvetica, Arial, Sans-Serif;
background-color:#eee;
}

a {
text-decoration: none;
color: #3B85CA;
}

a:hover { 
color: #000; 
}

#wrap 
{
margin: 20px auto;
width: 80%;
padding: 10px;
background-color: #fff;
}


#header 
{
background-color : #A0DCF8;
text-align:center;
}

#header h1 {padding-top: 1em; font-size:1.5em; color: #31799F; }
#header h1 a { font-size:2em; color: #31799F; text-decoration: none;}
#header h2 {padding-top: 0px; padding-bottom:1em;font-size: 1.5em; color: #fff; }

#menu {
text-align: center;
margin-top: 10px;
font-size : 11px;
padding:2px;
font-weight: bold;
border: 0px solid #D8E3EE; 
background: #F9FCFC;
}

#menu a {
  color : #3B85CA;
  text-decoration : none;
  padding: 10px;
}

#menu a:hover {
color : #000;
}


#content { 
text-align: center;
margin-top: 5px;
padding: 10px;
font-size: 11px;
counter-reset: Ebene02;
}


#footer { 
margin-top: 25px; 
clear: both;
text-align: center; 
color: #fff;
font-size:10px; 
background-color:#A0DCF8;
padding:2px;
}

.meta {
padding-bottom:2px;
font-size: 10px;
color:#999999;
font:Arial, Helvetica, sans-serif;
}

#bottom {
	font-size:11px;
	padding: 10px 0 0 0;
}

#bottomleft {
width:45%;
float:left;
background:#fff;
padding-bottom:10px;
padding-left:5px;
}


#bottomright {
width:45%;
float:right;
background:#fff;
padding-bottom:10px;
padding-right:5px;
}

#divider {
text-align: center;
font-size : 11px;
padding:2px;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
}

#content img {
  text-align:center;
  padding:0.5em;
  margin:0.5em;
  margin-bottom:0;
  border:1px solid #444;
}

#content p {
  margin-top:0.5em;
  margin-bottom:0.5em;
}

#content h2 {
  font-size: 15px; 
  color : #444; 
  padding: 0 0 5px 0;
  margin-top:1.5em;
  counter-reset: Ebene03;
}

#content h2:before {
  content: counter(Ebene02) " ";
  counter-increment: Ebene02;
}


#content h3 {
  font-style:italic;
  color : #444;
  counter-reset: Ebene04;


}

#content h3:before {
  content: counter(Ebene02) "." counter(Ebene03) " ";
  counter-increment: Ebene03;
}

#content h4:before {
  content: counter(Ebene02) "." counter(Ebene03) "." counter(Ebene04) " ";
  counter-increment: Ebene04;
}

#content h4 {
    color : #444;
}

#content p.imageDesc {
  margin-top:-0.5em;
  padding-top:0;
  font-size:0.9em;
  font-color:#444;
}

#content code {
  border:1px solid #222;
  background-color:#eee;
  margin-left:2em;
  margin-right:2em;
  text-align:left;
  display:block;
  padding:0.5em;
  white-space:pre;
}