/* CSS Document for Kreta-Umweltforum.de */

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

body         {        margin:0px;
                        font-family:Arial, Helvetica, sans-serif;
                        text-align:center;
                        background-color:#7ACBD8;
                         }


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

/*  Classes to display the header images                                         */

.hlogo         {        background:url(images/h_logo.gif) no-repeat;
                        width:221px;
                        height:195px
                        }

.himg         {        background:url(images/h_img.jpg) no-repeat;
                        width:271px;
                        height:195px
                         }

.hnav         {        background-repeat:no-repeat;
                        width:539px;
                        height:195px;
                        vertical-align:top;
                        }

/* ----------------------------------------------------------------------------- */
/* Navigation Buttons top */

/*  These classes are for the links (used in de a-tag) in the header grafics.    */
/*  They are only empty rectangles positioned above the grafic text.             */

#bforum {        display:block;
                        width:55px;
                        height:30px;
                        position:relative;
                        top:115px;
                        left:326px;
                        z-index:1;
                        color:#5CBBCD;
                        }

#blinks {        display:block;
                        width:50px;
                        height:30px;
                        position:relative;
                        top:85px;
                        left:394px;
                        z-index:2;
                        color:#5CBBCD;
                        }

#bcontact {        display:block;
                        width:70px;
                        height:35px;
                        position:relative;
                        top:65px;
                        left:449px;
                        z-index:3;
                        color:#5CBBCD;
                        }


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

/*  Sets the bg-image and the width of the navigation cell                       */
#nav             {
                 background:url(images/nav_bg.gif) repeat-y;
                 padding-top:0px;
                 vertical-align:top;
                 width:221px;
                 }

/*  sets the bg for the startseite link                                          */
#navstart        {
                 background:url(images/navstart_bg.gif) no-repeat;
                 display:block;
                 height:57px;
                 }

/*  these link classes handle the position and the appearance of the startseite link */
a.navstartlink:link, a.navstartlink:visited {
                 position:relative;
                 top:7px;
                 left:120px;
                 color:#EBD697;
                 font-size:11pt;
                 font-weight:bold;
                 text-decoration:none;
                 }

a.navstartlink1:link, a.navstartlink1:visited {
                 position:relative;
                 top:7px;
                 left:10px;
                 color:#EBD697;
                 font-size:9pt;
                 font-weight:bold;
                 text-decoration:none;
                 }

a.navstartlink:hover, a.navstartlink:active {
                 color:#A55A00;
                 text-decoration:none;
                 }

a.navstartlink1:hover, a.navstartlink1:active {
                 color:#FF0000;
                 text-decoration:none;
                 }

/*  links classes to manage the appearance of the navigation links incl. bg        */
a.navlink:link, a.navlink:visited {
                                background:url(images/navmenu_bg.gif) no-repeat;
                                display:block;
                                height:21px;
                                color:#C28B49;
                                font-size:9pt;
                                font-weight:bold;
                                line-height:21px;
                                text-indent:20px;
                                text-decoration:none;
                                }

a.navlink:hover, a.navlink:active {
                                background:url(images/navmenu_bg.gif) no-repeat;
                                display:block;
                                height:21px;
                                color:#A55A00;
                                font-size:9pt;
                                font-weight:bold;
                                line-height:21px;
                                text-indent:20px;
                                text-decoration:none;
                                }

/*  class to mark the link the user clicked and the page which is actually displayed */
a.navlinkactive {
                                background:url(images/navmenu_active_bg.gif) no-repeat;
                                display:block;
                                height:21px;
                                color:#86A527;
                                font-size:9pt;
                                font-weight:bold;
                                line-height:21px;
                                text-indent:30px;
                                text-decoration:none;
                                }
/*  classes to get space above and under the naom logo                               */
.navspacer1 {        display:block;
                                height:20px;
                                }

.navspacer2 {        display:block;
                                height:50px;
                                }

