/* 1753898098.9 */
/**/
/* Standard-Formatierungen */
/**/
body
         {
                 margin             : 0em;
                 text-align         : left ;
                 font-family        : Arial;
                 font-size          : 18px ;
                 font-weight        : normal ;
                 color              : #7A7A7A ;
         }
@media (max-width: 1200px) {
         body
                 {
                         font-size  : 17px ;
                 }
}
@media (max-width: 1100px) {
         body
                 {
                         font-size  : 16px ;
                 }
}
@media (max-width: 1000px) {
         body
                 {
                         font-size  : 15px ;
                 }
}
@media (max-width: 900px) {
         body
                 {
                         font-size  : 14px ;
                 }
}
@media (max-width: 800px) {
         body
                 {
                         font-size  : 13px ;
                 }
}
@media (max-width: 700px) {
         body
                 {
                         font-size  : 12px ;
                 }
}
@media (max-width: 600px) {
         body
                 {
                         font-size  : 11px ;
                 }
}
@media (max-width: 500px) {
         body
                 {
                         font-size  : 10px ;
                 }
}
header
         {
                 display            : block ;
                 margin             : 0em auto ;
                 height             : 20px ;
                 background         : grey ;
                 margin-right      : 10px ;
         }
header #logo
         {
                 float              : left ;
                 margin-top         : 2% ;
                 margin-left        : 3% ;
                 width              : 25% ;
                 height             : 2000% ;

                 background-image   : URL('images/logo.jpg') ;
                 background-repeat  : no-repeat ;
                 background-position : top left ;
                 background-size    : 55% ;
         }
header #claim
         {
                 font-size          : 10%;
         }
header #claim #company
         {
                 display            : none ;
         }
header #hotline
         {
                 float              : left ;
                 margin-top         : 2% ;
                 margin-left        : 0% ;
                 width              : 20% ;
                 height             : 500% ;
                 padding-left       : 5% ;
                 color              : black ;
                 font-size          : 300% ;
                 text-shadow        : grey 1px 1px ;
                 background-image   : URL('images/hotline.jpg') ;
                 background-repeat  : no-repeat ;
                 background-position : top left ;
                 background-size    : 20% ;
                 opacity            : 0.4 ;
                 filter             : alpha(opacity=40);
                 z-index            : 1 ;
         }
@media (max-width: 1200px) {
         header #hotline
                 {
                         font-size  : 250% ;
                         margin-top : 3% ;
                 }
         header .nav .img
                 {
                         display    : none ;
                 }
         header #logo
                 {
                         margin-top : 3% ;
                 }
}
@media (max-width: 1000px) {
         header #hotline
                 {
                         font-size  : 200% ;
                         margin-top : 4% ;
                 }
         header #logo
                 {
                         margin-top : 4% ;
                 }
}
@media (max-width: 800px) {
         header #hotline
                 {
                         font-size  : 150% ;
                         margin-top : 5% ;
                 }
         header #logo
                 {
                         margin-top : 5% ;
                 }
}
@media (max-width: 600px) {
         header #hotline
                 {
                         font-size  : 125% ;
                         margin-top : 6% ;
                 }
         header #logo
                 {
                         margin-top : 6% ;
                 }
}
@media (max-width: 400px) {
         header #hotline
                 {
                         font-size  : 100% ;
                         margin-top : 7% ;
                 }
         header #logo
                 {
                         margin-top : 7% ;
                 }
}
header #hotline:hover
         {
                 opacity            : 1.0 ;
                 filter             : alpha(opacity=100);
         }
header #hotline a
         {
                 color              : black ;
         }
header .nav
         {
                 position           : relative ;
                 float              : right ;
                 margin-top         : 0px ;
                 width              : 12% ;
                 height             : 300% ;
                 background         : black ;
                 opacity            : 0.6 ;
                 filter             : alpha(opacity=60);
                 -webkit-transition : all 1s ease;
                 -moz-transition    : all 1s ease;
                 -o-transition      : all 1s ease;
                 transition         : all 1s ease;
                 border-right       : 1px solid grey ;
                 font-size          : 150%;
                 text-shadow        : black 3px 2px;
                 color              : white ;
                 padding-top        : 2% ;
                 text-align         : center ;
                 font-style         : normal ;
                 z-index            : 2 ;
         }
