/*
Theme Name: Kirchenkreis Schleswig-Flensburg
Theme URI: http://www.kirchenkreis-flensburg.de
Description: SCREEN Theme
Version: 1.0.1
Author: Projekt 77
Author URI: http://www.projekt-77.de
*/

/* LAST MOD

08-09-18 create

08-11-12 edit l.inst and li.main (float: left)

*/

/*

########## colorset ##########

main font color:         #143A6E         (dark blue)
header bg color:        #143A6E                (dark blue)

font color teaser:        #010101                (black)

first bg color:                #C8D8ED                (light blue)
second bg color:         #D3E0F1     (light blue 2)

service bg color:        #92B1DB                (light blue 3)
service bg color:        #92B1DB                (light blue 3)

date box 2 color:        #E9EFF8                (lighter blue)

teaser title:                #010101                (dark grey/black)


blue dark                        #92B1DB
blue light                        #C8D8ED

yellow dark                        #F9EB4C
yellow light                #FBF17F

green                                #B6D958
green light                        #DAECAB

*/



/* ######################################################################### GLOBAL CONFIGURATIONS ######################################################################### */

body {
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size: 70%;
        color: #010101;
        background: #C8D8ED url(/images/layout/bg_site.gif) repeat-x;
        direction: ltr;
        text-align: center;
        margin: 0 auto;
        padding: 0;
}

html, body {height: 100%;}

a:link {
        color: #143A6E;
        background-color: transparent;
        text-decoration: underline;
}

a:visited {
        color: #143A6E;
        background-color: transparent;
        text-decoration: underline;
}

a:hover {
        color: #143A6E;
        background-color: transparent;
        text-decoration: none;
}

a:active {
        color: #808080;
        background-color: transparent;
        text-decoration: none;
}

a:focus {
        color: #143A6E;
        background-color: transparent;
        text-decoration: none;
}

acronym, abbr {
        font-size: 100%;
        color: #143A6E;
        background-color: transparent;
        border-bottom: 1px dashed #143A6E;
        cursor: help;
}

.invisible {visibility: hidden;}

.hide, #address {display: none;}

.hide_title, .hide_active, .jumptocontent {
        position: absolute;
          top: -6000px;
        left: -6000px;
         height: 1px;
        width: 1px;
}

a img {border: 0;}

table {
        border: 0;
        font-size: 100%;
}

.wrapper {
        clear: both;
        height: 0;
        font-size: 0.1%;
        display: inline;
}

/* #### -> */

/* ######################################################################### TAB NAVIGATION ######################################################################### */

#jumpmenu a:link, #jumpmenu a:visited {
        color: #143A6E;
        background: #F7E300;
        text-transform: uppercase;
        text-decoration: none;
        text-align: center;
        z-index: 9999;
}

#jumpmenu a:hover, #jumpmenu a:active, #jumpmenu a:focus {
        font-size: 200%;
        font-weight: bold;
        text-decoration: none;
        position: absolute;
        top: 6120px;
        left: 6508px;
        width: 18em;
        margin: 0;
        padding: 30px 40px;
        white-space: nowrap;
        display: block;
        float: left;
        z-index: 9999;
}

/* #### -> */

/* ######################################################################### LAYER ######################################################################### */

/* ------------------------ positioning site ------------------------ */

#site {
        width: 990px;
        text-align: center;
        margin: 0 auto;
        padding: 0;
}

        #positioning {
                width: 990px;
                color: #010101;
                background: transparent url(/images/layout/bg_top.gif) no-repeat;
                margin: 0;
                padding: 0;
                display: inline;
                float: left;
        }

                #area {
                        width: 950px;
                        color: #010101;
                        background: #FFFFFF url(/images/layout/bg_bottom.gif) bottom no-repeat;
                        text-align: left;
                        margin: 25px 10px 0 10px;
                        padding: 0 10px 25px 10px;
                        display: inline;
                        float: left;
                }

/* ------------------------ END positioning site -------------------- */

/* ------------------------ default - level 1 to X ------------------------ */

#service {
        width: 930px;
        font-size: 110%;
        color: #FFFFFF;
        background: transparent url(/images/layout/bg_service.gif) no-repeat;
        font-weight: bold;
        margin: 0;
        padding: 4px 10px 4px 10px;
        display: inline;
        float: left;
}

        #search {
                width: 400px;
                text-align: right;
                margin: 0;
                padding: 0;
                display: inline;
                float: left;
        }

