/**************
 *
    Dateiname: 	screen.css
				css-Definition / screen
				
	Author:		joerg weasthoven
	Version:	0.3
    Datum:      (03. Mai 2009)

    Bemerkung:
      Ich habe versucht die Styles ohne Browserweichen zu erreichen.
      Das heißt leider aber auch, daß das Design nich genau gleich auf allen
      Browsern aussieht. Ich habe aber das Aussehen auf Opera, Firefox
      und IE getestet und es sieht einigermaßen aus.
      
      
    
 *		
 **************/



/************************************
 *     Seitenaufbau 
 */


/* in dieser 'Sektion' wird der Grundsätliche Seiten aufbau definiert
 * - Der Hinterste Hintergrund (in Body)
 * - Der 'efektive' Sichtbare Bereich (Aussenrand und dieEigendlicheSeite)
 * - Dieser Zentriert (in body definiert)
 * - im ''efektive' Sichtbare Beriech .. der Hintergrund (in Aussenrand)
 * - Die Breite (in Aussenrand) ( und Zusätlich in der eigentlichen Seite
 *   damit auch der Explorer versteht wo CSS die Breite definiert (innen))
 */


body {
  	font-family: Verdana, Tahoma, Arial;
    font-size:    10px; 
    color:       #303030;
    background:  #15608c;
    height:      101%; /* Hack um Scrollbalken zu erzwingen */ 
    margin:      0;
    padding:     0;
    border:      0;
    text-align: center;
}


#AussenRand{
    background-image:   url(../images/2pix01.gif);
    padding:            0 16px 0 16px;
    width:              768px;
    border:             0; /* scheinbar nicht notwendig */
    margin:             0 auto; /* Zentrieren */
    text-align:         left;
    min-height:         100%; /**/
  
}



#dieEigendlicheSeite{
    background:     #fcfdfd;
    margin:         0;  /* scheinbar nicht notwendig */
    padding:        0;/* scheinbar nicht notwendig */

    border-width:   0;/* scheinbar nicht notwendig */
    border-style:   solid;
    width:          768px;
    min-height:     100%; /**/
    
}


/*
 *     Seitenaufbau 
 ************************************/







/************************************
 *     Kopf-bereiche und der gleichen
 */




#Kopf-bereich {
  /* background:     darkgreen; */
    margin:         0;
    padding:        0 0 0 0;
    border-width:   0;
    border-style:   solid;
    width: 768px;
    
  
}

#Kopf-bereich H1 {
 display: none;
}

#Kopf-bereich .Logo  {
 /* background:         blue;  /* nur bei test anzuschalten */
    background-image:   url(../images/KopfZeilenBild.png);   /**/
    height:             128px;
    width:              768px;
}




/***** Haupt-Navigation ******/

#Haupt-Navigation {
    background-image:   url(../images/higru-tab.gif);
    padding:            0 0 0 128px; 
    margin:             0;
    height:             28px;
}

#Haupt-Navigation ul {
    list-style:     none; 
    width:          640px;
    margin:         0;
    padding-left:   7px;
}

#Haupt-Navigation ul li {
    display:        inline;
/*    background:   yellow;   /* nur zu Test-zwecken */
    float:          left;
    margin-right:   14px;

}

#Haupt-Navigation ul li #Informationen   {
      background-image:     url(../images/BereichsButtonInformationen.png);
      background-repeat:    no-repeat;
      width:                120px;
      height:               28px;
      display:              block;
}
#Haupt-Navigation ul li #Informationen:hover {
      background-image:     url(../images/BereichsButtonInformationen_o.png);
}

#Haupt-Navigation ul li #Terminkalender {
      background-image:     url(../images/BereichsButtonTerminkalender.png);
      background-repeat:    no-repeat;
      width:                130px;
      height:               28px;
      display:              block;
}
#Haupt-Navigation ul li #Terminkalender:hover {
      background-image:     url(../images/BereichsButtonTerminkalender_o.png);
}

#Haupt-Navigation ul li #Jugendschach {
      background-image:     url(../images/BereichsButtonJugendschach.png);
      background-repeat:    no-repeat;
      width:                122px;
      height:               28px;
      display:              block;
}
#Haupt-Navigation ul li #Jugendschach:hover {
      background-image:     url(../images/BereichsButtonJugendschach_o.png);
}

#Haupt-Navigation ul li #Turniere {
      background-image:     url(../images/BereichsButtonTurniere.png);
      background-repeat:    no-repeat;
      width:                74px;
      height:               28px;
      display:              block;
}
#Haupt-Navigation ul li #Turniere:hover {
      background-image:     url(../images/BereichsButtonTurniere_o.png);
}


#Haupt-Navigation ul li #Impressum {
      background-image:     url(../images/BereichsButtonImpressum.png);
      background-repeat:    no-repeat;
      width:                94px;
      height:               28px;
      display:              block;
}
#Haupt-Navigation ul li #Impressum:hover {
      background-image: url(../images/BereichsButtonImpressum_o.png);
}



