.searchFrame{ text-align: center; background-color: #eee; width: 100%; min-height: 100%; height:auto !important; height:100%; overflow: hidden !important; display: -webkit-box; -webkit-box-orient: vertical; display: -moz-box; -moz-box-orient: vertical; display: box; box-orient: vertical; }
.abstand{ -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; }
.fahrtEintragen{ text-decoration: none; }
.ff_logo_main{ margin: 0 0 1em; width: 60%; }
.search{ margin: 1em 0; }
.ff_suche_main{ width: 90%; margin: 0 auto; display: block!important; }                                
.ff_suche_main .inputText{ margin: 1%; width: 98%; display: inline-block; }
.ff_suche_main input[type="text"]{ width: 100%; border: 1px solid #005a64; padding: 2px 10px; font-size: 1.4em; color: #999; font-family: 'Titillium Web', sans-serif; -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 1); box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; }
.ff_suche_main input[type="text"]:focus{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=95); -moz-opacity: 0.95; -khtml-opacity: 0.95; opacity: 0.95; color: #666; }
.ff_suche_main input[type="text"].searching{ background: url(../images/loading_autocomplete.gif) right center no-repeat; }
.ff_suche_main input[type="submit"]{ text-align: center; border: none; width: 98%; cursor: pointer; margin: 1em 0 0; padding: 10px 15px; font-size: 1.2em; color: #fff; font-family: 'Ubuntu', sans-serif; -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 1); box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 1); background: #005a64; }
.ff_suche_main input[type="submit"]:hover{ background: #207381; }
.date{/*background-image:url(../images/main/date.png);background-repeat:no-repeat;background-position:right center;*/}
.logos{ padding: 2em 0 1em; text-align: center; color: #9a9a9a; font-size: 0.875em; font-style: italic; }
.logos img{ margin: 0 1em; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; }

.frame > h1{ padding: 3em 0 1em; background: #005a64; margin: 0; border-top: 4px solid #9A9A9A; border-bottom: 2px solid #9A9A9A; }
.frame > h1 span{ display: block; width: 960px; max-width: 100%; padding: 0 25px 0 55px; font-size: 0.75em; margin: 0 auto; background: url(../images/hPfeil.png) 25px 6px no-repeat; } 
.frame > h2{ padding: 2em 0 .5em; background: #eee; margin: 0; color: #9A9A9A; border-top: 2px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; }
.frame > h2 span{ display: block; width: 960px; max-width: 100%; margin: 0 auto; padding: 0 25px; }
.frame h4{ margin-bottom: 0; }
.frame .content{ margin: 2em auto 3em; padding: 0 25px; overflow: hidden; }  
.frame .content .contentLeft{ display: block; }
.frame .content .contentLeft h2{ color: #005A64; }
.frame .content ul{ list-style: none; padding: 0; }
.frame .content li{ padding: 1px 0 1px 15px; background: url(../images/ulLi.png) left 9px no-repeat; }
.frame .content .contentLeft a:hover{ background: #005a64; color: #fff; }
.frame .content .sidebar{ overflow: hidden; }
.frame .content .sidebar h3{ padding: 0 10px; color: #96C11F; margin: 0 0 1em; }
.frame .content .sidebar .socialElm{ margin: 0 1em 1em 0; float: left; }    
.drittelWrapper{ overflow: hidden; }    
.drittelWrapper .drittel{ padding: 1em 0; }   
.drittelWrapper .drittel h3{ text-align: center; color: #96C11F; margin: .5em 0 1em; }   
.doppelWrapper{ overflow: hidden; }    
.doppelWrapper .doppel{ padding: 1em 0; }   
.doppelWrapper .doppel h3{ text-align: center; color: #96C11F; margin: .5em 0 1em; } 
.doppelWrapper .doppel .icn{ height: 53px; background: url(../images/icn_sprite.png) center top no-repeat; }
.doppelWrapper .doppel .icn.icnFestival{ background-position: center -53px; }  
.doppelWrapper .doppel .icn.icnFlughafen{ background-position: center -106px; }      
.frame.footer{ padding: .5em 0; background: #eee; margin: 2em 0 0; color: #555; border-top: 2px solid #E4E4E4; }  
.frame.footer .content{ margin: 0 auto; overflow: hidden; }  
.frame.footer .drittel{ padding: 0em; text-align: center; }           
.frame.footer li{ padding: 0; background: none; font-size: .875em; }
.frame.footer .ff_logo_main{ width: 100%; }

@media all and (min-width: 320px){
} 

@media all and (min-width: 460px){   
  .ff_logo_main{ margin: 0 0 2em; width: auto; } 
  .ff_suche_main input[type="submit"]{ padding: 10px 30px 10px 50px; background: #005a64 url(../images/lupe-16x16.png) 25px center no-repeat; }
  .ff_suche_main input[type="submit"]:hover{ background: #207381 url(../images/lupe-16x16.png) 25px center no-repeat; }   
  .drittelWrapper .drittel{ width: 50%; float: left; padding: .5em 1.5em 2em; } 
  .frame.footer .ff_logo_main{ width: 60%; }
}

@media all and (min-width: 640px){
  .ff_suche_main .inputText{ width: 30%; }
  .frame.footer .drittel{ padding: 1em; }           
  .doppelWrapper .doppel{ width: 50%; float: left; padding: .5em 1.5em 2em; } 
}

@media all and (min-width: 800px){
  .ff_suche_main{ width: 80%; }
  .ff_suche_main .inputText{ width: 26%; }
  .ff_suche_main input[type="submit"]{ width: auto; padding: 7px 30px 7px 50px; } 
  .frame .content{ padding: 0 10px; }
  .frame .content{ width: 960px; max-width: 100%; display: table; }  
  .frame .content .contentLeft{ display: table-cell; padding-right: 80px; }
  .frame .content .contentLeft h2{ color: #005A64; }
  .frame .content .contentLeft ul{ list-style: none; padding: 0; }
  .frame .content .contentLeft li{ padding: 1px 0 1px 15px; background: url(../images/ulLi.png) left 9px no-repeat; }
  .frame .content .contentLeft a:hover{ background: #005a64; color: #fff; }
  .frame .content .sidebar{ width: 240px; display: table-cell; float: none; }
  .frame .content .sidebar h3{ padding: 0 10px; color: #96C11F; margin: 0 0 .5em; }
  .frame .content .sidebar .socialElm{ margin: 0 0 .5em; }
  .drittelWrapper .drittel{ width: 33%; } 
}