#header {
        width: 940px;
        height: 200px;
        font-size: 110%;
        color: #FFFFFF;
        background: #143A6E url(/images/layout/bg_header.gif) no-repeat;
        margin: 10px 0 0 0;
        padding: 0 0 0 10px;
        display: inline;
        float: left;
}

        #logo {
                width: 400px;
                margin: 40px 0 0 31px;
                padding: 0;
                display: inline;
                float: left;
        }

        #visual {
                width: 485px;
                height: 170px;
                margin: 0;
                padding: 0;
                display: inline;
                float: right;
        }

#breadcrumb {
        width: 950px;
        margin: 5px 0 0 0;
        padding: 0;
        display: inline;
        float: left;
}

#contenblock {
        width: 950px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 7px 0 0 0;
        padding: 0;
        display: inline;
        float: left;
}

        #left {
                width: 220px;
                line-height: 140%;
                margin: 0 10px 0 0;
                padding: 0;
                /*padding: 0 0 20px 0;*/
                display: inline;
                float: left;
        }

        #middle {
                width: 490px;
                line-height: 150%;
                margin: 3px 0 0 0;
                padding: 0 0 20px 0;
                display: inline;
                float: left;
        }

        #right {
                width: 220px;
                line-height: 140%;
                margin: 0 0 0 10px;
                padding: 0;
                /*padding: 0 0 20px 0;*/
                display: inline;
                float: left;
        }

#footer {
        width: 930px;
        font-size: 120%;
        color: #FFFFFF;
        background: #92B1DB url(/images/layout/bg_service.gif) no-repeat;
        font-weight: bold;
        text-align: left;
        margin: 0;
        padding: 6px 10px;
        display: inline;
        float: left;
}

        #footer_left {
                width: 600px;
                margin: 0;
                padding: 0;
                display: inline;
                float: left;
        }

        #footer_right {
                width: 300px;
                text-align: right;
                margin: 0;
                padding: 0;
                display: inline;
                float: right;
        }

/* ------------------------ END default - level 1 to X -------------------- */

/* #### -> */

/* ######################################################################### NAVIGATION ######################################################################### */

/* ------------------------ service navigation ------------------------ */

#servicenavigation {
        width: 530px;
        list-style: none;
        margin: 2px 0 0 0;
        padding: 0;
        display: inline;
        float: left;
}

#servicenavigation li {
        margin: 0 8px 0 0;
        padding: 0;
        display: inline;
}

li.serv a:link, li.serv a:visited {
        font-size: 110%;
        color: #FFFFFF;
        background-color: transparent;
        margin: 0 4px 0 0;
        padding: 0;
        text-decoration: none;
}

        li.serv a:hover, li.serv a:active, li.serv a:focus {
                color: #FFFFFF;
                background-color: transparent;
                text-decoration: underline;
        }

li.serv_a a:link, li.serv_a a:visited {
        font-size: 110%;
        color: #FFFFFF;
        background-color: transparent;
        font-weight: bold;
        margin: 0 4px 0 0;
        padding: 0;
        text-decoration: underline;
}

        li.serv_a a:hover, li.serv_a a:active, li.serv_a a:focus {
                color: #FFFFFF;
                background-color: transparent;
                text-decoration: none;
        }

/* ------------------------ END service navigation -------------------- */

/* ------------------------ visual navigation ------------------------ */

#visnav {
        width: 790px;
        text-align: right;
        margin: 5px 16px 0 0;
        padding: 0;
        list-style: none;
        display: inline;
        float: right;
}

#visnav li {
        margin: 0 4px 0 0;
        padding: 0;
        display: inline;
}

li.vis a:link, li.vis a:visited {
        font-size: 100%;
        color: #FFFFFF;
        background-color: transparent;
        font-weight: normal;
        margin: 0 2px 0 0;
        padding: 0;
        text-decoration: none;
}

        li.vis a:hover, li.vis a:active, li.vis a:focus {
                color: #FFFFFF;
                background-color: transparent;
                text-decoration: underline;
        }

li.vis_a a:link, li.vis_a a:visited {
        font-size: 100%;
        color: #FFFFFF;
        background-color: transparent;
        font-weight: bold;
        margin: 0 2px 0 0;
        padding: 0;
        text-decoration: underline;
}

        li.vis_a a:hover, li.vis_a a:active, li.vis_a a:focus {
                color: #FFFFFF;
                background-color: transparent;
                text-decoration: none;
        }

/* ------------------------ END visual navigation -------------------- */

/* ------------------------ breadcrumb ------------------------ */

#breadnav {
        width: 100%;
        color: #143A6E;
        background-color: #FFFFFF;
        font-size: 100%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
        display: inline;
        float: left;
}

