/* ********** [ GENERAL ] ********** */

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

div.clear {
        clear: both; }

body {
        margin: 5px 0px 0px 0px;
        padding: 0px;
        cursor: default;
        font: 11px arial, verdana, sans-serif;
        color: #222222;
        background: #ffffff; }


/* ********** [ PAGE ] ********** */

div#page_wrap { }

        div#page { }


/* ********** [ HEADER ] ********** */

div#header_wrap {
        margin: 0px auto;
        padding-top: 12px;
        width: 881px;
        height: 67px;
        background: url('top.jpg') no-repeat; }

        div#header { width: 759px; }

                div#header h1 {
                        padding-left: 60px;
                        float: left;
                        height: 60px;
                        font: bold 24px/60px Trebuchet MS, tahoma, arial, sans-serif;
                        color: #D52525; }

                        div#header h1 span { }

        div.logo {
                margin-left: 12px;
                width: 303px;
                height: 67px;
                float: left;
                background: url('logo.jpg') no-repeat; }

        div.show_user {
                padding: 40px 0px 0px 29px;
                font-size: 20px;
                color:#E55227; }

        #menubar {
                height: 67px;
                margin: -18px 0 0 -92px; }

        #logout {
                position: absolute;
                margin-left: 318px;
                margin-top: -65px;
                width: 19px;
                height: 19px;
                background: url('logout.jpg') no-repeat; }

                #logout:hover {
                        height: 19px;
                        background: url('logout.jpg') no-repeat 0px -19px; }

        #mprofil {
                height: 67px;
                width: 57px;
                margin-right: 3px;
                background: url(mprofil.jpg) no-repeat;
                float: left; }

        #mprofil:hover, #mprofil2 {
                height: 67px;
                width: 57px;
                background: url(mprofil.jpg) no-repeat 0px -67px;
                float: left; }

        #mnachrichten {
                height: 67px;
                width: 84px;
                margin-right: 3px;
                background: url(mnachrichten.jpg) no-repeat;
                float: left; }

        #mnachrichten:hover, #mnachrichten2 {
                height: 67px;
                width: 84px;
                background: url(mnachrichten.jpg) no-repeat 0px -67px;
                float: left; }

        #mnachrichten_neu {
                height: 67px;
                width: 84px;
                background: url(mnachrichten_neu.gif) no-repeat;
                float: left; }

        #mbilder {
                height: 67px;
                width: 50px;
                margin-right: 3px;
                background: url(mbilder.jpg) no-repeat;
                float: left; }

        #mbilder:hover, #mbilder2 {
                height: 67px;
                width: 50px;
                background: url(mbilder.jpg) no-repeat 0px -67px;
                float: left; }

        #mfavoriten {
                height: 67px;
                width: 67px;
                margin-right: 3px;
                background: url(mfavoriten.jpg) no-repeat;
                float: left; }

        #mfavoriten:hover, #mfavoriten2 {
                height: 67px;
                width: 67px;
                background: url(mfavoriten.jpg) no-repeat 0px -67px;
                float: left; }

        #msuche {
                height: 67px;
                width: 54px;
                margin-right: 3px;
                background: url(msuche.jpg) no-repeat;
                float: left; }

        #msuche:hover, #msuche2 {
                height: 67px;
                width: 54px;
                background: url(msuche.jpg) no-repeat 0px -67px;
                float: left; }

        #meinstellungen {
                height: 67px;
                width: 88px;
                background: url(meinstellungen.jpg) no-repeat;
                float: left; }

        #meinstellungen:hover, #meinstellungen2 {
                height: 67px;
                width: 88px;
                background: url(meinstellungen.jpg) no-repeat 0px -67px;
                float: left; }

        div#gsky {
                position: absolute;
                margin-left: 761px;
                margin-top: 12px; }

        #login {
                width : 330px;
                float: right;
                margin: 18px 20px 0 0; }

/* ********** [ FOOTER ] ********** */

div#footer_wrap {
        margin: 0px auto;
        width: 881px;
        height: 30px;
        background: url('footer.jpg') no-repeat; }

        div#footer {
                width: 759px;
                padding-top:15px;
                font: 11px/38px arial, verdana, sans-serif;
                color: #555555;
                text-align: center; }

                div#footer a {
                        font: 11px/38px arial, verdana, sans-serif;
                        color: #555555;
                        text-decoration: none; }

                div#footer a:hover {
                        text-decoration: underline; }


        div#footersearch {
                margin-top: 180px;
                margin-left: 530px;
                margin-bottom: -50px; }

        div#footerpartner {
             color: #666666;
             font-size: 10px;
             font-family: verdana; }

                 div#footerpartner a {
                         font-size: 10px;
                         font-family: verdana;
                         color: #666666;
                         text-decoration: none; }

                 div#footerpartner a:hover {
                         text-decoration: underline; }