/*
 *     Kopf-bereiche und der gleichen
 ************************************/


/************************************
 *     SIDE Navigation
 */



#SIDE-Navigationsbereich {
    margin-top:     2.3em;  /**/
    margin-right:   0;
    margin-left:    0;
    padding-left:   4px;
    width:          124px;
    /* background:     red; /**/
    font-weight:    bold;
    float: left;    /**/
}


#SIDE-Navigationsbereich ul {
    margin:         0 0 2em 0;
    padding-left:   1em;
    color:          #16577d;
    font-weight:    bold;
}

#SIDE-Navigationsbereich ul li {
    list-style:     none;
    text-align:     Left;
    text-indent:    -1em;
}

#SIDE-Navigationsbereich ul li a {
    text-decoration:    none;
    color:              #000000;
}
#SIDE-Navigationsbereich ul li a:visited {
	color:  #767d81;
}
#SIDE-Navigationsbereich ul li  a:active  {
	color:  #16577d;
}
#SIDE-Navigationsbereich ul li  a:hover  {
	color:  #16577d;
   }
	

#SIDE-Navigationsbereich ul li.AktuelleSeite{
    margin-bottom:  .8em;
    text-transform: uppercase;
 }
#SIDE-Navigationsbereich ul li.Home-link{
    margin-bottom:  2.9em;
}


/***** Bereich-Navigation ******/

#Bereich-Navigation {
        /* background: darkred; /**/
}

ul.unterSeitenNav {
    /* background: darkred; /**/
    display:        none;  /**/
    margin-bottom:  .5em !important;
}



/***** Bereich-Navigation ******/

/* Banner-Navigation soll plakative Links an der 
 * SIDE-Navibar anzeigen. Deswegen werden Bilder als 
 * dosplay Block dargestellt.
 */


.Banner-Navigation {
    /* background: red; /**/
    border-top:     .10em solid black;
}


ul.Banner-Navigation  {
    padding-top:    2em;

}


.Banner-Navigation li {
    margin-bottom:  2em;

}

.Banner-Navigation a img {  
     border:    0; /**/
     display:   block; 
}

/***** Unterbereich-Navigation ******/



/*
 *     SIDE Navigation
 ************************************/





/************************************
 *     "Kontent" -bereich
 */

#Inhalt {
    margin:     0 auto auto 128px; /* TODO: Wenn alles Fertig zu em */
    padding:    1.5em 1.0em 2em 1.0em;
 /*   background: yellow;  /**/
    font-size:  1em;
    min-height: 101%;
}


/* Haupt Überschirft im Inhalt */
#Inhalt h3{
    margin:         1.4em 0 1.7em 0;
    padding:        5px;
    font-size:      1em;
    text-transform: uppercase;
    font-weight:    bold;
    color:          #16577d;
}


#Inhalt h4{
  font-size: 1em;   /*für den iExplorer */
}

#Inhalt p.Artikel-Titel-Untertext {
    margin:         -2.0em 0 2em 0;     /* Der Untertext darf näher an den Titel */
    /* font-family:    'Times Roman',Times, serif; **/
    font-size:      100%;
    /*font-weight:    bold; **/
    /* background:    red; */
}


#Inhalt p {
  /*   text-indent:    1 em; */
    margin:     0 0 1em 0; 
}


#Inhalt a {
    color:  #000000;
}


#Inhalt a {
    border-bottom:      1px dotted #000000;
    text-decoration:    none;
}

#Inhalt a:visited {
    color:  #767D81;
}

#Inhalt a:hover {
    color:  #16577D;
}


#Inhalt a.nodecoration {
	border-bottom:      none;
	text-decoration:    none;
}



/*
 *     "Kontent" -bereich
 ************************************/




/************************************
 *     Allgemeines
 */


table {
  font-size: 1em;   /* Hack damit die */
}



table.Anschriften-Liste {
 margin-top:    1em;
 margin-bottom: 1em;
}

table.Anschriften-Liste tr td{
    padding-top:    0.5em;
    padding-bottom: 0.5em;
}



.unsichtbar {
    display:    none;
}


.grauer-Hintergrund {
  background:   #eff2f3;
}


.Vertikaler-Abstand {
    height:     2em;
    display:    block;
}

#Seiten-Ende-Abstand {
    height:     500px;
    display:    block;
}



#fussnote {
    font-size:  0.7em;
}


p#Fusszeile {
    clear:      both; 
    font-size:  0.9em;
    border-top: 0.1em solid #303030;
    margin:     5em 0 0 0;
    padding:    0.5em 0 0 0;

}
p#Fusszeile a {
    color:  #303030;
}



.IndexSeite hr {
    display:    none;
}

.Turnier-Ausschreibung th {
    text-align:     right;
    vertical-align: top;
}


/************************************
 *     Meldungen
 */


