/* Contao Open Source CMS, (C) 2005-2013 Leo Feyer, LGPL license */
body,
form {
    margin: 0;
    padding: 0
}

img {
    border: 0
}

header, footer, nav, section, aside, article, figure, figcaption {
    display: block
}

body {
    font-size: 100.01%
}

select, input, textarea {
    font-size: 99%
}

#container, .inside {
    position: relative
}

#main, #left, #right {
    float: left;
    position: relative
}

#main {
    width: 100%
}

#left {
    margin-left: -100%
}

#right {
    margin-right: -100%
}

#footer {
    clear: both
}

@media(max-width:767px) {
    #wrapper {
        margin: 0;
        width: auto
    }

    #header, #footer {
        height: auto
    }

    #container {
        padding-left: 0;
        padding-right: 0
    }

    #main, #left, #right {
        float: none;
        width: auto
    }

    #left {
        right: 0;
        margin-left: 0
    }

    #right {
        margin-right: 0
    }
}

#main .inside {
    min-height: 1px
}

img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    width: auto\9
}

.ce_gallery ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none
}

.ce_gallery li {
    float: left
}

.ce_gallery li.col_first {
    clear: left
}

.block {
    overflow: hidden
}

.clear, #clear {
    height: .1px;
    font-size: .1px;
    line-height: .1px;
    clear: both
}

.invisible {
    width: 0;
    height: 0;
    left: -1000px;
    top: -1000px;
    position: absolute;
    overflow: hidden;
    display: inline
}

.custom {
    display: block
}

#container:after, .custom:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

/* Contao Open Source CMS, (C) 2005-2013 Leo Feyer, LGPL license */
body,
div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd,
figure, table, th, td, form, fieldset, legend, input, textarea {
    margin: 0;
    padding: 0
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

caption, th, td {
    text-align: left;
    text-align: start;
    vertical-align: top
}

abbr, acronym {
    font-variant: normal;
    border-bottom: 1px dotted #666;
    cursor: help
}

blockquote, q {
    quotes: none
}

fieldset, img {
    border: 0
}

ul {
    list-style-type: none
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

del {
    text-decoration: line-through
}

ins {
    text-decoration: none
}

body {
    font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    color: #000
}

input, button, textarea, select {
    font-family: inherit;
    font-size: 99%;
    font-weight: inherit
}

pre, code {
    font-family: Monaco, monospace
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}

h1 {
    font-size: 1.8333em
}

h2 {
    font-size: 1.6667em
}

h3 {
    font-size: 1.5em
}

h4 {
    font-size: 1.3333em
}

table {
    font-size: inherit
}

caption, th {
    font-weight: bold
}

a {
    color: #00f
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 1em
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul, form {
    margin-bottom: 12px
}

/* Contao Open Source CMS, (C) 2005-2013 Leo Feyer, LGPL license */
#wrapper {
    width: 960px;
    margin: 0 auto
}

*[class*="grid"] {
    float: left;
    display: inline;
    margin-right: 10px;
    margin-left: 10px
}

.mod_article>* {
    margin-left: 10px;
    margin-right: 10px
}

.mod_article.grid1, .mod_article.grid2, .mod_article.grid3, .mod_article.grid4,
.mod_article.grid5, .mod_article.grid6, .mod_article.grid7, .mod_article.grid8,
.mod_article.grid9, .mod_article.grid10, .mod_article.grid11, .mod_article.grid12 {
    margin-left: 0;
    margin-right: 0
}

#main .inside {
    overflow: hidden
}

.grid1 {
    width: 60px
}

.grid2 {
    width: 140px
}

.grid3 {
    width: 220px
}

.grid4 {
    width: 300px
}

.grid5 {
    width: 380px
}

.grid6 {
    width: 460px
}

.grid7 {
    width: 540px
}

.grid8 {
    width: 620px
}

.grid9 {
    width: 700px
}

.grid10 {
    width: 780px
}

.grid11 {
    width: 860px
}

.grid12 {
    width: 940px
}

.mod_article.grid1 {
    width: 80px
}

.mod_article.grid2 {
    width: 160px
}

.mod_article.grid3 {
    width: 240px
}

.mod_article.grid4 {
    width: 320px
}

.mod_article.grid5 {
    width: 400px
}

.mod_article.grid6 {
    width: 480px
}

.mod_article.grid7 {
    width: 560px
}

.mod_article.grid8 {
    width: 640px
}

.mod_article.grid9 {
    width: 720px
}

.mod_article.grid10 {
    width: 800px
}

.mod_article.grid11 {
    width: 880px
}

.mod_article.grid12 {
    width: 960px
}

.offset1 {
    margin-left: 90px
}

.offset2 {
    margin-left: 170px
}

.offset3 {
    margin-left: 250px
}

.offset4 {
    margin-left: 330px
}

.offset5 {
    margin-left: 410px
}

.offset6 {
    margin-left: 490px
}

.offset7 {
    margin-left: 570px
}

.offset8 {
    margin-left: 650px
}

.offset9 {
    margin-left: 730px
}

.offset10 {
    margin-left: 810px
}

.offset11 {
    margin-left: 890px
}

.offset12 {
    margin-left: 970px
}

@media(min-width:768px) and (max-width:979px) {
    #wrapper {
        width: 744px
    }

    .grid1 {
        width: 42px
    }

    .grid2 {
        width: 104px
    }

    .grid3 {
        width: 166px
    }

    .grid4 {
        width: 228px
    }

    .grid5 {
        width: 290px
    }

    .grid6 {
        width: 352px
    }

    .grid7 {
        width: 414px
    }

    .grid8 {
        width: 476px
    }

    .grid9 {
        width: 538px
    }

    .grid10 {
        width: 600px
    }

    .grid11 {
        width: 662px
    }

    .grid12 {
        width: 724px
    }

    .mod_article.grid1 {
        width: 62px
    }

    .mod_article.grid2 {
        width: 124px
    }

    .mod_article.grid3 {
        width: 186px
    }

    .mod_article.grid4 {
        width: 248px
    }

    .mod_article.grid5 {
        width: 310px
    }

    .mod_article.grid6 {
        width: 372px
    }

    .mod_article.grid7 {
        width: 434px
    }

    .mod_article.grid8 {
        width: 496px
    }

    .mod_article.grid9 {
        width: 558px
    }

    .mod_article.grid10 {
        width: 620px
    }

    .mod_article.grid11 {
        width: 682px
    }

    .mod_article.grid12 {
        width: 744px
    }

    .offset1 {
        margin-left: 72px
    }

    .offset2 {
        margin-left: 134px
    }

    .offset3 {
        margin-left: 196px
    }

    .offset4 {
        margin-left: 258px
    }

    .offset5 {
        margin-left: 320px
    }

    .offset6 {
        margin-left: 382px
    }

    .offset7 {
        margin-left: 444px
    }

    .offset8 {
        margin-left: 506px
    }

    .offset9 {
        margin-left: 568px
    }

    .offset10 {
        margin-left: 630px
    }

    .offset11 {
        margin-left: 692px
    }

    .offset12 {
        margin-left: 754px
    }
}

