/*
  @author Matthias Nothhaft

  reset browser settings
*/

* {
    margin: 0px;
    padding: 0px;
    font-size: 1em;
    font-weight: normal;
}

html {
    height: 100%;
}

body {
    min-height: 101%;
    position: relative;
    font-size: 62.5%; /* turn 1em to "10px" */
    color: #000;
    background: #fff;
    text-align: left;
}

/*
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
} */

img {
    border-width: 0;
}

hr {
    border-width: 1px;
}

th {
    text-align: left; /* firefox centers <th> */
}

ul {
    list-style-type: none;
}

option {
    padding-left: 0.3em;
}


/* default layout settings */

/* Element um die gesamte Seite */
#L_all {
    text-align: left;
    width: 860px;
    margin-left: auto;
    margin-right: auto;
}

#L_all * {
    text-align: left;
}

/* Seiten-Kopf */
#L_header {
    clear: both;
    width: auto;
}

/* Werbe - Feld fuer Anzeigen oder wichtige Infos in der Regel im oder unterm Header */
#L_teaser {
    clear: both;
    width: auto;
}

/* block element for workspace and sidebars */
#L_main {
    clear: both;
    width: auto;
}

/* sidebar: schmale Funktions-Spalte, z.B. Navigation kann links oder rechts sein, wenn es nur eine gibt */
#L_col_sidebar {
    float: left;
    width: 200px;
    z-index: 3;
}

#L_sidebar {
    z-index: 4;
}

/* sidebar2: ist immer rechts und es gibt dann immer auch sidebar (links) */
#L_col_sidebar2 {
    float: right;
    width: 200px;
    z-index: 5;
}

#L_sidebar2 {
    z-index: 6;
}

/* Haupt / Arbeitsbereich / Seiteninhalt */
#L_col_workspace {
    z-index: 1;
    width: auto;
    margin-left: 200px;
    margin-right: 200px;
}

#L_workspace {
    z-index: 2;
}

/* Fussteil der Seite */
#L_footer {
    clear: both;
}



/* nested columns */

.L_nestedColumns { 
    width: 100%;
    padding: 0 1px 0 1px; 
    margin: 0 -1px 0 -1px; 
    overflow: hidden;
}

.L_l20, .L_l25, .L_l33, .L_l38, .L_l40, .L_l50, .L_l60, .L_l62, .L_l66, .L_l75, .L_l80 {
    float: left;
    overflow: hidden;
}

.L_r20, .L_r25, .L_r33, .L_r38, .L_r40, .L_r50, .L_r60, .L_r62, .L_r66, .L_r75, .L_r80 {
    float: right;
    overflow: hidden;
}

.L_l20, .L_r20 { width: 19.999%; }
.L_l25, .L_r25 { width: 24.999%; }
.L_l33, .L_r33 { width: 33.333%; }
.L_l38, .L_r38 { width: 38.196%; }
.L_l40, .L_r40 { width: 39.999%; }
.L_l50, .L_r50 { width: 49.999%; }
.L_l60, .L_r60 { width: 59.999%; }
.L_l62, .L_r62 { width: 61.803%; }
.L_l66, .L_r66 { width: 66.666%; }
.L_l75, .L_r75 { width: 74.999%; }
.L_l80, .L_r80 { width: 79.999%; }

.L_nc { padding: 0 0.4em 0 0.4em; overflow: hidden; }
.L_nl { padding: 0 0.8em 0 0; overflow: hidden; }
.L_nr { padding: 0 0 0 0.8em; overflow: hidden; }


/* misc */

div.clear {
    clear: both;
    width: 0px;
    height: 0px;
    font-size: 0px;
}