/**
* das Standarddesign der Seite des Weddinger Eislauf- und Rollsport - Club e.V.
* @link http://www.werc-berlin.de
* @author Aleksandra Karolczyk
* @version 2.0 es wird alles besser
*/

/* -Allgemeines- */

html, body {

    background: url(../layout/dunkles_blau.gif) #12497D;
    font-family: Arial;
    font-size: 10pt;
    font-weight: normal;
    color: #FFFFFF;
}


*{ margin: 0}

p{
    margin: 0.8em 0;
}


/**
* Ausweisung der verschiedenen Links
*/

        a:link, a:visited {font-family: Arial; font-size: 9pt; font-weight: bold; color: #FFFFFF; text-decoration: none; }
        a:hover, a:focus {color: #FFFFFF; text-decoration: underline; }
        a:active {color: #FFFFFF; text-decoration: none; }


        .rolle a{font-family: Verdana; font-size: 10pt; font-style: normal; font-weight: normal; color: #FF9999;}
        .rolle a:link {color: #FF9999; text-decoration: none; }
        .rolle a:visited {color: #FF9999; text-decoration: none; }
        .rolle a:hover {color: #FF6666; text-decoration: none; }
        .rolle a:active {color: #FF6666; text-decoration: none; }


        .eis a{font-family: Verdana;        font-size: 10pt; font-style: normal; font-weight: normal; color: #6699FF; }
        .eis a:link {color: #6699FF; text-decoration: none; }
        .eis a:visited {color: #6699FF; text-decoration: none; }
        .eis a:hover {color: #3399FF; text-decoration: none; }
        .eis a:active {color: #3399FF; text-decoration: none; }
/**
* Fotos in der Mitte
*/

img, a img{
   border: 0;
}



/**
* Überschriften
*/

h1, h2, h3, h4, h5, h6 {
 color: #0066CC;
 text-align:center;
 margin: 0.8em;
}


h4 {
font-size:10pt;
margin-bottom:0.5em;
}

/**
* die Standard-Tabellen alle ohne Rand
*/

table{
    border:0;
    empty-cells: show;
}

th {
    padding: 4px;
}

caption{
    color:#0066CC;
    margin: 0.8em;
    font-size: 1.5em;
    font-weight: bold;
}


tfoot td{
 text-align: right;
 padding-top: 10px;
}

/**
* Listenelemente
*/

ol {
    list-style-type: none;
    margin: 2px;
    padding: 5px;
    text-align:center;
}

ul{
   margin: 2px;
   text-align:left;
}

li {
    padding: 3px 0;
}


/**
* die Floats
*/

.fleft { /* Sachen, an denen der Text vorbeifließen soll, wierden diese Klassen zugewiesen. */
  float: left;
  margin: 0 1em 0.2em 0; /* Abstand, damit die Sachen nicht so am Text kleben. */
}


.fright {
  float: right;
  margin: 0 0 0.2em 1em;
  padding: 1px;  */
}

/* besondere Klassen */

        .copy {font-size:0.8em;}
        .mittig {text-align: center;}
        .autor_unten {font-family: Tahoma; font-size: 9pt; text-align: right;}
        .autor {text-align: center; font-style: italique;}

span{
  font-weight: bold;}

#fotos span{
 margin: 0 5px;
}


/* Layoutspezifika für die einzelnen divs */

#box {
    background: url(../layout/dunkles_blau.gif) #12497D;
    width: 980px;
    min-height:350px;
    margin:auto;
}

#banner {
    background: url(../layout/dunkles_blau.gif) #12497D;
    margin:auto;
    align:center;
}

#banner table{
    background: url(../layout/dunkles_blau.gif) #12497D;
    margin:auto;
    float:center;
}


#rolle_link {
    margin: 30px 0 0 0;
    float: left;
    text-align: right;
}


#rolle_link caption{
    color: #FF6666;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
}

#eis_link {
    margin: 30px 0 0 0;
    float: right;
    text-align: left;
}


#eis_link caption{
    color: #3399FF;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
}


/**
* der Haupteil
*/

#main {
   // background: url(../layout/dunkles_blau.gif) #12497D;
    width: 780px;
    min-height: 100px;
    margin:auto;
}

/**
* Haupttabelle mit den verschiedenen Designelementen
*/
#main table{
    margin:auto;
}

#main table.design{
    table-layout:fixed;
    border-collapse: collapse;
    width:782px;
}

#main *.kopf{
    height:38px;
    border:0;
    text-align:center;
}

td.kopfrandlinks{width:141px; background:url(../layout/Kugel-Rolle-top.gif);}
td.kopfmitte{width:500px; text-align:center; vertical-align:middle; background:url(../layout/Kugel-halter.gif);}
td.kopfrandrechts{width:141px; background:url(../layout/Kugel-Eis-Top.gif);}

td.headlinks{height:68px; width:100px; background:url(../layout/Kugel-Rolle-down.gif) #6699CC;}
td.headmitte {width:582px; text-align:center; background:url(../layout/helles_blau_groesser.gif);}
td.headrechts{width:100px; background:url(../layout/Kugel-Eis-down.gif) #6699CC;}

td.hauptlinks{width:41px; height:215px; vertical-align:top; background:url(../layout/rand_links.gif);}
td.hauptmitte{width:700px; rowspan:2; align:center; vertical-align:top; background:url(../layout/helles_blau_groesser.gif);}
td.hauptrechts{width:41px; height:215px; vertical-align:top; background:url(../layout/rand_rechts.gif);}

td.copylinks{width:41px; height:40px; background:url(../layout/rand-links-unten.gif);}
td.copymitte{width:700px; text-align:center; vertical-align:middle; background:url(../layout/helles_blau_groesser.gif);}
td.copyrechts{width:41px; background:url(../layout/rand-rechts-unten.gif);}

td.untenlinks{width:79px; height:32px; background:url(../layout/rolle_rand_unten.gif) #6699CC;}
td.untenmitte{width:624px; text-align:center; vertical-align:bottom; background:url(../layout/rand_unten.gif);}
td.untenrechts{width:79px; background:url(../layout/eis_rand_unten.gif) #6699CC;}

/**
*  alles, was den eigentlichen Inhalt ausmacht
*/

#mitte{
    text-align: justify;}

#mitte table{
    align: center;   }

.Inhalt {
    padding:2px;
}

/**
* Spezifisches für die News
*/

#news {
    float: left;
    width: 80%;
    text-align: justify;}

#news h{
    text-align: left;}

.newseintrag {
    margin-bottom: 20px;
    border-bottom: 1px dotted #336699;
    padding: 2px;
}

.Datum {
    padding: 2px;
    font-size:7pt;
    align: left;
    white-space: nowrap;
}

.newseintrag > .Titel {
    padding: 2px;
}

.newseintrag > .Inhalt {
    padding: 2px;
    font-size:9pt;
    text-align: justify;
}



/**
* die allgemeinen Termine auf der Startseite
*/


#termine {
    float: right;
    width: 19%;
    text-align: left;}

