@charset "UTF-8";

@media all {
    /**
     * browser reset
     * *************************************************************************
     */
    
    * {
        margin:0;
        padding:0;
    }
    
    a, a img {
        border:0;
    }
    
    
    /**
     * don't hide the scrollbar if the viewport ist larger than the content
     * *************************************************************************
     */
    
    html { overflow-y:scroll; }
    
    
    /**
     * default html tags
     * *************************************************************************
     */
    
    a {
        text-decoration:none;
    }
    
    a:hover {
        text-decoration:underline;
    }
    
    body {
        color:#000000;
        font-family:'Trebuchet MS',Arial,Helvetica,sans-serif;
        font-size:0.75em;
    }
    
    h1, h2, h3, h4, h5, h6 {
        /* text-shadow:2px 2px 4px #bbbbbb; */
    }
    
    img {
        border:0;
    }
    
    input {
        vertical-align:top;
    }
    
    label {
        vertical-align:top;
    }
    
    p {
        margin:0 0 10px 0;
    }
    
    table {
        border:0;
        border-collapse:collapse;
    }
    
    th {
        /* text-shadow:2px 2px 4px #bbbbbb; */
        vertical-align:top;
    }
    
    td {
        vertical-align:top;
    }
    
    ul {
        margin:0 0 10px 20px;
    }
    
    /**
     * columns
     * *************************************************************************
     */
    
    .columns {
        clear:both;
        width:auto;
    }
    
    .c5l, .c10l, .c15l, .c20l,.c25l, .c30l, .c33l, .c40l, .c50l,
    .c60l, .c65l, .c66l, .c70l, .c75l, .c80l, .c85l, .c90l { float:left; }
    
    .c5r, .c10r, .c15r, .c20r, .c25r, .c30r, .c33r, .c40r, .c50r,
    .c60r, .c65r, .c66r, .c70r, .c75r, .c80r, .c85r, .c90r { float:right; }
    
    .c5l,  .c5r  { width:5%; }
    .c10l, .c10r { width:10%; }
    .c15l, .c15r { width:15%; }
    .c20l, .c20r { width:20%; }
    .c25l, .c25r { width:25%; }
    .c30l, .c30r { width:30%; }
    .c33l, .c33r { width:33%; }
    .c40l, .c40r { width:40%; }
    .c50l, .c50r { width:50%; }
    .c60l, .c60r { width:60%; }
    .c65l, .c65r { width:65%; }
    .c66l, .c66r { width:66%; }
    .c70l, .c70r { width:70%; }
    .c75l, .c75r { width:75%; }
    .c80l, .c80r { width:80%; }
    .c85l, .c85r { width:85%; }
    .c90l, .c90r { width:90%; }
    
    /**
     * predefined classes
     * *************************************************************************
     */
    
    .bold {
        font-weight:bold;
    }
    
    .caption {
        font-size:80%;
    }
    
    .clear {
        clear:both;
        line-height:0px;
        height:0px;
    }
    
    .error { 
        color:#c00c00;
        font-weight:bold;
        text-shadow:2px 2px 2px #bbbbbb;
    }
    
    .image {
        float:left;
        padding:0 10px 10px 0;
    }
    
    .image-r {
        float:right;
        padding:0 0 10px 10px;
    }
    
    .italic {
        font-style:italic;
    }
    
    
    /**
     * Box (used for RTE)
     * *************************************************************************
     */
    
    div.infobox_rahmen, p.infobox_rahmen,
    div.infobox_blau, p.infobox_blau,
    div.infobox_gruen, p.infobox_gruen,
    div.infobox_grau, p.infobox_grau,
    div.infobox_sand, p.infobox_sand {
        color:#000000;
        padding:1em;
    }
    
    div.infobox_rahmen, p.infobox_rahmen { border:1px solid #999; }
    div.infobox_blau, p.infobox_blau { background-color:#bdd1df }
    div.infobox_gruen, p.infobox_gruen { background-color:#aad9af }
    div.infobox_grau, p.infobox_grau { background-color:#d9dadc }
    div.infobox_sand, p.infobox_sand { background-color:#d4bd9d }
    
    div.local_adr, p.local_adr {
        font-size:0.8em;
        font-family:Arial,Helvetica,sans-serif;
        margin-bottom:0;
        padding:0.1em 0 .3em 0;
    }
    
    div.event, p.event {
        line-height:1.1em;
        margin:0.2em 0 0 0;
    }
    
    div.event b, p.event b {
        background-color:#d4d2a8;
        color:#507d31;
        font-weight:normal;
        padding:0 1px;
    }
    
    
    /**
     * messages (hint, warning, error)
     * *************************************************************************
     */
    
    #messages * {
        vertical-align:middle;
    }
    
    #messages a {
        color:#000000;
        display:block;
        float:left;
        font-size:1.25em;
        margin:0 20px 0 0;
        text-shadow:2px 2px 4px #bbbbbb;
    }
    
    #messages a:hover {
        text-decoration:none;
    }
    
    #messages img {
        margin:0 10px 0 0;
    }
    
    #messages .title {
        font-size:1.5em;
    }
}