/* ---------------------------------------------

                screen.CSS
                Generelle Styles für das Frontend.


                Autor:                                UC, www.clickwerk.ch
                Erstellungsdatum:        08.10.2007

                Index:                                - Allgemein
                                                        - Header
                                                                - Logo
                                                                - Utilities
                                                        - Visuals
                                                        - Hauptkategorien
                                                        - Content
                                                                - left
                                                                - inhalt
                                                                - newsbox
                                                        - Footer
                                                        - Paging (News)
                                                        - Kontaktformular
                                                        - Galerie
                                                        - TeamModul


                Changelog:                        -

                Farben:                                Normal
                                                        - dblau: #4D94CA
                                                        - hblau: #A4C0E1
                                                        - grau: #8E8E8E

                                                        Navigation:
                                                        - dblau: #006FB7
                                                        - hblau: E9EFF7
        --------------------------------------------- */
        /*@import url("form.css"); */


        /* ---------------------------------------------
                Allgemein
        --------------------------------------------- */

        * {
                margin:0px;
                padding:0px;
        }

        html {
                height:100%;
                margin-bottom:1px;
        }

        body {
                font-family:Arial, Helvetica, sans-serif;
                font-size:0.69em;
                line-height:1.4;
                color:#000;
                margin: auto;
        }

        h1,h2,h3 {
                font-size:1em;
        }

        textarea, input {
                font-family:Arial, Helvetica, sans-serif;
                font-size:1em;
        }


        address {
                font-style:normal;
        }

        .invisible {
                display: none;
        }

        .clear {
                clear:both;
        }

        /*jump navigation*/

        .jump {
                left:-1000px;
                overflow:hidden;
                position:absolute;
                top:-100px;
                width:10em;
                z-index:2;
        }

        /* Main Container */

        div#area{
                width:920px;
                margin:0px auto;
        }

        /*--- Links ---*/

        a {
                text-decoration:none;
                outline:none;
        }

        a.link-right {
                padding-right:10px;
                background:url(../images/ico/arrow-right.gif) no-repeat right center;
                display:block;
        }

        a.link-left {
                padding-left:10px;
                background:url(../images/ico/arrow-left.gif) no-repeat left center;
                display:block;
        }

        a.link-right, a.link-left {
                color:#006FB7;
                border-bottom:1px solid #006FB7;
        }

        a.posRight {
                float:right;
        }

        a.posLeft {
                float:left;
        }


        /* ---------------------------------------------
                Header
        --------------------------------------------- */

        #header {
                margin-bottom:10px;
                height:85px;
        }

        /*--- Logo ---*/

        #logo {
                width: 230px;
                float: left;
        }

        /*--- Utilities ---*/

        div#utilities {
                float:right;
                text-align:right;
                width:690px;
                margin:32px 0 25px 0;
                font-size:0.9em;
        }

        ul#lang {
                background: blue;
                list-style: none;
        }

        ul#lang li {
                display:block;
                float: right;
                margin-top: 2px;
                margin-left: 2px;
        }

        ul#lang li a {
                display:block;
                color:#8E8E8E;
                background-color:#A4C0E1;
                padding:3px 6px 3px 4px;
                width:13px;
        }

        ul#lang li.hi a {
                color:#fff;
                background-color:#4D94CA;
        }

        div#util {
                text-transform:uppercase;
                color:#8E8E8E;
                float:right;
                margin:5px 30px 0 0;
        }

        #util a{
                color:#8E8E8E;
        }


        /* ---------------------------------------------
                Visuals
        --------------------------------------------- */

        #visuals{
                width:920px;
                height:170px;
        }

        img.visuals{
                float:left;
        }


        /* ---------------------------------------------
                Hauptkategorien
        --------------------------------------------- */

        ul#hkat li{
                float:left;
                list-style:none;
                display:block;

                font-size:1.18em;
                font-weight:bold;
                text-align:center;
                text-transform:uppercase;
                font-family:Arial, Helvetica, sans-serif;

                /*width:230px;*/
                background-color:#A4C0E1;
        }

        ul#hkat li a{
                display:block;
                background-color:#A4C0E1;
                color:#006FB7 !important;
                padding:5px 0;
        }

        ul#hkat li.hi a /*, ul#hkat li a:hover */{
                color:#FFF !important;
                background-color:#4D94CB;
        }

        /* ---------------------------------------------
                Content
        --------------------------------------------- */

        #content{
                min-height:250px;
                padding-bottom:30px;
        }
        #content.content-balken{
                background:url(../images/bg/news_front.gif) repeat-y right top;
        }

        /*--- NAVIGATION  ---*/
        #navigation{
                margin:25px 0 0 0;
                width:230px;
                float:left;

                min-height:10px;
        }
        #navigation ul.nav-2 li{list-style:none;}
        #navigation ul.nav-2 li a{
                display:block;
                height:15px;
                border-top:1px solid #E9EFF7;
                padding:5px 15px;
                color:#006FB7;
        }
        #navigation ul.nav-2 li.lo a:hover{background-color:#F7F8F9;}
        #navigation ul.nav-2 li.hi{background-color:#E9EFF7;}


        /*--- Inhalt ---*/
        #inhalt {
                margin:25px 20px 0 20px;
                float:left;
                width:650px;
        }
        #inhalt h2 {
                font-size:1.63em;
                line-height:1.38;
                font-weight:normal;
                color:#4D94CA;
                text-transform:uppercase;
                margin-bottom:18px;
        }
        #inhalt h3 {
                color:#4D94CA;
                font-weight:bold;
                font-size:1.12em;
                margin:0 0 10px 0;
        }

        #inhalt.inhalt-balken {
                width:420px !important;
        }

        #inhalt a, #inhalt a:hover {
                color:#006FB7;
                text-decoration:none;
        }


        #inhalt ul {
                list-style-type:square;
                margin:15px 0 15px 30px;
        }

        #inhalt strong, b{
                /*background-color:#E9EFF7 !important;*/
                font-weight:bold !important;
                color:#4D94CA !important;
        }

        #inhalt .news-datum{
                margin:1px 0 15px 0;
                color:#606060;
                font-size:1.09em;
        }

        /*--- NEWS ---*/
        #news{
                width:190px;
                padding:25px 25px 10px 15px;
                float:left;
                background-color:#E9EFF7;
        }

                /*--- NEWSBOXEN ---*/
                #news h2, #news h2 a{
                        font-size:1.32em;
                        color:#4D94CA;
                        text-transform:uppercase;
                        margin:0 0 15px 0;
                        font-weight:normal;

                }
                .newsbox h3 a{
                        color:#4D94CA;
                        font-weight:bold;
                        font-size:1.12em;
                }
                .news-datum{
                        margin:1px 0 11px 0;
                        color:#606060;
                        font-size:1.09em;
                }
                div.link{
                        float:right;
                        margin:15px 0 18px 0;
                }
                div.line{
                        height:1px;
                        background: url(../images/bg/news_front_line.gif) repeat-x;
                }

        #inhalt div.newsbox h3{
                color:#4D94CA;
                font-weight:normal;
                font-size:1.12em;
                margin:0 0 0 0;
        }

        #news a.link-right{margin:20px 0;}
        #news a.newsAll{margin:30px 0 0 0 !Important;}

        .bild-rechts-text-links {
                margin:0 0 10px 20px;
                float:right;
                border:1px solid black;
        }
        .bild-links-text-rechts {
                margin:0 20px 10px 0;
                float:left;
                border:1px solid black;
        }


