/**********************************************************
   AUTHOR:                          Erwin Aligam
   WEBSITE:                           http://www.styleshout.com/
   TEMPLATE NAME:                Envision
   TEMPLATE CODE:                 S-0013
   VERSION:                          1.0A
   letzte ?nderung:                12.06.2009 Lenke
 *********************************************************/

/********************************************
   HTML ELEMENTS
********************************************/

/* Top Elements */
* { margin: 0; padding: 0; }

body {
        background: #CCC;
        font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
        color: #555;
        text-align: center;
        scrollbar-3dlight-color: #CAD5E8;
        scrollbar-arrow-color: #ffffff;
        scrollbar-darkshadow-color: #000000;
        scrollbar-face-color: #5C8DCF;
        scrollbar-highlight-color: #DDE4F0;
        scrollbar-shadow-color: #050505;
        scrollbar-track-color: #CAD5E8;
}

body.print{
        margin-left:0px;
        margin-top:0px;
}

/* links */
a, a:visited {
        text-decoration: none;
        color: #2a3faa;
        background: inherit;
}
a:hover {
        color: #2a00ff;
        font-weight: bolder;
        background: inherit;
        text-decoration: none;
}
a.readmore {
        background: url(../_images/page.gif) no-repeat left center;
        padding-left: 20px; margin: 0 10px 0 5px;
}
a.heading{
         font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
         color: #555;
         font-size: 11px;
         font-weight: Bold;
}
a.info{
         font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
         color: #FF0000;
         font-size: 11px;
         font-weight: Bold;
         text-decoration: underline;
}
a.DNF{
         font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
         color: #555;
         font-size: 10px;
         font-weight: Bold;
         /*text-decoration: underline;  */
}
a.teamfehler{
         font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
         color: #FF0000;
         font-size: 10px;
         /*font-weight: Bold; */
         /*text-decoration: underline;  */
}
a.nichtbez{
         font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
         color: #FF0000;
         font-size: 10px;
         /*font-weight: Bold; */
         /*text-decoration: underline;  */
}
a.aktiv{
                font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
         color: #009F00;
         font-size: 10px;
         font-weight: Bold;
}
a.delete{
                font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
         color: #FF0000;
         font-size: 10px;
         font-weight: Bold;
}
/* headers */
h1, h2, h3 {
        font-family: 'Trebuchet MS', Tahoma, Sans-serif;
        font-weight: Bold;
}
h1 {
        font-size: 150%;
        text-transform: uppercase;
        color: #88ac0b;
}
h2 {
        font-size: 150%;
        color: #88ac0b;
}
h3 {
        font-size: 130%;
        color: #666666;
}
h4 {
        font-size: 120%;
        color: #666666;
}
h5 {
        font-size: 100%;
        color: #666666;
}

/* images */
img {
        background: #FFFFFF; /*#FAFAFA; */
        border: 0px solid #FFFFFF; /*#E5E5E5; */
        padding: 0px;
}
img.float-right {
        margin: 5px 0px 10px 10px;
}
img.float-left {
        margin: 5px 10px 10px 0px;
}
img.middle{
        vertical-align: middle;
}

h1, h2, h3, p {
        padding: 10px;
        margin: 0;
}
ul, ol {
        margin: 5px 20px;
        padding: 0 20px;
}
ul li {
        list-style-image: url(../_images/bullet.gif);
}

/* start - table */
table {
        border-collapse: collapse;
        margin: 0px;
         font-size: 11px;
}
th strong {
        color: #fff;
}
th {
        background: #93BC0C;
        height: 29px;
        padding-left: 12px;
        padding-right: 12px;
        color: #FFF;
        text-align: left;
        border-left: 0px solid #B6D59A;
        border-bottom: solid 0px #FFF;
}
tr {
        height: 20px;
}
tr.mini {
        height: 5px;
}
tr.smal {
        height: 15px;
}
tr.big {
        height: 30px;
}
tr.row-a {
        background: #F8F8F8;
}
tr.row-b {
        background: #EFEFEF;
}
tr.first {
        background: #DDE4F0;
         height: 30px;
         font-weight: Bold;
}
td {
        padding-left: 10px;
        padding-right:10px;
        border-left: solid 0px #FFF;      /*solid = durchgezogen*/
        border-bottom: solid 0px #ffffff;
}
td.first,th.first {
        border-left: 0px;
}
/*Ende normale Tablle */

