/**********************************************
 * Style Sheet file for tab'ed webpages       *
 * V2.1                                       *
 * V2.2 use special style for print           *
 *                                            *
 * Copyright: FraLa (2008)                    *
 **********************************************/

/**********************************************
 * Adjust the following optional styles to    *
 * meet your needs.                           *
 *                                            *
 * Basic settings                             *
 **********************************************/

BODY                 { margin:            0px;
                       padding:           10px 20px;
                       background-color:  black;
                       color:             #CCCCCC;
                       font-family:       arial, helvetica, sans-serif; }

FORM                 { margin:            0px;
                       padding:           0px; }

@media screen, handheld {
DIV#entirepage       { background-color:  #333333;
                       text-align:        justify;
                       margin:            0px;
                       padding:           0px;
                       border:            1px solid #CCCCCC;
                       min-width:         760px; } /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
}

@media print {
DIV#entirepage       { text-align:        justify;
                       margin:            0px;
                       padding:           0px; }
}

A:link,
A:active,
A:visited            { color:             #CCCCCC;
                       font-weight:       bold; }
A:hover              { color:             #5AA596; }

H1,
H2,
H3,
H4                   { text-align:        left;
                       color:             #A0705A; }

                       
/*
Funktioniert in einigen IE-Versionen leider nicht:
H1:first-letter      { font-size:         130%; }
*/


H2                   { margin-bottom:     10px; }

H3                   { margin-bottom:     0px; }

H4                   { display:           inline;
                       margin-right:      0.5em;
                       font-style:        italic; }

IMG                  { border:            solid #CCCCCC 1px; }

DT                   { margin-top:        0.5em;
                       font-weight:       bold; }

TABLE.plaque         { color:             #333333;
                       background:        #CCCCCC;
                       border:            thick outset;
                       padding:           10px; }

DIV.left             { font-size:         small;
                       font-style:        italic;
                       text-align:        left;
                       padding:           0px 15px 10px 0px;
                       margin-top:        0px;
                       float:             left; }

DIV.right            { font-size:         small;
                       font-style:        italic;
                       text-align:        right;
                       padding:           0px 0px 10px 15px;
                       margin-top:        0px;
                       float:             right; }

TABLE.white          { background-color:  #FFFFFF;
                       width:             100%; }
TABLE.sponsors       { float:             left;
                       color:             #333333;
                       font-weight:       bold; }
.sponsors A:link,
.sponsors A:active,
.sponsors A:visited  { color:             #333333;
                       text-decoration:   none;
                       font-weight:       normal; }
.sponsors IMG        { border:            none; }
TD.bottomleft        { vertical-align:    bottom;
                       padding-right:     5px; }
TD.bottomright       { vertical-align:    bottom;
                       padding-left:      5px; }

/**********************************************
 * Header, Footer, Content                    *
 **********************************************/

@media screen, handheld {
DIV#header           { background:        url(images/ParisPanorama.jpg) repeat-x;
                       width:             100%; 
                       height:            202px; }
DIV#content          { margin:            50px 20px 30px 80px; }
DIV#footer           { text-align:        center;
                       font-size:         small;
                       margin:            20px 30px 0px; }
DIV#print            { visibility:        hidden; }
}

@media print {
DIV#header           { visibility:        hidden; }
DIV#content          { position:          absolute;
                       margin:            70px 20px 20px 0px; }
DIV#footer           { visibility:        hidden; }
DIV#print            { position:          absolute;
                       margin:            20px 20px 20px 0px;
                       text-align:        left;
                       font-size:         x-large;
                       font-weight:       bold;
                       width:             100%; 
                       border-bottom:     2px solid #000000; }
}

/**********************************************
 * Menu items                                 *
 **********************************************/
	
@media screen, handheld {
DIV#mainmenu         { border-top:        1px solid;
                       border-bottom:     1px solid;
                       padding:           8px 0px; }
}

@media print {
DIV#mainmenu         { visibility:        hidden; }
}

#mainmenu A:link,
#mainmenu A:active,
#mainmenu A:visited  { color:             #CCCCCC;
                       text-decoration:   none; }
#mainmenu A:hover    { color:             #333333;
                       background:        #CCCCCC; }

#mainmenu TD         { white-space:       nowrap;
                       text-align:        center; }

#mainmenu TD#current { color:             #333333;
                       background:        #CCCCCC; }

@media screen, handheld {
DIV#submenu          { padding:           20px 40px; }
}

@media print {
DIV#submenu          { visibility:        hidden; }
}

#submenu A:link,
#submenu A:active,
#submenu A:visited   { color:             #CCCCCC;
                       text-decoration:   none; }
#submenu A:hover     { color:             #333333;
                       background:        #CCCCCC; }

#submenu UL          { margin:            0px;
                       padding:           0px; }

#submenu LI          { font-weight:       bold;
                       font-size:         small;
                       display:           inline;
                       float:             left;
                       margin:            0px 2em 0px 0px;
                       padding:           0px; }

#submenu LI#current  { color:             #333333;
                       background:        #CCCCCC; }