/*
 * Autor: Mathias Lieber
 */

/***************************
Grundbreite
 ****************************/

body {
    margin: 0px;
}

.wrapper {
    width: 981px;
    margin: 0px auto;
}

/***************************
Spaltigkeit
 ****************************/

.cols {
    display: block;
}
.cols:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.cols > div {
    float: left;
    margin-left: 15px;
}
.cols > div:first-child {
    margin-left: 0;
}

/*********************************
Verschiedene Spaltengruppen
 **********************************/
.span1 {
    width: 68px;
}
.span2 {
    width: 151px;
}
.span3 {
    width: 234px;
}
.span4 {
    width: 317px;
}
.span6 {
    width: 483px;
}
.span8 {
    width: 649px;
}
.span9 {
    width: 732px;
}
.span12 {
    width: 981px;
}
.span15 {
    width: 1230px;
}

/*********************************
Verschiedene Layout-Spalten
 **********************************/

/* Gleichfoermige Spalten */

.cols.cols-1 > div {
    width: 981px;	
}
.cols.cols-2 > div {
    width: 483px;	
}
.cols.cols-3 > div {
    width: 317px;
}
.cols.cols-4 > div {
    width: 234px;
}
.cols.cols-6 > div {
    width: 151px;
}
.cols.cols-12 > div {
    width: 68px;
}

/* Ungleichfoermige Spalten */

.cols.cols-1-2 > div,
.cols.cols-2-1 > div {
    width: 317px;
}
.cols.cols-2-1 > div:first-child,
.cols.cols-1-2 > div:last-child {
    width: 649px;
}
.cols.cols-1-3 > div,
.cols.cols-3-1 > div {
    width: 234px;
}
.cols.cols-3-1 > div:first-child,
.cols.cols-1-3 > div:last-child {
    width: 732px;
}

/*********************************
Eingebettete Spalten
 **********************************/

.cols.cols-2-1 > div:first-child.cols.cols-2 > div,
.cols.cols-1-2 > div:last-child.cols.cols-2 > div {
    width: 317px;
}
.cols.cols-2-1 > div:first-child.cols.cols-3 > div,
.cols.cols-1-2 > div:last-child.cols.cols-3 > div {
    width: 206px;
}
.cols.cols-2-1 > div:first-child.cols.cols-4 > div,
.cols.cols-1-2 > div:last-child.cols.cols-4 > div {
    width: 151px;
}

/* Sonder-Regeln für doppelte Sidebars */
#sidebars > div {
    width: 234px;
}

#sidebars > div:first-child {
    margin-bottom: 30px;
}

#sidebars > div:last-child {
    margin-left: 0;
}

/*********************************
Zeilen
 ****************************/

.section {
    margin-bottom: 30px;
}
.section:last-child {
    margin-bottom: 0;
}