/*
         *
         *         CSS by Nik Hille (November 2008)
         *         MSN: mephisto989@hotmail.com
         *         IRC: #vurtne (Quakenet)
         *
         */




        /*
                General
                -----------------------------------------------------
        */

        a {
                color: #F2F2F2;
        }

        a:hover {
                color: #AFEEEE;
        }

        a:active, a:focus {
                   outline: none;
        }

                a.bg {
                        color: #191940;
                }

                        a.bg:hover {
                                color: #666;
                        }

                a.lz {
                }

                        a.lz:hover {
                                color: #F2F2F2;
                        }

        p {
                margin: 0;
                margin-bottom: 2px;
        }

                p.entry {
                        margin: 0;
                        margin-bottom: 23px;
                        border-bottom: 1px solid #fff;
                        padding-bottom: 23px;
                }

                p.subtitle {
                        margin-bottom: 8px;
                }

        .clear {
                clear: both;
        }

        #hover {
                width: 100%;
                height: 100%;
        }

                #hover:hover {
                        background: url(images/hover.png) repeat;
                }

        .table {
                font-weight: normal;
        }

        /*
                Body
                -----------------------------------------------------
        */

        body {
                background: #191940;
                color: #F2F2F2;
                margin: 0;
                padding: 0;
                font-family: verdana, sans-serif;
                font-size: 12px;
        }

        /*
                Main Container & Spalten
                -----------------------------------------------------
        */

        #container {
                background: #AFEEEE;
                margin: auto;
                margin-top: 10px;
                padding: 0;
                width: 598px;
                border: 1px solid #fff;
        }

        #left {
                width: 150px;
                margin-bottom: 20px;
                float: left;
                color: #191940;
                text-align: center;
                font-size: 9px;
                line-height: 11px;
        }

        #right {
                width: 370px;
                margin: 0;
                float: left;
        }

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

        #top {
                background: none;
                width: 580px;
                height: 61px;
                font-size: 18px;
                line-height: 61px;
                color: #191940;
        }

        #logo {
                width: 150px;
                height: 61px;
                background-position: center;
                float: left;
        }

        #title {
                width: 410px;
                padding-left: 20px;
                height: 61px;
                float: left;
        }

        /*
                Navigation
                -----------------------------------------------------
        */

        #navigation {
                background: #fff;
                width: 150px;
                height: 190px;
                position: relative;
                font-size: 12px;
        }

        #navigation a {
                text-decoration: none;
        }

                #navigation ul {
                        margin: 0;
                        padding: 0;
                        list-style: none;
                }

                        #neulich,
                        #persoenlich,
                        #beruflich,
                        #oeffentlich,
                        #kaeuflich,
                        #empfehlich,
                        #klanglich,
                        #inhaltlich,
                        #verantwortlich {
                                display: block;
                                height: 20px;
                                width: 149px;
                                background: #191940;
                                margin: 1px;
                                margin-bottom: 0;
                                margin-left: 0;
                                text-align: center;
                                line-height: 18px;
                                color: #F2F2F2;
                        }

                        #neulich {
                                border-top: 1px solid #fff;
                        }


                        #neulich:hover,
                        #persoenlich:hover,
                        #beruflich:hover,
                        #oeffentlich:hover,
                        #kaeuflich:hover,
                        #empfehlich:hover,
                        #klanglich:hover,
                        #inhaltlich:hover,
                        #verantwortlich:hover {
                                background: #AFEEEE;
                                color: #000;
                        }

        /*
                Navigation Active
                -----------------------------------------------------
        */

                #neulich_a,
                #persoenlich_a,
                #beruflich_a,
                #oeffentlich_a,
                #kaeuflich_a,
                #empfehlich_a,
                #inhaltlich_a,
                #verantwortlich_a {
                        background: #40E0D0;
                        color: #191940;
                        display: block;
                        height: 20px;
                        width: 149px;
                        margin: 1px;
                        margin-bottom: 0;
                        margin-left: 0;
                        text-align: center;
                        line-height: 18px;
                        cursor: default;
                }

                #neulich_a {
                        border-top: 1px solid #fff;
                }

        /*
                Navigation Subsite
                -----------------------------------------------------
        */

        #navigation_subs {
                background: #fff;
                width: 150px;
                height: 22px;
                position: relative;
                font-size: 12px;
        }

        #navigation_subs a {
                text-decoration: none;
        }

                #navigation_subs ul {
                        margin: 0;
                        padding: 0;
                        list-style: none;
                }

                        #back_subs {
                                display: block;
                                height: 20px;
                                width: 149px;
                                background: #191940;
                                border-top: 1px solid #fff;
                                margin: 1px;
                                margin-bottom: 0;
                                margin-left: 0;
                                text-align: center;
                                line-height: 18px;
                                color: #F2F2F2;
                        }

                        #back_subs:hover {
                                background: #AFEEEE;
                                color: #000;
                        }

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

        #content {
                width: 370px;
                min-height: 300px;
                background: #191940;
                border: 1px solid #fff;
                margin: 20px;
                margin-top: 0;
                padding: 18px;
                padding-top: 14px;
                padding-bottom: 14px;
        }

        #content .contentpic {
                width: 150px;
                height: 150px;
                margin-right: 10px;
                margin-left: 30px;
                line-height: 150px;
                text-align: center;
                float: right;
        }

        /*
                Persönlich
                -----------------------------------------------------
        */

        ul.liste1 {
                list-style-type: disc;
                margin: 0;
                padding-left: 14px;
        }

                ul.liste1 li {
                        margin-bottom: 4px;
                }

        /*
                Flashplayer
                -----------------------------------------------------
        */

        #plyrcontainer {
                width: 100%;
                height: 100%;
        }

        #plyrcontent {
                background: #191940;
                width: 370px;
                min-height: 358px;
                border: 1px solid #fff;
                margin: 20px;
        }

        #plyrtop {
                width: 100%;
                margin-top: 10px;
                text-align: center;
                border-bottom: 1px solid #fff;
                font-size: 9px;
                line-height: 23px;
        }

        #plyrbottom {
                width: 334px;
                padding: 18px;
                padding-top: 14px;
                padding-bottom: 14px;
        }

        /*
                Left Pictures
                -----------------------------------------------------
        */

        #picleftn,
        #picleftp,
        #picleftp2,
        #picleftb,
        #piclefto,
        #picleftk,
        #picleftk2,
        #piclefte,
        #piclefti,
        #picleft_stromsparen,
        #picleft_bibliographie,
        #picleft_erdoel,
        #picleft_westerwelle,
        #picleft_hesslandtag,
        #picleftv {
                width: 149px;
                border: 1px solid #fff;
                border-left: none;
                margin-top: 20px;
        }

                #picleftn {
                        background: url(images/solarprofessor.png) no-repeat;
                        height: 171px;
                }

                #picleftp {
                        background: url(images/TS_1.png) no-repeat;
                        height: 214px;
                }

                        #picleftp2 {
                                background: url(images/galerie_9-150.png) no-repeat;
                                height: 225px;
                        }

                #picleftb {
                        background: url(images/beruflich.png) no-repeat;
                        height: 185px;
                }

                #piclefto {
                        background: url(images/oeffentlich.png) no-repeat;
                        height: 200px;
                }


                #picleftk {
                        background: url(images/buch2.png) no-repeat;
                        height: 197px;
                }

                        #picleftk2 {
                                background: url(images/buch1.png) no-repeat;
                                height: 225px;
                                margin-top: 1019px;
                        }

                #piclefte {
                        background: url(images/empfehlich.png) no-repeat;
                        height: 187px;
                }

                #piclefti {
                        background: url(images/inhaltlich.png) no-repeat;;
                        height: 157px;
                }

                        #picleft_stromsparen {
                                background: url(images/stromsparen-title.png) no-repeat;
                                height: 213px;
                        }

                        #picleft_bibliographie {
                                background: url(images/bibliographie.png) no-repeat;
                                height: 151px;
                        }

                        #picleft_erdoel {
                                background: url(images/erdoel.png) no-repeat;
                                height: 222px;
                        }

                        #picleft_westerwelle {
                                background: url(images/westerwelle.png) no-repeat;
                                height: 222px;
                        }

                        #picleft_hesslandtag {
                                background: url(images/hesslandtag.png) no-repeat;
                                height: 200px;
                        }

        /*
                Footer
                -----------------------------------------------------
        */

        #footer {
                width: 428px;
                height: 20px;
                background: none;
                border-top: 1px solid #fff;
                line-height: 20px;
                font-size: 9px;
                color: #191940;
                padding-left: 170px;
        }