/*
   (C) by Creative Spirits, Jens-Uwe Korff
   =======================================
   Design and programming is copyrighted by Creative Spirits.
   Tested in (Windows) Firefox 1.0.6, Mozilla 1.6, Netscape 7.1/8.0, Opera 7.54/8.0/8.5,
                       IE 6.0/5.5/5.01
   Tested in (Mac)     Safari

   Feel free to copy, but please add a reference to www.CreativeSpirits.de. Thanks.

   Colour schemes used:
   =====================================================================
                   logo colour (high key):                FFFFFF
                   category colour (low key):        AAAAAA
   =====================================================================

*/

/*         --------------------------------------------------------------------
        General
        -------------------------------------------------------------------- */
body {
        background-color:                black;
        color:                                        #FFFFFF;
        margin:                                        0;
        padding:                                0;
        font-family:                        Verdana, Arial, Helvetica, sans-serif;
        font-size:                                18px;
        }

img {
        border:                                        none;
        }

/*         --------------------------------------------------------------------
        Links
        -------------------------------------------------------------------- */
        /* NOTE: Sequence is important! */
a {
        text-decoration:        none;
        }
a:link {
        color:                                 #FFFFFF;
        }
a:active {
        color:                                 #BBBBBB;
        }
a:visited {
        color:                                #FFFFFF;
        }
a:hover {
        color:                                 #AAAAAA;
        }
.masthead a:hover {
        color:                                 #FFFFFF;
        }
.footer a:link,
.footer a:visited {
        color:                                 #AAAAAA;
        }
.footer a:hover {
        color:                                 #FFFFFF;
        }

/*         --------------------------------------------------------------------
        Layout
        -------------------------------------------------------------------- */
.masthead {
        float:                                        left;
        height:                                        55px;
        width:                                        700px;
        padding:                                5px 0 0 50px;
        font-family:                        Arial, Helvetica, sans-serif;
        font-size:                                40px;
/* background-color: #33ddff; */
        }

#category {
        color:                                        #AAAAAA;
        margin-left:                        -8px;
        }

.thumbnails {
        clear:                                        both;
        float:                                        left;
        width:                                        262px;
        padding:                                56px 0 0 50px; /* If changing top value: change text pages too. */
/* background-color: #ccdd22; */
        }
.thumbnails img {
        filter:                                        alpha(opacity=50);                 /* IE */
        -moz-opacity:                        0.5;                                        /* Mozilla */
        }

.mainImage {
        float:                                        left;
        width:                                        680px;
        height:                                        500px;
/* background-color:red; */
        position:                                 relative;
        }

#caption {
        font-size:                                12px;
        color:                                        #CCCCCC;
        overflow:                                hidden;
/* background-color: #ff5522; */
/* filter:                                        alpha(opacity=50);                 /* IE */
/* -moz-opacity:                        0.5;                                        /* Mozilla */
        }

.footer {
        clear:                                        both;
        float:                                        left;
        margin:                                        0 0 0 50px;
        padding:                                0 0 0 203px;
        width:                                        272px;
        border-top:                                1px solid #CCCCCC;
        font-size:                                12px;
        color:                                        #CCCCCC;
        visibility:                                hidden; /* Only visible on categories page */
/* background-color: #005522; */
        }
* html .footer {
        margin:                                        0 0 0 25px;
        width:                                        272px; /* width - padding */
        }

.button {
        margin:                                        0 0 5px 0;
        color:                                        #CCCCCC;
        background-color:                #2a2a2a;
        border:                                        1px solid #CCCCCC;
        width:                                        106px;
        }
.button:hover {
        color:                                        #888888;
        }