#breadnav li {
        margin: 0;
        padding: 0 4px 0 0;
        display: inline;
}

        .yah {cursor: help;}

        li.bread a:link, li.bread a:visited {
                color: #143A6E;
                background-color: transparent;
                margin: 0;
                padding: 0;
                text-decoration: underline;
        }

        li.bread a:hover, li.bread a:active, li.bread a:focus {text-decoration: none;}

/* ------------------------ END breadcrumb ------------------------ */

/* ------------------------ mainnavigation ------------------------ */

#left ul#mainnavigation {
        width: 200px;
        color: #FFFFFF;
        background: #143A6E url(/images/layout/bg_teaserbottom_nav.gif) bottom no-repeat;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 120%;
        font-weight: bold;
        list-style: none;
        margin: 8px 0 0 0;
        padding: 0 10px 8px 10px;
        display: inline;
        float: left;
}

#left #mainnavigation li {
        width: 200px;
        margin: 0;
        padding: 4px 0;
        display: inline;
        float: left;
}

#left li.main a:link, #left li.main a:visited {
        color: #FFFFFF;
        background-color: transparent;
        margin: 0;
        padding: 0 0 0 16px;
        text-decoration: none;
        float: left;
}

        #left li.main a:hover, #left li.main a:active, #left li.main a:focus {
                color: #FFFFFF;
                background: transparent url(/images/layout/bg_main_h.gif) left top no-repeat;
                margin: 0;
                padding: 0 0 0 16px;
                text-decoration: none;
        }

#left li.main_a a:link, #left li.main_a a:visited {
        color: #FFFFFF;
        background: transparent url(/images/layout/bg_main_h.gif) left top no-repeat;
        margin: 0;
        padding: 0 0 0 16px;
        text-decoration: none;
        float: left;
}

        #left li.main_a a:hover, #left li.main_a a:active, #left li.main_a a:focus {
                color: #FFFFFF;
                background: none;
                background-color: transparent;
                margin: 0;
                padding: 0 0 0 16px;
                text-decoration: none;
        }

/* ------------------------ END mainnavigation ------------------------ */

/* ------------------------ subnavigation I ------------------------ */

#left ul#subnavigation1 {
        width: 174px;
        color: #FFFFFF;
        background: 0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        font-weight: bold;
        margin: 3px 0 0 26px;
        padding: 0 0 5px 0;
        display: inline;
        float: left;
}

#left #subnavigation1 li {
        width: 174px;
        margin: 0;
        padding: 4px 0 0 0;
        display: inline;
        float: left;
}

#left li.sub1 a:link, #left li.sub1 a:visited {
        color: #FFFFFF;
        background: 0;
        background-color: transparent;
        margin: 0;
        padding: 0;
        text-decoration: none;
}

        #left li.sub1 a:hover, #left li.sub1 a:active, #left li.sub1 a:focus {
                color: #FFFFFF;
                background: 0;
                background-color: transparent;
                margin: 0;
                padding: 0;
                text-decoration: underline;
        }

#left li.sub1_a a:link, #left li.sub1_a a:visited {
        color: #FFFFFF;
        background: 0;
        background-color: transparent;
        margin: 0;
        padding: 0;
        text-decoration: underline;
}

        #left li.sub1_a a:hover, #left li.sub1_a a:active, #left li.sub1_a a:focus {
                color: #FFFFFF;
                background: 0;
                background-color: transparent;
                margin: 0;
                padding: 0;
                text-decoration: none;
        }

/* ------------------------ END subnavigation I ------------------------ */

/* ------------------------ subnavigation II ------------------------ */

#left ul#subnavigation2 {
        width: 162px;
        color: #FFFFFF;
        background: 0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        font-weight: bold;
        margin: 3px 0 0 12px;
        padding: 0 0 5px 0;
        display: inline;
        float: left;
}

#left #subnavigation2 li {
        width: 162px;
        margin: 0;
        padding: 4px 0 0 0;
        display: inline;
        float: left;
}

#left li.sub2 a:link, #left li.sub2 a:visited {
        color: #FFFFFF;
        background: 0;
        background-color: transparent;
        margin: 0;
        padding: 0;
        text-decoration: none;
}

        #left li.sub2 a:hover, #left li.sub2 a:active, #left li.sub2 a:focus {
                color: #FFFFFF;
                background: 0;
                background-color: transparent;
                margin: 0;
                padding: 0;
                text-decoration: underline;
        }

