/* CSS Document */

body, html {
  font-size:        100%;
  color:            #272727;
  font-family:      Arial, sans-serif;
/*  background-image: url(hintergrund/gras.jpg); */
  width:            100%; 
  height:           100%; 
  margin:           0px;
}

/*-------------------------------------------------*/

/* ID-Selektoren */
#wrap {
  width:         1100px;
  float:         left;
}

#frame {
  width:         1500px;

}

#header {
  background: #f4f4f4;
  height:     100px;
}

#areas { 
  padding:          0px;
  height:           60px;
/*  background-image: url(hintergrund/bundeslaender.gif); */
  background:          #ffffff;
}

#menue { 
  width:               16%;
  float:               left;
  height:              800px; 
  background:          #156725;
/*  background:          #D8D8D8;   */
/*  background-image:    url(hintergrund/unser_logo1.gif);   */
  background-repeat:   no-repeat;
  background-position: top; 
}

#nav {
  font-size:    80%;
  margin:       30px 0px 0px 0px;
  list-style:   none;
  width:        100%;
  float:        left;
  padding-left: 0px;
  padding-right:0px;
}

#nav li a, #nav li a:link {
  text-decoration:  none;
  display:          block;
  color:            #ffffff;
  width:            100%;
  padding:          4px;
  border-top:       1px solid #FFFFFF;
  border-right:     1px solid #000000;
  border-bottom:    1px solid #000000;
  border-left:      1px solid #FFFFFF;
  background-image: url(hintergrund/navigation.gif); 
}

#nav li a:hover, #nav li a:focus {
    color:          #000000;
    border-top:     1px solid #000000;
    border-right:   1px solid #FFFFFF;
    border-bottom:  1px solid #FFFFFF;
    border-left:    1px solid #000000;
    padding:        4px;
}

#nav .active_link {
    color:          #000000;
    border-top:     1px solid #000000;
    border-right:   1px solid #FFFFFF;
    border-bottom:  1px solid #FFFFFF;
    border-left:    1px solid #000000;
    padding:          4px;
}

#nav .wasist {
  color:            #006600;
  width:            100%;
  padding:          0px;
  border-top:       1px solid #FFFFFF;
  border-right:     1px solid #000000;
  border-bottom:    1px solid #000000;
  border-left:      1px solid #FFFFFF;
  background-color: #33ff66; 
}

#userinfo  {
  margin-top:      0px;
  margin-bottom:   20px;
  margin-left:     25px;
  font-size:       70%;
}

#content { 
  float:         left; 
  width:         64%;
  height:        800px;
  background:    #ffffff;
  overflow:      auto; 
}

#menue_top { 
  width:            100%;
  height:           100px; 
  background-image: url(hintergrund/nordkurve.jpg);  
}

#sidebar {
  width:          20%;
  float:          right;
  height:         800px; 
  background:     #156725; 
  text-align:     center; 
}

#advertising {
  width:          200px;
  float:          left;
  height:         1100px; 
  background:     #f4f4f4;  
}

#footer {
  clear:            both; 
  padding:          6 0 6 0;
  height:           40px; 
  background-image: url(hintergrund/bundeslaender.gif); 
  text-align:       center;
  vertical-align:   middle;
  color:            #ffffff;
}

#footer a  {
  color:            #ffffff; 
}

#nav_top { 
  list-style:   none;
  margin:       0;
  padding:      0;
}

#nav_top li {
  background-image: url(hintergrund/navigation.gif); 
  border:           1px solid #a5a5a5;
  font-size:        75%;
  float:            left;
  width:            110px;
  text-align:       center; 
}

#nav_top li a, #nav_top li a:link {
  text-decoration:  none;
  display:          block;
  color:            #ffffff;
  padding:          5px;
  border-top:       1px solid #FFFFFF;
  border-right:     1px solid #000000;
  border-bottom:    1px solid #000000;
  border-left:      1px solid #FFFFFF;
}


