/* -- css der reitschule.ch website || copyleft 2004 || author: tt.immerda.ch --- */

body
{
        background-color: #FFFFFF;
        background-image: url(img/bg2.gif);
        background-repeat:no-repeat;
        font-family: verdana, geneva, arial;
        font-size: 12px;
        line-height: 14px;
        padding: 0px;
        margin: 0px;
}

/* --layer layout-constuction -- */

div.head
{
        height: 75px;
        text-align: right;
/*        background-image: url(img/is-window.gif); */
/*        background-position: bottom right;*/
/*        background-repeat: no-repeat;*/
}

div.box
{
        right: 0;
        padding-top: 30px;
        position: relative;
        width: 100%;
}

div.left
{
        right: 0;
        position: relative;
        width: 110px;
        text-align: right;
        float: left;
}

div.right
{
        right: 0;
        min-width:350px;
        position: relative;
        margin: 0 0 0 120px;
        padding: 0 20px 0 0;
}

div.news
{
        right: 0;
        min-width:250px;
        max-width: 450px;
        position: relative;
        margin: 0 0 0 120px;
        padding: 0 20px 0 0;
}

div.news-box
{
        right: 0;
        position: relative;
        width: 100%;
        background-color: #F60;
        border-color: #F60;
        border-style: solid;
        border-width: 2px 0px 2px 0px;
        padding: 5px 0px 5px 0px;
}
div.footer-box
{
        right: 0;
        position: relative;
        width: 100%;
        background-color: #EDEDED;
}


/* -- float-clearing -- */

.clear-l {
        height: 4px;
        clear: left;
}
/* -- unsichtbare Elemente -- */

hr, div.invis {
display: none;
}

/* -- zB: news -- */
ul {
        list-style-type: none;
        text-align: left;
        color: #333;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}

/* -- da programm-table -- */
td {
        font-family: verdana, geneva, arial;
        font-size: 12px;
        line-height: 14px;
        color: #333;
}

td.date {
        width: 8%;
        text-align: top;
        border-top: 1px;
        border-top-style: dashed;
        border-top-color: #999999;
        white-space:nowrap;
}

td.when
{
        width: 12%;
        font-weight: bold;
        border-top: 1px;
        border-top-style: dashed;
        border-top-color: #999999;
        white-space:nowrap;
}

td.where {
        width: 20%;
        border-top: 1px;
        border-top-style: dashed;
        border-top-color: #999999;
}

td.what {
        width: 60%;
        border-top: 1px;
        border-top-style: dashed;
        border-top-color: #999999;
}
/* -- some font-definitions -- */

.main {
        font-family: verdana, helvetica, arial, "sans serif";
        font-size: 11px;
        line-height: 14px;
        color: #000000;
}

.tag {
        font-family: verdana, helvetica, arial, "sans serif";
        font-size: 12px;
        line-height: 10px;
        color: #666666;
}

.news-t {
        font-family: verdana, helvetica, arial, "sans serif";
        font-size: 12px;
        line-height: 10px;
        color: #FF0000;
        font-weight: bold;
}

.bold {
        font-family: verdana, helvetica, arial, "sans serif";
        font-size: 12px;
        line-height: 10px;
        color: #000000;
        font-weight: bold;
}

.links {
        font-family: verdana, helvetica, arial, "sans serif";
        font-size: 11px;
        line-height: 10px;
        letter-spacing:1px;
        color: #666666;
}

/* --- link-stuff start here -- */

a.sm:link {
        text-decoration: none;
        color: #666666;
}
a.sm:active {
        text-decoration: none;
}
a.sm:hover {
        text-decoration: none;
        color: #FFFFFF;
        background-color: #F00;
}
a.sm:visited {
        text-decoration: none;
        color: #999999;
}

a:link {
        text-decoration: none;
        color: #000000;
}
a:active {
        text-decoration: none;
}
a:hover
{
        text-decoration: none;
        color: #FFFFFF;
        background-color: #F00;
}
a:visited {
        text-decoration: none;
        color: #999999;
}