#left li.sub2_a a:link, #left li.sub2_a a:visited {
        color: #FFFFFF;
        background: 0;
        background-color: transparent;
        margin: 0;
        padding: 0;
        text-decoration: underline;
}

        #left li.sub2_a a:hover, #left li.sub2_a a:active, #left li.sub2_a a:focus {
                color: #FFFFFF;
                background: 0;
                background-color: transparent;
                margin: 0;
                padding: 0;
                text-decoration: none;
        }

/* ------------------------ END subnavigation II ------------------------ */

/* ------------------------ institution ------------------------ */

#right ul#institution {
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size: 120%;
        font-weight: bold;
        list-style: none;
        margin: 8px 0 0 0;
        padding: 0 10px 8px 10px;
}

#right #institution li {
        width: 200px;
        margin: 0;
        padding: 4px 0;
        display: inline;
        float: left;
}

#right li.inst a:link, #right li.inst a:visited {
        color: #143A6E;
        background-color: transparent;
        margin: 0;
        padding: 0 0 0 16px;
        text-decoration: none;
        float: left;
}

        #right li.inst a:hover, #right li.inst a:active, #right li.inst a:focus {
                color: #143A6E;
                background: transparent url(/images/layout/bg_inst_h.gif) left top no-repeat;
                margin: 0;
                padding: 0 0 0 16px;
                text-decoration: none;
        }

#right li.inst_a a:link, #right li.inst_a a:visited {
        color: #143A6E;
        background: transparent url(/images/layout/bg_inst_h.gif) left top no-repeat;
        margin: 0;
        padding: 0 0 0 16px;
        text-decoration: none;
        float: left;
}

        #right li.inst_a a:hover, #right li.inst_a a:active, #right li.inst_a a:focus {
                color: #143A6E;
                background: none;
                background-color: transparent;
                margin: 0;
                padding: 0 0 0 16px;
                text-decoration: none;
        }

/* ------------------------ END institution ------------------------ */


/* #### -> */

/* ######################################################################### TITLE ######################################################################### */

/* ------------------------ default content ------------------------ */

#middle h1 {
        color: #143A6E;
        background-color: #FFFFFF;
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size: 170%;
        font-weight: normal;
        line-height: normal;
        margin: 0;
        padding: 0 0 4px 0;
}

#middle h2 {
        color: #143A6E;
        background-color: #FFFFFF;
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size: 140%;
        font-weight: bold;
        line-height: normal;
        margin: 0;
        padding: 0 0 4px 0;

}

#middle h3 {
        color: #010101;
        background-color: #FFFFFF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 110%;
        font-weight: bold;
        line-height: normal;
        margin: 0;
        padding: 0 0 2px 0;
}

/* ------------------------ END default content ------------------------ */

/* ------------------------ header teaser ------------------------ */

#left h2, #right h2 {
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size: 120%;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: bold;
        line-height: normal;
        margin: 0;
        padding: 4px 7px 3px 7px;
}

#left h3, #right h3 {
        color: #010101;
        background: transparent;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 110%;
        font-weight: bold;
        line-height: normal;
        margin: 0;
        padding: 5px 7px 1px 7px;
}

/* ------------------------ END header teaser ------------------------ */

/* ------------------------ content news and lead stories ------------------------ */

#middle #lead h1 {
        color: #143A6E;
        background-color: #FFFFFF;
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size: 170%;
        font-weight: normal;
        line-height: normal;
        margin: 0;
        padding: 0;
}

#middle #news h2, #middle div.newscontent h2 {
        color: #010101;
        background: transparent url(/images/layout/bg_h1_news.gif) no-repeat;
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size: 120%;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: bold;
        line-height: normal;
        margin: 0 0 10px 0;
        padding: 7px 7px 5px 7px;
}

#middle #news h3, #middle div.newscontent h3 {
        color: #143A6E;
        background: #FFFFFF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 110%;
        font-weight: bold;
        line-height: normal;
        margin: 0;
        padding: 0 0 1px 0;
}

/* ------------------------ END content news and lead stories ------------------------ */

/* #### -> */

/* ######################################################################### TEXT ######################################################################### */

/* ------------------------ default content ------------------------ */

#middle p {
        margin: 0;
        padding: 0 0 10px 0;
}

#middle ol {
        margin: 0 0 0 32px;
        /*margin: 0 0 0 40px;*/
        padding: 0 0 10px 0;
}

#middle ul {
        margin: 0 0 0 20px;
        padding: 0 0 10px 0;
}

        #middle li {
                margin: 0;
                padding: 0 0 4px 0;
        }

