* {
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
}

body {
    /* background: url(/design/raster.png) 42px -18px repeat; */
}

a {
    text-decoration: none;
    color: #666;
}

a:hover {
    text-decoration: underline;
}

/* Layout-Elemente */

#toolbar {
    position: absolute;
    right: -9px;
    top: 10px;
}

#toolbar ul li {
    display: inline;
    color: #999;
}

#toolbar ul li a {
    color: #999;
    font-size: 11px;
    padding: 0 9px;
}

#language {
    position: absolute;
    right: 0;
    bottom: 15px;
}

#language a {
    padding: 0;
    margin: 0;
    display: inline;
}

#language ul {
    list-style: none;       
}

#language img {
    border: 0 none;
    padding: 0 0 0 9px;
    margin: 0;
    display: inline;
    opacity: 0.2;
    filter: alpha(opacity = 20);

}

#language img:hover {
    opacity: 1;
    filter: alpha(opacity = 100);
}

#language ul li {

    padding: 0;
    margin: 0;
    display: inline;
}

#navi {
    position: absolute;
    bottom: 15px;
    left: 0;
}

#navi ul li {

   display: inline;
   padding-right: 18px;
}

#navi ul li a {
    
    text-decoration: none;
    font-weight: bold;
    color: #666;
}

#navi ul li a:hover {
    text-decoration: underline;
}

#navi ul li a.active1 {
    
    color: #03223c;
}

#logo {
    border:0;
    position: absolute;
    left: 0;
    top: 32px;
}

#logo img {
    border: 0 none;
}

#main {

    margin-left: 42px;
    width: 954px;
}

#header {
    
    width: 954px;
    position: relative;
    height: 144px;
}

#divider {
    height: 144px;
    width: 954px;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

#subnavi {
    padding-top: 18px;
    width: 144px;
    float: left;
}

#subnavi ul {

    list-style: none;
}

#subnavi li {
    
    padding-bottom: 9px;
}

#subnavi li li {
    padding-bottom: 0;
}

#subnavi ul li ul  {
    
    margin-top: 4px;
    border-top: 1px dotted #CCC;
    padding-top: 4px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 5px;
}

#subnavi a {
    display: block;
    zoom: 1;
}

#subnavi a.active1 {
   color: #03223c;

}


#subnavi li a {

    font-size: 11px;
    line-height: 18px;
    font-weight: bold;
    color: #666666;
}

#subnavi li li a {
    font-size: 11px;
    line-height: 15px;
    padding: 2px 0;
    color: #666666;
    font-weight: normal;
}


#content {
    padding-top: 18px;
    margin-left: 144px;
    padding-bottom: 18px;

}

/* Layoutbaukasten Raster */

.box {
    float: left;
    padding: 0;
    margin: 0;
    margin-left: 18px;
  }

.ibox {
    float: left;
}

.cbox {
    float: left;
}

.rbox {
    float: right;
}

 /* Breiten */
.w_three { width: 468px; }
.w_two   { width: 306px; }
.w_one   { width: 144px; }

/* Höhen */
.h_three { height: 468px; overflow: hidden; margin-bottom: 18px } 
.h_two   { height: 306px; overflow: hidden; margin-bottom: 18px }
.h_one   { height: 144px; overflow: hidden; margin-bottom: 18px }
.h_min   { min-height: 144px; margin-bottom: 18px; }


.r_up {
    margin-top: -162px;
    z-index: 999;
}

/* Abstände */
.padder {
    padding: 18px 10px 24px 18px;        
}

.paddermax {
    padding: 18px 70px 18px 18px;
}

/* Farben */
.darkgrey {
    background: #dbdbd3; /* url(/design/raster.png) left top repeat;*/
}

.lightgrey {
    background: #edeee9; /* url(/design/raster.png)  left top repeat;*/
}

p {
    font-size: 12px;
    padding-bottom: 9px;    
}

.bound,
.none p {
    padding: 0;
}


.dots {
    border-top: 1px dotted #999;
    margin: 0 0 5px 0;
}

h1,
h1 a{

    font-size: 22px;
    font-weight: bold;
    line-height: 27px;
    display: block;
    color: #000;
    margin: 0;
    padding: 0;
}




h2 {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #000000;
    padding-bottom: 18px;
}

h3 {
    font-size: 14px;
    line-height: 24px;
}

h4 small {
    font-weight: normal;
}

h4 a {
   
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    color: #000;
}

h5 {
    font-size: 11px;
    line-height: 15px;
    font-weight: bold;
    color: #000;
}

h6 {
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #000;
}

.darkgrey small {
    color: #FFF;
}

.clear {
    clear: both;
    line-height: 1px;
    font-size: 1px;
}


#content ul {

    margin-left: 18px;
    margin-bottom: 9px;
}

#content ul.none {
    list-style: none;
    margin-left: 0;
}

#content ul.none li {
    font-size: 11px;
    line-height: 15px;	
	color: #666;
}


#content ul.none a {
    color: #666;
    font-size: 11px;
    line-height: 15px;
    padding: 2px 0 ;
}

#content ul.none a.active1 {
    
    color: #03223c;
}


#content dl {
    margin-bottom: 9px;
}   

#content dt {
    float: left;
    width: 144px;
    clear: both;
    font-size: 11px;
    padding-top: 9px;
}

#content dd {
    float: right;
    width: 306px;
    padding-top: 9px;
    font-size: 11px;
}  

#content dd * {

    font-size: 11px;
}


.text {
    text-align: right;
    font-size: 11px;
}

.text td {
    font-size: 11px;
}

.text td small {
    color: #999;
}

input, select, textarea {
    border: 1px inset #999;
    padding: 2px 2px 1px 2px;
    font-size: 12px;
}

input.button {
    border: 1px outset #999;
    padding: 2px 15px;
    background: #999;
    color: #FFF;
}


td {
    font-size: 11px;
    padding-right: 9px;
    vertical-align: top;
}

table p,
table em,
table strong,
table a {
    font-size: 11px;
}



th {
    text-align: left;
    font-weight: normal;
    font-size: 11px;
    vertical-align: top;
}


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}