@media (max-width: 1400px) {
         header .nav
                 {
                         font-size  : 140% ;
                 }
}
@media (max-width: 1300px) {
         header .nav
                 {
                         font-size  : 130% ;
                         padding-top : 3% ;
                 }
}
@media (max-width: 1200px) {
         header .nav
                 {
                         font-size  : 120% ;
                         padding-top : 3% ;                  
                 }
}
@media (max-width: 1100px) {
         header .nav
                 {
                         font-size  : 110% ;
                         padding-top : 4% ;
                 }
}
@media (max-width: 1000px) {
         header .nav
                 {
                         font-size  : 100% ;
                         padding-top : 4% ;
                 }
}
@media (max-width: 900px) {
         header .nav
                 {
                         font-size  : 90% ;
                         padding-top : 5% ;
                 }
}
@media (max-width: 800px) {
         header .nav
                 {
                         font-size  : 80% ;
                         padding-top : 5% ;
                 }
}
@media (max-width: 700px) {
         header .nav
                 {
                         font-size  : 100% ;
                         padding-top : 6% ;
                 }
}
@media (max-width: 600px) {
         header .nav
                 {
                         font-size  : 100% ;
                         padding-top : 6% ;
                 }
}
@media (max-width: 500px) {
         header .nav
                 {
                         font-size  : 100% ;
                         padding-top : 7% ;
                 }
}
@media (max-width: 400px) {
         header .nav
                 {
                         font-size  : 100% ;
                         padding-top : 7% ;
                 }
}
header .nav a
         {
                 display            : block ;
                 width              : 100% ;
                 height             : 100% ;
                 color              : white ;
                 text-decoration    : none ;
         }
header .nav_sub
         {
                 display            : none ;
                 padding            : 25% ;
                 font-size          : 55%;
                 padding-left       : 10% ;
                 padding-right      : 10% ;
                 z-index            : 100 ;
                 -webkit-transition : all 1s ease;
                 -moz-transition    : all 1s ease;
                 -o-transition      : all 1s ease;
                 transition         : all 1s ease;
         }
header .nav_sub ul
         {
                 margin             : 0px ;
                 padding            : 5% ;
                 list-style-type    : none ;
                 list-style-image   : none ;
         }
header .nav_sub li
         {
                 width              : 100% ;
                 height             : 20% ;
                 border-bottom      : 1px solid white ;
                 font-size          : 120%;
                 padding-top        : 15% ;
         }
header .nav_sub li:hover
         {
                 font-size          : 130% ;
         }
header .nav_sub a
         {
                 color              : white ;
                 text-decoration    : none ;
         }
header .nav:hover
         {
                 width              : 20% ;
                 height             : 100%;
                 font-size          : 170% ;
                 -moz-box-shadow  : -15px 8px 10px grey;
                 -webkit-box-shadow:-15px 8px 10px grey;
                 box-shadow       : -15px 8px 10px grey;
                 z-index            : 100 ;
         }
header .nav:hover .nav_sub
         {
                 display            : block ;
                 background         : black ;
                 -moz-box-shadow    : -15px 8px 10px grey;
                 -webkit-box-shadow :-15px 8px 10px grey;
                 box-shadow         : -15px 8px 10px grey;
         }
header .nav .img
         {
                 float            : left ;
                 margin-right     : 5px ;
                 width            : 30px ;
                 padding          : 1px ;
                 -moz-box-shadow    : -1px 1px 1px grey;
                 -webkit-box-shadow:  -1px 1px 1px grey;
                 box-shadow         : -1px 1px 1px grey;

         }