#middle .top {
        width: 100%;
        text-align: right;
        margin: 10px 0 0 0;
        padding: 0;
}

        .top a:link, .top a:visited {
                color: #143A6E;
                background-color: #FFFFFF;
                text-decoration: none;
        }

        .top a:hover, .top a:active, .top a:focus {
                color: #143A6E;
                background-color: #FFFFFF;
                text-decoration: underline;
        }

#left p, #right p {
        margin: 0;
        padding: 5px 7px;
}

        #left form p, #right form p {
                margin: 0;
                padding: 5px 0;
        }

#left ol, #right ol {
        margin: 0 0 0 28px;
        /*margin: 0 0 0 30px;*/
        padding: 5px 7px;
}

        #left form ol, #right form ol {
                margin: 0 0 0 28px;
                /*margin: 0 0 0 30px;*/
                padding: 5px 0;
        }

#left ul, #right ul {
        margin: 0 0 0 15px;
        padding: 5px 7px;
}

        #left form ul, #right form ul {
                margin: 0 0 0 15px;
                padding: 5px 7px;
        }

        #left li, #right li {
                margin: 0;
                padding: 0 0 4px 0;
        }

        #left img, #right img {
                margin: 0;
                padding: 10px 7px 0 7px;
        }

        #left .img_info, #right .img_info {
                width: 100%;
                font-size: 90%;
                text-align: center;
                margin: 0;
                padding: 0;
        }

#footer a:link, #footer a:visited {
        color: #FFFFFF;
        background-color: transparent;
        text-decoration: underline;
}

#footer a:hover, #footer a:active, #footer a:focus {
        color: #FFFFFF;
        background-color: transparent;
        text-decoration: none;
}

/* ------------------------ END default content ------------------------ */

/* ------------------------ sitemap ------------------------ */

/* ------- sitemap area I ------- */

#middle .sitemap1 {
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size: 140%;
        margin: 15px 0 0 0;
        padding: 0 0 15px 0;
        line-height: 150%;
        list-style: none;
}

        #middle .sitemap1 li {
                margin: 0;
                padding: 0;
        }

        #middle .sitemap1 .site1 a:link, #middle .sitemap1 .site1 a:visited {
                color: #143A6E;
                background: transparent url(/images/layout/bg_site1.gif) left no-repeat;
                font-weight: bold;
                margin: 0;
                padding: 0 0 0 12px;
                text-decoration: none;
        }

        #middle .sitemap1 .site1 a:hover, #middle .sitemap1 .site1 a:active, #middle .sitemap1 .site1 a:focus {
                color: #143A6E;
                background: transparent url(/images/layout/bg_site1.gif) left no-repeat;
                text-decoration: underline;
        }

/* --> */

/* ------- sitemap area II ------- */

        #middle .sitemap2 {
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 80%;
                border-left: 1px solid #143A6E;
                margin: 2px 0 5px 10px;
                padding: 0;
                list-style: none;
        }

                #middle .sitemap2 .site2 a:link, #middle .sitemap2 .site2 a:visited {
                        color: #143A6E;
                        background: transparent url(/images/layout/bg_sitemap.gif) left no-repeat;
                        font-weight: bold;
                        margin: 0;
                        padding: 0 0 0 14px;
                        text-decoration: none;
                }

                #middle .sitemap2 .site2 a:hover, #middle .sitemap2 .site2 a:active, #middle .sitemap2 .site2 a:focus {
                        color: #143A6E;
                        background: transparent url(/images/layout/bg_sitemap.gif) left no-repeat;
                        text-decoration: underline;
                }

/* --> */

/* ------- sitemap area III ------- */

                #middle .sitemap3 {
                        font-family: Verdana, Arial, Helvetica, sans-serif;
                        font-size: 90%;
                        border-left: 1px solid #143A6E;
                        margin: 2px 0 5px 20px;
                        padding: 0;
                        list-style: none;
                }

                        #middle .sitemap3 .site3 a:link, #middle .sitemap3 .site3 a:visited {
                                color: #143A6E;
                            background: transparent url(/images/layout/bg_sitemap.gif) left no-repeat;
                                margin: 0;
                                padding: 0 0 0 14px;
                                text-decoration: none;
                        }

                        #middle .sitemap3 .site3 a:hover, #middle .sitemap3 .site3 a:active, #middle .sitemap3 .site3 a:focus {
                                color: #143A6E;
                            background: transparent url(/images/layout/bg_sitemap.gif) left no-repeat;
                                text-decoration: underline;
                        }

/* --> */

/* ------------------------ END sitemap ------------------------ */

/* ------------------------ search ------------------------ */

.search_title {
        width: 100%;
        margin: 0;
        padding: 0;
}

