Design zentriert ausrichten

html, body
{
   height: 100%;
}

body
{
    margin: 0 auto;
   margin-top: 50px;
   margin-bottom: 20px;
   padding: 0px;
   background: url() repeat;

   font-family: 'Open Sans', sans-serif;
   font-size: 10pt;
   color: white;
}

h1, h2, h3
{
   margin: 0;
   padding: 0;
}

h2
{
   text-transform: uppercase;
   font-family: 'Fjalla One', sans-serif;
   color: #222222;
}

p, ol, ul
{
   margin-top: 0px;
}

p
{
   line-height: 180%;
}

strong
{
}

a
{
   color: #222222;
}

a:hover
{
   text-decoration: none;
}

a img
{
   border: none;
}

img.border
{
}

img.alignleft
{
   float: left;
   margin-right: 30px;
}

img.alignright
{
   float: right;
}

img.aligncenter
{
   margin: 0px auto;
}

.image-style img
{
   border-radius: 0px 0px 0px 0px;
}

hr
{
   display: none;
}

/** LEISTE */



#leiste2 /* LEISTE SCHRIFT */
{


   position: fixed;
   margin-right: auto;
   top:0;
   left:0;
   width:100%;
   height:30px;
   background:#333333;

}
#leiste
{
   
   opacity:0.8;
   filter:alpha(opacity=80);
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:30px;
   background-image: url();
    background-color: #333333;
   
}

/** INPUT */
#input
{
   background-color:#FFFFCC;
   border:none;

   }

/** LOGIN */

#login
{

}

/** WRAPPER */

#wrapper
{
   position: relative;
   margin-bottom: 50px;
   
}

.container
{
   width: 500px;
   margin: 0px auto;
}

.clearfix
{
   clear: both;
}

/** HEADER */

#header
{
   overflow: hidden;
}

/** LOGO */

#logo
{
}

#logo h1, #logo p
{
   margin: 0px;
   line-height: normal;
}

#logo h1 a
{
   padding-left: 30px;
   text-decoration: none;
   font-family: 'Satisfy', cursive;
   font-size: 1.60em;
   font-weight: 700;
   color: #00771f;
}

/** PAGE */

#page
{
   position: relative;
}


/** CONTENT */

#content
{
   position: absolute;
   right: 10px;
   width: 725px;
   padding: 1px 1px 0px 10px;
   background: #454545;
   box-shadow: inset 0px 0px 0px 10px rgba(255, 255, 255,0.50);
   border-radius: 0px 0px 40px 40px;
}

#content h2 a
{
   display: block;
   padding: 0px 0px 20px 0px;
   text-decoration: none;
   font-size: 1.50em;
   color: #222222;
   font-weight: 400;
}

#content .subtitle
{
   padding: 0px 0px 20px 0px;
   font-size: 2.00em;
   font-weight: 400;
}

#content .post
{
   padding: 40px;
}

#box2
{
   margin: 0px 40px;
   padding: 40px 0px;

}



/* Footer */

#footer
{
   margin: 0px 40px;
   border-top: 1px solid #222222;
}

#footer p
{
   padding: 30px 0px 0px 0px;
   text-align: center;
}

#footer a
{
}

.border
{
}

/** LIST STYLE 1 */

ul.style1 {
   margin: 0px;
   padding: 10px 0px 0px 0px;
   list-style: none;
}

ul.style1 li {
   clear: both;
   margin-bottom: 25px;
   padding: 30px 0px 40px 0px;
   border-top: 1px solid #222222;
}

ul.style1 h3 {
   padding-bottom: 5px;
   font-size: 14px;
   color: #222222;
}

ul.style1 p {
   line-height: 150%;
}

ul.style1 .button-style {
   float: left;
   margin-top: 0px;
}

ul.style1 .first {
   padding-top: 0px;
   border-top: none;
   box-shadow: none;
}