body {
    color: #505050;
    font-size: small;
    background-color: #f9f9f9;
    font-family: 'Ubuntu', Tahoma, Verdana, Arial, sans-serif; /* 'Ubuntu' 'Maven Pro' 'Open Sans' */
    /* letter-spacing: 1px; */
}


/* Haupt-Seitenaufteilung */
table.main {
    width: 920px;
    min-height: 900px;
    border-collapse: collapse;
}

th.navi {
    vertical-align: top;
    width: 220px;
    background-color: #3472dc; /* light blue */
    padding: 0px;
    border: 2px solid #0b1728; /* dark blue */
}

th.main {
    vertical-align: top;
    background-color: #0b1728; /* (benötigt für Rahmen um Marquee-Zeile) */
    padding: 0px;
    margin-top: 0px;
    border: 2px solid #0b1728;
}


/* Wrapper <div> for main side menu */
div.menu {
    vertical-align: top;
    height: 700px;
    background-image: url(figs/site/menu/farbverlauf.jpg);
}

/* Individual menu entries */
div.navi {
    width: 180px;
    padding: 5px;
    margin-top: 6px ;
}

div.navi:hover {
    background-color: #0b1728; /* dark blue */
}

div.naviactive {
    width: 180px;
    padding: 5px;
    margin-top: 6px;
    background-color: #0b1728;
}


/* Main content <div> */
div.content {
    height: 100%;
    min-height: 650px;
    text-align: left;
    background-color: #f2f2f2; /* light gray */
    margin-top: 2px;
    padding: 20px 20px 20px 20px;
}

div.bottom {
    height: 100%;
    text-align: center;
    background-color: #cccccc;
    margin-top: 2px;
    padding: 5px 5px 5px 5px;
}

/* News ticker */
marquee {
    margin-top: 2px;
    text-align: right;
    background-color: #fad200; /* yellow-orange */
    height: 20px;
}


p {
    font-weight: normal;
    line-height: 130%;
}

/* White info text on menu <div> */
p.info {
    color: #ececfa; /* almost white */
    font-size: small;
    margin-bottom: 3px;
}

p.error {
    color: #d11d25; /* dark red */
    font-weight: bold;
}

p.success {
    color: green;
    font-weight: bold;
}

h1 {
    color: #0b1728;
    font-family: 'Ubuntu Mono', 'Ubuntu';
    font-size: 3em;
    text-shadow: 1px 1px 1px #505050;
}

h1:before {
    content: '| ';
}

/* Red headlines beginning with red square */
h4 {
    color: #d11d25; /* dark red */
    font-weight: bold;
    font-size: medium;
}

h4:before {
    content: url(figs/site/h4.png)" ";
}

h3:before {
    content: url(figs/site/h4.png)" ";
}

h6 {
    font-weight: bold;
    font-size: x-small;
    margin-bottom: 10px;
}


/* Form elements */
input,
textarea,
select {
    font-family: 'Ubuntu';
    font-size: small;
    padding: 3px;
    border: 2px solid #dadada;
    border-radius: 3px;
}

input.login {
    width: 50%;
}


img {
    border-style: none;
}

img.thumbnail {
    padding: 5px 5px;
    width: auto;
    height: 120px;
}





/* Kasten für aktuelle Nachrichten */

div.newsbox{

  width:100%;

  background-color:#f6f6cd;

  border:1px solid #0b1728;

  text-align:left; }

h4.newsbox_headline{

  margin:10px 10px 10px 10px; }

h6.newsbox_info{

  margin:5px 0px 5px 0px; }

p.newsbox_text{

  margin:0px 10px 10px 10px; }

td.newsbox_bottom{

  width:25%;

  text-align:center;

  background-color:#fad200; }



/* Formatierung für Gästebuch */

td.gb_left{

  width:80px;

  text-align:center;

  background-color:#fad200; }

h2.gb_number{

  font-weight:bold;

  margin:10px 0px 0px 0px; }

h4.gb_author{

  margin:10px 10px 0px 10px; }

h6.gb_date{

  margin:10px 0px 10px 0px; }

p.gb_text{

  margin:0px 10px 10px 10px;}



/* Formatierung für Mannschaften */

td.teams{

  padding:10px; }



a.main:link { /* graue Hyperlinks in eckigen Klammern */

  text-decoration:none;

  font-weight:normal;

  color:#505050; }

a.main:visited, a.main:focus, a.main:active {

  text-decoration:none;

  color:#505050; }

a.main:hover {

  text-decoration:underline;

  color:#505050; }



a.menu { /* Schaltflächen Menü */

  text-decoration:none;

  color:#0b1728;

  display:block;

  width:100%; }

a.menu:active, a.menu:focus, a.menu:visited {

  text-decoration:none;

  color:#0b1728; }



td {

  vertical-align:top;

  font-weight:normal; }

td.text_center, th.text_center {

  text-align: center }

td.text_right, th.text_right {

  text-align: right }



tr.dark{

  background-color: #e6e6e6;

  }

tr.light{

  background-color: #f2f2f2;

  }

/*tr.dark:hover, tr.light:hover{

  background-color: #fad200;

  } */



a.menu, p.menu { /* heller Text/Link für Menü */

  text-decoration:none;

  font-weight:normal;

  color:#ececfa; }

td.forum_bottom{

  width:50%;

  text-align:center;

  background-color:#fad200; }

/* ********** PAGINATION */

.pagination {
    display: inline-block;
}
.center {
    text-align:center;
}
.pagination a {
    /*font-weight:bold;*/
    font-size:small; /*20px*/
    color: black;
    float: left;
    padding: 4px 8px;
    text-decoration: none;
    border:1px solid black;
    background-color: #f9f9f9;
}
.pagination a.active {
    background-color:#fad200;
}
.pagination a.disabled {
    background-color:#f9f9f9;
}
.pagination a:hover:not(.active) {
    background-color: #fad200;
}