/*Start Startliste */
table.Startliste{
        width: 870px;
         margin: 0;
}
table.Startliste td.lfnr{
         width: 5%;
         Text-align: center;
}
table.Startliste td.name{
         width: 15%;
         Text-align: left;
}
table.Startliste td.vorname{
         width: 15%;
         Text-align: left;
}
table.Startliste td.gebjahr{
         width: 8%;
         Text-align: center;
}
table.Startliste td.dist{
         width: 17%;
         Text-align: center;
}
table.Startliste td.verein{
         width: 20%;
         Text-align: left;
}
table.Startliste td.ort{
         width: 20%;
         Text-align: left;
}
table.Startliste td.team{
         width: 20%;
         Text-align: left;
}
table.Startliste td.name_gesamt{
         width: 30%;
         Text-align: left;
}
table.Startliste td.datum_zeit{
         width: 10%;
         Text-align: center;
}
/*Ende Startliste */

/*Start Zahlungsliste */
table.Zahlungsliste{
        width: 1000px;/*870px;*/
         margin: 0;
}
table.Zahlungsliste td.lfnr{
         width: 4%;
         Text-align: center;
}
table.Zahlungsliste td.name{
         width: 20%;
         Text-align: left;
}
table.Zahlungsliste td.gebjahr{
         width: 7%;
         Text-align: center;
}
table.Zahlungsliste td.dist{
         width: 15%;
         Text-align: center;
}
table.Zahlungsliste td.verein{
         width: 17%;
         Text-align: left;
}
table.Zahlungsliste td.ort{
         width: 17%;
         Text-align: left;
}
table.Zahlungsliste td.func{
         width: 20%;
         Text-align: left;
}
table.Zahlungsliste td.geld{
         width: 5%;
         Text-align: center;
}
table.Zahlungsliste td.status{
         width: 7%;
         Text-align: center;
}
table.Zahlungsliste td.datum_zeit{
         width: 8%;
         Text-align: center;
}
/*Ende Zahlungsliste */

/*Start Ergebnisliste */
/*fuer Lauf */
table.Laufergebnis{
        width: 870px;
         margin: 0;
}
table.Laufergebnis td {
        padding-left: 3px;
        padding-right:3px;
}
table.Laufergebnis td.stnr{
         width: 6%;
         Text-align: center;
}
table.Laufergebnis td.pl2{
         width: 5%;
         Text-align: center;
}
table.Laufergebnis td.pl{
         width: 6%;
         Text-align: center;
}
table.Laufergebnis td.name{
         width: 20%;
         Text-align: left;
}
table.Laufergebnis td.dist{
         width: 12%;
         Text-align: center;
}
table.Laufergebnis td.dist2{
         width: 10%;
         Text-align: center;
}
table.Laufergebnis td.ak{
         width: 9%;
         Text-align: center;
}
table.Laufergebnis td.verein{
         width: 25%;
         Text-align: left;
}
table.Laufergebnis td.zeit{
         width: 10%;
         Text-align: center;
}
/* fuer Triathlon/Duathlon */
table.Triathlonergebnis{
        width: 870px;
         margin: 0;
}
table.Triathlonergebnis td {
        padding-left: 3px;
        padding-right:3px;
}
table.Triathlonergebnis td.stnr{
         width: 5%;
         Text-align: center;
}
table.Triathlonergebnis td.pl{
         width: 5%;
         Text-align: center;
}
table.Triathlonergebnis td.pl1{
         width: 4%;
         Text-align: center;
}
table.Triathlonergebnis td.name{
         width: 15%;
         Text-align: left;
}
table.Triathlonergebnis td.dist{
         width: 13%;
         Text-align: center;
}
table.Triathlonergebnis td.ak{
         width: 8%;
         Text-align: center;
}
table.Triathlonergebnis td.verein{
         width: 20%;
         Text-align: left;
}
table.Triathlonergebnis td.zeit{
         width: 8%;
         Text-align: center;
}
table.Triathlonergebnis td.zeit1{
         width: 7%;
         Text-align: center;
}
/*Ende Ergebnisliste */

/* fuer TRIPOINT-Liste */
table.tripoint{
        width: 870px;
         margin: 0;
}
table.tripoint td {
        padding-left: 3px;
        padding-right:3px;
}
table.tripoint td.edit{
         width: 3%;
         Text-align: center;
}
table.tripoint td.mgid{
         width: 7%;
         Text-align: center;
}
table.tripoint td.status{
         width: 6%;
         Text-align: center;
}
table.tripoint td.name{
         width: 20%;
         Text-align: left;
}
table.tripoint td.abt{
         width: 7%;
         Text-align: center;
}
table.tripoint td.tel{
         width: 13%;
         Text-align: center;
}
table.tripoint td.kontakt{
         width: 16%;
         Text-align: center;
}
table.tripoint td.beitrag{
         width: 7%;
         Text-align: center;
}
/*Ende TRIPOINT-Liste */

