body {
        background-color: #FFFFFF;
        background: #F7F1E1; background-image: url(../images/hintergrund.jpg);
        font-family: arial, helvetica, futura, sans-serif;
        font-size: 10pt;
        font-weight: 400; /*entspricht normal*/
        text-align: center; /*zentriert Seitenrahmen im IE*/
        padding: 0px;
        margin: 0px;
        }

h3 {
        font-size: 22pt;
        font-style: normal;
        padding: 0px;
        margin: 0px;
        color: #2D2D2D;
}

h2 {
        font-size: 14pt;
        font-style: normal;
                  color: #525252;
}

p{
        font-size: 400;
        font-style: normal;
        color: #565656;
}

#kopfzeile_text p{
        color: Black;
}

li{
        font-size: 400;
        margin-left: 15px;
        font-style: normal;
        color: #4C4C4C;
}

#titel {
        background: #FFFFFF; background-image: url(../images/quader.jpg);
        background-repeat: no-repeat;
        padding-left: 25px;
        background-position: left;
        font-size: 16px;
}

/*Textlink*/
a:link, a:visited, a:focus, a:hover, a:active {
        color: #006633;
        text-decoration: none;
}
a:hover {
        color: #CE0000;
}
a:active {
        color: #006633;
}
/*Ende Textlink*/

/*Textlink im Form*/
form a:link, form a:visited, form a:focus, form a:hover, form a:active {
        color: #006633;
        text-decoration: underline;
}
form a:hover {
        color: #CE0000;
}
form a:active {
        color: #006633;
}
/*Ende Textlink im Form*/

/*Grafik ohne Border*/
img {
        border: 0px;
}

#seitenramen {
        width: 920px;
        background-color: #FFFFFF;
        margin: auto
        }
/* Die Kopfzeile*/
#kopfzeile {
        background-color: #3399FF;
        border-right: solid black 1px;
        text-align: left;
        width: 920px;
        height: 100px;
}

#kopfzeile_image {
        width: 140px;
        height: 100px;
        color: #000000;
        float: left;
        background: #FFFFFF no-repeat;
        /*background-image: url(../image/fussball_goal.gif);*/
}

#kopfzeile_text {
        text-align: center;
        width: 780px;
        padding-top: 20px;
        background: #3399FF;
        float: left;
}

/*Hauptnavigation links*/
#navigation {
        background-color: #FFFFFF;
        width: 140px;
        float: left;
        text-align: left;
        padding-top: 0px;

}
#navigation a {
        display: block; /*block und width damit ganze Zelle link im IE*/
        width: 140px;
        background-color: #3399FF;
        color: #2D2D2D;
        padding: 2px 1px 2px 1px;
        border-bottom: 1px solid #000000;
        border-top: 1px solid #fff;
}
#navigation :hover{
        color: #006633;
        background-color: #ffffff;
        /*border-bottom: 1px solid #000000;*/
}

/*Hauptnavigation links*/
#aktion {
        background-color: #FFFFFF;
        width: 140px;
        float: left;
        text-align: left;
        padding-top: 0px;

}
#aktion a {
        display: block; /*block und width damit ganze Zelle link im IE*/
        width: 140px;
        background-color: #FF0000;
        color: #2D2D2D;
        padding: 2px 1px 2px 1px;
        border-bottom: 1px solid #FFFF00;
        border-top: 1px solid #fff;
}
#aktion :hover{
        color: #006633;
        background-color: #FFFF00;
        /*border-bottom: 1px solid #000000;*/
}



/*farbiger Bereich für Rollover vor dem Navigationstext*/
a .button_rand {
        visibility: visible;
        color: white;
        background: #CE0000;
}
a:hover .button_rand {
        visibility: visible;
        color: white;
        background: #006633;
}
/*Ende Hauptnavigation*/

/*Herstellerbild Roberto Sport*/
#roberto_sport {
        background-color: White;
        background-image: url(../images/roberto.jpg);
        background-repeat: no-repeat;
        width: 130px;
        height: 100px;
        margin-top: 30px;
        margin-left: 7px;
        margin-bottom: 10px;
}

#itsf {
        background-color: White;
        background-image: url(../images/itsf.jpg);
        background-repeat: no-repeat;
        width: 130px;
        height: 150px;
        margin-top: 30px;
        margin-left: 7px;
        margin-bottom: 10px;
}


#seiteninhalt {
        float: right;
        border-right: 1px solid Black;
           border-left: 1px solid Black;
           border-top: 1px solid Black;
        width: 700px;
        text-align: left;
        padding-left: 15px;
        padding-bottom: 15px;
        background: #FFFFFF;
        padding-right: 60px;
}

#spalte {
                  margin-bottom: 8px;
                  width: 100%;
}
#lable_text {
                  width: 200px;
                  height: auto;
                  float: left;
}

#field_text {
                  margin-left: 210px;
                           height: auto;
/*                  float: right;*/
}

#fusszeile {
                  width: 920px;
                  /*float: right;*/
                  background: #3399FF;
                           border-top: solid #000000 1px;
                           clear: both;
}

#fusszeile_text {
                  padding-top: 5px;
                  padding-bottom: 2px;
                  border-bottom: solid 1px black;
                  border-right: solid 1px black;
                  border-left: solid 1px black;
                  padding-bottom: 5px;
                  font-size: 13px;
                  font-weight: bold;
}

.versteckt {
                  color: #FFFFFF
                  }

/*Anfang Formular*/
form {
        background: #FFFFFF none repeat scroll 0%;
        text-align: left;
        border: 1px solid #063;
        color: #666;
        background-color: #B0E0E6;
        margin-left: 6px;
        padding: 10px;
        width: 480px;
        background-image: none;
        background-repeat: no-repeat;
}

input, textarea, select {
        border: 1px solid #063;
        color: #666;
        background-color: #F7F1E1;
        margin: 5px;
        padding: 2px 2px 2px 5px;
        vertical-align: top;
}
.inputtext {
        width: 280px;
}
.inputmedium {
        width: 130px;
}
.inputsmall {
        width: 40px;
}
.inputtelefon {
        width: 120px;
}
select {
        padding: 0px;                /*dropdwonliste ohne padding*/
}
.checkbox, .radiobutton {
        background-color: #D4EBD7;                /*farbe hintergrund wie form hintergrund*/
}
.beschriftung { width: 170px; float:left; line-height: 200%; clear: left; }
.beschriftunginnen { line-height: 200%; width: 20px; } /*width für IE damit Text nicht zu hoch kommt*/
.beschriftungcheckbox { line-height: 200%; width: 60px; } /*width für IE damit Text nicht zu hoch kommt, width 60 für grosse schriftarten nötig bei weniger zeilenumbruch*/
.beschriftungcheckboxlang { line-height: 200%; width: 280px; } /*width für IE damit Text nicht zu hoch kommt*/
.beschriftungcheckboxzeile { line-height: 100%; width: 400px; margin-top: 4px; margin-bottom: 4px; } /*width für IE damit Text nicht zu hoch kommt*/

input:focus, input:hover, textarea:focus, textarea:hover  { background-color: #ffffff; } /*nur NS Hintergrundfarbe Eingabefelder ändert*/


.submit  {
        display: block; /*block und width damit ganze Zelle link im IE*/
        width: 140px;
        text-align: center;
        margin-left: 172px;
        background-color: #FFF;
        color: #000000;
        border: solid 1px #063;
 }
.submit:hover  { /*nur fuer NS*/
        color: #006633;
        background-color: #FFC;
        cursor: pointer;
}

#error_text {
        color: #CE0000;
        background-color: White;
        padding-left: 20px;
}
/*Ende Formular*/