/* basic elements */
    a:link { font-weight:bold; color:silver; text-decoration:none; }
    a:visited { font-weight:bold; color:silver; text-decoration:none; }
    a:focus { font-weight:bold; color:red; text-decoration:underline; }
    a:hover { font-weight:bold; color:green; text-decoration:none; }
    a:active { font-weight:bold; color:lime; text-decoration:underline; }
.rahmen {
    BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid
}

body {
    font: 8pt/16pt georgia;
    color: #999999;        /* #555753;  - bestimmt im IE die Textfarbe bspw. der Veranstaltungshinweise*/
    /* singe background image */
    /* background: #fff url(images/wmetall007.jpg) no-repeat bottom right; */
    /* background: #fff url(images/wmetall007.jpg) no-repeat bottom right; */
    /* full page background image */
        /* background: #fff url(images/niro.jpg); */ 
    /* background-image:   url("images/iron05.jpg");margin: 0px; */
    /* previuosly used */
    /* background: #fff url(images/wmetall002.jpg);  */
    /* use image 1x600 pixel repeat-x to generate color shading */
    background: #000 url(images/i_body_bg.png) repeat-x fixed left bottom;
     }
#body_o {
    <!-- background: #000 url(verlauf100.png) repeat-x fixed left top; -->
    background:#000000 ;
}

/* specific divs */
#container {
    /* background: url(images/wmetall025.jpg) no-repeat top left; */ 
    background: url(images/i_container_bg.png) repeat-y top left;  /* vertikaler Bildbalken im Container wmetall025c.jpg*/
    padding: 10px 175px 0px 0px;         /* 0px 175px 0px 110px für frame-los */
                                        /* die erste Angabe bedeutet den Abstand für oben, die zweite den Abstand für rechts, die dritte den Abstand für unten und die vierte den Abstand für links */
    margin: 0px;
    min-height: 330px;   /* 630px beeinflusst die Länge des Grafikbalkens links */

    }

#cotable {
    /* background: url(images/wmetall025.jpg) repeat-y top left;    */
    padding: 20px 0px 0px 100px;     /* 200px (4.Wert) steuert, wie weit rechts die Tabelle beginnt, d.h. wieviel Abstand links */
    font: 10pt/16pt georgia;
    /* color:#ffffff !important;    /* beispielsweise der Hochstrich zwischen zurück und vorwärts */
    color:#999999;    /* #ffffff IE: Textfarbe außerhalb der Tabelle in cotable - Tabellentextfarbe siehe body */
                      /*         FF: Textfarbe außerhalb und innerhalb der Tabelle in cotable */
                      /*  beispielsweise der Hochstrich zwischen zurück und vorwärts */
    /* color: #FFFFFF;  */
    margin: 0px; 
    width: 565px;    /* 465 beeinflusst die Talellenbreite für untergeordnete Tabellen */
    }

#cw {    /* color white */
    color:white;
}

#intro {
    min-width: 550px;          /* 470 */
    }

#quickSummary, #preamble {
    margin: 0 0px 0 100px;        /* 0 40px 0 335px; frame-los braucht 335px - frame braucht 200px*/
    padding:0 15px;
    width: 480px;    /* 365 neu 500 - aber Margin+Width>580 zeigt IE Laufleiste*/
    border-bottom:1px solid #e3e4e0;
    }   

#quickSummary {
    /* background transparente Hintergrundfarbe */
    /* background: transparent url(images/i_quicksummary_bg.jpg) no-repeat top left;   */
    padding-top:30px;
}

#preamble h3 {         /* Bildtitel */
    color:#d3d4d0;
    font: 16pt/18pt georgia;
    padding:0px 15px;
    /* font:11px verdana  */
}

#explanation {
    margin: 0 0px 0 100px;        /* 0 40px 0 335px; frame-los braucht 335px - frame braucht 200px*/
    padding:0px 0px 0px 0px;
    width: 480px;    /* 365 neu 500 - aber Margin+Width>580 zeigt IE Laufleiste*/
    }