#weihnachten
         {
           position         : relative ;
           width            : 50% ;
           height           : 148px ;
           margin-top       : -150px ;
           float            : right ;
           margin-right     : 5px ;
           background       : url(images/weihnachten_700.jpg) no-repeat center right white;
           background-size  : 75% ;
         }
section
         {
                 position           : absolute ;
                 display            : block ;
                 width              : 100% ;
                 margin             : 0em auto ;
                 margin-top         : 20%;
                 padding-bottom     : 20px ;
                 background         : white ;
                 line-height        : 1.5 ;
                 background         : white;
                 background-image   : URL('images/bus.jpg') ;
                 background-repeat  : no-repeat ;
                 background-position : top right ;
                 background-size    : 20% ;
         }
@media (max-width: 800px) {
         section
                 {
                         background : white ;
                 }
}
section .topbox
         {
                 position           : absolute ;
                 margin-left        : -160px ;
                 width              : 350px ;
                 height             : 35px ;
                 background-image   : URL('images/topbox_background.jpg') ;
                 background-repeat  : repeat ;
                 background-position : top left ;
                 background-size    : 100% ;
                 -webkit-transition : all 1s ease;
                 -moz-transition    : all 1s ease;
                 -o-transition      : all 1s ease;
                 transition         : all 1s ease;
                 font-size          : 120%;
                 padding            : 10px ;
                 color              : black ;
                 font-style         : normal ;
                 text-align         : right ;
                 padding-right      : 45px ;
                 padding-top        : 20px ;
                 -moz-box-shadow    : -8px 8px 10px grey;
                 -webkit-box-shadow :-8px 8px 10px grey;
                 box-shadow         : -8px 8px 10px grey;
                 border-bottom      : 1px solid grey ;
         }
section .topbox:hover
         {
                 margin-left        : 10px ;
                 width              : 380px ;
                 height             : 42px ;
                 font-size          : 200% ;
                 padding-top        : 10px ;
                 -moz-box-shadow  : -15px 8px 10px grey;
                 -webkit-box-shadow:-15px 8px 10px grey;
                 box-shadow       : -15px 8px 10px grey;
                 z-index            : 100 ;
         }
section .topbox a
         {
                 color              : black ;
                 text-decoration    : none ;
         }
section .topbox_1
         {
                 top                : 120px ;
         }
section .topbox_2
         {
                 top                : 200px ;
         }
section .topbox_3
         {
                 top                : 280px ;
         }
section .topbox_4
         {
                 top                : 360px ;
         }
section .gutschein
         {
                 position           : absolute ;
                 top                : 490px ;
                 left               : 30px ;
                 width              : 225px ;
                 height             : 110px ;
                 background-image   : URL('images/gutschein.jpg') ;
                 background-repeat  : no-repeat ;
                 background-position : bottom right ;
                 background-size    : 100% ;
                 -moz-box-shadow    : -8px 8px 10px grey;
                 -webkit-box-shadow:-8px 8px 10px grey;
                 box-shadow         : -8px 8px 10px grey;
                 -webkit-transition : all 1s ease;
                 -moz-transition    : all 1s ease;
                 -o-transition      : all 1s ease;
                 transition         : all 1s ease;
                 -moz-transform     : rotate(-30deg); /* Firefox 3.6 Firefox 4 */
                 -webkit-transform  : rotate(-30deg); /* Safari */
                 -o-transform       : rotate(-30deg); /* Opera */
                 -ms-transform      : rotate(-30deg); /* IE9 */
                 transform          : rotate(-30deg); /* W3C */
         }
section .gutschein:hover
        {
                 -moz-transform     : rotate(0deg); /* Firefox 3.6 Firefox 4 */
                 -webkit-transform  : rotate(0deg); /* Safari */
                 -o-transform       : rotate(0deg); /* Opera */
                 -ms-transform      : rotate(0deg); /* IE9 */
                 transform          : rotate(0deg); /* W3C */
                 -moz-box-shadow    : -15px 8px 10px grey;
                 -webkit-box-shadow : -15px 8px 10px grey;
                 box-shadow         : -15px 8px 10px grey;
        }
