/*******************************/
/*                             */
/* CSS-Definitionen Brucker.de */
/*                             */
/*******************************/

body
{
    background-color: #1a385e;
    font-family     : arial, sans-serif;
    font-weight     : normal;
    color           : #ffffff;
}

.main-container
{
    background-color: #004982;
    width           : 800px;
}

/*** Quicknavi ***/

.container-quicknavi
{
    background-color: #000000;
    color           : #a7cadf;
    font-size       : 8pt;
    padding         : 3px;
    text-align      : left;
}

a.quicknavi:link    { font-size: 8pt; color:#a7cadf; font-weight:normal; text-decoration:underline;}
a.quicknavi:visited { font-size: 8pt; color:#a7cadf; font-weight:normal; text-decoration:underline;}
a.quicknavi:active  { font-size: 8pt; color:#ffffff; font-weight:normal; text-decoration:underline;}
a.quicknavi:hover   { font-size: 8pt; color:#ffffff; font-weight:normal; text-decoration:underline;}


/*** Navigation ***/

.navi-container
{
    width           : 203px;
    background-color: #004982;
    color           : #a7cadf;
    font-size       : 10pt;
    font-weight     : bold;
    float           : left;
}

.navi-content
{
    padding-left    : 20px;
    line-height     : 1.5em;
}

a.navi:link    { font-size: 10pt; color:#ffffff; font-weight:bold; text-decoration:none;}
a.navi:visited { font-size: 10pt; color:#ffffff; font-weight:bold; text-decoration:none;}
a.navi:active  { font-size: 10pt; color:#a7cadf; font-weight:bold; text-decoration:none;}
a.navi:hover   { font-size: 10pt; color:#a7cadf; font-weight:bold; text-decoration:none;}

a.navi2:link    { font-size: 8pt; color:#ffffff; font-weight:bold; text-decoration:none;}
a.navi2:visited { font-size: 8pt; color:#ffffff; font-weight:bold; text-decoration:none;}
a.navi2:active  { font-size: 8pt; color:#a7cadf; font-weight:bold; text-decoration:none;}
a.navi2:hover   { font-size: 8pt; color:#a7cadf; font-weight:bold; text-decoration:none;}

.navi2 {font-size: 8pt; margin-left: 10px; }

/*** Footer ***/

.footer-container
{
    color           : #a6beb6;
    font-size       : 8pt;
    clear           : both;
}

.footer-links
{
    width           : 203px;
    background-color: #004982;
    float           : left;
}

.footer-links-content
{
    padding         : 20px 0px 5px 20px;
}

.footer-rechts
{
    background-color: #1a385e;
    float           : left;
    text-align      : left;
}

.footer-rechts-content
{
    padding         : 20px 0px 5px 20px;
}

/*** Content-Bereich ***/

.content-container
{
    float           : left;
    width           : 597px;
    background-color: #1a385e;
}

.content-top
{
    background-color: #004982;
    padding-left    : 20px;
}

.content-bild-rechts
{
    float           : right;
}

.content-inhalt
{
    margin          : 10px 240px 0px 20px;
    text-align      : left;
    font-size       : 10pt;
    line-height     : 1.5em;
}

/*** Überschriften & Links ***/

h1
{
    font-size       : 22pt;
    color           : #ffffff;
    font-weight     : normal;
    padding         : 0px;
    margin          : 0px;
}

h2
{
    font-size       : 16pt;
    color           : #ffffff;
    font-weight     : normal;
    padding         : 0px;
    margin          : 0px;
}

ul { margin-left: 0px; padding-left: 20px; }

table
{
    font-size       : 10pt;
    margin          : 20px 0px 20px 20px;
    border          : 0px;
}

th { font-weight: bold; text-align: left; padding: 3px; }
td { padding: 3px; }

a:link    { font-size: 10pt; color:#fb8a4d; font-weight:normal; text-decoration:none;}
a:visited { font-size: 10pt; color:#fb8a4d; font-weight:normal; text-decoration:none;}
a:active  { font-size: 10pt; color:#fb8a4d; font-weight:normal; text-decoration:underline;}
a:hover   { font-size: 10pt; color:#fb8a4d; font-weight:normal; text-decoration:underline;}

/*** Angaben für Formulare ***/

.beschriftung
{
    float: left;
    width: 120px;
    margin-bottom: 15px;
}

.formfeld
{
    width: 170px;
    margin: 0px 0px 15px 10px;
    padding: 0px;
}

.textblock
{
    width: 170px;
    height: 100px;
    margin: 0px 0px 15px 10px;
    padding: 0px;
}

.trenner { clear: left; }

.level2 { margin-left: 20px; }
.level3 { margin-left: 40px; }
.level4 { margin-left: 60px; }

/*** Impressionen ***/

.bild-links
{
    float: left;
    width: 280px;
    margin: 20px 0px 20px 0px;
}

.bild-rechts
{
    float: right;
    width: 280px;
    margin: 20px 0px 20px 0px;    
}

.bild-zeile
{
    clear: both;
}