/* main navigation */   
#linkList {                /* keine Nutzung derzeit */
    background:#fff url(images/i_linklist_bg.jpg) no-repeat top left;
    position: absolute;
    top: 140px; /* 140 */
    padding:50px 0 0 0;    /* 110px 0 0 0; */
    margin:0 0 0 58px;
    width:277px; /* 277 */
    height:450px; /* 100% 400px; */
}
#linkList3 {              /* definiert Navigationsleiste links */
    background:#fff url(images/i_linklist3_bg.jpg) no-repeat top left;   /* liegt unter der Navigationsleiste metbgr03.jpg */
    position: absolute;
    top: 20px; /* 140 */
    padding:20px 0 0 0;    /* 110px 0 0 0; */
    margin:0 0 0 18px;     /* 0 0 0 58px; */
    width:125px; /* 277 */
    height:420px; /* 100% 400px; */
}
#linkList_test {              /* definiert Navigationsleiste links */
    /* width:auto; */
    /* background:#fff url(images/i_linklist3b_bg.jpg) repeat-x top left;   /* liegt unter der Navigationsleiste metbgr03.jpg */
    background:transparent url(images/i_linklist3b_bg.jpg) no-repeat top left;   /* liegt unter der Navigationsleiste metbgr03.jpg */
    /* background: #000 url(images/i_body_bg.png) repeat-x left; */
    position: absolute;
    /* top: 20px; /* 140 */
    padding:0px 0 0px 0;    /* 110px 0 0 0; */
    margin: 20px 0px 0px 18px;     /* 0 0 0 58px; */
    /* margin-left: 18px; */
    width:125px; /* 277 */ /* width hat keine Wirkung beim IE */
    height:420px; /* 100% 400px; */
}
#linkList ul {
    margin: 0;
    padding: 0;
}
#lselect {
    /* background:transparent url(select_nav_title.gif) no-repeat top left; */
    /* background:transparent url(images/textur_88_image.jpg) no-repeat top left;   */
    /* background:transparent url(images/rost.png) no-repeat top left; /* läge vor Bild aus linkList3 und Navigationsleiste */
    padding-top:30px;
}
#lselect h3 {display:none}
#lselect ul {
    margin:0 0 0 -15px;
    padding:0;
    width:125px; /* muss mit Werten aus Linklist abgeglichen werden */
    voice-family: "\"}\""; 
    voice-family:inherit;
    margin:0;
}
#lselect li {
    font:11px verdana; /* urspr. 11 */
    /* width:180px;          /* 235px */
    padding:5px 15px 15px 10px; /* 5px 10px 15px 10px; beeinflußt (Zeilenabstand) */
    height:auto;
    list-style-type: none;
    margin:0 0 -5px 25px; /* 0 0 -3px 20px; Versatz zu darunter liegender Linklist*/
    /* background:#dee1d3 url(li_bg_tab.gif) no-repeat bottom left; */
    background:#dee1d3 url(images/i_lselect_bg.png) no-repeat bottom left;     /* Hintergrund der Links iron05.jpg*/
    voice-family: "\"}\""; 
    voice-family:inherit;
    width:135px;         /* 215px; besser auto; */
}

#li { margin:0 0 0 20px; !important; }

#lselect li a:link, #lselect li a:visited {
    font-weight:bold;
    color:#49470D; /* #39470D Farbe der Navigations-Links */
    display: block;
    margin:0;
}

#lselect li a:hover {
    text-decoration: underline;
}


#pageHeader {                 /* keine Nutzung derzeit */
    margin-bottom: 20px;
    }

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 { 
    background: transparent url(images/i_pageheader_bg.jpg) no-repeat top left;   /* keine Ahnung, ob das was bewirkt */
    margin-top: 10px; 
    width: 219px; 
    height: 87px; 
    float: left;
    }
#pageHeader h1 span {
    /* display:none verhindert Text-Darstellung */
    }

#pageHeader h2 { 
    background: transparent url(images/i_pageheader_bg.jpg) no-repeat top left;
    margin-top: 58px; 
    margin-bottom: 40px; 
    width: 200px; 
    height: auto;
    float: right;
    }
#pageHeader h2 span {
    /* display:none; verhindert Text-Darstellung */
    }

#pageFooter {             /* Schlagwort unter Navigationsleiste */
    margin-bottom: 10px;
    padding-top:50px;
    font: 10pt verdana;
    color:#444444;    /* beispielsweise der Hochstrich zwischen zurück und vorwärts */
    }
#pageFooter h1 {
    background: transparent url(images/i_pagefooter_bg.png) no-repeat top left;   /* Bild ganz unten in der Navigationsleiste wmetall003.jpg*/
    margin-top: 420px;      /* 450 */
    margin-right: 10px;
    padding: 20px 10px 10px 10px;
    font: 18pt verdana;
    font-weight:bold;  
    height: 87px; 
    float:right;
    }