#nav_top li a:hover, #nav_top li a:focus {
    color:          #000000;
    border-top:     1px solid #000000;
    border-right:   1px solid #FFFFFF;
    border-bottom:  1px solid #FFFFFF;
    border-left:    1px solid #000000;
    padding-top:    6px;
    padding-right:  4px;
    padding-bottom: 4px;
    padding-left:   6px;
}

#nav_top .active_link {
    color:          #000000;
    border-top:     1px solid #000000;
    border-right:   1px solid #FFFFFF;
    border-bottom:  1px solid #FFFFFF;
    border-left:    1px solid #000000;
    padding-top:    6px;
    padding-right:  4px;
    padding-bottom: 4px;
    padding-left:   6px;
}

#nav_areas {
  width:  100%;
  margin: 0;
}

#nav_areas img {
  border: 0;
}

#content_areas  { 
  float:            left;
  background-color: #ffffff;
  margin-left:      2%;
  margin-right:     2%;
  margin-top:       2%;
  margin-bottom:    1%;
  width:            44%;
  border-bottom:    1px solid #a8a8a8;   
  text-align:       justify; 
}

#content_areas span  {   
  font-size:     90%;
  width:         99%;   
}

#content_areas_head  {
  background-color:   #d8d8d8;  
  width:              100%;
  margin:             0;
  border-top:         1px solid #a8a8a8;
  font-size:          90%;
  color:              #484848; 
  padding-left:       2px; 
  padding-top:        2px;
}

#content_areas_content  {   
  overflow:  auto; 
  height:    210px; 
  padding:   5px 5px 5px 5px; 
}

#content_areas_head img {
  border:         0;
}

#modales_fenster  {
  background-color:   white;
  color:              black;
}

/*----------------------------------------------------------------------------*/

/* HTML-Elemente */
h1  {
  font-size:  100%;
}

h3 {
    font-family:      Arial, Helvetica, sans-serif;
    font-size:        20;    
}

h5 {
    font-family:      Arial, Helvetica, sans-serif;
    font-size:        18;
}

h6 {
    font-family:      Arial, Helvetica, sans-serif;
    font-size:        14;
}

a:link {
        /* text-decoration: underline; */
        color: #003300;
}

a:visited {
        color: #003300;
}

a:hover {
        /* text-decoration: none; */
        color: #ff0000;
}

input  {
  font-size:  90%;  
}
/*----------------------------------------------------------------------------*/

