*{
    padding: 0;
    margin: 0;
    font-family: Arial , Verdana;
    color: #444;
}
body{
    background: #C8C8C8;  
    color: #555;
}  
.clear{
    clear: both;
}
.container{
    width: 1003px;
    box-shadow: 0px 1px 15px #B9B9B9;
    margin: auto;
    background: white;    
}
.breite{
    width: 946px;
    margin: auto;
}
/* ----------------------------------------------- top ------------------------------------ */
.top{
    background: white;
    line-height: 90px;
}
.top .logo{
    float: left;
    font-size: 44px;
    color: #0076FF;
    font-weight: bold;
    float: left;
    text-shadow:0px 1px #CECECE;
    font-style: italic;  
}
.top .logo span{
    color: #555;
    font-family: Verdana;
    font-size: 40px;
}
.top .logo img{
    position: relative;
    margin-right: 10px;
    vertical-align: middle;
}
.anmelden{
    float: right;
}
.anmelden ul li{
    list-style-type: none;
    float: right; 
}
.anmelden ul li a{
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    margin-left: 20px;    
    background: #EBEBEB;
    background: -moz-linear-gradient( #f0f0f0,#E6E6E6 );
    border-radius: 2px;
    -moz-transition: all .25s ease;
}
.anmelden ul li a:hover{
    background: #0076FF;
    color: #FFFFFF;
}
a.login_weiter{
    background: #0076FF;
    color: #FFFFFF !important;
    padding: 10px 20px;
    border-radius: 2px;
    text-decoration: none;
    font-weight: bold; 
}
a.login_weiter:hover{
    box-shadow: 0px 0px 1px #003878 inset , 0px 1px 2px #C8C8C8;
    background: -moz-linear-gradient( #1D87FF , #006AE3 );
}
/* ------------------------------------------ menu --------------------------------------- */
.menu_B{
    background: url(IE/menu.bmp);
    background: -moz-linear-gradient( #0077FF, #0164D4 );
    bborder-bottom: 1px solid #FFFFFF;
}
.menu_B .flaggen{
    float: right;
}
.menu_B .flaggen a{
    display: inline-block;
    padding: 5px;
    margin-left: 0px;
    margin-top: 9px;
    border-radius: 3px;
    border-bottom: 1px solid transparent;
    transition: 0.5s all;
}
.menu_B  .flaggen a:hover{
    box-shadow: 0px 1px 1px hsla(0,0%,0%,.4) inset;
    border-bottom: 1px solid #498FDE;
}
.menu_B  .flaggen img{
    width: 26px;
    height: 18px;
    vertical-align: bottom;
}
.menu_B .menu_innen{
    float: left;    
}
.menu_innen li{
    list-style-type: none;
    float: left;
    line-height: 3em;
}
.menu_innen li a{
    text-decoration: none;
    margin-right: 1.5em;
    font-weight: bold;
    color: #fff;
    display: block;
    padding: 0 10px;
    -moz-transition: all .25s ease;
}
.menu_innen li a:hover, .menu_innen li a.aktiv{
    box-shadow: 0px 0px 2px hsla(0,0%,0%,.15) inset;
    background: #045FC6;  
}

.menu_B .menu_smart {
    display: none;
}
.anmelden{
    float: right;
}
.line{
    height: 7px;
    background: #D2D2D2;
}
/* -------------------------------------------- bild ------------------------------------ */
.bild {
    background: url(bilder/Fotolia_50238055_M.jpg);
    background: url(bilder/start.jpg);
    bbackground-size: cover;
    position: relative;
}
.gross{
    height: 400px;
}
.klein{
    height: 0px;  
}
.wien{
    height: 0px;
    background: url(bilder/wien2.jpg) center;
    background-size: cover;
}

.munchen{
    height: 0px;
    background: url(bilder/muc2.jpg) center;
    background-size: cover;
}
/* ----------------------- mitte ------------------ */
.box_form , .preis_box{
    background: #Fff;
    padding: 20px;
    bbox-shadow: 0px 1px 7px #D6D6D6 ;    
    border-radius: 5px;   
    border: 5px solid #D7D7D7;
}
.box_form h3{
    color: #999;
    font-size: 25px;
    background: white;
}
.box_form form label{
    font-size: 14px;
    padding-right: 10px;
    display: block;   

}
/* ------- formular ------------ input ------------- */   
input , textarea , select{
    border: 1px solid #AFAFAF;  
    background: #Fff;    
    padding: 6px;
    font-size: 14px;
    font-weight: bold;
    resize:vertical;
}
.box_form form input , textarea , select , input{
    width: 95%; 
}
.box_form td{
    padding: 6px 0px;
}
.box_form a{
    color:#0064D4;
}
.box_form select{
    width: 98.5%;
}
.box_form select.kurz{
    width: 47.5%;
}
option{
    padding: 0 10px;
    margin: 2px 0;
}
.box_form input.kurz{
    width: 44%;
}
input:focus , textarea:focus , select:focus{
    border: 1px solid #2781FF;
    box-shadow: 0px 1px 2px #C0C0C0 inset;
    outline: none;   
}
textarea{
    width: 95%;
    height: 150px;
}
.box_form .submit{
    background: #0076FF;
    border:0;
    color: #fff;
    padding: 1%;
    ttext-transform: uppercase;
    font-weight: bold;
    box-shadow: none;
    width: auto;
}
.box_form .links{
    float: left;
    width: 155px;
}
.box_form .rechts{
    float: right;
    width: 155px;
}
.box_form .agb{
    width: auto;
    position: relative;
    top:2px;
    margin-right: 5px;
}
.box_form .bestellen , .bestellen , .box_form .bestellen:focus , .bestellen:focus{
    width: auto;
    background: url(IE/menu.bmp);
    background: -moz-linear-gradient( #0077FF, #0164D4 );
    color:white;
    border:0;
    font-size: 14px !important;
}
.bestellen:hover{
    box-shadow: 0px 1px 2px #C8C8C8 , inset 0px 0px 1px #003E84;
    cursor:  pointer;
    background: -moz-linear-gradient( #1784FF, #0164D4 );
}
.box_form p{
    color:#888;
    font-weight: bold;    
    font-size: 14px !important;
    padding: 17px 0 0 0;
}
.bild .text{
    position: absolute;
    top:96px;       
}
.bild strong.s1{
    font-size: 2em;
    background: #FFFFFF;
    line-height: 2em;
    padding:8px 15px;
    font-style: italic;   
}
.bild strong.s2{
    font-size: 2em;
    background: #FFFFFF;
    line-height: 2em;
    padding:8px 15px;
    font-style: italic;
    width: 500px;   
}
.bild div.buttons{
    margin-top: 230px;   
    position: absolute;     
}

.bild a.button  {
    background: url(IE/wm.bmp);
    background: -moz-linear-gradient( #FFFFFF, #DEDEDE );
    background: -webkit-linear-gradient( #FFFFFF, #DEDEDE );
    padding: 10px 18px;
    font-size: 20px;
    display: inline-block;
    box-shadow: 0px 1px 1px hsla(0,0%,0%,.2);
    border-radius: 2px;
    margin-right: 8px;
    color: #0076FF;     
    font-weight: bold;
    text-decoration: none;
}
.bild a.button:hover , .bild a.button_aktiv{
    background: url(IE/wmhover.bmp);
    background: -moz-linear-gradient( #0077FF,#0164D4  );    
    background: -webkit-linear-gradient( #0077FF,#0164D4  );    
    color: #fFF;
    padding: 10px 18px;
    font-size: 20px;
    display: inline-block;
    box-shadow: 0px 1px 1px hsla(0,0%,0%,.2);
    border-radius: 2px;
    margin-right: 8px;
    font-weight: bold;
    text-decoration: none;
}
ul.blau_ul{
    list-style-type: none;
    margin-bottom: 35px;
}
ul.blau_ul li{
    display: inline;   
}
.button_preis{
    padding: 8px 14px;
    background: transparent;
    background: -moz-linear-gradient( #fff, #F0f0f0 );
    background: -webkit-linear-gradient( #fff, #F0f0f0 );    
    color: #555;         
    text-decoration: none;
    margin-right: 10px;
    font-weight: bold;
    border-radius: 2.5px;  
    box-shadow: 0px 0px 1px #323232 inset;
    font-size: 16px;
}
.button_preis:hover{
    background: #DCDCDC;
    background: -moz-linear-gradient( #fff, #F0f0f0 );
    box-shadow: 0px 1px 2px #CDCDCD , 0px 0px 0px 1px #9B9B9B inset;     
}
.button_preis_aktiv , .button_preis_aktiv:hover {
    padding: 8px 14px; 
    text-decoration: none;
    margin-right: 10px;
    font-weight: bold; 
    color: #555;
    background: url(IE/ie_aktiv.bmp);
    background: -moz-linear-gradient( #E1E1E1,  #EBEBEB);
    background: -webkit-linear-gradient( #E1E1E1,  #EBEBEB);
    box-shadow: 0px 1px 1px #B4B4B4 inset;   
    border-bottom: 1px solid #FFFFFF;
    font-size: 16px;   
    cursor: default;
}
.preis{
    font-size: 33px;
    font-weight: bold;
    color: #666;
    padding: 25px 5px;
}
select:disabled{
    opacity: 0.7;
    cursor: not-allowed;
}
/* ------------------------------------------ mitte ------------------------------------ */
.mitte {
    background: #F5F5F5;
    border-top: 1px solid #FFFFFF;
}
.mitte h1{
    margin: 1em 0;
    text-shadow:0px 1px #FFFFFF;  
}
.mitte .mitte_box{
    padding-bottom: 3em ;    
}
.mitte a.box{
    text-decoration: none;
}
.mitte .box_links{  
    margin-right: 3%;    
    float: left;
}
.mitte .box_links , .mitte .box_rechts{
    margin-bottom: 60px;    
    height: 310px;
    background: #Fff;
    width: 22.75%;
    position: relative;
    box-shadow: 0px 2px 2px -2px #D2D2D2;  
}
.mitte .box_links:hover , .mitte .box_rechts:hover{
    box-shadow: 0px 5px 10px -5px #D1D1D1;
}
.mitte .box_rechts{
    float: right;
}
.mitte .box_links h3, .mitte .box_rechts h3{
    font-size: 18px;
    color: #fff;
    background: #555;
    padding: 6px 15px;    
}   
.mitte img{
    width: 100%;
    height: 130px;
}
.mitte h3{
    font-size: 18px;
    padding: 5px 0;    
}
.mitte p.von{
    font-weight: bold;
    font-size: 21px;
    padding-top: 15px ;
    padding-left: 15px ;
}
.mitte p.preis{
    text-align: right;
    font-weight: bold;
    font-size: 24px;
    color: #0076FF; 
    padding-top: 25px ;   
    padding-right: 15px ;   
}
.mitte .box_links:hover p.preis , .mitte .box_rechts:hover p.preis{
    text-decoration: underline;
}
.light{
    color:#bbb;
    font-weight: normal;
    font-size: 11px;
}   
.mitte p span{
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    color: #666;
    padding-top: 10px ;
}
.mitte .info{
    width: auto;
    height: auto;
    position: absolute;
    bottom: 13px;
    left:15px;
}
.info2{
    width: auto !important;
    height: auto !important;
    opacity: .75;
}
/*--------------- preis ------------- */
.box66{
    float: left;
    margin-right: 3.5%;  
    width: 70.25%;   
}
.box33{
    float: right;
    background: url(bilder/b33.bmp) repeat-y;        
    padding-left: 3.5%;  
    width: 22.25%;  
    bbox-shadow: 25px 25px 25px -24px #C7C7C7 inset;   
}
.box66 p{
    line-height: 22px;
    font-size: 16px;
}


.box33 p{
    line-height: 23px;
    font-size: 13px;
}
.box33 hr{
    border:0;
    border-top: 1px solid #E1E1E1;
    background: #F0F0F0;
    height: 8px;
    border-bottom: 1px solid #FFFFFF;  
}
.box33 .verlauf{
    background: url(bilder/verlauf_rechts.png);
    position: relative;
    margin-left: -34px;
    width: 109px;
    height: 196px; 
}
.preis_box{
    
}
.table_preis{
    width: 100%;
    border-collapse: collapse; 
    display: table;
}
.table{
    display: table; 
    width: 95%;   
}
.tr{
    display: table-row;    
}
.td{
    display: table-cell;
} 
form .td{
    padding: 6px 0px;  
} 
form .td:first-child{
    text-align: right;
}  
.table_preis .td.first{
    background: #0065D7;  
    background: url(IE/ie_preis.bmp);
    background: -moz-linear-gradient( #777 , #555 );
    font-weight: bold; 
    padding: 12px 10px;
    color: #FFFFFF;
}
.table_preis .td{
    padding: 15px  10px;
    color:#666;
    font-size: 14px;
    font-weight: bold;
}
.table_preis .td.rechts{
    text-align: right;
}
.table_preis .tr{
    background: #f5f5f5;
}
.table_preis p{
    line-height: 1.5em;
    font-weight: normal;
    color: #333;
}
.table_preis a{
    color:#045FC6;
    text-decoration: none;
}
.table_preis a:hover{
    text-decoration: underline;
}
.table_preis label{
    display: block;
    margin-top: 20px; 
    font-weight: normal; 
}
.table_preis input{
    width: 50%;
    display: block;
}

.table_preis .bestellen {
    border:0;
    width: auto;
    font-size: 15px;
    font-weight: normal;
}
#versteck_1 , #versteck_2 , #versteck_3 , #versteck_4 ,
#versteck_5 , #versteck_6 , #versteck_7 , #versteck_8 , #versteck_9 ,
#versteck_20 , #versteck_21 , #versteck_22 , #versteck_23, 
#versteck_24, #versteck_25, #versteck_26, #versteck_27,
#versteck_31, #versteck_32, #versteck_111, #versteck_222, #versteck_233{
    display: none;
}
/* preisseite */
form.suche{
    padding-bottom: 15px;
}
.div_suche_links{
    float: left; 
    width: 43.25%;     
}
.div_suche_rechts{
    float: left;
    width: 13.5%;
    text-align: right;     
    hheight: 75px;
}
input.preis_berechnen{
    border:0;
    background: url(IE/ie_aktiv_blau.bmp);
    background: -moz-linear-gradient( #1985FF,#0164D4  );
    background: -webkit-linear-gradient( #1985FF,#0164D4  );
    color: #fff;
    padding-left: 11px !important;
    padding-right: 11px !important;
    font-weight: bold;
    border-radius: 2.5px;  
    box-shadow: 0px 1px 2px #C9C9C9  , 0px 0px 1px #003365 inset;
    cursor: pointer;
    position: relative;
    top:33px;
}
input.preis_berechnen:hover{
    background: -moz-linear-gradient( #3A96FF, #0164D4  ); 
    box-shadow: 0px 1px 2px #A4A4A4  , 0px 0px 1px #001A24 inset;
}
form.suche label{
    font-size: 21px;
    line-height: 30px;
}
form.suche .span_ab_ziel{
    font-size: 12px;
    color: #999;
    padding: 3px;
}
form.suche input{
    padding: 6px;
    width: 238px;
    color:#0065D7;
    font-size: 21px;   
}   

/* suggest orte */
#ajaxTest , #ajaxTest2 , #ersteOrte{
    position: absolute;
    background: #fff;
    z-index: 2;
    width: 250px;
    box-shadow: 0px 6px 8px hsla(0,0%,0%,.15);
    display: none;
    border: 1px solid #AFAFAF;
    border-top: 0;
    cursor: pointer;
}
#ajaxTest li , #ajaxTest2 li , #ersteOrte li{
    list-style-type: none;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 14px;
}
#ajaxTest li:hover , #ajaxTest2 li:hover , #ersteOrte li:hover{
    background: #006CE6;
    background: linear-gradient( #1985FF, #0164D4 );
    color:#fff;
}

/* bestellformular  */
#h2{
    font-size: 33px;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
h2{
    font-size: 27px;
}

.datepicker{
    font-size: 75%;
}
/* --------------------------- auswahl für bestellform --------------------------- */
.auswahl_links , .auswahl_mitte , .auswahl_rechts {
    width: 30%;
    height:290px;
    background: #FF8901;
    background: linear-gradient( #FF9B2B, #FF8901 );
    background: -webkit-linear-gradient( #FF9B2B, #FF8901 );
    box-shadow: 0px 0px 0px 5px hsla(0,0%,0%,.5) ;
    border-radius: 3px; 
    float:left; 
    margin-right:5%;
    transition: 0.25s;  
}
.auswahl_links{    

}
.auswahl_mitte{
    background: #0076FE;
    background: linear-gradient( #0076FE,#0064D4  );
    background: -webkit-linear-gradient( #0076FE,#0064D4  );
}
.auswahl_rechts{
    margin-right:0;
    background: #6DB501;
    background: linear-gradient( #84DA01,#6DB501  );
    background: -webkit-linear-gradient( #84DA01,#6DB501  );
}
.auswahl_links h2, .auswahl_mitte h2, .auswahl_rechts h2{
    font-size: 21px;
    background:#fff;
    border-radius: 3px 3px 0 0 ;
    padding: 10px 20px;
    color:#555;
    text-align: center;
}
.auswahl_links img, .auswahl_mitte img, .auswahl_rechts img{
    height: auto;
    
}
.bild_auswahl{
    padding: 20px;
}
.bild_auswahl h3{
    color:#fff;
    font-size: 21px;
    line-height: 33px;
    margin-top: 5px;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
}
.bild_auswahl h3:hover{
    background: hsla(0,100%,100%,.25);
}
.bild_auswahl h3:hover .rund_wm{
    border-radius:50%;
    width: 15px;
    height: 15px;
    background: #fff;
    float: left;
    margin-right: 15px;
    border:2px solid #fff;
    position: relative;
    top:7px;
    transition: .15s;
}
.bild_auswahl .rund_wm{
    border-radius:50%;
    width: 15px;
    height: 15px;
    background: transparent;
    float: left;
    margin-right: 15px;
    border:2px solid #fff;
    position: relative;
    top:7px;
}
.bild_auswahl a{
    text-decoration: none;
}

.auswahl_links:hover , .auswahl_mitte:hover , .auswahl_rechts:hover {
    box-shadow: 0px 0px 0px 5px hsla(0,0%,0%,.6) ,  0px 3px 18px 0px hsla(0,0%,0%,.75);
}
.form_auswahl_info{
    margin-top: 60px;
}
.form_auswahl_info p a , .breite p a {
    color: #0064D4;
    text-decoration: none;
}
.form_auswahl_info p a:hover , .breite p a:hover{
    text-decoration: underline;
}

/* --------------------------- service --------------------------- */
.box_50_links{
    float: left;       
}
.box_50_rechts{
    float: right;
}
.box_50_links , .box_50_rechts{
    width: 47%;
    margin-bottom: 50px; 
}
.box_50_links h2, .box_50_rechts h2{
    margin-bottom: 10px;
}
hr.abstand_50_unten{
    margin-bottom: 50px;
    border: 0;
    border-top: 1px solid #E1E1E1;
}
.box_50_links ul li, .box_50_rechts ul li{
    line-height: 36px;    
    list-style-position: inside;
    list-style-type: none;
}
.box_50_links ul li a, .box_50_rechts ul li a{
    text-decoration: none;
}
.box_50_links ul li a:hover, .box_50_rechts ul li a:hover{
    ttext-decoration: underline;
    color: #0064D4;
}
.box_50_links img, .box_50_rechts img{
    width: 100%;
    height: auto;
}
.box_50_links p, .box_50_rechts p{
    line-height: 25px;
    margin-bottom: 10px;
}
.rund_li{
    background: #1985FF;
    border-radius:50%;
    width: 13px;
    height: 13px;
    float: left;
    margin-top: 12px;
    margin-right: 8px;    
}


/* --------------------------- kontaktformular -------------------------- */
.abstand{
    padding:40px 50px !important;
}
.box_form h3{
    padding-bottom: 15px;
    margin-bottom: 40px;
    color:#555;
}
p i {
    color: #888;
    padding: 10px 0 30px 0;
    display: block;
    line-height: 21px;
}
/* --------------------------- agb -------------------------- */
.agb_seite h2{
    margin: 20px 0 20px 0;
}
.agb_seite h3{
    margin: 30px 0 00px 0;
}
.agb_seite p{
    font-size: 14px;        
}
/* ------------------------------------------ footer ---------------------------------- */
.footer{
    background: #6B6A6E;
    height: 95px;
    box-shadow: 0px 10px 10px -10px #49484A inset;
}
.footer .ul_links{
    float:left
}
.footer .ul_rechts{
    float:right
}
.footer .ul_rechts img{
    width: 33px;
    height: 20px;
}
.footer .ul_links li , .footer .ul_rechts li{
    list-style-type: none;   
    float: left; 
    margin-right: 25px;
    color: #FFFFFF;
    font-size: 13px;
    margin-top: 1.5em;
}
.footer .ul_links li a{
    color: #FFFFFF;
    text-decoration: none;
}
.footer .ul_links li a:hover{
    color: #FFFFFF;
    text-decoration: underline;
}
.footer .ul_rechts li{
    margin-right: 0px;    
    margin-left: 10px;    
}
.footer p{
    color: #FFFFFF;
    font-size: 13px;
    margin-top: 1em;
}





/* --------------------------------------marquee ------------------------------------- */
marquee{
    line-height: 44px; 
    padding:0 30px; 
    font-weight:bold; font-size: 14px; 
    box-shadow: 0px 1px 2px #DCDCDC;
}
marquee span.a{
    color: #8CD04C;
    padding-right: 6px;
}
marquee span.b{

}
marquee span.c{
    color: #8CD04C;
    padding-right:100px;
    padding-left:6px;
}


/* -------------------------------------- registrierung ---------------------------------- */
/* ----------------------------------------------------------------------------------- */
.information_reg{
    background: #f5f5f5;
    border: 1px solid #C0C0C0;  
    margin-bottom: 40px;
    padding: 5px 15px 15px 15px;   
    line-height: 23px;
}
fieldset{
    padding: 30px 40px;
    border:2px solid #E1E1E1;
    width: 355px;
    border-radius: 2px; 
}
legend{
    padding: 3px 10px;  
    font-weight: bold;
    color: #666; 

    border-radius: 2px; 
}
fieldset label{
    font-size: 14px;    
    margin-bottom: 4px;
}






/* -------------------------------------- Jquery UI ---------------------------------- */
/* ----------------------------------------------------------------------------------- */
.ui-datepicker-month, .ui-datepicker-year{color:#fff;}
    

 
/* -------------------------------------- IE ----------------------------------------- */
/* ----------------------------------------------------------------------------------- */
img{
    border:0;
}  
.trScode > .td{
    vertical-align: bottom;
}
.trScode > .td > .sCodeImg{
   width: 120px; 
   height: 50px;
   vertical-align: bottom;
   padding-right: 10px;
}