section .buswerbung
         {
                 position           : absolute ;
                 top                : 490px ;
                 left               : 30px ;
                 width              : 225px ;
                 height             : 110px ;
                 background-image   : URL('images/buswerbung.jpg') ;
                 background-repeat  : no-repeat ;
                 background-position : bottom right ;
                 background-size    : 100% ;
                 -moz-box-shadow    : -8px 8px 10px grey;
                 -webkit-box-shadow:-8px 8px 10px grey;
                 box-shadow         : -8px 8px 10px grey;
                 -webkit-transition : all 1s ease;
                 -moz-transition    : all 1s ease;
                 -o-transition      : all 1s ease;
                 transition         : all 1s ease;
                 -moz-transform     : rotate(30deg); /* Firefox 3.6 Firefox 4 */
                 -webkit-transform  : rotate(30deg); /* Safari */
                 -o-transform       : rotate(30deg); /* Opera */
                 -ms-transform      : rotate(30deg); /* IE9 */
                 transform          : rotate(30deg); /* W3C */
                 font-size          : 120% ;
                 text-align         : center ;
         }
section .buswerbung:hover
        {
                 -moz-transform     : rotate(0deg); /* Firefox 3.6 Firefox 4 */
                 -webkit-transform  : rotate(0deg); /* Safari */
                 -o-transform       : rotate(0deg); /* Opera */
                 -ms-transform      : rotate(0deg); /* IE9 */
                 transform          : rotate(0deg); /* W3C */
                 -moz-box-shadow    : -15px 8px 10px grey;
                 -webkit-box-shadow : -15px 8px 10px grey;
                 box-shadow         : -15px 8px 10px grey;
        }
section .buswerbung a
         {
                 text-align         : center ;
                 underline          : none ;
         }
hgroup h1
         {
                 text-align         : left ;
                 margin-left        : 30% ;
                 color              : Black ;
                 font-size          : 180%;
                 font-weight        : normal ;
         }
section article
         {
                 margin-top         : 0px ;
                 margin-left        : 290px ;
                 width              : 60% ;
                 min-height         : 500px ;
                 padding            : 2% ;
                 font-size          : 110% ;
                 //background         : white ;
         }
@media (max-width: 1200px) {
         section article
                 {
                         width      : 50% ;
                 }
}
@media (max-width: 800px) {
         section .topbox
                 {
                         display    : none ;
                 }
         section .buswerbung
                 {
                         display    : none ;
                 }
         section article
                 {
                         margin-left : 5% ;
                         width       : 90% ;
                 }
}
section a
         {
                 color              : grey ;
                 text-decoration    : underline ;
         }
section a:visit
         {
                 color              : grey ;
                 text-decoration    : underline ;
         }
section article .img
         {
                 font-size        : 12px ;
                 margin-left      : 20px ;
                 margin-bottom    : 20px ;
                 width            : 100px ;
                 padding          : 5px ;
                 padding-bottom   : 20px ;
         }
.reisen_top, .fuhrpark_top
         {
                 width            : 100% ;
                 height           : 100% ;
                 background-image : URL('images/head_background.jpg') ;
                 background-repea : no-repeat ;
                 background-position : top left ;
                 background-size  : 100% ;
                 text-align       : center ;
                 padding          : 10px ;
                 border           : 1px solid grey ;
         }

.reisen, .fuhrpark, .personen, .gutscheinform, .kontakt
         {
                 width            : 100% ;
                 height           : 100% ;
                 text-align       : left ;
                 padding          : 10px ;
                 background       : white ;
                 border           : 1px solid grey ;
                 -webkit-transition : all 1s ease;
                 -moz-transition    : all 1s ease;
                 -o-transition      : all 1s ease;
                 transition         : all 1s ease;
         }
.personen
         {
                 width            : 600px ;
                 border           : none ;
         }
.gutscheinform, .kontakt
         {
                 border           : none;
         }