/* CLASS-Selectoren */
.right {
  text-align: right;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.small_text  {
  font-size:  60%;
}

.gruen  {
  background-color: #339933;  
  color:            #ffffff; 
}

.gray  {
  background-color: #d9d9d9;  
  color:            #ffffff; 
}

.light_gray  {
  background-color: #efefef;
}

.white  {
  background-color: #ffffff;
}

.color_auf  {
  background-color: #66ff99;  
}
.color_rel_auf  {
  background-color: #ccffcc;  
}
.color_ab  {
  background-color: #ff1000;  
}
.color_rel_ab  {
  background-color: #F88080;  
}
.grau  {
  background-color: #e6e6e6;   
}

/*-------------------------------------------------*/

.inhalt  {
  padding:          10px;
  font-size:        80%;
  text-align:       justify;
  background-color: #ffffff;  
}

.inhalt h1  {
  font-size:    150%;
}

.inhalt h2  {
  font-size:    120%;
}

.inhalt h3  {
  font-size:    100%;
}

.inhalt h5  {
  font-size:    90%;
}

.inhalt .red {
  font-size:    170%;
  color:        #ff0000;
}

/*-------------------------------------------------*/

.inhalt_window  {
  padding:          10px;
  margin:           0px;
  width:            100%;
  height:           100%;
  font-size:        80%;
  text-align:       justify;
  background-color: #ffffff;  
}

.inhalt_window h1  {
  font-size:    150%;
}

.inhalt_window h2  {
  font-size:    120%;
}

.inhalt_window h3  {
  font-size:    100%;
}

/*-------------------------------------------------*/

.table_formular  {
  font-size:   100%;
  float:       left;
}

.table_formular input {
  font-size:       90%;  
}

.table_formular select {
  font-size:       80%;
/*  margin-left:     5px; */
}

/*-------------------------------------------------*/

.table_benutzer_daten  {
  font-size:   90%;
  width:       70%;
  margin-top:  20px;
}

.table_benutzer_daten th {
  width:       900px;
}

.table_benutzer_daten td {
  width:        500px;
  padding-left: 10px;
}

.table_benutzer_daten a {
  text-decoration: none;
  color:           #006600;
}

/*-----------------------------------------------*/

.table_benutzer_daten_punkte  {
  font-size:   90%;
  width:       70%;
  margin-top:  20px;
  margin-left: 70px;
  border-collapse: collapse;
}

.table_benutzer_daten_punkte th {
  width:    900px;
  border: 1px solid #339933;
}

.table_benutzer_daten_punkte td {
  width:  500px;
  border: 1px solid #339933;
}

/*-----------------------------------------*/

.table_benutzer_daten_meldungen   {
    border:          1px solid #339933;
    text-align:      left;
    vertical-align:  middle;
    font-size:       80%;
}

/*-------------------------------------------------*/

.table_neuanmeldung  {
  font-size:   100%;
  width:       70%;
  margin-top:  20px;  
}

.table_neuanmeldung td {
  width:       500px;
}

.table_neuanmeldung input {
  font-size:       90%;
}

.table_neuanmeldung select {
  font-size:       80%;
}

.table_neuanmeldung .anzeige {
  text-align:  center;
}

/*-------------------------------------------------*/

.table_foto  {
  font-size:   100%;
  width:       70%;
  margin-top:  30px;
}

.table_foto td {
  width: 20px;
}

/*-------------------------------------------------*/

.sidebar_benutzerleiste   {
  margin:              15px;

  border:              1px;
  border-style:        dotted;
  background:          #dfdfdf; 
  width:               180px;
  text-align:          center;
  font-size:           80%; 
}

/*-------------------------------------------------*/

.loggin_info   {
  font-size:   80%;
  text-align:  center;
  margin-top:  0;
}

/*-------------------------------------------------*/

.fehler_tabelle {
  clear:            both;
  padding:          3px; 
  margin-top:       25px;
  border:           2;
  border-color:     #ffcc00;
  border-style:     solid;
  width:            95%;
  list-style-type:  circle;
  text-align:       left;
}

.fehler_tabelle td {
  background-color: #ffcc99;
  font-size:        80%;
}

.fehler_tabelle th {
  font-size:        80%;
  font-weight:      bold; 
  background-color: #ffcc99;
}

/*-------------------------------------------------*/

.erfolgs_tabelle {
  clear:            both;
  padding:          3px; 
  margin-top:       25px;
  border:           2;
  border-color:     #66cc00;
  border-style:     solid;
  width:            95%;
  list-style-type:  circle;
  text-align:       left;
}

.erfolgs_tabelle td {
  background-color: #66cc66;
  font-size:        80%;
}

.erfolgs_tabelle th {
  font-size:        80%;
  font-weight:      bold; 
  background-color: #66cc66;
}

/*-------------------------------------------------*/

.blaettern_tabelle  {
  clear:       both;
  margin-top:  10px;
  border:      1px solid #339933;
}

.blaettern_tabelle td {
  width:            5px;
  font-family:      Arial, Helvetica, sans-serif; 
  font-size:        60%; 
  line-height:      180%;  
  font-weight:      bold;  
  padding:          2px;
}

/*-------------------------------------------------*/

.guestbook_table  {
  table-layout:        fixed;
  border-collapse:     collapse; 
  margin:              5px 0px 5px 0px;
  width:               97%;
  border:              1px solid #000000;
  font-size:           90%;
}

.guestbook_table th  {
  margin:           0; 
  color:            #ffffff;
  padding:          2px;
  border:           1px solid #000000;
  background-color: #339933; 
}

.guestbook_table th.format  {
  width:          200px;
}

.guestbook_table td  {
  line-height:     180%;
  margin:          0;
  padding:         2px;
  border:          1px solid #000000;
}

.guestbook_table .email  {
   background-image:    url(hintergrund/email.gif);
   background-repeat:   no-repeat;
   background-position: 2px 30%;
}

.guestbook_table .webseite  {
   background-image:    url(hintergrund/webseite.gif);
   background-repeat:   no-repeat;
   background-position: 2px 30%;
}

/*------------------------------------------*/

.forum_table  {
  table-layout:        fixed;
  border-collapse:     collapse; 
  margin:              5px 0px 5px 0px;
  width:               97%;
  border:              1px solid #000000;
  font-size:           90%;
}

.forum_table th  {
  margin:           0; 
  color:            #ffffff;
  padding:          2px;
  border:           1px solid #000000;
  background-color: #339933; 
}

.forum_table th.bords  {
  width:          40%;
}

.forum_table th.letzter_beitrag  {
  width:          40%;
}

.forum_table th.themen  {
  width:          10%;
  text-align:     center;  
}

.forum_table th.beitraege  {
  width:          10%;
  text-align:     center;
}

.forum_table td  {
  line-height:     180%;
  margin:          0;
  padding:         2px;
  border:          1px solid #000000;
}

.forum_table td.themen  {
  text-align:     center;  
}

.forum_table td.beitraege  {
  text-align:     center;
}

/*-------------------------------------------*/

.nachrichten_table  {
  table-layout:        fixed;
  border-collapse:     collapse;
  float:               left;
  font-size:           80%;
  width:               660px;
}

.nachrichten_table th {
  background-color:  #006600;
  color:             #ffffff;
  text-align:        left;
}

.nachrichten_table tr {

}

.nachrichten_table td {
  background-color:  #e2f1dd;
  border-top:        1px solid #cbcbcb;     
}

.nachrichten_table input {
  font-size:       90%;
}

/*------------------------------------------*/

.freunde_table  {
  table-layout:        fixed;
  border-collapse:     collapse;
  float:               left;
  font-size:           80%;
  width:               680px;
}

.freunde_table th {
  background-color:  #006600;
  color:             #ffffff;
  text-align:        left;
}

.freunde_table tr {

}

.freunde_table td {
  background-color:  #e2f1dd;
  border-top:        1px solid #cbcbcb;     
}

.freunde_table input {
  font-size:       90%;
}

/*------------------------------------------*/

.benutzer_online_table  {
  margin-left:     15px;
  margin-top:      10px;
  font-size:       80%;
}

/*-----------------------------------------*/

#register   {
  float:            left;
  width:            100%;
  margin:           0;
  padding:          0;
  list-style:       none;
  background-color: #ffffff;
}