.search_content {
        width: 100%;
        margin: 5px 0;
        padding: 0;
}

.search_path {
        width: 100%;
        margin: 3px 0 2px 0;
        padding: 0;
}

.search_specs {
        width: 100%;
        color: #000000;
        font-weight: bold;
        margin: 0 0 0 0;
        padding: 0 0 20px 0;
}

#middle .search_title h3 {
        color: #143A6E;
        background-color: #FFFFFF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        font-weight: bold;
        line-height: normal;
        margin: 5px 0 0 0;
        padding: 0;
}

        #middle .search_title h3 a:link, #middle .search_title h3 a:visited, #middle .search_title h3 a:active, #middle .search_title h3 a:hover {
                color: #143A6E;
                background: transparent url(/images/layout/bg_document.gif) top left no-repeat;
                font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
                font-size: 140%;
                font-weight: bold;
                line-height: normal;
                margin: 0 0 0 0;
                padding: 0 0 0 25px;
        }

        .search_markup {
                color: #010101;
                background-color: #F7E300;
                padding: 2px;
        }

/* ------------------------ END search ------------------------ */

/* ------------------------ news and lead stories ------------------------ */

/* Identisch mit #news wg. Mehrfachverwendung */
div.newscontent {
        width: 490px;
        margin: 0;
        padding: 0 0 10px 0;
        /*padding: 0;*/
        display: inline;
        float: left;
}

#news {
        width: 490px;
        margin: 0;
        padding: 0 0 10px 0;
        /*padding: 0;*/
        display: inline;
        float: left;
}

        .newsblock {
                clear: both;
                width: 490px;
                margin: 0;
                padding: 0 0 10px 0;
                float: left;
                /*float: none;*/
        }

                .news_pic {
                        width: 100px;
                        margin: 0 10px 0 0;
                        padding: 0;
                        display: inline;
                        float: left;
                }

                .news_txt {
                        width: 380px;
                        margin: 0;
                        padding: 0;
                        display: inline;
                        float: left;
                }

                        #middle p.news_date {
                                font-size: 90%;
                                font-weight: bold;
                                margin: 0;
                                padding: 0 0 2px 0;
                        }

#lead {
        width: 490px;
        margin: 0;
        padding: 0;
        display: inline;
        float: left;
}

        .leadblock {
                width: 490px;
                margin: 0;
                padding: 0 0 20px 0;
                display: inline;
                float: left;
        }

                .lead_pic {
                        width: 220px;
                        margin: 0 0 0 10px;
                        padding: 0;
                        display: inline;
                        float: left;
                }

                .lead_txt {
                        width: 260px;
                        margin: 0;
                        padding: 0;
                        display: inline;
                        float: left;
                }

                        #middle p.lead_author {
                                font-size: 100%;
                                font-weight: bold;
                                margin: 0;
                                padding: 0 0 4px 0;
                        }

                        #middle p.news_teaser, #middle p.lead_teaser {
                                margin: 0;
                                padding: 0;
                        }

                        #middle p.news_more, #middle p.lead_more {
                                width: 100%;
                                font-size: 100%;
                                font-weight: bold;
                                text-align: right;
                                margin: 4px 0 0 0;
                                padding: 0 0 2px 0;
                        }

                                .news_more a:link, .news_more a:visited, .news_more a:hover, .news_more a:active, .news_more a:focus,
                                .lead_more a:link, .lead_more a:visited, .lead_more a:hover, .lead_more a:active, .lead_more a:focus {
                                        color: #143A6E;
                                        background: transparent url(/images/layout/bg_news_more.gif) left bottom no-repeat;
                                        margin: 0;
                                        padding: 0 0 0 10px;
                                }

/* ------------------------ END news and lead stories ------------------------ */

/* ------------------------ teaser ------------------------ */

/* ------- navigation blue ------- */

.teaser_navigation {
        width: 220px;
        color: #FFFFFF;
        background: transparent url(/images/layout/bg_teasertop_nav.gif) top no-repeat;
        margin: 0;
        padding: 0 0 20px 0;
        display: inline;
        float: left;
}

/* -------> */
/* ------- blue ------- */

.teaser_blue {
        clear: both;
        width: 220px;
        color: #010101;
        background: #C8D8ED url(/images/layout/bg_teaserbottom_blue.gif) bottom no-repeat;
        margin: 0 0 20px 0;
        padding: 0 0 5px 0;
        display: inline;
        float: left;
}
        .teaser_blue h2 {
                color: #010101;
                background: #C8D8ED url(/images/layout/bg_teasertop_blue.gif) no-repeat;
        }