/*Start Terminliste */
table.terminliste td{
        Text-Align: left;
}
table.terminliste td.mitte{
        Text-Align: center;
}
table.terminliste td.rechts{
        Text-Align: right;
}

table.terminliste tr.ende {
        height: 3px;
         background: #00A0FF;
}
/*Ende Terminliste */

/*Start Onlinemeldung */
table.OM_Antw{
        width: 90%;
}
table.OM_Antw td.SPa{
        width: 25%;
         text-align: right;
         padding-right: 3px;
}
table.OM_Antw td.SPb{
         text-align: left;
         padding-left: 0px;
}
/*Ende - Startliste */

/*Start Feedback */
table.Feedback{
        width: 98%;
}
table.Feedback tr{
        height: 15px;
}
table.Feedback tr.mini{
        height: 5px;
}
table.Feedback td.AnfEnde{
         width: 5%;
}
table.Feedback td.SPa{
        background: #EFEFEF;
         text-align: left;
         width: 20%;
         padding-right: 2px;
}
table.Feedback td.SPb{
        background: #DFDFDF;
         text-align: center;
         width: 10%;
         padding-right: 0px;
}
table.Feedback td.SPc{
        background: #EFEFEF;
         text-align: center;
         width: 10%;
         padding-left: 0px;
}
/*Ende - Feedbackliste */

/* form elements */
form {
        margin:10px;
        padding: 0 5px;
        border: solid 1px #f2f2f2;
        background-color: #fafafa;
}
form.startliste{
        text-align: left;
         width: 860px;
}
label {
        display:block;
        font-weight:bold;
        margin:5px 0;
}
select {
         padding:2px;
         border:1px solid #8F8F8F; /*#eee; */
         font: normal 1em Verdana, sans-serif;
         /*color:#777; */
         color:#000000;
}
select.auswahl40 {
         width:40px;
}
select.auswahl50 {
         width:50px;
}
select.auswahl60 {
         width:60px;
}
select.auswahl80 {
         width:80px;
}
select.auswahl100 {
         width:100px;
}
select.auswahl125 {
         width:125px;
}
select.auswahl150 {
         width:150px;
}
select.auswahl175 {
         width:175px;
}
select.auswahl200 {
         width:200px;
}
input {
        padding:2px;
        border:1px solid #8F8F8F; /*#eee; */
        font: normal 1em Verdana, sans-serif;
        /*color:#777; */
         color:#000000;
}
input.dat_err { background-color: #FF0000; width: 100px; }
input.i50 { width: 50px; }
input.r50 { background-color: #EFEFEF; width: 50px; }
input.i100 { width: 100px; }
input.r100 { background-color: #EFEFEF; width: 100px; }
input.i125 { width: 125px; }
input.r125 { background-color: #EFEFEF; width: 125px; }
input.i150 { width: 150px; }
input.r150 { background-color: #EFEFEF; width: 150px; }
input.i170 { width: 170px; }
input.r170 { background-color: #EFEFEF; width: 170px; }
input.i200 { width: 195px; }
input.r200 { background-color: #EFEFEF; width: 195px; }
textarea {
        width:400px;
        padding:2px;
        font: normal 1em Verdana, sans-serif;
        border:1px solid #eee;
        height:100px;
        display:block;
         /*color:#777; */
         color:#000000;
}
textarea.midle {
        width:550px;
}
textarea.big {
        width:750px;
}
file{
        width:100px;
}
input.button { /* Schalter Grundtyp */
        font: bold 12px Arial, Sans-serif; height: 24px; margin: 0; padding: 2px 3px; color: #fff; background: #8eb50c url(../_images/button-bg.jpg) repeat-x; width: 110px; border: none; }
input.S1{ /* Schalter Typ 1*/
        font: bold 12px Arial, Sans-serif; height: 24px; margin: 0; padding: 2px 3px; color: #fff; background: #8eb50c; width: 100px; border: none; }
input.submit{ /* Schalter Sendbutton */
         font: bold 12px Arial, Sans-serif; height: 24px; margin: 0; padding: 2px 3px; color: #fff; background: #ff3300; width: 100px; border: none; }
input.submit150{ /* Schalter Sendbutton */
         font: bold 12px Arial, Sans-serif; height: 24px; margin: 0; padding: 2px 3px; color: #fff; background: #ff3300; width: 150px; border: none; }
/********************************************
   LAYOUT
********************************************/
#wrap {
        width: 1000px;
        background: #ccc url(../_images/content1.jpg) repeat-y center top;
        margin: 0 auto;
        text-align: left;
}
#wrap2 {
        width: 1000px;
        background: #ccc url(../_images/content2.jpg) repeat-y center top;
        margin: 0 auto;
        text-align: left;
}
#content-wrap {
        clear: both;
        width: 900px;
        padding: 0;
        margin: 10px auto;
}
#header {
        width: 1000px;
        position: relative;
        height: 103px;
        background: #ccc url(../_images/header1.jpg) no-repeat center top;
        padding: 0;
        color: #fff;
        /* font-size: 14px; */
}
#header h1#logo-text {
        position: absolute;
        margin: 0; padding: 0;
        font: bolder 44px "Trebuchet MS", Arial, Sans-serif;
        letter-spacing: -2px;
        color: #ffd400;
        text-transform: none;

        /* change the values of top and left to adjust the position of the logo*/
        top: 25px; left: 47px;
}
#header h2#slogan {
        position: absolute;
        margin: 0; padding: 0;
        font: 12px "Trebuchet MS", Arial, Sans-serif;
        text-transform: none;
        color: #ffffff;
        top: 80px; left: 55px;
}
#header #counter_u {
        background-position: center;
         position: absolute;
         top: 30px;
         right: 48px;
         border-width: 0;
         outline-width: 0;
}
#header #counter_s {
        background-position: center;
         position: absolute;
         top: 30px;
         right: 48px;
         border-width: 0;
         outline-width: 0;
}
/* header links */
#header #header-links {
        position: absolute;
        top: 30px; right: 50px;
        color: #c6ddee;
        font-size: 10px;
}
#header #header-links a {
        color: #FFF;
        text-decoration: none;
}
#header #header-links a:hover {
        color: #D4E59F;
}