.termineintrag {
    margin-bottom: 10px;
}

/**
*  die Spartentermine
*/

.terminesparte th{
   padding-top: 6px;
}


/**
*Archiv soll etwas abgespeckter aussehen als die News
*/

.archiv {
    margin-bottom: 15px;
    border-bottom: 1px dotted #336699;
    padding: 2px;
    font-size: 0.9em;
}

.archivKopf {
    padding: 2px;
    font-weight: bold;
}


.guest_eintrag {
    margin-bottom: 10px;
    text-align: left;
}


.kopfdaten {
    background: #12497D;
    padding:2px;
}


.text {
    background: #336699;
    padding:2px;
    border: 1px solid #12497D;
}

/**
* Vorstandtabelle soll alternieren
*/

table.vorstand{
   width: 60%;
   text-align: left;
}

table.vorstand tr:nth-child(even){
   text-align: right;
}


/**
* Fotos im Bereich der Fotos
*/

#fotos{ text-align: center;}

#fotos td{
   align:center;
   padding: 4px;
}

#fotos table{
   border:0;
}

#fotos img{
 border: groove 2px #336699;
 padding: 1px;
 width: 150px;
}

#foto{
 text-align: center;}

#foto img{
 border: solid 2px #6699CC;
 padding: 1px;
 max-width: 95%; //gute Browser machen ein zu großes Bild, welches das Design sprengen würde, funktioniert beim IE leider nicht
}

/**
* Die Trainingsseite
*/

table.ort{
 width: 50%;
 border-collapse: collapse;
 white-space: nowrap;
}

table.ort td{
 border:4px solid #6699CC;
}

table.ort th[colspan="2"]{
 color: #0066CC;
 text-align: center;
 padding: 0.8em;
}

table.ort th{
 vertical-align:top;
 text-align:right;
 padding: 4px;
}

table.training{
 width: 75%;
 border-collapse: collapse;
 text-align: center;
 white-space: nowrap;
}

table.training th, table.training td{
 border: solid 1px;
 padding: 2px;
}

table.training tfoot td{
 text-align: right;
 padding-top: 10px;
 border: 0;
}

/**
* hier war mal das Gästebuch

.gb_form {
    background-color: #336699;
    border: 1px solid #12497D;
    text-align: center;
}


.gb_form label{
    width:35px;
}


.gb_form > ol > li {
    vertical-align: top;
}

.gb_form * label:after {
    content: ":";
}

*/

/**
* Bereich Geschichte
*/

#gesch {
    width: 85%;
    float: center;
}

/**
*
* Footer
*/

#unten {
//    background: url(../layout/helles_blau.gif) #6699CC;
    vertical-align: middle;
    text-align: center;
    font-size:1;
}

#unten span{
    padding: 3px 5px;
}