#register li {
  float:         left;
  margin:        0;
  margin-top:    2px;
  padding-left:  3px;
  font-size:     70%; 
  text-align:    center;   
  border-bottom: none; 
}

#register li a {
  float:            left;
  display:          block;
  margin:           0;
  padding:          8px;
  color:            #ffffff;
  text-decoration:  none;
  border:           1px solid #9b8748;  
  border-bottom:    none; 
  width:            90px;
  background-image: url(hintergrund/r_unmark.png);
}

#register li a:hover, #register li a:focus {
  color:          #ffffff;
  padding:        10px;
  border-color:   #727377;
  background:     green;
}

#register a.active_link {
  color:            #000000;
  padding:          10px;
  border-color:     #727377;
  background-image: url(hintergrund/r_mark.png);
}

/*-------------------------------------------------*/

.link_liste   {
  float:            left;
  width:            90%;
  margin:           30px 0 20px 0;
  padding:          0;
  list-style:       none;
}

.link_liste li {
  float:            left;
  width:            100px;
}

.link_liste li a {
}

.link_liste li a.active_link {
  color:            #00cc00;
  font-style:       italic;
}

/*-------------------------------------------------*/

.link_liste_small   {
  float:            left;
  width:            90%;
  margin:           30px 0 20px 0;
  padding:          0;
  list-style:       none;
}

.link_liste_small li {
  font-size:        90%; 
  float:            left;
}

.link_liste li_small a {
}

.link_liste_small li a.active_link {
  color:            #00cc00;
  font-style:       italic;
}

/*------------------------------------------------*/

