@charset "utf-8";
/* CSS Document */

*{
    margin: 0;
    padding: 0;
    font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
    font-size:14px;
    text-decoration:none;
}

body{
    /* background: #CBCED3;  */
    background-image: url(../images/verlauf.jpg);
    background-position:center; 
}

.box10{
    color: #333333;
    font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
    font-size:10px;
    text-decoration:none;
}



.navtop
{
    font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
    color: #999999;
    font-size: 16px;
    font-stretch: ultra-expanded;
    text-decoration:none;
}

.navtop:hover
{
    color:#567EBE;
    text-decoration:none;
}


.navtop2
{
    font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
    color: #fff;
    font-size: 16px;
    font-stretch: ultra-expanded;
    background-color:#567EBE;
    text-decoration:none;
    border:1px solid #999999;
    padding:4px;
}

.navtop2:hover
{
    color:#000;
    text-decoration:none;
}


.navtop3
{
    font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
    color: #666666;
    font-size: 16px;
    text-decoration:none;
}

.navtop3:hover
{
    color:#000;
    text-decoration:none;
    border-bottom:2px solid #567EBE;
}



.navsub
{
    font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
    color: #fff;
    font-weight:bold;
    font-size: 14px;
    text-decoration:none;
}

.navsub:hover
{
    color:#000;
    text-decoration:none;
}




.navbottom
{
    font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
    color: #999999;
    font-size: 16px;
    text-decoration:none;
}

.navbottom:hover
{
    color:#000;
    text-decoration:none;	
}


.uberschrift {
    font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
    font-size:16px;
    font-weight:bold;
    color: #999999;
    text-decoration:none;
    padding: 0 20px;
}
p {
    padding: 0 20px;
}

.uberschrift-sub {
    font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
    font-size:18px;
    color:#575757;
    text-decoration:none;
    background-image:url(../images/submenue_lo.png);
    background-repeat:no-repeat;
}

.email
{
    font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
    color: #575757;
    font-size: 14px;
    text-decoration:none;
}

.email:hover
{
    color:#567EBE;
    text-decoration:none;	
}


.factoring20 {
    font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
    font-size: 20px;
    font-weight:bold;
    font-style:italic;
    color: #567EBE;
}

.factoring20:hover {
    color: #000;
}


.factoring {
    font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
    font-size: 36px;
    font-weight:bold;
    font-style:italic;
    color: #567EBE;
}



.hellblau14
{
    font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
    color: #567EBE;
    font-size: 14px;
    text-decoration:none;
    font-weight:bold;
}


.grau-10 {
    font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
    font-size:10px;
    color: #666666;
    text-decoration:none;
}


.grau-12 {
    font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
    font-size:12px;
    color: #666666;
    text-decoration:none;
}

.grau-14 {
    font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
    font-size:14px;
    font-weight:bold;
    color: #666666;
}


.box_div .box{
    width:196px; 
    float:left; 
    padding:0px 28px 0 0px;

}

.box_div .third{
    padding: 0 !important;
}

.box_div .box p,
.box_div .box h2{
    margin-left: 5px;
}

.box_div .box p{
    margin-top: 1.1em;
}

.box_div .box h2{
    margin-bottom: 0.8em;
}

/************ Fehler-Hinweis bei Formular-Eingaben *************/

.fehler {
    font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
    font-size:14px;
    color:#FF0000;
    text-decoration:none;
}

.fehler18 {
    font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
    font-size:18px;
    color: #FF0000;
    text-decoration:none
}

/************ SLIDER *************/
#slider 
{
    float: right;
    width: 100%;
    height: auto;
    margin: 0px;	
    padding-right: 0px;
    /*
    background:#fff url('../images/slider-bg.jpg') no-repeat; 
    padding:8px;
    position:absolute;
    right:25px;
    */
    /* Werte der Geschwindigkeit in Datei: jquery.cycle.all.min.js timeout:4000 + speed:1000 */
}

.header{
    background-color: #567EBE;  
    margin-top:20px;
    width:100%;
    /*max-height: 148px;*/
}

.white{
    background-color: white;
}

.centerHeader{
    margin: 0 auto;        
    max-width: 967px;
    /*height: 148px;*/
    border-bottom:1px dotted #ccc; 
}
.menu{
    margin: 0 auto;     
    width:100%;
    max-width: 967px;    
}
.content, .footer{
    margin: 0 auto;     
    width:100%;
    max-width: 967px;
    /*background-image: url(images/bg_kplt.png);*/ 
}
.center{
    text-align: center;
}
.left{
    float:left !important;    
}

.logo{
    width:32%;
}

.logo img{
    width:95%;
}

.slider{
    width:68.001% !important;    
}