.navpink {                 color:#CC0099}

.navgreen {                color:#86A527}

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

/*  Sets the bg-image and the width of the content cell                          */
#cont {         background:url(images/cont_bg_special.gif) repeat-y;
                        vertical-align:top;
                        padding:17px 15px 50px 20px;
                        width:539px;
                        }

/*  formating all h1-tags in the content cell                                    */
#cont h1 {        font-weight:bold;
                        font-size:11pt;
                        color:#318899;
                        }

/*  formating all h2-tags in the content cell                                    */
#cont h2 {        font-weight:bold;
                        font-size:15pt;
                        color:#318899;
                        }

/*  formating all h2-tags in the content cell                                    */
#cont h3 {        font-weight:bold;
                        font-size:20pt;
                        color:#318899;
                        }

/*  formating all p-tags in the content cell                                     */
#cont p {        color:#318899;
                        font-size:9pt;
                        }

/*  formating all p-tags in the content cell                                     */
#cont ul {        color:#318899;
                        font-size:9pt;
                        }


/*  used for the Logo typo within the content text                               */
.logogreen {color:#86A527;
                        font-weight:bold;
                        }

/*  used for the Logo typo within the content text                               */
.logoblue {        color:#45A1B6;
                        font-weight:bold;
                        }

/*  used for the Logo typo within the content text                               */
.logopink {        color:#CC0099;
                        font-weight:bold;}


/*  formating all links in the content cell                                      */
#cont a:link, #cont a:visited {
                        color:#318899;
                        text-decoration:underline;
                        }

#cont a:active, #cont a:hover {
                        color:#318899;
                        text-decoration:overline;
                        }

/*  gives the border an space for the image in the content cell     */
#contimg {         width:215px;
                        border:2px solid #B1E6EE;
                        background-color:#B1E6EE;
                        margin-top:25px;
}

/*  formattes the image subtitle text                                 */
#contimg p.subtitle {
                        font-size:8pt;
                        color:#196A7A;
                        padding:4px;
                        margin:0px;}

#contimg a:link, #subcimg a:visited {
                        display:inline;
                        margin-left:0px;
                        text-indent:0px;
                        text-decoration:underline;
                        color:#196A7A;
                }

#contimg a:hover, #subcimg a:active {
                        display:inline;
                        margin-left:0px;
                        text-indent:0px;
                        text-decoration:none;
                        color:#196A7A;
                }


.contsep {                background:url(images/cont_separator.gif) no-repeat;
                                display:block;
                                height:55px;
                                width:110px;
                                margin-left:195px;
                                text-align:center;}



a.linkh:link, a.linkh:visited {
                                padding-bottom:10px;
                                font-weight:bold;
                                }

a.linkh:hover, a.linkh:active {
                                padding-bottom:10px;
                                font-weight:bold;
                                }

/* styles for page links */

#contplinks {padding-top:50;
                                }

#contplinks a.page:link, #contplinks a.page:visited {
                                font-weight:bold;
                                color:#5CBBCD;
                                text-decoration:underline;
                                padding-right:10px;}

#contplinks a.page:hover, #contplinks a.page:active {
                                font-weight:bold;
                                color:#5CBBCD;
                                text-decoration:none;
                                padding-right:10px;}

#contplinks a.pageactive {        font-weight:bold;
                                color:#87A723;
                                text-decoration:none;
                                padding-right:10px;}

.txtbold {        font-weight:bold}

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

/* Footer styles */

.footer {         background:url(images/footer_bg_special.gif) no-repeat;
                        height:120px;
                        vertical-align:top;
                        }

a.pagetop:link, a.pagetop:visited {
                        font-size:8pt;
                        margin-left:236px;
                        color:#196A7A;
                        text-decoration:none;}

a.pagetop:before { content:url(images/top.gif)" "; }

a.pagetop:hover, a.pagetop:active {
                        font-size:8pt;
                        margin-left:236px;
                        color:#196A7A;
                        text-decoration:none;}