.output_table   {
  table-layout:     auto;
  border-collapse:  collapse;
  border:           solid 1px #000000;     
}

.output_table th { 
  padding:          2px;
  background-color: #339933;
  border:           solid 1px #000000;   
  font-size:        70%; 
  line-height:      100%;  
  text-align:       center;       
}

.output_table td { 
  padding:          2px;
  border:           solid 1px #000000;   
  font-size:        70%; 
  text-align:       top;
  line-height:      100%;      
}

.output_table input {
  font-size:       90%;  
}

/*------------------------------------------------*/

.seite_einrichten_table {
  table-layout:     auto;
  border-collapse:  collapse;
  border:           solid 8px #d7d7d7;    vertical-align: middle;
}

.seite_einrichten_table tr { 
}

.seite_einrichten_table td {
  border:           solid 8px #d7d7d7;   
  font-size:        70%; 
  width:            500px;   
  height:           80px;  
  text-align:       left; 
}

/*------------------------------------------------*/

.button_seite_einrichten {
  margin:              15px;
  padding:             2px 20px 2px 2px;
  border:              1px;
  border-style:        dotted;
  background:          #dfdfdf; 
  background-image:    url(icons/document_edit.PNG);
  background-repeat:   no-repeat;
  width:               180px;
  height:              35px;
  text-align:          right;
  font-size:           70%;
  cursor:              pointer;
}

/*------------------------------------------------*/

.button_seite_einrichten_aktiv {
  background-image:    url(icons/add.png);
  background-repeat:   no-repeat;
  background-color:    #fbfbfb;  
  cursor:              pointer;
  border:              0px none;
  width:               38px;
  height:              26px;
}

.button_seite_einrichten_inaktiv {
  background-image:    url(icons/delete.PNG);
  background-repeat:   no-repeat;
  background-color:    #fbfbfb;  
  cursor:              pointer;
  border:              0px none;
  width:               38px;
  height:              26px;
}

/*------------------------------------------------*/

.button_pfeil {
  background-image:    url(hintergrund/pfeilchen.gif);
  background-repeat:   no-repeat;
  background-color:    #d8d8d8;  
  cursor:              pointer;
  border:              0px none;
  width:               10px;
  height:              14px;
}

.button_kreuz {
  background-image:    url(hintergrund/kreuzchen.gif);
  background-repeat:   no-repeat;
  background-color:    #d8d8d8;  
  cursor:              pointer;
  border:              0px none;
  width:               12px;
  height:              16px;
}

/*------------------------------------------------*/

/* Buttons für Ligamanager */
#lb_ergebnisse {
  height:           30px;
  width:            30px;
  float:			left;
  background-image: url('Buttons/E.gif');
  background-repeat: no-repeat;

}
#lb_ergebnisse:hover {
  background-image: url('Buttons/Ergebnisse.gif');
  background-repeat: no-repeat;
}
#lb_partien {
  height:           30px;
  width:            30px;
  float:			right;
  background-image: url('Buttons/P.gif');
  background-repeat: no-repeat;
  /*hover:expression(this.onmouseover=new Function("this.style.backgroundImage='url(Buttons/Ergebnisse.gif)'"),this.onmouseout=new Function("this.style.backgroundImage='url(P.gif)'"));
*/
}
#lb_partien:hover {
  background-image: url('Buttons/Partien.gif');
  background-repeat: no-repeat;

}

/*------------------------------------------------*/

.forum_beitraege_table  {
  table-layout:        fixed;
  border-collapse:     collapse; 
  margin:              5px 0px 5px 0px;
  width:               97%;
  border:              1px solid #000000;
  font-size:           90%;
}

.forum_beitraege_table th {
  margin:           0; 
  color:            #ffffff;
  padding:          2px;
  border:           1px solid #000000;
  background-color: #339933; 
}

.forum_beitraege_table a {
  color:            #ffffff;
}

.forum_beitraege_table td  {
  line-height:     180%;
  margin:          0;
  padding:         2px;
  border:          1px solid #000000;
}

.forum_beitraege_table td.text  {
  vertical-align:   top;
}