.reisen:hover, .fuhrpark:hover
         {
                 width            : 100%;
                 height           : 140%;
                 margin-left      : 5px ;
                 margin-top       : -5px ;
                 -moz-box-shadow  : -8px 8px 10px grey;
                 -webkit-box-shadow:-8px 8px 10px grey;
                 box-shadow       : -8px 8px 10px grey;
         }
.reisen .left
         {
                 float            : left ;
                 width            : 60% ;
         }
.reisen .right
         {
                 float            : right ;
                 width            : 38% ;
                 text-align       : right ;
         }
.fuhrpark .left
         {
                 float            : left ;
                 width            : 28% ;
         }
.fuhrpark .right
         {
                 float            : right ;
                 width            : 60% ;
                 text-align       : right ;
         }
.personen .left
         {
                 float            : left ;
                 width            : 49% ;
         }
.personen .right
         {
                 float            : right ;
                 width            : 49% ;
                 text-align       : right ;
         }
.reisen .img
         {
                 font-size        : 10px ;
                 margin-top       : -50px ;
                 margin-bottom    : -25px ;
                 width            : 100px ;
                 padding          : 2px ;
                 padding-bottom   : 5px ;
         }
.reisen .img_ausgebucht
         {
                 position         : absolute ;
                 margin-left      : 50px ;
                 margin-top       : 25px ;
                 width            : 200px ;
                 -moz-transform   : rotate(-20deg); /* Firefox 3.6 Firefox 4 */
                 -webkit-transform: rotate(-20deg); /* Safari */
                 -o-transform     : rotate(-20deg); /* Opera */
                 -ms-transform    : rotate(-20deg); /* IE9 */
                 transform        : rotate(-20deg); /* W3C */
                 opacity          : 0.8 ;
                 filter           : alpha(opacity=80);
         }
.fuhrpark .img
         {
                 float            : left ;
                 font-size        : 12px ;
                 margin-top       : 0px ;
                 margin-bottom    : 0px ;
                 width            : 250px ;
                 -moz-transform   : rotate(-20deg); /* Firefox 3.6 Firefox 4 */
                 -webkit-transform: rotate(-20deg); /* Safari */
                 -o-transform     : rotate(-20deg); /* Opera */
                 -ms-transform    : rotate(-20deg); /* IE9 */
                 transform        : rotate(-20deg); /* W3C */
         }
.personen .left .img
         {
                 float            : left ;
                 font-size        : 14px ;
                 margin           : 30px ;
                 width            : 250px ;
                 -moz-transform   : rotate(-20deg); /* Firefox 3.6 Firefox 4 */
                 -webkit-transform: rotate(-20deg); /* Safari */
                 -o-transform     : rotate(-20deg); /* Opera */
                 -ms-transform    : rotate(-20deg); /* IE9 */
                 transform        : rotate(-20deg); /* W3C */
                 z-index          : 1 ;
         }
.personen .right .img
         {
                 float            : right ;
                 font-size        : 14px ;
                 margin           : 30px ;
                 width            : 250px ;
                 -moz-transform   : rotate(20deg); /* Firefox 3.6 Firefox 4 */
                 -webkit-transform: rotate(20deg); /* Safari */
                 -o-transform     : rotate(20deg); /* Opera */
                 -ms-transform    : rotate(20deg); /* IE9 */
                 transform        : rotate(20deg); /* W3C */
                 z-index          : 2 ;
         }
.reisen .img img, .fuhrpark .img img, .personen .left .img img, .personen .right .img img
         {
                 width            : 100% ;
         }
.personen .left .img:hover, .personen .right .img:hover
         {
                 width            : 300px ;
                 z-index          : 3 ;
         }
.reisen:hover .img
         {
                 width            : 125px ;
                 font-size        : 12px ;
         }
.reisen .more .img, .fuhrpark .more .img
         {
                 margin-top       : 0px ;
                 margin-left      : 30px ;
                 margin-bottom    : 30px ;
                 margin-right     : -30px ;
                 width            : 250px ;
         }

