/*\
 * Benannte Elemente
\*/

#main-frame
{
    background-color: #DAE4F0;
    
    width: 900px;
    height: 600px;
    
    background-image: url("/images/website/background-900x600-baustelle5.gif");
    background-repeat: no-repeat;
}

#imprint-frame
{
    background-color: #FFFFFF;
    
    width: 900px;
    height: 600px;
}

#content-frame
{
    background-color: #FFFFFF;
    
    width: 900px;
    height: 600px;
}

#showcase-frame
{
    background-color: #FFFFFF;
}


/*\
 * Allgemeine Block-Elemente
\*/

body
{
    color: #000000;
    background-color: #808092;
    
    overflow: hidden;
}

body, p, input, button
{
    color: #394D58;

    font-size: 9pt;
    font-family: 'Helvetica', 'Verdana', 'Arial', 'Sans-Serif';
    font-weight: normal;
    font-style: normal;
    
    letter-spacing: 0.2em;
}

h1, h2, h3, h4, h5, h6
{
    color: #394D58;

    font-family: 'Helvetica', 'Verdana', 'Arial', 'Sans-Serif';
    font-weight: bold;
    font-style: normal;

    padding: 0px;
    margin: 0px;
}

h1
{
    font-size: 11pt;
    
    margin-bottom: 24px;
}

h2
{
    font-size: 10pt;
    
    margin-bottom: 12px;
}

h3, h4, h5, h6
{
    font-size: 10pt;
}

p
{
    font-size: 9pt;
    
    padding: 3px 0px;
}

p.exact
{
    padding: 0px 0px;
}

p.head
{
    font-size: 10pt;
    font-weight: bold;
    
    margin-bottom: 2px;
}

p.header
{
    font-size: 8pt;

    padding: 2px 0px;
}

p.footer
{
    font-size: 8pt;

    padding: 2px 0px;
}

p.content
{
    font-size: 8pt;

    padding: 2px 0px;
}

p.description
{
    font-size: 8pt;

    padding: 0px 0px;
}

p.imagelinks
{
    font-size: 8pt;

    padding: 4px 0px 0px 0px;
}

p.small
{
    font-size: 7pt;
}

p.list1
{
    margin-left: 2px;
    padding-left: 12px;
    
    text-indent: -12px;
}

tr.colored
{
    background-color: #DAE4F0;
}


/*\
 * Bilder
\*/

img.link
{
    vertical-align: bottom;

    margin: 0px 2px 3px 0px;
}

img.list
{
    vertical-align: bottom;

    margin: 0px 0px 3px 0px;
}

.bordered
{
    border-color: #BDBDBD;
    border-width: 1px;
    border-style: solid;
}


/*\
 * Allgemeine Inline-Elemente
\*/

code
{
    font-family: 'Courier New', 'Courier', 'Lucida Console', 'Monospace';
    font-size: 100%;
}


/*\
 * Allgemeine Styles
\*/


.indent1
{
    margin-left: 2px;
    padding-left: 12px;
}

.indent2
{
    margin-left: 2px;
    padding-left: 24px;
}

.indent3
{
    margin-left: 2px;
    padding-left: 36px;
}

.code
{
    font-family: 'Courier New', 'Courier', 'Lucida Console', 'Monospace';
    font-size: 100%;
}

.small
{
    font-size: 8pt;
    font-family: 'Tahoma', 'Arial', 'Helvetica', 'Sans-Serif';
}

.dimmed
{
    color: #7F7F7F;
}

.mono
{
    font-family: 'Lucida Console', 'Courier New', 'Courier', 'Monospace';
}

.warning
{
    color: #AF3F3F;
}

.bordered
{
    border-color: #BDBDBD;
    border-width: 1px;
    border-style: solid;
}

.dotted
{
    border-bottom: 1px dotted #3F3F3F;
}

.unblocked
{
    letter-spacing: 0.1em;
}
  

/*\
 * Hyperlinks
\*/


a:link, a:visited, a:active, a:hover, a:focus
{
    color: #005FCF;
}

a:hover
{
    color: #005FCF;
}


a.normal:link, a.normal:visited, a.normal:active, a.normal:hover, a.normal:focus
{
    color: #394D58;
}

a.normal:hover
{
    color: #005FCF;
}


a.highlighted:link, a.highlighted:visited, a.highlighted:active, a.highlighted:hover, a.highlighted:focus
{
    color: #394D58;
    background-color: #DAE4F0;
    color: #FFFFFF;
    background-color: #808092;
    
    padding-left: 4px;
    padding-right: 4px;
}

a.highlighted:hover
{
    color: #FFFFFF;
    background-color: #6D6E9F;
}