/* ------------------------------- */
/* STANDARD HTML TAG RESET         */
/* ------------------------------- */

body,
h1, h2, h3,
p, ul, ol, li,
form {
    border:0;
    margin:0px;
    padding:0px;
}

    /* ------------------------------- */
    /* STANDARD HTML TAG DEFINITION    */

    body,
    form, input {
        color:#333333;
        font-family:Verdana, Helvetica, sans-serif;
        font-size:11px;
    }
    h1, h2, h3{font-weight: bold;}
    h1{font-size:15px;}
    h2{font-size:13px;}
    h3{font-size:12px;}
    p, ul, ol, li, th, td{font-size:11px;}

    a:link, a:visited, a:hover{color:#333333;}
    a:link, a:visited{text-decoration:none}
    a:hover{text-decoration:none;}

    td{vertical-align:top;}



/* ------------------------------ */
/* PAGE ELEMENTS                  */
/* -------------------------------*/


    /* ------------------------------ */
    /* BODY & MAINFRAME               */

    body   {
        height:1100px;
        margin:0px;
        padding:0px;
        margin-top:10px;
        margin-bottom:10px;
        background-color: #DDDDDD;
        text-align:center;
    }

    #mainframe {
        width:800px;
        background-color:#FFFFFF;
        margin: 0 auto 0 auto;
        padding: 0;
        border-right:solid #AAAAAA 1px;
        border-bottom:solid #AAAAAA 1px;
    }
        #mainframe > td, #mainframe > th {
            padding:0;
            border:0;
        }



    /* ------------------------------ */
    /* HEAD                           */

    #head {
        padding-top:10px;
        padding-left: 15px;
        padding-right: 15px;
        height:100px;
    }
    #signet{
        position:relative;width:200px;float:left;
    }
    #nav-head{
        float:right;
    }
        #nav-head .first_level1, #nav-head .level1, #nav-head .level2, #nav-head .level3 {
            float:left;
            padding-top:5px;
            padding-bottom:5px;
            padding-left:10px;
            padding-right:10px;
            border-left: dotted #333333 1px;
            font-size:10px;
        }
        #nav-head .first_level1 {
            margin-left:5px;
            border:0;
        }

    #logout{
        font-size:10px;
        clear:right;
        float:right;
        position:relative;
        top:55px;
    }



    /* ------------------------------ */
    /* TOP                            */

    #top {
        background-color: #707070;
        height:50px;
        vertical-align:middle;
    }
    #nav-top {
        text-align:left;
        float:left;
        position:relative;
        top:20px;
        color:#DDDDDD;
        letter-spacing: 1px;
        font-size:11px;
    }
        #nav-top a:link, #nav-top a:visited{color:#DDDDDD;}
        #nav-top a:hover {background-color:#BBBBBB;text-decoration:none;}
        #nav-top.level1:hover, #nav-top.level2:hover, #nav-top.level3:hover {
            background-color:white;
        }
        #nav-top .first_level1, #nav-top .level1, #nav-top .level2, #nav-top .level3 {
            float:left;
            padding-top:0;
            padding-bottom:0;
            padding-left:10px;
            padding-right:10px;
            border-left: solid #DDDDDD 1px;
        }
        #nav-top .first_level1 {margin-left:5px;border:0;
        }
        
    #zitat {
        font-family:"Georgia", serif;
        padding-right:15px;
        float:right;
        text-align:right;
        line-height:1.2em;
        font-style:italic;
        font-size:13px;
        color:#CCCCCC;
    }



    /* ------------------------------ */
    /* NAVIGATION LEFT                */

    #nav-left{
        width:160px;
        background-color: #F4A85A;
        height:100%;
        letter-spacing: -1px;
        font-size:11px;
    }
        #nav-left a {display:block;float:none;}
            #nav-left a:link, #nav-left a:visited{color:#333333}
            #nav-left a:hover  {background-color:#FFC88A;text-decoration:none}

        #nav-left .first_level1, #nav-left .level1, #nav-left .level2, #nav-left .level3 {
            padding-top:3px;
            padding-bottom:3px;
            border-bottom: solid white 1px;
        }
        #nav-left .first_level1, #nav-left .level1 {padding-left:15px;font-weight:bold;}
        #nav-left .first_level1 {margin-top:20px;border-top: solid white 1px;}
        #nav-left .level2 {padding-left:15px;}
        #nav-left .level3 {padding-left:25px;}



    /* ------------------------------ */
    /* TITLE BAR                      */

    #titelbild {
        width:640px;
        font-size:0px;
    }



    /* ------------------------------ */
    /* CONTENT                        */

    #inhalt {
        min-height:300px;
        /*overflow:auto;*/
    }
    /* for Internet Explorer */
    /*\*/
    * html #inhalt {
        height: 300px;
    }
    /**/


        #inhalt h1, #inhalt h2, #inhalt h3,
        #inhalt p, #inhalt ul, #inhalt ol, #inhalt li,
        #inhalt table, #inhalt form {
            text-align:left;
            margin-left:15px;
            margin-right:15px;
            margin-bottom:5px;
            margin-top:5px;
            line-height:16px;
        }
        #inhalt h1, #inhalt h2, #inhalt h3{margin-top:10px;}
        #inhalt small {font-size:10px;}
        #inhalt a{text-decoration:underline;}
        /*#inhalt a:link {text-decoration:underline;}*/
        /*#inhalt a:visited {color:purple;}*/


        /* ------------------------------ */
        /* CONTENT LEFT                   */ 
    
        #inhalt-links {
            width:400px;
            float:left;
        }

        /* ------------------------------ */
        /* CONTENT RIGHT                  */
    
        #inhalt-rechts {
            width:200px;
            float:right;
        }

        #inhalt-rechts a {
            text-decoration:underline;
        }

        #news_header {
            font-weight:bold;
            letter-spacing:2px;
            margin-top:10px;
            font-size:12px;
            color:#999999;
        }
        .frame {
            margin:0;
            margin-top: 10px;
            border-collapse:collapse;
            padding:0;
            border:0;
        }
        .box_image, .box_title, .box_text {
            padding:0;
        }
        .box_image, .box_title {
            border-top:solid #BBBBBB 10px;
        }
        .box_title, .box_text {
            padding-left:5px;
            padding-right:10px;
            font-weight:normal;
            font-family: Tahoma, Helvetica, sans-serif;
            font-size:11px;
            line-height:16px;
        }
        .box_title {
            padding-top:3px;
            font-weight:bold;
            padding-bottom:2px;
        }
        .box_text {
            padding-bottom:10px;
        }
        
    /* ------------------------------ */
    /* FOOT                           */

    #foot-left, #foot-right {
        height:20px;
        padding-top:3px;
        color:#555555;
        font-family: Tahoma, Helvetica, sans-serif;
        font-size:11px;
        font-weight:normal;
    }
    #foot-left {
        background-color:#C69C6A;
        padding-left:15px;
    }
    #foot-right {
        text-align:center;
        margin-left:0;
        padding-left:0;
        width:640px;
        background-color:#CCCCCC;
    }