/* ---------------------------------------------
        Footer
--------------------------------------------- */
        #footer{
                clear:both;
                border-bottom:25px solid #FFF;
                padding:5px 0;
                text-align:center;
                font-size:0.93em;

                background-color:#A4C0E1;
        }
        span.trenner{
                font-weight:bold;
                color:#2280C0;
        }
        #footer img{vertical-align:middle;}
        #footer a{
                color:#000;
        }


/* ---------------------------------------------
        Paging (News)
--------------------------------------------- */
        /*--- News: paging ---*/
        div.paging a.paging-lo{
                padding:2px 5px;
                background-color:#F7F8F9;
        }
        div.paging strong{
                padding:2px 5px;
                background-color:#E9EFF7;
        }



/* ---------------------------------------------
        Kontaktformular
--------------------------------------------- */
        div#kontaktform label { /* Alle Labels UND Formularelemente auswaehlen */
                width: 80px;
                display:block;
                float:left;
        }

        div#kontaktform input { /* Alle Labels UND Formularelemente auswaehlen */
                width:300px;
                border: 1px solid #cfcfcf;
                padding:3px;
                margin:1px 5px 1px 1px;
        }
        div#kontaktform input.checkbox { 
                width:auto;
				margin-left: 80px;
				margin-top: 10px;
				float:left;
        }
        div#kontaktform div.checkbox { 
				float: left;
				text-align: left;
				margin-top: 10px;
                width:280px;
        }
        div#kontaktform textarea { /* Alle Labels UND Formularelemente auswaehlen */
                padding:3px;
                margin:1px 5px 1px 1px;
                display: block;
                float: left;
                width: 300px;
                height:90px;
                border: 1px solid #cfcfcf;
        }

        form br { /* Alle Zeilenumbrueche in Formularen auswaehlen */
                clear: left; /* das floating der labels und inputs aufheben */
        }
        div#kontaktform input.submit-btn{
                width:100px;
                color:#000;
                background-color:#F7F8F9;
                cursor:pointer;

        }

        /* --- error Kontaktformular / Newsletter ---*/
        p.alert, ul.fielderrors{
                color:#f00;
                padding:5px;
                background-color:#E9EFF7;
                margin:0 0 10px 0;
                width:350px;
        }

        address.kontakt{margin: 42px 0 0 0;}
        address.kontakt a{color:#000;}
        address.kontakt strong{
                color:#4D94CA;
                font-weight:bold;
                font-size:1.12em;
        }

/* ---------------------------------------------
        Galerie
--------------------------------------------- */
        #galeriebox{
                margin:50px 10px 0 10px; /*13 wegen rahmen*/
        }
        #galeriebox span.picture{
                float:left;
                height:44px;
                width:44px;
                display:block;
                float:left;
                margin:0 6px 6px 0;
                padding:1px;
                border:1px solid #E9EFF7;
        }
        #galeriebox span.last{margin:0 0 6px 0 !important;}

        #galeriebox span a{
                width:100%;
                height:100%;
                display:block;
        }
        #galeriebox span a:hover{background-image:none !important;}