.Meldung {
    /*background:     lightgreen; /**/
    margin-bottom:  3em;
    padding-right:  10% !important;
/*    border-bottom:  .15em solid; /**/
}

.Meldung h4 {
    /* background:        green; /**/
    margin-bottom:  1em;
    padding-bottom: 0em ;

 }

.Meldung p {
    /* background:     green; /**/
    margin-bottom:  .0em !important; /* scheinbar greift sonst "#Inhalt p" */    
    margin-bottom:  .5em !important; /* scheinbar greift sonst "#Inhalt p" */    
    padding-right:  20% !important;
}

.Meldung *.Meldungs-Datum {
    /*background:     green; /**/
    padding-top:    0!important;
    padding-right:  10% !important;
    margin-top:     -.3em !important;
    text-align:     right;
    font-style:     italic;
    margin-bottom:  .5em !important; /* scheinbar greift sonst "#Inhalt p" */
}

.Meldung *.Meldungs-Author {
    /*background:     green; /**/
    padding-top:    0!important;
    padding-right:  10% !important;
    margin-top:     -.3em !important;
    text-align:     right;
    font-style:     italic;
    margin-bottom:  .5em !important; /* scheinbar greift sonst "#Inhalt p" */
}


.Meldung p.untertitel {
    margin-top:     -1em !important; 
    font-style:     italic;
}




/*
 *     Meldungen
 ************************************/






/************************************
 *     Bilder
 */


.Text-Bild-Links {
    border:     0.1em solid #303030;
    float:      left; /**/
    margin:     1em;
    overflow:   hidden;
}

.Text-Bild-Links img {
    margin:     0.5em;
    padding:    0;
    border:      none;
}
.Text-Bild-Links a {
    border:      none !important;
}

.Text-Bild-Links p {
    /*background: green; /**/
    font-size:  75%;
    margin: -0.2em .5em .5em !important;
    padding:    0 !important;
}


.Text-Bild-Rechts {
    border:     0.1em solid #303030;
    float:      right; /**/
    margin:     1em;
    overflow:   hidden;
}

.Text-Bild-Rechts img {
    margin:     0.5em;
    padding:    0;
    border:      none;
}
.Text-Bild-Rechts a {
    border:      none !important;
}

.Text-Bild-Rechts p {
    /*background: green; /**/
    font-size:  75%;
    margin: -0.2em .5em .5em !important;
    padding:    0 !important;
}


.Bild {
    border:     0.1em solid #303030;
    margin:     1em;
    overflow:   hidden;
}

.Bild img {
    margin:     0.5em;
    padding:    0;
    border:      none;
}

.Bild a {
    border:      none !important;
}

.Bild p {
    /*background: green; /**/
    font-size:  75%;
    margin: -0.2em .5em .5em !important;
    padding:    0 !important;
}



/*
 *     Bilder
 ************************************/





/************************************
 *     Terminkalender
 */

.terminkalender h4 {
/*    background:       red; /**/
  border: 0;
  padding: 0em 0em 0em 0em;
  margin: 3em 0em 0em 0em;
}

.terminkalender h5 {
/*    background:       green; /**/
  border: 0;
  padding: 0em 0em .5em 0em;
  margin: 2em 0em 0em 0em;
}

.terminkalender h6 {
/*    background:       orange; /**/
  border: 0;
  padding: 0em 0em 0em 0em;
  margin: 0em 0em 0em 0em;
}

.terminkalender p {
/*    background:       orange; /**/
  border: 1em;
  padding: 0em 0em 0em 2em;
}



table.terminkalender {
  border: 0;
  width: 60em;
}

table.terminkalender th.Monat {
/*    background:       orange; /**/
  padding-top: 3em;
  padding-left: 6.66em;
  text-align: left;
  font-size: 1.2em;
}

table.terminkalender tr th {
/*  background:       orange; /**/
  vertical-align: top;
}

table.terminkalender td {
  padding-bottom: 2em;
}


col#c1 {
   width: 8em;
}

col#c2 {
}

col#c3 {
      width: 12em;
}

/*
 *     Terminkalender
 ************************************/




/********************************  Till now not used */


#Inhalt .Artikel-Bild {
    float:      right;
    overflow:   hidden;  /*scheint wohl nur so zu gehen */ 
    margin:     1em;
    border:     .1em solid #303030;
}

#Inhalt .Artikel-Bild img {
    margin:     0.5em;
    padding:    0;
    /* border:     .2em solid #303030; */
}

#Inhalt .Artikel-Bild p {
    margin:     -.2em 0.5em 0.5em 0.5em;
    font-size:  75%;
    padding:    0;
}


#Inhalt img.mittel-Bild {
    display:    block;
    text-align: center;
    margin:     1em;
    border:     1em solid white;
}




#Inhalt hr  {
    clear:          both;
    width:          50%;
    height:         0;
    text-align:     center;
    margin:         2em 0 2em 0;
    border-top:     0;
    border-bottom:  .1em  solid #303030;
}







/* EOF*/