/* ------------------------------- */
/* CUSTOM CLASSES                  */
/* ------------------------------- */

    #news_image {
        float:left;
    }
    #note {
        float:right;
        text-align:right;
        font-size:10px;
        margin-top:10px;
        margin-right:15px;
    }


    /* ------------------------------ */
    /* TABLES                         */

    .agenda_table td, .agenda_table th {
        text-align:left;
        font-style:normal;
        font-size:11px;
        line-height:1.1em;
        color:#000000;
        border-left:solid #DDDDDD 1px;
        padding:3px;
    }

    .agenda_table .left {
        border-left:0;
    }

    .agenda_table th {
        color:#555555;
        border-bottom:solid #DDDDDD 1px;
    }

    .veranst_table th {
        color:#555555;
    }

    .content_table, .person_table, .news_table, .agenda_table, .veranst_table, .form_table{
        border-collapse:collapse;
        padding:0;
        width:590px;
    }

    .agenda_table {
        border:solid #BBBBBB 1px;
    }

    .form_table{
        margin:0;
        float:right;
        width:490px;
    }

    .form_table input,.form_table select,.form_table option,.form_table textarea {
        width:480px;
    }

    .veranst_table th, .form_table th {
        text-align:right;
        font-weight:normal;
    }

    .form_table td {
        width:480px;
        font-size:11px;
    }

    .veranst_table th, .veranst_table td, .form_table th {
        padding-top:5px;
    }

    .news_table {
        border:0;
    }

    .news_table td {
        border:0;
        border-top:solid #BBBBBB 5px;
        padding:0;
        padding-bottom:5px;
    }

    .person_table td {
        vertical-align:bottom;
        border-bottom:solid #BBBBBB 5px;
        padding:0;
    }

    .news_table td h1,.news_table td h2,.news_table td h3,.news_table td p {
        text-align:left;
        margin:0px;
        margin-left:6px;
    }

    /* ------------------------------ */
    /* FORMS                          */

    input, select, option, button, textarea, label {
        font-family:Tahoma, Helvetica, sans-serif;
        font-size:11px;
    }

    textarea {
        width:450px;
    }

    /* ------------------------------ */
    /* COLORS                         */

    .orange {
        color: #F4A85A
    }

    .bg-orange  {
        background-color:#FFC88A
    }

    /* ------------------------------ */
    /* POST-IT BOARD                  */

   .message {
        margin-left:15px;
        width:180px;
        float:left;
        border-right:solid #AAAAAA 1px;
        border-bottom:solid #AAAAAA 1px;
        background-color:#FDFF93;
        margin-bottom:15px;
    }

    .message_head, .message_del {
        height:15px;
        font-size:11px;
    }

    .message_head {
        padding-left:5px;
    }

    .message_del {
        text-align:center;
        border-left:dotted black 1px;
        width:15px;
        float:right;
    }

    .message_body {
        height:150px;
        width:100%;
        border-top:dotted black 1px;
        overflow:auto;
    }

    .message_body p {
        margin:3px;
    }

    .message_foot p {
        margin:3px;
        font-size:8px;
    }

    .home_message {
        border-top:dotted black 1px;
        width:380px;
    }