@import "layout.css";

/*
table { border: 2px solid red; }

td { border: 2px dotted purple; }
*/
body {
        margin: 0px;
        padding: 0px;
/*        background-color: rgb(97%,97%,100%); */
        background-color: #fff;
}

body, table, th, td, form {
        font-family: verdana, lucida, arial, helvetica, sans-serif;
        font-size: 12px;
        color: #333;
}

a:link, a:visited {
        color: #039;
        border-bottom: 1px dotted;
        text-decoration: none;
}

a:hover {
        border-bottom: 1px solid;
        text-decoration: none;
}

a.noline:link, a.noline:visited, a.noline:hover {
        border-style: none;
}

h1 {
        font-size: 160%;
        font-weight: bold;
        color: #039;
        margin-bottom: 20px;
}

h2 {
        font-size: 120%;
        font-weight: bold;
        color: #039;
        margin-bottom: 20px;
}

h3 {
        font-size: 100%;
        font-weight: bold;
        color: #039;
        margin-bottom: 10px;
}

p, li {
        font-size: 100%;
        line-height: 1.4em;
        text-align: justify;
}

p.center {
        text-align: center;
}

p.rahmen {
        border: 2px solid red;
        padding: 10px 15px;
        background-color: #f0f0f0;
}

ul {
        margin-top: 0px;
}

.sport {
        font-family: "Arial Black", arial, helvetica, sans-serif;
        font-size: 30px;
        font-weight: bold;
        font-style: italic;
        color: #ccc;
        text-decoration: none;
}

.provinocard {
        font-style: italic;
        color: #f00;
}

.termine td {
        vertical-align: top;
        padding: 10px 5px;
}

.termine td p {
        text-align: left;
}

td.monat {
        font-size: 120%;
        font-weight: bold;
        color: #003399;
        text-transform: uppercase;
}

td.datum {
        font-style: italic;
}

#links td {
        font-size: 200%;
        padding: 10px 20px;
        text-align: center;
        font-weight: bold;
}

img {
        border: none;
/*        display: block; */
}

img.center {
/*        display: block; */
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
}

img.left {
        float: left;
        margin: 10px 10px 10px 0px;
}

img.right {
        float: right;
        margin: 10px 0px 10px 10px;
}

#logo-links {
        background-color: #069;
}

#logo-rechts {
        background-color: #ea4;
        width: 111px;
/*        background-color: #f3b900; */   /* etwas heller */
}

#content {
        padding: 20px;
}

#menu {
        background-color: rgb(255,232,187);
        border-left: 1px solid #ea4;
        height: 1000px;
}

/*
#menu div {
        margin: 0px;
        padding: 0px;
        text-align: center;
}
*/

#menu a {
        display: block;
        margin: 0px;
        padding: 5px 0px;
        border-bottom: 1px solid #ea4;
        text-decoration: none;
        text-transform: lowercase;
}

#menu a.last {
        border-bottom: none;
}

#menu a:hover {
        font-weight: bold;
/*        color: #fff;
        background-color: rgb(255,215,140); */
        text-decoration: none;
}

ul.news {
        list-style: url(images/Pfeil-orange-rechts.gif);
        margin: 10px 3em;
        padding: 0px;
}

table.preise {
        background-color: #fff;
}

table.preise th, table.preise td {
        background-color: #dadada;
        color: #039;
        text-align: center;
	padding: 2px 2px;
}

table.preise th {
        border-top: 5px solid #fff;
}

table.preise .titel {
        background-color: #c0c0c0;
}

table.preise .weiss {
        background-color: #fff;
}

#aktuell {
        float: left;
        margin: 0px;
        padding: 0px;
        width: 40%;
        border: 2px solid #069;
        background-color: #f0f0f0;
}

#aktuell h1 {
        margin: 0px;
        padding: 5px;
        background-color: #069;
        text-align: center;
        font-style: italic;
        color: #fff;
        text-transform: lowercase;
	border: none;  /* NN4 work-around */
}

#aktuell .eintrag {
        margin: 5px;
        padding: 0px 5px;
        font-size: 90%;
        border-bottom: 1px solid #069;
}

#aktuell .last {
        border: none;
}

#aktuell h2 {
        margin: 5px 5px;
        padding: 5px 0px;
        color: #ea4;
        text-align: center;
}

#aktuell .datum {
        text-align: right;
        font-size: 80%;
        color: #aaa;
        float: right;
}

#aktuell p{
        margin: 5px 0px;
}

#aktuell em {
	font-style: normal;
	font-weight: bold;
}

#schwarzesbrett {
/*        width: 500px;
        margin: 20px auto; */
	width: auto;
        margin: 20px 0;
        padding: 20px;
        border: 5px solid #960; /* Alternativen: #c93, #960 */
        background: url(images/kork.jpg);
        background-color: #ccc;
/*/*/
        text-align: center;
/* */
}

#schwarzesbrett .eintrag {
        width: 300px;
        margin: 25px auto 10px;
        padding: 25px 10px 10px 10px;
        background: #ddd url(images/rd_pin.gif) no-repeat top;
        border-right: 2px solid #333;
        border-bottom: 2px solid #333;
        text-align: left;
}

#schwarzesbrett .tennis {
        background: #bcd url(images/bl_pin.gif) no-repeat top;
}

#schwarzesbrett .squash {
        background: #dbc url(images/rd_pin.gif) no-repeat top;
}

#schwarzesbrett .badminton {
        background: #cdb url(images/gr_pin.gif) no-repeat top;
}

#schwarzesbrett h1 {
        margin: 0px 0px 30px;
        color: #333;
        font-size: 200%;
}

#schwarzesbrett h2 {
        margin: 0px 0px 10px;
        border-bottom: 1px solid #039;
}

#schwarzesbrett dl {
        margin: 0px 5px;
}

#schwarzesbrett dt {
        font-weight: bold;
}

/*/*/
#schwarzesbrett dt.datum {
        display: none;
}

#schwarzesbrett dd.datum {
        font-size: 80%;
        text-align: right;
}
/* */

form#eintragSchwarzesbrett {
        margin: 20px 5%;
        padding: 10px 20px;
        border: 1px solid #333;
        background: #eee;
}

form#eintragSchwarzesbrett p {
        margin: 10px 0px;
}

form#eintragSchwarzesbrett input, form#eintragSchwarzesbrett textarea {
        font-family: arial, helvetica, sans-serif;
        font-size: 100%;
        color: #333;
}


/* Format fuer Druckausgabe */

@media print
{

body, table {
        font-family: sans-serif;
        font-size: 11pt;
        color: #000;
        background-color: #fff;
}

#content, #logo {
        float: none;
        margin: 0;
        padding: 0;
}

#logo-links, #logo-rechts, #menu {
        display: none;
}

a:link, a:visited {
        text-decoration: none;
}

}