/* -------> */
/* ------- blue date ------- */

.teaserdate_blue {
        clear: both;
        width: 220px;
        color: #010101;
        background: #C8D8ED url(/images/layout/bg_teaserbottom_blue.gif) bottom no-repeat;
        margin: 0 0 20px 0;
        padding: 0 0 5px 0;
        display: inline;
        float: left;
}
        .teaserdate_blue h2 {
                color: #010101;
                background: #C8D8ED url(/images/layout/bg_teaserdate_blue.gif) no-repeat;
        }

        .teaser_color {
                color: #010101;
                background-color: #E9EFF8;
                margin: 5px 0 0 0;
                padding: 5px 0;
        }

                #left .date_date {
                        font-size: 90%;
                        font-weight: bold;
                        margin: 0;
                        padding: 5px 7px 2px 7px;
                }

                #left .date_teaser {
                        margin: 0;
                        padding: 2px 7px 2px 7px;
                }

                #left .date_more {
                        width: 204px;
                        font-size: 100%;
                        font-weight: bold;
                        text-align: right;
                        margin: 4px 0 0 0;
                        padding: 0 7px 2px 0;
                }

                        .date_more a:link, .date_more a:visited, .date_more a:hover, .date_more a:active, .date_more a:focus,
                        .date_more a:link, .date_more a:visited, .date_more a:hover, .date_more a:active, .date_more a:focus {
                                color: #143A6E;
                                background: transparent url(/images/layout/bg_news_more.gif) left bottom no-repeat;
                                margin: 0;
                                padding: 0 0 0 10px;
                                }

/* -------> */
/* ------- yellow ------- */

.teaser_yellow {
        clear: both;
        width: 220px;
        color: #010101;
        background: #FBF17F url(/images/layout/bg_teaserbottom_yellow.gif) bottom no-repeat;
        margin: 0 0 20px 0;
        padding: 0 0 5px 0;
        display: inline;
        float: left;
}

        .teaser_yellow h2 {
                color: #010101;
                background: #FBF17F url(/images/layout/bg_teasertop_yellow.gif) no-repeat;
        }

/* -------> */
/* ------- yellow motto ------- */

.teasermotto_yellow {
        clear: both;
        width: 220px;
        color: #010101;
        background: #FBF17F url(/images/layout/bg_teaserbottom_yellow.gif) bottom no-repeat;
        margin: 0 0 20px 0;
        padding: 0 0 5px 0;
        display: inline;
        float: left;
}

        .teasermotto_yellow h2 {
                color: #010101;
                background: #FBF17F url(/images/layout/bg_teasermotto_yellow.gif) no-repeat;
        }

/* -------> */
/* ------- green ------- */

.teaser_green {
        clear: both;
        width: 220px;
        color: #010101;
        background: #DAECAB url(/images/layout/bg_teaserbottom_green.gif) bottom no-repeat;
        margin: 0 0 20px 0;
        padding: 0 0 5px 0;
        display: inline;
        float: left;
}

        .teaser_green h2 {
                color: #010101;
                background: #DAECAB url(/images/layout/bg_teasertop_green.gif) no-repeat;
        }
/* -------> */
/* ------- green motto ------- */

.teasermotto_green {
        clear: both;
        width: 220px;
        color: #010101;
        background: #DAECAB url(/images/layout/bg_teaserbottom_green.gif) bottom no-repeat;
        margin: 0 0 20px 0;
        padding: 0 0 5px 0;
        display: inline;
        float: left;
}

        .teasermotto_green h2 {
                color: #010101;
                background: #DAECAB url(/images/layout/bg_teasermotto_green.gif) no-repeat;
        }

/* -------> */

#left p.motto_txt, #right p.motto_txt {
        margin: 0;
        padding: 0 7px;
}

#left p.motto_info, #right p.motto_info {
        width: 206px;
        font-size: 100%;
        text-align: right;
        margin: 0;
        padding: 0 7px;
}

/* ------------------------ END teaser ------------------------ */

/* #### -> */

/* ######################################################################### FORM ######################################################################### */

/* ------------ default content ------------ */

/* ----- positioning elements ----- */

#middle .form_both  {
        width: 484px;
        color: #010101;
        background-color: #FBF17F;
        margin: 3px 0 ;
        padding: 3px;
        float: left;
}

        #middle .form_label {
                width: 38%;
                margin: 3px 0 0 0;
                padding: 0;
                float: left;
        }

        #middle .form_element {
                width: 60%;
                margin: 0;
                padding: 0;
                float: left;
        }