/* Menu */
#menu {
        clear: both;
         margin: 0 auto;
         padding: 0;
         background: url(../_images/menu_bg.gif) repeat-x;
         font: bold 12px/25px Verdana, Arial, Tahoma, Sans-serif;
         height: 25px;
         width: 940px;
         visibility: visible;
}
#menu span {
        padding: 0 10px;
        display: block;
         float: left;
}
#menu span.date{
         background: url(../_images/clock.gif) no-repeat left center;
        padding-left: 20px; margin: 0 10px 0 5px;
}
#menu ul {
        float: right;
        list-style: none;
        margin:0;
         padding: 0;
}
#menu ul li {
        display: inline;
}

#menu ul li a {
        display: block;
         float: left;
         padding: 0 10px;
         color: #6c8ed9;
         text-decoration: none;
}
#menu ul li.last a {
        padding-right: 20px;
}
#menu ul li a:hover {
        color: #2a3faa;
         font-weight: bolder;
         text-decoration: underline;
}
#menu ul li#current a {
        color: #2a1faa;
}

/* Main Column */
#main {
         text-align: center;
         float: left;
         width: 100%;
         padding: 0 0 0 5px;
         margin: 0 0 0 5px;
         display: inline;
}
#main2 {
         text-align: center;
         float: right;
         width: 73%;
         padding: 0 0 0 0px;
         margin: 0 0 0 0px;
         display: inline;
}
#main h1 {
         margin-top: 10px;
        font: Bold 140% 'Trebuchet MS', Tahoma, Sans-serif;
        color: #88ac0b;
        padding: 5px 0 5px 25px;
        border-bottom: 1px solid #EFF0F1;
        background: #FFF url(../_images/square-green.png) no-repeat 3px 50%;
}
#mainfr {
         text-align: center;
         float: left;
         width: 895px;
         height: 600px;
         padding: 0;
         margin: 0;
         display: inline;
         background: #fff;
}
#mainfr3 { /* f?r Hinweis an die Teilnehmer */
         text-align: center;
         float: left;
         width: 895px;
         height: 680px; /*550px;*/
         padding: 0;
         margin: 0;
         display: inline;
         background: #fff;
}
#mainfr4 { /* f?r Veranstalterservice - Zahlungseingang */
         text-align: center;
         float: left;
         width: 1025px; /*900px;*/
         height: 650px;
         padding: 0;
         margin: 0;
         display: inline;
         background: #fff;
}
#mainfr h1 {
         margin-top: 10px;
        font: Bold 110% 'Trebuchet MS', Tahoma, Sans-serif;
        color: #666666;
        padding: 5px 0 5px 25px;
        /*border-bottom: 1px solid #EFF0F1;*/
        background: #FFF url(../_images/square-green.png) no-repeat 3px 50%;
}
#mainfr hr {
         border: 1px solid #EFF0F1;
}
#datenfr {
         text-align: center;
         float: left;
         width: 885px; /*bzw 884px */
         height: 350px;
         padding: 0;
         margin: 0;
         display: inline;
         background: #fff;
}
#datenfr2 {
         text-align: left;
         float: left;
         width: 650px;
         height: 350px;
         padding: 0;
         margin: 0;
         display: inline;
         background: #fff;
}
#datenfr3 {   /*f?r Hinweis an die Teilnehmer z.B. Run&Bike Startliste*/
         text-align: center;
         float: left;
         width: 885px;
         height: 380px; /*325px; /*250px; */
         padding: 0;
         margin: 0;
         display: inline;
         background: #fff;
}
#datenfr4 {   /*f?r Veranstalterservice - Zahlungseingang*/
         text-align: center;
         float: left;
         width: 1010px; /*885px;*/
         height: 530px;
         padding: 0;
         margin: 0;
         display: inline;
         background: #fff;
}
#terminfr {
         text-align: center;
         float: left;
         width: 900px;
         height: 600px;
         padding: 0 0 0 0px;
         margin: 0 0 0 0px;
         display: inline;
         background: #FFF;
}
#ergebnisfr {
         text-align: center;
         float: left;
         width: 885px; /*ist auf maximale Breite */
         height: 500px;
         padding: 0 0 0 0px;
         margin: 0 0 0 0px;
         display: inline;
         background: #FFF;
}