.reisen h5, .fuhrpark h5
         {
                 display          : inline ;
         }
.reisen h4, .fuhrpark h4
         {
                 display          : inline ;
                 color            : black ;
         }
.reisen a, .fuhrpark a
         {
                 color            : grey ;
         }
.reisen fieldset, .fuhrpark fieldset
         {
                 padding          : 15px ;
                 line-height      : 1.5 ;
         }
.reisen .more, .fuhrpark .more
         {
                 display          : none ;
                 border-top       : 1px solid grey ;
                 padding          : 20px ;
         }
.reisen .text
         {
                 font-size        : 80% ;
         }
.fahrplan
         {
                 display          : block ;
                 width            : 50% ;
         }
.fahrplan label
         {
           clear            : both ;
           display          : block ;
           border           : 1px solid #CFCFCF ;
           overflow         : auto ;
           -webkit-transition: all 1s ease-in 2s;
           -moz-transition  : all 1s ease-in 2s;
           -o-transition    : all 1s ease-in 2s;
           transition       : all 1s ease-in 2s;
         }
.fahrplan label .first
         {
           width            : 60% ;
           float            : left ;
           padding          : 10px ;
           -webkit-transition: all 1s ease;
           -moz-transition: all 1s ease;
           -o-transition: all 1s ease;
           transition: all 1s ease;
         }
.fahrplan label .second
         {
           width            : 20% ;
           float            : right ;
           padding          : 10px ;
           -webkit-transition: all 1s ease;
           -moz-transition: all 1s ease;
           -o-transition: all 1s ease;
           transition: all 1s ease;
         }
.fahrplan label:hover .first, .fahrplan label:hover .second
         {
           font-weight      : bold ;
           margin-left      : 5px ;
           margin-top       : -5px ;
           -moz-box-shadow  : -8px 8px 10px grey;
           -webkit-box-shadow:-8px 8px 10px grey;
           box-shadow       : -8px 8px 10px grey;
         }
footer
         {
                 display            : block ;
                 margin             : 0em auto ;
                 height             : 330px ;
                 background         : grey ;
                 text-align         : center ;
                 padding            : 2% ;
                 line-height        : 1.5 ;
                 color              : white ;
         }
footer #infobox
         {
                 margin             : 0em auto ;
                 width              : 100% ;
         }
footer .infobox
         {
                 float              : left ;
                 width              : 40% ;
                 height             : 250px ;
                 margin-top         : 30px ;
                 margin-left        : 1% ;
                 border-right       : 1px solid white;
                 padding            : 2% ;
                 text-align         : left ;
         }
footer a
         {
                 color              : white ;
                 text-decoration    : underline ;
         }
footer a:visit
         {
                 color              : #3b3b3b ;
                 text-decoration    : underline ;
         }
footer #infobox h3
         {
                 margin-top         : -20px ;
                 font-size          : 120% ;
                 font-weight        : normal ;
                 color              : white ;
         }
footer #infobox .typ
         {
                 color              : Darkgrey ;
                 margin-top         : -5px ;
                 font-size          : 100% ;
         }
footer #infobox .tel
         {
                 margin-top         : -13px ;
                 padding-left       : 2% ;
                 font-size          : 170% ;
                 font-weight        : bold ;
                 color              : white ;
         }
footer #infobox .tel:hover
         {
                 color              : #3b3b3b ;
         }
footer #infobox .mail
         {
                 margin-top         : -13px ;
                 padding-left       : 2% ;
                 padding-bottom     : 20px ;
                 font-size          : 170% ;
                 font-weight        : bold ;
         }
footer #infobox .form
         {
                 margin-top         : -13px ;
                 padding-left       : 2% ;
                 font-size          : 150% ;
                 font-weight        : bold ;
                 color              : white ;
                 margin-bottom      : 10px ;
         }


