@charset "utf-8";
body, div, form, table, tr, td, img, p{ margin:0px; padding:0px; border:none;}
body{ color:#000000; background:#FFFFFF url(../img/background.gif) repeat; text-align:center; /* IE workaround ↓ */}
div{ overflow:hidden;}
/* == Seitenelemente ==== */
div#zen{/* Gesamtgröße und Ausrichtung der Seite */ width:950px;  margin:0px auto; text-align:left; /* IE workaround ↑ */}
div#ban{/* Banner oben */
 width:950px;
 height:209px;
 background-image:url(../img/bnnr.gif); 
 background-repeat:no-repeat;
}
div#ban2{/* Banner mit Überschrift */
 width:950px;
 height:117px;
 background-image:url(../img/bnnr2b.gif); 
 background-repeat:no-repeat;
 position:relative; top:0; left:0;
 vertical-align:bottom;
 float:left;/* --> collapsing-margins */
}
div#sa{/* Rechte Seite: Sprachauswahl */
 margin:10px;
 position:absolute; bottom:0px; right:2px;
} 
div#tdmen{
 /* Menüspalte links */
 float:left;
 width:174px;
 min-height:400px;
}
div#tdmenm{/* Menüspalte links: mitte */
  width:174px;
  background:url(../img/l-bg.gif) repeat-y;
}
div#tdmenu{/* Menüspalte links: unten */
  width:174px; height:247px;
  background:url(../img/l-u.gif) no-repeat;
}
div#tdmain{/* Hauptinhalt - Gesamtbreite: 602px */
 float:left;
 width:602px;
}
div#tdr{/* Spalte rechts */
 float:left;
 width:174px;
}
div#tdrm{/* Rechte Seite: mitte */
  width:174px;
  background:url(../img/r-bg.gif) repeat-y;
}
div#tdru{/* Rechte Seite: unten */
  width:174px;
  height:263px;
  background:url(../img/r-u.gif) no-repeat;
}
/* == Schriftformatierungen ================== */
[lang|="de"]>* {quotes: "„"  "“"  "‚"  "‘"} /* ...in manchen fonts besser: „” und ‚’ */
[lang|="hr"]>* {quotes: "»"  "«"  "›"  "‹"}
q:lang(de)     {quotes: "„"  "“"  "‚"  "‘"}
q:lang(hr)     {quotes: "»"  "«"  "›"  "‹"}
q:before       {content:  open-quote}
q:after        {content: close-quote}
.gbk:before    {content:  open-quote}
.gbk:after     {content: close-quote}

h1, h2, h3, p, td, th{ font-family:Verdana,Arial,sans-serif; background:transparent; }
h1, h2, p{ color:#000000; }
h3       { color:#C5C7CB; }
/* Schriftgröße */
.tiny{ font-size:7pt; }
/* Textausrichtung */
.c{ text-align:center; }
.j{ text-align:justify; }
.r{ text-align:right; }
h1{
 display:none;
}
h1.w{/* welcome */
 margin:0px 0px 4px;
 font-size:17pt;
 display:block;
}
h2{
 font-size:14pt;
 text-align:left;
 position:absolute; bottom:4px; left:200px;
 margin:0;
}
h3{
 margin:6px 6px 0;
 padding:2px;
 font-size:10pt;
 font-weight:bold;
 letter-spacing:0.15em;
 text-align:left;
 background:#3A3C41;
}
p, td{
 font-size:10pt;
 text-align:left;
}
p.t{/* längere texte */
 text-align:justify;
 line-height:14pt;
}
.hinweis{ /* ! */
 float:left;
 margin:5px;
 font-size:28pt;
 font-weight:bold;
}
.gbk{/* Gästebuchkommentar */
 font-size:7pt;
 margin-left:6px;
 margin-right:6px; 
}
.gbh{/* Gästebuchhinweis */
 font-size:7pt;
 margin-left:6px;
 margin-right:6px; 
}
/* - - - Links (allgemein) */
a:link{
 color:#CED8F2;
 text-decoration:none;
}
a:visited{
 color:#B7C3E2;
 text-decoration:none;
}
a:hover{
 color:#FF0000;
 text-decoration:underline;
}
a:active{
 color:#FF9900;
 text-decoration:none;
}
  a.d:link{/* dunkel */
   color:#C90202;
   text-decoration:none;
  }
  a.d:visited{
   color:#C90202;
   text-decoration:none;
  }
  a.d:hover{
   color:#FF0000;
   text-decoration:underline;
  }
  a.d:active{
   color:#FF9900;
   text-decoration:none;
  }
  a.w:link{color:#FFFFFF;text-decoration:none;}
  a.w:visited{color:#FFFFFF;text-decoration:none;}
  a.w:hover{color:#FF0000;text-decoration:none;}
  a.w:active{color:#FF0000;text-decoration:none;}
/* == Blockklassen ===== */
div.table{
 display:table; 
 border-collapse:collapse;
}
div.tr{
 clear:both; /*IE*/
 display:table-row; 
}
div.td{
 float:left; /*IE*/
 display:table-cell;
}
table, thead, th, tr, td{ margin:0px; border:none;}
table{
 padding:0px; 
 border-collapse:collapse;
 table-layout:fixed;
 empty-cells:show;
 border-spacing:0px;
}
thead{
 padding:1px; 
 background:#DDDDDD; 
 color:#3D414F; 
}
th{
 padding:2px;
 font-size:8pt;
 text-align:left;
}
td, th, tr{
 vertical-align:top;
} 
/* - - */
div.inhalt{ /* Inhalt w: 574px */
 margin:0 10px 20px;
 background:#3A3C41 url(../img/prf-bg.gif) repeat;
}
  h3.bg{ /* w backgr. */
   margin:0 0 4px;
   background:url(../img/nhd.gif) repeat-y;
   border-top:1px solid #9B9EA6;
   border-bottom:1px solid #9B9EA6;
   color:#FFFFFF;
  }
  h3.b{ /* groß */
   margin:2px 8px 2px;
   color:#FFFFFF;
  }
  div.inhalt p{
   padding:4px 10px 6px;
   color:#FFFFFF;
  }  
  img.m20{
    width:582px; 
    height:66px; 
    margin:-20px 10px 10px;
  }
  img.fl{ /* links */
    float:left;
    margin:8px 8px 4px 2px;
    border:1px #C5C7CB solid;
  }
  img.fr{ /* rechts */
    float:right;
    margin:8px 2px 4px 8px;
    border:1px #C5C7CB solid;
  }  
  p.uu{/* Unterüberschrift */
   font-size:8pt;
   margin:0 16px;
  }
  p.li{/* pseudo-Liste (am Ende des Spielberichts) */
    margin:8px; 
    font-size:9pt;
    line-height:13pt;
  }
  p.f{/* News-Fußzeile */
   clear:both; /* clear: Hinweis */
   margin-top:4px;
   border-top:1px dotted #9B9EA6; 
   text-align:right;
   font-size:7pt;
  }
/* - - */
div.mitteth{ /* Spielerprofile übersicht */
    margin:0px auto 6px;
}  
div.thumb{ /* Spielerprofile übersicht - thumb (gw:128/140px) */
    width:120px;
    padding:4px;
    margin:0 6px 5px;
    background:url(../img/thbg.jpg) no-repeat;
}
div.thumb img{
    width:120px;
    height:180px;
    margin:0px;
    border:none;
}
div.thumb a:link{
    color:#000000;
    font-weight:bold;
}
div.thumb a:visited{
    color:#000000;
    font-weight:bold;
}
div.thumb a:hover{
    color:#AA0000;
    font-weight:bold;
}
div.thumb a:active{
    color:#000000;
    font-weight:bold;
}
div.mitteth br{
    clear:both;
}
table.center2{
 margin:10px auto 10px;
}
table.center2 td{
  padding:2px 1px;
}
tr.tg{border-bottom:1px solid #CCCCCC;}
tr.tge{background:#FFFFFF;}
tr.tgo{background:#E7E7E7;}
/* == Menuformatierungen ===================== */
div.sc{/* Inhalt der einzelnen Menüelemente  */
 margin:0px 0px 0px 5px;
}
  div.sc img{/* Menüpunkte */
  width:156px;
  height:28px;
  /*float:left;  extra-pixel-bug-? */
  display:block;
 }
 div.sc img.hd{/* Menüüberschrift */
  width:169px;
  height:24px;
 }
 div.sc img.d{ height:56px; }
 div.sc div.ft{
  width:156px;
  height:24px;
  background-image:url(../img/l-scft.gif); 
  background-repeat:no-repeat;
 }
 p.scimp{/* Impressum  */
  margin:7px 15px 0px 10px;
  /*border-top:2px solid #9B9EA6;*/
  color:#FFFFFF;
  font-size:7pt;
  line-height:12pt;
 }

/* == Rechte Seite ====== */
div.scr{/* Inhalt der einzelnen Seitenelemente (rechts) */
 margin:0px 5px 0px 11px;
}
  div#tdrm img{/* Überschriften */
  width:169px;
  height:24px;
  display:block;
  /*float:left;  extra-pixel-bug-? */
 }
 div.scr div.bg{/* Inhalt */
  width:156px;
  background:url(../img/m-scrbg.gif) repeat-y;
  /*float:left;  extra-pixel-bug-? */
 }
 div.scr div.ft{
  width:156px;
  height:24px;
  background-image:url(../img/r-scft.gif); 
  background-repeat:no-repeat;
  /*clear:both; */
 }
 div.scr div.bg p{
  color:#FFFFFF;
  padding:4px;
  font-size:8pt;
 }
 div.scrpic{/* Zrinski logo */
  margin:0 0 0 6px;
  background:transparent;
 }
 div.scrpic img{
  float:left;
 }
  /* --- tabelle klein --- */
  div.scr td, div.scr th{
    font-size:7pt;
    line-height:10pt;
  }
  table.tk{
   width:154px;
   margin:0 2px 0; 
   /*border:1px solid #61656E;
   float:left;*/
  }
  thead.tk{
   padding:1px;
   color:#FFFFFF;  
   background:#262932;
  }
  tbody.tk{
   padding:1px; 
   color:#FFFFFF; 
  }
  td.tk{
  border-top:1px solid #7E818A;
  }
/* == = = = ============= */
  div.msgbox{
  margin:5px 10px 5px; 
  border:2px dotted #FF0000; 
  padding:2px; 
  background:#E7E7E7;
  } 
/* == Formularformatierungen ================= */
form, input, select, textarea{
  margin:0px;
  padding:0px;
  border:none;
  font-size:10pt;
}

input, select{
  font-family:Verdana,Arial,sans-serif;
  text-align:left;
  vertical-align:middle;
  border:1px solid #BEBEBE;
  height:15pt;
}
option{
  vertical-align:middle;
}
textarea{
 font-family:Verdana,Arial,sans-serif;
 text-align:left;
 border:1px solid #BEBEBE;
}
input.button{
  width:80px;
  border:1px outset #9EA0A5;
  margin:2px 8px 2px;
  color:#FFFFFF;
  background:#2E3034;
  font-size:9pt;
  text-align:center;
}
input.button:hover{
  color:#FF0000;
}
input.read{
 background:#E7E7E7;
}
input.radio{
 height:15pt;
}
input.login{
 height:12pt;
 width:160px;
 font-size:8pt;
}
input.loginpw{
 background:#FFFFFF;
 color:#FFFFFF;
 font-size:8pt;
 height:12pt;
 width:160px;
}
/* == Druckausgabe ====== */
@media print{
 body{
  margin:0;
  padding:0;
  background:#FFFFFF url(../img/nix.gif);
  color:#000000;
  text-align: center;  /* IE */
 }
 div#zen{
  /* Gesamtgröße und Ausrichtung der Seite */
  width:90%;
  margin:0 auto 2cm;
  text-align: left; /* IE */
 } 
 div#ban{
  height:90px;
  background-image:url(../img/zrinski_chrome.gif); 
  background-repeat:no-repeat;
  background-position:center;
 }
 div#ban2{
  background:#FFFFFF url(../img/nix.gif); 
 } 
 div#tdmen, div#tdr, div#sa, img.m20{ display:none; } 
 div#tdmain{
  background:#FFFFFF url(../img/nix.gif); 
  width:100%;/**/
 }
 h1, h2, h3{ page-break-after:avoid; }
 h2{ margin:10px auto 0px; text-align:center; }
 h3.bg{ background:url(../img/nhd.gif) repeat;}
 
 div.inhalt{ 
  background:#FFFFFF url(../img/nix.gif) no-repeat;
  color:#000000;
 }
 div.inhalt p{ color:#000000; }
 div.inhalt a{ color:#3A3C41; }
}/*
@page{
 
}*/