.post-footer {
        background-color: #FAFAFA;
        padding: 5px; margin: 20px 10px 0 10px;
        border: 1px solid #f2f2f2;
        font-size: 100%;
}
.post-footer .date {
        background: url(../_images/clock.gif) no-repeat left center;
        padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
        background: url(../_images/comment.gif) no-repeat left center;
        padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
        background: url(../_images/page.gif) no-repeat left center;
        padding-left: 20px; margin: 0 10px 0 5px;
}

.tooltip {
        position: absolute;
        display: none;
        background-color: #FFFFFF;
}
.tooltip2 {
        position: absolute;
        display: none;
        background-color: #DFDFDF;
        border-width: 1px;
        border-style: solid;
        border-color: #000000;
        padding: 2px;
}
.tooltip2 .head{
        background-color: #0070C0;/*#0080FF;*/
         color: white;
        font-weight: bold;
        padding: 2px;
         text-align: center;
}
.tooltip2 .head2{
        background-color: #FF0000;
         color: white;
        font-weight: bold;
        padding: 2px;
         text-align: center;
}
.tooltip2 .content{
        color: 000066;
         background-color: #DFDFDF;
        font-size: 10px;
        border-size: 4px;
         text-align: center;
}

/* Sidebar */
#sidebar {
        float: left;
        width: 27%;
        padding: 0; margin: 0;
        color: #68774A;
}
#sidebar h1 {
        margin-top: 10px;
        padding: 5px 5px;
        font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
        color: #728D26;
}
#sidebar ul.sidemenu {
        list-style: none;
        text-align: left;
        margin: 7px 4px 8px 0; padding: 0;
        text-decoration: none;
        background: url(../_images/dots.jpg) repeat-x left top;
}
#sidebar ul.sidemenu li {
        list-style: none;
        background: url(../_images/dots.jpg) repeat-x left bottom;
        padding: 4px 0 4px 5px;
        margin: 0 2px;
        color: #68774A;
}
#sidebar span.date{
         background: url(../_images/clock.gif) no-repeat left center;
        padding-left: 20px; margin: 0 10px 0 5px;
}
* html body #sidebar ul.sidemenu li {
        height: 1%;
}
#sidebar ul.sidemenu li a {
        text-decoration: none;
        background-image: none;
        color: #666666;
}
#sidebar ul.sidemenu li a:hover {
        color: #1773BC;
}

/* Footer */
#footer {
        color: #c6ddee;
        background: #ccc url(../_images/footer1.jpg) no-repeat center top;
        clear: both;
        width: 1000px;
        height: 65px;
        text-align: center;
        font-size: 92%;
}
#footer a {
        color: #FFF;
        text-decoration: none;
}
#footer a:hover {
         text-decoration: underline;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }