/* ---------------------------------- */
/* Projekt: futsal-muenster.de        */
/* ---------------------------------- */
/* allgemeine Stylesheets             */
/* Autor: Thomas Goebe                */
/*        (goebe@twin-systems.de)     */
/* ---------------------------------- */
/* letztes Update: 17.06.2006         */
/* ---------------------------------- */

body, div, p, a, table, h1, h2, h3, h4, strong, em {
  margin: 0;
  padding: 0;  
  font-family: Arial, Helvetica, serif;
  color: #666;
}

html {
  min-height: 100.1%;
}

body {
  background-color: #fff;
  text-align: center;
  scrollbar-arrow-color: #0000FF;
  scrollbar-base-color: #FFFFFF;
  scrollbar-track-color: #FFFFFF;
  scrollbar-face-color: #B4B4B4;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-shadow-color: #FFFFFF;
  min-height: 100.1%;
  padding-bottom: 10px;
}

div#header {
  position: relative;
  height: 208px;
  background: url(/bilder/system/bg_header.gif) top left repeat-x;
  margin: 0 0 15px 0;
  text-align: center;
}

div#header div#img_container {
  position: relative;
  width: 1020px;
  margin: 0 auto;
}

div#header div#img_container img#logo {
  position: absolute;
  left: 0px;
  top: 0px;
}

div#header div#img_container img#teaser {
  position: absolute;
  right: 120px;
  top: 0px;
}

/*div#ticker {
  display: none;
  position: relative;
  height: 20px;
  width: 100%;
  background-color: #666;
  margin-bottom: 10px;
}*/

div#scroller {
position: absolute; top: 126px; left: 345px; background-color: transparent; width: 540px; height: 20px;
}

div#content_wrapper {
  position: relative;
  width: 756px;
  margin: 0 auto;
  text-align: left;
  background-image: url(http://www.ufc-muenster.de/bilder/system/bg_content_wrapper.gif);
  background-position: 154px 0px;
  background-repeat: repeat-y;
}

div#navigation {
  float: left;
  width: 144px;
  font-size: 9pt;
}

div#content {
  margin-left: 154px;
  text-align: justify;
  padding-left: 30px;
  font-size: 9pt;
  line-height: 1.5em;
}

div#footer {
  position: relative;
  height: 20px;
  width: 100%;
  border-top: 2px #b4b4b4 solid;
  padding-top: 4px;
  font-size: 8pt;
  margin-top: 10px;
}

/* --- Navigation --- */
div#navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#navigation ul li {
  margin: 0;
  padding: 0;
  padding-left: 14px;
  background-image: url(http://www.ufc-muenster.de/bilder/system/bullet_navigation.gif);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  font-size: 10pt;
  font-weight: bold;
  margin-bottom: 5px;  
  line-height: 110%;
}

div#navigation ul li.active {
  background-image: url(http://www.ufc-muenster.de/bilder/system/bullet_navigation_active.gif);
  background-color: #ccc;
  padding-bottom: 2px;
  padding-top: 2px;
/*  background-position: 0px 4px;*/
  background-position: 0px 0px;
}

div#navigation ul li.active ul {
  margin-top: 6px;
}

div#navigation ul li.active ul li {
  background-image: none;
/*  padding-left: 4px;*/
  padding: 0;

}

div#navigation ul li.active ul li.active ul li {
  padding-left: 6px;
}

div#navigation ul li.active ul li ul li {
  background-image: none;
/*  padding-left: 4px;*/
}

div#navigation ul li ul {
  margin-top: 2px;
} 

div#navigation ul li ul li,
div#navigation ul li ul li ul li {
  background-image: none;
/*  padding-left: 4px; */
  font-weight: normal;
}

div#navigation ul li ul li {
  font-size: 9pt;
  font-weight: normal;
}

div#navigation ul li ul li ul li {
  font-size: 8pt;
  font-weight: normal;
}

div#navigation a:link,
div#navigation a:active,
div#navigation a:visited,
div#navigation a:hover {
  color: #666;
  text-decoration: none;
}

div#navigation a:hover {
  text-decoration: underline;
}

div#navigation a.active:link,
div#navigation a.active:active,
div#navigation a.active:visited,
div#navigation a.active:hover {
  color: #0033cc !important;
}


/* --- Links --- */
div#content a:link,
div#content a:visited,
div#content a:active,
div#content a:hover {
  text-decoration: underline;
  color: #666;
}

div#content a:hover {
  color: #0033cc;
}

a img {
  border: 0;
}

/* --- Ueberschriften --- */
div#content h1 {
  font-size: 10pt;
  font-weight: bold;
  margin-left: -20px;
  padding-left: 20px;
  position: relative;
  background-image: url(http://www.ufc-muenster.de/bilder/system/bullet_headline.gif);
  background-repeat: no-repeat;
  background-position: 0px 4px;
  line-height: 150%;
  margin-bottom: 15px;
}

h2 {
  font-size: 9pt;
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 10px;
}

h3 {
  font-size: 9pt;
  font-weight: normal;
  text-decoration: underline;
  line-height: 150%;
  margin-bottom: 5px;
}

/* --- Absaetze --- */
div#content p {
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 150%;
}

/* --- Bilder --- */
div#content img {
/*  border: 1px #ccc solid;*/
  margin: 7px;
}

div#content a img {
  border: 0;
}

/* --- formulare --- */

div#navigation form {
  margin: 0px;
  padding: 0px;
  margin-top: 20px;
}

form input.textinput {
  border: 1px #b4b4b4 solid;
}

form input.searchinput {
  width: 240px;
}


div#navigation form input.textinput {
  width: 80px;
  border: 1px #b4b4b4 solid;
}

form input.button {
  font-size: 9pt;
  border-color: #b4b4b4;
  background-color: #fff;
  color: #666;
  height: 20px;
}

div#navigation form input.button {
  width: 59px;
}

div#content form.contact {
  background-color: #ffffdd;
  padding: 10px;
}

div#content form.contact label {
  width: 120px;
  float: left;
  height: 20px;
  margin-bottom: 10px;
  position: relative;
}

div#content form.contact select.textinput {
  width: 350px;
}

div#content form.contact input.textinput {
  height: 20px;
  border: 1px #b4b4b4 solid;
  width: 350px;
  margin-bottom: 10px;
  position: relative;
}

div#content form.contact select {
  height: 20px;
  width: 150px;
  margin-bottom: 10px;
  position: relative;
}

div#content form.contact textarea.textinput {
  border: 1px #b4b4b4 solid;
  width: 350px;
  height: 120px;
  margin-bottom: 10px;
}

div#content form.contact label.spro,
div#content form.contact input.spro {
  display: none !important;
}

div#content form.contact input.button {
  margin-left: 130px;
}

/* --- Tabellen --- */

th {
  font-size: 9pt;
  vertical-align: top;
}

td {
  vertical-align: top;
  text-align: left;
  font-size: 9pt;
}

table#player_table,
table.vorstand_table {
  margin-bottom: 20px;
}

table#player_table tr td.spielerfoto {
  text-align: center;
  width: auto;
  padding-left: 50px;
}

table.vorstand_table tr td.spielerfoto {
  text-align: center;
  width: 350px;
}

table#player_table tr th,
table.vorstand_table tr th {
  text-align: left;
  padding-right: 10px;
}

table#player_table tr td img,
table.vorstand_table tr td img {
  display: block;
}

table#player_table tr td a,
table.vorstand_table tr td a {
  margin-left: 10px;
}
table#contest_results {
  width: 99%;
}

.noWrap {
  white-space: nowrap;
}

.right {
  text-align: right;
}

/* --- Gaestebuch --- */
div#content ul.horizontal {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}

div#content ul.horizontal li {
  display: inline;
  margin-right: 10px;
}

div#content ul#gaestebuchEintraege {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px #b4b4b4 solid;
  border-bottom: 1px #b4b4b4 solid;
}

div#content ul#gaestebuchEintraege li {
  margin-bottom: 10px;
  font-style: italic;
  padding: 10px;
  background-color: #ccc;
  background-image: url(http://www.ufc-muenster.de/bilder/system/bullet_navigation_active.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

div#content ul#gaestebuchEintraege li.highlight {
  background-color: #ffffdd;
}

div#content ul#gaestebuchEintraege li h2 {
  border-bottom: 1px #666 solid;
}

div#content ul#gaestebuchEintraege li p {
  padding-left: 10px;
  margin-top: 5px;
  font-style: normal;
}

div#content ul#gaestebuchEintraege li h3 {
  margin-left: 10px !important;
}

.guestbook_comment {
  font-style: italic !important;
  width: 97%;
}

div#content form input.small {
  width: 60px !important;
}

/* --- Listennavigation --- */
div#content div.listviewNavigation {
  text-align: center;
}

/* --- sonstiges --- */

.highlight {
  color: #0033cc;
  font-weight: bold;
}

/* --- Clearing Elements--- */
/* Clearfix-Hack */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

hr.clear {
  content: "."; 
  display: block; 
  height: 0; 
  line-height: 0; 
  clear: left; 
  float: left; 
  visibility: hidden; 
  border: 0;
  padding: 0;
  margin: -1.1em 0 0 0;
}

/* --- Popup --- */
body.popup {
  padding: 0;
  margin: 0;
}

body.popup a img {
  border: 0;
}

.tabelle_normal {
  border: 1px #666 dotted;
  border-collapse: collapse;
}

.tabelle_normal td {
  border: 1px #666 dotted;
  border-collapse: collapse;
  padding: 2px;
}

.tabelle_linien {
  border: 1px #666 solid;
  border-collapse: collapse;
}

.tabelle_linien td {
  border: 1px #666 solid;
  border-collapse: collapse;
  padding: 2px;
}

.tabelle_ohne-linien {
  border: 0px;
  border-collapse: collapse;
}

.tabelle_ohne-linien td {
  border: 0px;
  border-collapse: collapse;
  padding: 2px;
}

#fadeItems { list-style-type: none; padding: 0; margin: 0;}
#fadeItems li { list-style-type: none; padding: 0; margin: 0;}