/* Internetseite des Kreis 32 - Unna-Hamm mit (X)HTML und CSS
        Start am 17. Juli 2006
        Letzte Änderunge am xx. Juli 2006
*/
/* Wichtige Farben                                                                                               TFT                                Notebook
        Hintergrund        MOKASIN                : FFE4B5        255,228,181                                hell creme                himbeere                +++
        Creme                                        : FFE4B5        249(252),241,174                gelb                         creme
        Text-Schrift NAV                : D82819        204,51,51                                heller, OK                dunkler, OK                +++
        Text-Schrift NAV FETT        : C24023        194,64,35                                OK                                OK                                +++
        Text-Schrift                        : FF1A1A        255,26,26                                OK                                OK                                +++
        grau                                        : D4D0C8        212,208,200                                OK                                OK                                +++
        weiß                                        : FFFFFF                                                        OK                                OK
        hell creme                                : FFFACD        255,250,205                                vielleicht                hell creme
        Creme                                        : F9F1AE                                                        vor gelb                SUPER OK
*/

========================================================== */

/* =======================================
   1. Kalibrierung und allgemeine Styles
   ======================================= */

/* Kalibrierung der wichtigsten Abstände */

/* Allgemeine Selektoren */
html { height: 101%; }                                                /* erzwingt Scrollbar im Firefox */

body {
                margin: 0px;
                paddng: 0px;
                font-size: 85%;
                font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
                text-align: center;                /*zentrieren - für ältere Browser >> muss in jedem DIV aufgehoben werden durch "text-align: right oder left;"*/
                background-color: #FFE4B5;
                }

#wrap {
                width: 900px;
                margin: 0 auto;
                text-align: left;
                }

#header {
                float: left;
                width: 900px;
                height: 165px;
                margin-top: 5px;
                }

#zusatz_navigation {
                float: left;
                width: 900px;        /*Gesamtbreite = 900px*/
                height: 28px;        /*Gesamthöhe = 30px*/
                border-bottom: 1px solid #999;
                border-top: 1px solid #999;
                }

#zusatz_navigation ul {        /* Navigationsmenü */
                margin: 0 0 0 167px;
                white-space: nowrap;
                font-size: 110%;
                list-style-image: none;
                }

#zusatz_navigation ul li {        /* in jedem Listenelement ein Link */
                display: inline;
                float: left;
                margin: 4px 0 0 0;
                list-style-type: none;
                }

#zusatz_navigation ul a:link, #zusatz_navigation ul a:visited {
                display: block;
                float: left;
                margin: 0 15px 0 0;
                padding: 0 0 0 17px;
                }

#zusatz_navigation ul a:hover, #zusatz_navigation ul a:active {
                background-color: #D4D0C8;
                color: #FFFFFF;
                }

#zusatz_navigation a#hier:link, #zusatz_navigation a#hier:visited,        /* Kennzeichnung WO BIN ICH horizontal*/
#zusatz_navigation a#hier:hover, #zusatz_navigation a#hier:active {
                background: transparent url('../images/hierbinich.gif') left no-repeat;
                color: #0000FF;
                font-weight: bold
                }

a {        /* für die komplette Navigation */
                color: #C24023;
                text-decoration: none;
                }
h2 {
}                

#ueberschrift {
/*                position: absolute; */
                left: 348px;
                font: bold 20px 'Trebuchet MS', Verdana, Arial, Sans-Serif;
                color: #FD5353;
                }

#navigation {
                float: left;
                width: 162px;        /*Gesamtbreite = 162px*/
                hight: 400px;
                }

.navigationsboxen {
                height: 23px;
                }

.navigationsboxen a {
                font-size: 14px;
                }

.navigationsboxen a:hover {
                display: block;
                background-color: #D4D0C8;
                font-weight: bold;
                }

#navigation a#hier:link, #navigation a#hier:visited,        /* Kennzeichnung WO BIN ICH vertikal*/
#navigation a#hier:hover, #navigation a#hier:active {
                color: #0000FF;
                font-weight: bold;
                }

#navigationrechts {
                padding: 0 20px 0 0;
                }

#navigationrechts a#hier:link, #navigationrechts a#hier:visited,        /* Kennzeichnung WO BIN ICH vertikal*/
#navigationrechts a#hier:hover, #navigationrechts a#hier:active {
                color: #0000FF;
                font-weight: bold;
                }