/* globale Felder */
.img
         {
                 text-align       : center ;
                 font-size        : 12px ;
                 font-family      : Comic Sans MS ;
                 font-style       : italic ;
                 float            : right ;
                 margin-left      : 10% ;
                 margin-bottom    : 10% ;
                 background       : white ;
                 width            : 100% ;
                 padding          : 5% ;
                 padding-bottom   : 20% ;
                 border           : 1px solid grey;
                 -moz-transform   : rotate(20deg); /* Firefox 3.6 Firefox 4 */
                 -webkit-transform: rotate(20deg); /* Safari */
                 -o-transform     : rotate(20deg); /* Opera */
                 -ms-transform    : rotate(20deg); /* IE9 */
                 transform        : rotate(20deg); /* W3C */
                 -webkit-transition : all 1s ease;
                 -moz-transition    : all 1s ease;
                 -o-transition      : all 1s ease;
                 transition         : all 1s ease;
                 -moz-box-shadow    : -5px 5px 5px grey;
                 -webkit-box-shadow : -5px 5px 5px grey;
                 box-shadow         : -5px 5px 5px grey;
         }
.green_text
         {
           margin           : 10px ;
           background-color : green ;
           color            : white ;
           text-align       : center;
           font-weight      : bold ;
           font-size        : 110% ;
           padding          : 10px ;
           border           : 0px ;
         }
.red_text
         {
           margin           : 10px ;
           background-color : #B81B3B ;
           color            : white ;
           text-align       : center;
           font-weight      : bold ;
           font-size        : 110% ;
           padding          : 10px ;
           border           : 0px ;
         }
form a, form a:hover, form a:visit
         {
           text-decoration  : none ;
           color            : black ;
         }
form label
         {
           clear            : both ;
           display          : block ;
           border           : 1px solid #CFCFCF ;
           overflow         : auto ;
           -webkit-transition: all 1s ease-in 2s;
           -moz-transition  : all 1s ease-in 2s;
           -o-transition    : all 1s ease-in 2s;
           transition       : all 1s ease-in 2s;
         }
form label .first
         {
           width            : 25% ;
           float            : left ;
           padding          : 10px ;
           -webkit-transition: all 1s ease;
           -moz-transition: all 1s ease;
           -o-transition: all 1s ease;
           transition: all 1s ease;
         }
form label .second
         {
           width            : 70% ;
           float            : right ;
           -webkit-transition: all 1s ease;
           -moz-transition: all 1s ease;
           -o-transition: all 1s ease;
           transition: all 1s ease;
         }
form label:hover .first
         {
           background       : grey ;
           color            : white ;
           font-weight      : bold ;
         }
form label .right
         {
           float            : right ;
           text-align       : right ;
         }
form label img
         {
           margin-top       : 5px ;
         }
input:invalid, textarea:invalid
         {
           background       : red ;
           color            : black ;
           opacity          : 0.1 ;
           filter           : alpha(opacity=10);
         }
form select, form textarea
         {
                 width            : 160px :
                 height           : 40px ;
                 font-size        : 17px ;
                 color            : #7A7A7A ;
                 margin           : 5px ;
                 padding          : 5px ;
                 border           : 1px solid grey ;
         }
form select:hover
         {
                 color            : black ;
         }
form input[type="text"], form input[type="email"], form input[type="tel"]
         {
                 width            : 160 px :
                 height           : 40 px ;
                 font-size        : 17px ;
                 color            : #7A7A7A ;
                 margin           : 5px ;
                 padding          : 5px ;
                 border           : 1px solid grey ;
         }
form input[type="submit"], input[type="button"]
         {
           padding          : 10px ;
           border           : 0px solid ;
           font-size        : 18px ;
           width            : 100% ;
           -webkit-transition: all 1s ease;
           -moz-transition  : all 1s ease;
           -o-transition    : all 1s ease;
           transition       : all 1s ease;
         }
input[type="submit"]:hover, input[type="button"]:hover
         {
           background       : DarkGray ;
           color            : white ;
           cursor           : pointer ;
         }