@media(max-width:767px) {
    #wrapper {
        width: auto
    }

    *[class*="grid"], .inside>*[class*="grid"] {
        float: none;
        display: block;
        width: auto;
        margin: 0
    }
}


/*
//
//  main.css
//
//  Created 2012/11/30 by kraftwerk.ag
//
*/

* {
    color: #58585a;
    font-size: 12px;
    line-height: 150%;
}

a {
    color: #58585a;
}

img {
    vertical-align: top;
}

body {
    background: url('../img/bg-bottom.png') no-repeat center bottom;
}

header a,
footer a {
    text-decoration: none;
}

#wrapper {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    background: url('..//img/bg-top.png') no-repeat center top;
}

header {
    padding-top: 50px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 40px;
}

#container {
    min-height: 350px;
}

#main .mod_article {
    margin-bottom: 20px;
}

#main .intro {
    position: relative;
}

#main .intro h1 {
    position: absolute;
    left: 0px;
    bottom: 10%;
    padding: 20px;
    color: #ffffff;
    background: #afcb51;
    z-index: 200;
}

#main h4 {
    margin-top: 0px;
}

#main li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 20px;
}

#main .portrait p {
    margin-left: 90px;
}

#main .portrait li {
    margin-left: 110px;
}

footer {
    border-top: 1px solid #afcb51;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 17px;
    padding-bottom: 10px;
    min-height: 55px;
}

footer .address {
    margin-left: 0px;
}

footer .address p {
    display: block;
}

/* Media Queries */

@media screen and (max-width: 980px) {

    body {
        background: none;
    }

    #wrapper {
        margin-top: 0px;
        padding-left: 20px;
        padding-right: 20px;
        background: none;
    }
}

@media screen and (max-width: 768px) {


    #main .intro h1 {
        padding: 10px;
        margin: 0px;
    }
    #footer .address-line {
    	display: block;
    }
    #footer .comma {
    	display: none;
    }
}

@media screen and (max-width: 640px) {

    header,
    footer {
        margin-left: 0px;
        margin-right: 0px;
    }

    #main .intro h1 {
        position: static;
        padding: 10px;
        margin: 10px 0 20px;
    }
}