/*
-------------------------------------------------------------------------------
  J  P h o t o - E x p l o r e r

  Copyright (c) 2011 by Dirk S. Grossmann.  All rights reserved.
-------------------------------------------------------------------------------
  Default style Sheets for the Web site (light background).
-------------------------------------------------------------------------------
  $Id$
===============================================================================
*/

body
{
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    font-size:        11pt;
    background:       white;
    color:            black;
}
p, table, th, td, ul, ol, dl, div
{
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    font-size:        11pt;
}
input, select
{
    font-family:      Verdana,  Arial, Helvetica, sans-serif;
    font-size:        11pt;
}

/* Top-level navigation styles. */

.mainPageNavLabel
{
    color:            white;
    font-size:        11pt;
    font-weight:      bold;
    font-family:      Georgia, Verdana, serif;
    letter-spacing:   0.2em;
}

a.mainPageNavLink
{
    margin-left:      0.6em;
    margin-right:     0.6em;
    text-decoration:  none;
    color:            #C9C9CC;
    font-size:        11pt;
    font-weight:      bold;
    font-family:      Georgia, Verdana, serif;
    letter-spacing:   0.1em;
}
a.mainPageNavLink:active  { color: #C9C9CC; }
a.mainPageNavLink:visited { color: #C9C9CC; }
a.mainPageNavLink:hover   { color: #FFBB00; text-decoration: underline; }

a.mainNavLink
{
    margin-right:     2.2em;
    text-decoration:  none;
    font-weight:      bold;
    font-size:        11pt;
    font-family:      Georgia, Verdana, serif;
    letter-spacing:   0.1em;
    color:            #FFFFF0;
}
a.mainNavLink:active  { color: #FFFFF0; }
a.mainNavLink:visited { color: #FFFFF0; }
a.mainNavLink:hover   { color: #FFCC33; text-decoration: underline; }

a.imprintLink
{
    text-decoration:  none;
    color:            #666666;
}
a.imprintLink:active  { color: #666666; }
a.imprintLink:visited { color: #666666; }
a.imprintLink:hover   { color: #CC0033; text-decoration: underline; }

/* Document title styles. */

div.clsDocumentBody
{
    font-size:        11pt;
    margin-top:       0.3cm;
    margin-bottom:    0.5cm;
    margin-left:      22px;
    margin-right:     22px;
}
div.clsDocumentBody td, div.clsDocumentBody th
{
    font-size:        11pt;
}
div.clsDocumentBodyWide
{
    font-size:        11pt;
    margin-top:       0.3cm;
    margin-bottom:    0.5cm;
    margin-left:      22px;
    margin-right:     22px;
}

.clsBreadcrumbs
{
    font-size:        10pt;
    margin-left:      0;
    margin-top:       0.1cm;
    margin-bottom:    0.6cm;
}

/* Headline styles. */

h1
{
    font-family:      Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size:        18pt;
    font-weight:      bold;
    color:            #000066;
}
h2
{
    font-family:      Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size:        16pt;
    font-weight:      bold;
    color:            #000033;
}
h3
{
    font-family:      Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size:        14pt;
    font-weight:      bold;
}
h4
{
    font-family:      Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size:        12pt;
    font-weight:      500;
    /*margin-top:     0.8em;*/
}

/* Link styles. */

a
{
    text-decoration:  none;
    font-weight:      normal;
    color:            #0000CC;
}
a:active  { color:    #CC0033; }
a:visited { color:    #0000CC; }
a:hover   { color:    #CC0033; text-decoration: underline; }

/* Pre-formatted text styles. */

pre, code, kbd, tt { font-family: "Andale Mono", monospace; }

table, td { 
    border-spacing: 0;
    border-collapse: collapse;
}

/* Cool fieldset styles (by Michael Wencel). */

div.clsDlgPart
{
    position:         relative;
    padding-top:      1.5em;
    padding-bottom:   1.3em;
    padding-left:     1.3em;
    padding-right:    1.3em;
    margin-top:       2.5em;
    margin-bottom:    1.5em;
    border:           #666699 1px solid;
    background-color: #EEEEEE;
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    font-size:        11pt;
}
span.clsDlgPartLegend
{
    position:         absolute;
    top:              -0.8em;
    padding-top:      1px;
    padding-bottom:   2px;
    padding-left:     1em;
    padding-right:    1em;
    color:            white;
    background-color: #6666CC;
    font-family:      Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size:        10pt;
    font-weight:      bold;
    letter-spacing:   1px;
}

/* List styles. */

dt
{
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    margin-top:       0.2cm;
}

li
{
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    margin-top:       0.1cm;
}
ul li
{
    list-style-image: url(images/bullet.gif);
    list-style-type:  square;
}
ul ul li, ol ul li
{
    list-style-image: none;
    list-style-type:  circle;
}

.liTriangle
{
    list-style-image: url(images/bullet-std.gif);
    list-style-type:  square;
    padding-top:      0.3em;
    padding-left:     0.3em;
}

/* Illustration images styles. */

.cFLeft  { float: left; margin-right: 2em; }
.cFRight { float: right; margin-left: 2em; }

.framedPhotoHeading
{
    background-color: #B5B5BB;
    border-right:     #808090 1px solid;
    color:            white;
    padding:          0;
    padding-left:     7px;
    padding-right:    7px;
    font-size:        10pt;
    font-weight:      bold;
}

.framedPhoto
{
    background-color: white;
    border:           #808090 1px solid;
    padding:          2px;
}

.photoTitle
{
    margin-top:       0.2em;
    color:            #707080;
    font-size:        10pt;
}

/* Paragraph styles */

.clsParagraph { margin-top: 0.5cm; }

.cParHead
{
    font-family:      Georgia, Verdana, serif;
    font-weight:      bold;
    font-style:       italic;
}

.clsLessTop
{
    margin-top:       0.2cm;
    margin-bottom:    0cm;
}
.clsNoTop
{
    margin-top:       0cm;
    margin-bottom:    0cm;
}
.clsIntro
{
    margin-top:       0.2cm;
    margin-bottom:    0cm;
    line-height:      13pt;
}
.clsIndented
{
    margin-top:       0.3em;
    margin-left:      4em;
    margin-bottom:    0.2cm;
}
.clsSidenote
{
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    font-size:        10pt;
    color:            #333333;
    margin-left:      1cm;
    margin-right:     1cm;
}

/* Class "cSmall": Used for small text. */

.cSmall
{
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    font-size:        9pt;
}

img.resizeWidth100
{
    width:            100%;
    height:           auto;
}