/* ---------------------------------------------
        TeamModul
--------------------------------------------- */
        #inhalt ul#teammodul, #inhalt ul#teammodul ul.team-group{
                margin:0px !important;
                padding:0px !important;
                list-style:none;
        }
        #teammodul li{
                list-style:none;
                margin:3px 0px;
                padding:0px;
        }
        #teammodul li a.head{
                display: block;
                /*background-color:#E9EFF7;*/
                padding:5px !important;
                margin: 3px 0px !important;
                background:url(../images/ico/teammodul-more.gif) right no-repeat #E9EFF7;
        }
        #teammodul li a.hi{
                /*background-color:#4D94CA;*/
                background:url(../images/ico/teammodul-details.gif) right no-repeat #4D94CA;
        }
        #teammodul li a.hi strong{color:#FFF !important;}


        /*--- mitglieder ---*/
        ul.team-group li{padding: 10px 0px !important;}
        ul.team-group li.trenner{border-bottom: 1px solid #f2f2f2;clear:both;}
        ul.team-group li.last{border-bottom: 10px solid #fff;}
        /*--- inhalt ---*/
        ul.team-group li div.tab-left, ul.team-group li div.tab-right{float:left;}
        ul.team-group li div.tab-left{width:150px;}
		
		
.WYSIWYG_table td {
		border: 1px solid #d0d0d0;
		}