/* 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
                        }


.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:47px;
                 }

/*  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.gif) repeat-y;
                        vertical-align:top;
                        padding:17px 15px 50px 20px;
                        width:271px;

                        }
/*  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 p-tags in the content cell                                     */
#cont p {        color:#318899;
                        font-size:9pt;
                        text-align:left;
                        }
/*  used for the Logo typo within the content text                               */
.logogreen {color:#86A527;
                        font-weight:bold;
                        }

.logoblue {        color:#45A1B6;
                        font-weight:bold;
                        }
.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 subcontent 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;
                }

/* styles for forms */
input, textarea {
                        border:1px solid #318899;
                        width:220px;
                        background-color:#C7EEF3;
                        font-family:Arial,Helvetica,sans-serif;
                        font-size:10pt;
                        color:#196A7A;
                        }
input.button {        width:100px;
                                background-color:#318899;
                                color:#B1E6EE;}

/* ----------------------------------------------------------------------------- */
/* Subcontent styles */

/*  Sets the bg-image and the width of the subcontent cell                       */
#subc {         background:url(images/subc_bg.gif) repeat-y;
                        vertical-align:top;
                        padding-top:0px;
                        width:268px;

                        }

/*   handles the bg of the headlines in the subcontent cell                      */
.subch1 {        background:url(images/subc_h1_bg.gif) no-repeat;
                        display:block;
                        height:81px;
                        width:268px;

                        }

/* handles the position and format of the headline text in the subcontent cell   */
.subch1 h1 {position:relative;
                        top:38px;
                        left:20px;
                        color:#318899;
                        font-weight:bold;
                        font-size:11pt;
                        margin:0px;
                        }

/* handles the position and format of the headline2 text in the subcontent cell   */
.subch1 h2 {position:relative;
                        top:32px;
                        left:20px;
                        font-weight:normal;
                        color:#318899;
                        font-size:8pt;
                        margin:0px;
                        }


/*  formating all p-tags in the subcontent cell                                  */
#subc p{        padding-left:20px;
                        padding-right:15px;
                        margin:0px;
                        font-size:9pt;
                        color:#196A7A;
}


/*  formating all general a-tags (link) in the subcontent cell. */
/*  Used for the links to the merkblaetter                      */
#subc a:link,#subc a:visited {
                        color:#196A7A;
                        text-decoration:underline;
                        margin-left:42px;
                        text-indent:-42px;
                        display:block;
                        padding-bottom:7px;
}

#subc a:hover,#subc a:active {
                        color:#196A7A;
                        text-decoration:none;
                        margin-left:42px;
                        text-indent:-42px;
                        display:block;
                        padding-bottom:7px;
}

/* linkclasses for other text links in the subcontent cell                     */
#subc a.txt:link, #subc a.txt:visited {
                        display:inline;
                        margin-left:0px;
                        text-indent:0px;
                        color:#196A7A;
                        text-decoration:underline;

}

#subc a.txt:hover, #subc a.txt:active {
                        display:inline;
                        margin-left:0px;
                        text-indent:0px;
                        color:#196A7A;
                        text-decoration:none;

}

/*  gives the border an space for the image in the subcontent cell     */
#subcimg {         width:215px;
                        border:2px solid #DCF8FC;
                        background-color:#DCF8FC;
                        margin-left:20px;
                        margin-top:25px;
}

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

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

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

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

.footer {         background:url(images/footer_bg.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;}