/* ----- END positioning elements ----- */

#middle form {
        width: 100%;
        margin: 0;
        padding: 0;
}

#middle fieldset {
        border: 0;
        margin: 10px 0 0 0;
        padding: 0;
}

#middle legend {
        color: #143A6E;
        background-color: #FFFFFF;
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size: 140%;
        font-weight: bold;
        line-height: normal;
        margin: 0;
        padding: 0;
}

#middle label {
        margin: 0;
        padding: 0;
}

#middle input, #middle textarea {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        font-weight: normal;
        color: #000000;
        background-color: #FFFFFF;
        border: 1px solid #92B1DB;
        margin: 0;
        padding: 2px 2px 3px 1px;
        cursor: help;
}
        #middle input:hover, #middle textarea:hover {
                color: #000000;
                background-color: #E9EFF8;
        }

        #middle input:focus, #middle textarea:focus {
                color: #000000;
                background-color: #FFFFFF;
        }

#middle select {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        font-weight: normal;
        color: #000000;
        background-color: #FFFFFF;
        border: 0;
        margin: 0;
        padding: 1px 0 2px 0;
        cursor: pointer;
}

        #middle select:hover {
                color: #000000;
                background-color: #E9EFF8;
        }

        #middle select:focus {
                color: #000000;
                background-color: #FFFFFF;
        }

/* ------------ END default content ------------ */

/* ------------ button elements ------------ */

#middle input.button_send {
        width: auto;
        color: #FFFFFF;
        background-color: #143A6E;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        font-weight: bold;
        border: 0;
        margin: 1px 0 0 10px;
        padding: 2px;
        cursor: pointer;
}

        #middle input.button_send:hover, #content input.button_send:focus {
                color: #010101;
                background-color: #B6D958;
        }

#middle input.button_clear {
        width: auto;
        color: #FFFFFF;
        background-color: #143A6E;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        font-weight: bold;
        border: 0;
        margin: 1px 0 0 0;
        padding: 2px;
        cursor: pointer;
}

        #middle input.button_clear:hover, #middle input.button_clear:focus {
                color: #FFFFFF;
                background: 0;
                background-color: #CC0000;
        }

/* ------------ END button elements ------------ */

/* ------------------------ default configurations teaser -------------------- */

#right form, #left form {
        width: 206px;
        margin: 0;
        padding: 0 7px 5px 7px;
        display: inline;
        float: left;
}

#right fieldset, #left fieldset {
        border: 0;
        margin: 0;
        padding: 0 0 2px 0;
}

#right label, #left label {display: none;}

#right input, #left input {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        font-weight: normal;
        color: #143A6E;
        background-color: #FFFFFF;
        border: 0;
        margin: 0;
        padding: 2px 2px 3px 1px;
        cursor: help;
}

#right input.send, #left input.send {
        width: 18px;
        height: 20px;
        border: 0;
        color: #FFFFFF;
        background: transparent url(/images/layout/bg_button.gif) no-repeat;
        margin: 0;
        padding: 0 0 1px 0;
        cursor: pointer;
}

        #right input.send:hover, #right input.send:focus, #left input.send:hover, #left input.send:focus {
                color: #FFFFFF;
                background: transparent url(/images/layout/bg_button_h.gif) no-repeat;
        }

#right select, #left select {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        font-weight: normal;
        color: #000000;
        background-color: #FFFFFF;
        border: 0;
        margin: 0;
        padding: 1px 0 2px 0;
        /*padding: 0;*/
        cursor: pointer;
}

/* ------------------------ END default configurations teaser ---------------- */

/* ------------------------ search -------------------- */

#search form {
        width: 100%;
        margin: 0;
        padding: 0 0 2px 0;
        display: inline;
        float: left;
}

#search fieldset {
        border: 0;
        margin: 0;
        padding: 0;
}

#search label {display: none;}

#search input {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 90%;
        width: 189px;
        font-weight: normal;
        color: #143A6E;
        background-color: #FFFFFF;
        border: 0;
        margin: 0;
        padding: 3px 2px 2px 1px;
        cursor: help;
}

#search input.search_send {
        width: 18px;
        height: 20px;
        border: 0;
        color: #FFFFFF;
        background: transparent url(/images/layout/bg_searchbutton.gif) no-repeat;
        margin: 0;
        padding: 0;
        cursor: pointer;
}

        #search input.search_send:hover, #search input.search_send:focus {
                color: #FFFFFF;
                background: transparent url(/images/layout/bg_searchbutton_h.gif) no-repeat;
        }

/* ------------------------ END search ---------------- */

/* #### -> */