/*
 * 
 * 
 * 
 * STYLE css f�r die Konstruktion des Seitenger�stes
 * 
 *
 *  
 */

@import url(elementstyles.css); /* f�r das Detailstyling der Elemente */


body
{
   background: url(../images/body-bg.jpg) top left repeat-x;
   padding: 0;
   margin: 0;
}

*html body
{
    overflow-y: hidden;
}

a{
    text-decoration: none;
}


/******************** CONTAINER CONSTRUCTOR ***/
div#container
{
    width: 980px;
    height: auto;
    margin: 0 auto;
}

div#inner-container
{
    width: 880px;
    height: auto;
    margin: 0 auto;
}
/****************** end CONTAINER CONSTRUCTOR ***/



/******************* LOGO und NAVIGATION CONSTRUCTOR ***/
div#logo
{
    width: 310px;
    height: 120px;
    float: left;
}
div#logo a
{
    border: 0px;
    outline: none;
}
div#logo a img
{
    border: 0px;
    outline: none;
}

div#navigation
{
    width: 540px;
    margin-left: 30px;
    height: 100px;
    float: left;
    margin-top: 20px;
}
/****************end LOGO und NAVIGATION CONSTRUCTOR ***/



/****************************** HEADER CONSTRUCTIONS ***/
div#header
{
    width: 880px;
    height: 260px;
    background: url(../images/header-bg.jpg);
    margin-top: 30px;
    font-family: Arial, Helvetica, sans serif;
}
/***************************end HEADER CONSTRUCTIONS ***/



/****************************** TEASER CONSTRUCTIONS ***/
div#teaser
{
    width: 880px;
    height: 150px;
    margin-top: 30px;
}

div.teaser-box
{
    width: 268px;
    height: 148px;
    border: 1px solid #a2a1a1;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: url(../images/teaser-box-bg.jpg);
    float: left;
}
.spacer
{
    margin: 0 35px 0 35px;
}
/***************************end TEASER CONSTRUCTIONS ***/



/***************************** CONTENT CONSTRUCTIONS ***/
div#content
{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    display: inline-block;
}

div#sidebar
{
    width: 200px;
    height: auto;
    display: inline-block;
    float: left;
    margin: 90px 20px 0 0;
}

div#content-left
  {
      width: 580px;
      float: left;
      margin: 20px 0 0 0;
  }
  
div#content-left.centered
{
    width: 660px;
    margin-right: 0px;
}

div#content-right
  {
      width: 270px;
      height: 200px;
      margin: 20px 0 0 30px;
      float: left;
  }
  
/**************************end CONTENT CONSTRUCTIONS ***/



/***************************** FOOTER CONSTRUCTIONS ***/
div#footer
{
   width: 880px;
   height: 142px;
   display: inline-block;
   background: url(../images/footer-bg.jpg); 
}

div#footer-center
{
    display: inline-block;
    margin: 20px 0;
    width: 100%;
    height: 40px;
    text-align: center;
}
.bottom-border
{
    border-bottom: 1px solid #555;
    padding: 0 10px 2px 10px;
    margin-bottom: 2px;
    display: inline-block;
}

div#footer-bottom-left
{
    float: left;
    margin: 30px 0 0 30px;
}
div#counter
{
    width: 50px;
    height: 25px;
    margin: 20px auto 0;
}
div#footer-bottom-right
{
    float: right;
    margin: -15px 30px 0 0;
}