/* ********** [ CONTAINER ] ********** */

div#container_wrap {
        margin: 0px auto;
        width: 881px;
        text-align: left;
        background: url("border.jpg") repeat-y; }

          div#container { width: 759px; }

/* ********** [ CONTENT ] ********** */

#content_wrap {
          padding-bottom: 10px; }

          #content {
                padding-left: 25px;
                padding-right: 25px;
                padding-top: 10px;
                min-height: 480px; }

#regbutton {
          position: absolute;
          z-index: 1;
          border: 0px;
          width: 254px;
          height: 55px;
          margin-top: -65px;
          margin-left: 454px;
          background: url("regbutton.png") no-repeat !important;
          background: url("regbutton.jpg") no-repeat; }

#fades {
          border: 0px;
          display:block;
          width: 736px;
          height: 453px;
          margin: -10px 0 0 -13px;
          background: url("bg1.jpg") no-repeat; }

#infobox {
          width: 736px;
          margin-left: -13px; }

#info_left {
          float: left;
          font: 13px verdana, sans-serif;
          color: #666666;
          margin: 10px 0 0 15px;
          width: 265px; }

          #info_left h1 {
                    font: 18px verdana, sans-serif;
                    color: #0d57a2;
                    margin-bottom: -7px; }

          #info_left a {
                    font: bold 13px verdana, sans-serif;
                    text-decoration: underline;
                    color: #666666; }

#info_middle {
          float: left;
          font: 13px verdana, sans-serif;
          color: #666666;
          margin: 10px 0 0 15px;
          width: 280px; }

          #info_middle h1 {
                    font: 18px verdana, sans-serif;
                    color: #0d57a2;
                    margin-bottom: -7px; }

#info_right {
          float: right;
          text-align: right;
          margin: 15px 15px 0 0;
          width: 135px; }


/* ********** [ MAIN NAVIGATION ] ********** */

div#headernav_wrap {
        margin: 0px auto;
        width: 881px;
        height: 0px;
        background: url("border.jpg") repeat-y; }

        div#headernav {
                width: 759px;
                height: 31px; }

                div#headernav ul {
                        padding: 0px 0px 0px 20px;
                        height: 32px;
                        list-style-type: none;
                        }

                        div#headernav ul li {
                                float: left; }

                                div#headernav ul li a {
                                        padding: 0px 10px;
                                        height: 25px;
                                        display: block;
                                        float: left;
                                        font: bold 12px/25px arial, verdana, sans-serif;
                                        color: #565656;
                                        text-decoration: none; }

                                        div#headernav ul li a:hover {
                                                text-decoration: underline; }


/* ********** [ USER NAVIGATION ] ********** */

div#usernav {
        height: 19px;
        }

        div#usernav ul {
                padding-left: 23px;
                list-style: none; }

                div#usernav li {
                        float: left; }

                        div#usernav ul li a {
                                padding: 0px 7px;
                                height: 19px;
                                float: left;
                            display: block;
                                font: 11px/19px arial, verdana, sans-serif;
                                color: #565656;
                                text-decoration: none; }

                                div#usernav ul li a:hover {
                                        color: #D52525; }


/* ********** [ COMMON ITEMS ] ********** */

h2, h3, h4, h5, h6 {
        padding-bottom: 5px;
        font: bold 14px/16px arial, verdana, sans-serif;
        color: #0C4D9C; }

        h2 {
                margin-bottom: 5px;
                font: bold 14px/16px arial, verdana, sans-serif;
                border-bottom: 1px solid #d4d4d4; }

        h3 {
                font: bold 13px/16px arial, verdana, sans-serif; }

        h4 {
                font: bold 12px/16px arial, verdana, sans-serif; }

        h4 {
                font: bold 11px/16px arial, verdana, sans-serif; }

p {
        font: 11px/16px arial, verdana, sans-serif;
        color: #222222; }

        a {
                font: 11px arial, verdana, sans-serif;
                color: #D52525;
                text-decoration: none; }

                a:hover {
                        text-decoration: underline; }