.main_menu{
    height: 20px;
    padding: 20px 0;
    width: 100%;
    max-width: 934px;
    /*background-image: url(images/bg_kplt.png);*/
}

.menu_ul li{
    float:left;
    padding: 0 4%;
}
.menu_ul, .side_menu_ul, .footer_menu_ul, .sub_menu{
    list-style-type: none;
}
.mobile_menu_img, .mobile_menu{
    display:none;    
}

.mobile_menu_img{
    width:100%;
    cursor:pointer;
    /*height:55px;*/ 
}

.mobile_menu_img img{
    float:left;  
    height:50px;    
    width:50px;    /*
    position: relative;
    top: -18px;*/
}

.mobile_menu{
    width:100%; 
    max-width:265px;
    background-color: #567ebe;
}

.mobile_menu .menu_ul{
    float: left;
    background-color: #567EBE;  
}
.mobile_menu .menu_ul li{
    float:none; 
    border-left: none !important;
    padding: 10px;
}

.mobile_menu .menu_ul li a{
    color:white;
}

.clear{
    clear:both;
    width:100%;
}

.page_content{
    padding:20px; 
    border:1px dotted #cccccc;
    padding: 20px 0;
}

.page_content ul{
    padding: 0 20px;
}

.side_menu{
    width:225px;
}
.side_menu_ul .top{
    background-image: url(../images/submenue_lo.png);
    padding: 15px 20px;
    border-left:0 !important;
}
.side_menu_ul .bottom{
    background-image: url(../images/submenue_lu.png);
    height: 50px;
    padding: 0 !important;
    border-left:0 !important;
}

.side_menu_ul li{
    border-left:1px solid #ccc;
    padding: 15px 20px;
}

.side_menu_ul .blue{
    background-color: #567ebe;
}
.side_menu_ul .grey{
    background-color: #cccccc;
}

.footer{
    padding: 25px 0;
    margin-bottom: 20px;
}

.footer span{
    float:left;
}

.footer_menu_ul{
    float:left;    
}
.footer_menu_ul li{
    float:left;
    padding:0 20px;
    border-left:1px solid #ccc;
}
.footer_menu_ul li:first-child{
    border:none;
}

#factoring-video{
    max-width:600px;
    height: 338px;
    width:100%;    
}

#fact_ent{
    max-width: 600px;
    width:100%;
    height: auto;
}

#prof_ent{
    max-width: 630px;
    width:100%;
    height: auto;
}

.col30{
    float:left;
    width:30%;
}

.col70{
    float:left;
    width:70%;
}

.col50{
    float:left;
    width:50%;
}

.row {

}

.margin_top{
    margin-top: 10px;
}

.bottom_border{
    border-bottom:1px dotted #cccccc;
}

.page_content input[type='text']{
    width: 100%;
}

.page_content input[type="checkbox"]{
    margin-top: 19px;
}

.page_content input[type="submit"]{
    margin-top: 15px;
}

.page_content .firm1{
    width:30px !important;
}

.page_content .firm2{
    width:50px !important;
}

.captcha_field{
    width:95px !important;
}

.sub_menu{
    display:none;
    position:absolute;
    padding: 10px 0;
    background-color: #567EBE;
    width:265px;
    margin-top: 10px;
}
.sub_menu li{
    width:100%;    
    padding: 10px;
}
.sub_menu a{
    color:white;
}

.menu_ul li:hover ul{
    /*display:block;*/
}

.ui-accordion .ui-accordion-header{
    background: none;
    background-color: #567ebe;
    border:none;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
    color:white !important;
    font-weight: bold;
}

.ui-icon
{
    background-image: url(../images/ui-icons_ffffff_256x240.png) !important;
}

@media all and (max-width: 820px) {

    .col30{
        width:100%;
    }
}

@media all and (max-width: 750px) {
    .main_menu{
        display:none;
    }
    .mobile_menu_img{
        display:block;    
    }
}

@media all and (max-width: 620px) {
    .footer{
        text-align: center;
    }
    .footer span{
        float:none;        
    }
    .footer_menu_ul{
        float:none;
        margin-top: 10px;
    }
    .footer_menu_ul li{
        float:none;
        border:none;
        margin-top: 10px;
    }

}
@media all and (max-width: 600px) {
    .logo{
        text-align: center;
        width: 100%;
        margin-bottom: 20px;
    }
    .logo img {
        width: 55%;
    }
    .slider {
        width: 100% !important;
    }
    .page_content{
        width: 100% !important;;
        float: none !important;
        border:none;
        border-top:1px dotted #cccccc;
        border-bottom:1px dotted #cccccc;
    }
    .side_menu{   
        float: none !important;
        margin: 0 auto;
        margin-top: 20px;
    }


}

@media all and (max-width: 400px) {
    .forteile_img{
        width:100%;
    }
}