#content {
                float: left;
                width: 577px;        /*Gesamtbreite = 588px*/
                hight: 400px;
                padding: 10px 5px 0 5px;
                font:  12px 'Verdana', Arial, Sans-Serif;
                text-align: left;
                border-left: 1px solid #999;
                }

                .hintergrund {
                        padding: 3px 5px;
                        background: #D3D3D3;
                }

                .bild-text_re {
                         display: block;
                         margin: 0 0 0 10px;

                }

                .bild-text_re img {
                         float: left;
                         margin: 0 30px 20px 0;
                }

                div.clear {
                         clear: both;
                }



/* Textmarke formatieren */
                #content h4 a {
                        color: #000000;
                }

.block {
                text-align: justify;
                }

#contenttab {
                }

.kontrastbox {
                border: 3px solid #F8A471;
                padding: 1px 0px 1px 20px;
                }

h3.tagung {
                text-align: left;
                padding: 6px 6px;
                font:  16px 'Verdana', Arial, Sans-Serif;
                background: #F8A471;
                }

td.tagung70 {
                text-align: left;
                width: 70px;
                }

td.tagung470 {
                text-align: left;
                width: 475px;
                }

h3.pressemonat {
                text-align: left;
                padding: 6px 6px;
                font:  16px 'Verdana', Arial, Sans-Serif;
                background: #F8A471;
                }

td.presse70 {
                text-align: left;
                width: 70px;
                }

td.presse470 {
                text-align: left;
                width: 475px;
                }

.spielplanbox {
                }

table {
                emptty-cells: hide;
                }

caption {
                text-align: center;
                margin: 0 0 25px 0;
                font:  18px 'Verdana', Arial, Sans-Serif;
                font-weight: bold;
                }

th, td {
                padding: 3px;
                width: 180px;
                text-align: center;
                }
th {
                background: #D4D0C8;
                }

thead th {
                border: 1px solid #999;
                text-align: center;
                }

.breite {
                padding: 3px;
                width: 370px;
                text-align: left;
                }

#sidebar {
                float: left;
                text-align: right;
                width: 148px;        /*Gesamtbreite = 150px*/
                hight: 400px;
                padding: 10px 0px 0 2px;
                }

.zeilenabstand {
                line-height: 1.5;
                }

.marker {
                border-left: 5px solid #0000FF;
                padding-left: 5px;
                }

img.left {
        float: left;
        border: 0px solid #000;
        margin: 6px 15px 0 0;
        }

img.center {
        float: right;
        border: 0px solid #000;
        margin: 0 70px 20px 0;
        }

/*h5 i {                                                im Absatz etwas hervorheben
                color: #FF1A1A;
                font:  bold 16px 'Trebuchet MS', Verdana, Arial, Sans-Serif;
                }
*/

#galerie dl {
                margin: 0px 20px;
                }

#galerie dd {
                font-size: 14px;
                }

#galerie dt img {
                border: 1px solid #000;
                }


.table.krombacherpokal {
                border-collapse: separate;
                border-spacing: 2px 2px;
                margin: 4px;
                }

.table.krombacherpokal {                        /*.thead.krombacherpokal tr.caption*/
                border: 2px solid #D4D0C8;
                background-color: #99CCFF;
                text-align: right;
                font: 25px 'Verdana', Arial, Sans-Serif;
                }

                tr.uni {
                         background: #FFE4B5 repeat-x;
                }

                tr.bunt {
                         background: #FAFAF4 repeat-x;
                }

                .teiler {
                         height: 2px;
                         background-color: #e0c580;
                }

/* --- Pokalübersicht --- */

.krombacherpokal {
                float: left;
                width: 577px;        /*Gesamtbreite = 588px*/
                padding: 10px 5px 0 5px;
/*                font:  12px 'Verdana', Arial, Sans-Serif;
                text-align: left;
                border-left: 1px solid #999;*/
                }
/*

.personenliste caption {
                text-align: left;
                padding: 5px;
                font: 16px 'Verdana', Arial, Sans-Serife;
                background-color: #99CCFF;
                border: 1px solid #999;
                }

.personenliste img {
                width: 100px;
                border: 1px solid #999;
                }

.personenliste td {
                height: 34px;
                width: 100px;
                }

td.persname {
                padding: 3px 0px 0px 0px;
                font: 14px 'Verdana', Arial, Sans-Serife;
                text-align: right;
                width: 100px;
                }

td.persnname {
                padding: 3px 0px 0px 7px;
                font: 14px 'Verdana', Arial, Sans-Serife;
                width: 178px;
                }

td.persre {
                text-align: right;
                width: 100px;
                }

td.persli {
                padding: 0px 0px 0px 7px;
                width: 178px;
                }

.perstrenner {
                font: 20px 'Verdana', Arial, Sans-Serife;
                text-decoration: underline;
                }
*/