﻿/*     
    Page: bmsevents.hu 
    Developer: bms systems
    RedDot RC5: 2009.01.01
*/

* {
    margin:0;
    padding:0;
    list-style-image:url('none');
    list-style-type:none;
    text-align:left;
    color:#666666;
    font-family:arial;
    cursor:default
}

body { background-color:#CCCCCC; }

body, #footer { text-align: -moz-center; }

img { border:none; }

a, a img { 
    text-decoration:none; 
    cursor:pointer; 
}

a:hover { color:black; }

.normal { font-weight:normal }

.bold { font-weight:bold }

select { border: 1px solid #8e8e8e; }
   
/* Hack for the Firefox Float-Problem \*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clearfix {height: 1%;}
/* End of FF-Hack */

#not_visible_print {
    display:none;
    padding-left:20px;
    padding-top:10px;
    padding-bottom:5px;
    font-weight:bold;
    font-size:11px;
}

#header, #header_navi {
    width:948px;
    background-color:#333333;
    margin-top:15px;    
}

#contetnwrapper_navi, #contetnwrapper {
    position:relative;
    width:947px;
    min-height:100%;
    height: auto !important;
    height:100%;
    background-color:white;
    padding-bottom:10px;
    /*z-index:-1;*/
}

#contetnwrapper {
    padding-top:15px;
}

#header_logo img, #Metanavi {
    width:948px;
    height:100px;
}
    
#meta_inhalt {
    padding-top:43px;
    margin-left:20px;
    /*height:100px;*/
    position:relative;
    z-index:2;
}

.firm_logo { float:left; }

.firm_logo img { cursor:pointer; }


/* Navigation oben */
.menu {
    position: absolute;
    z-index: 3;
    top: 43px;
    left:245px;
}

    .menu li {
        margin-right:20px;
        float: left;
    }
    
    .menu a {
        text-align: center;
        font-weight: bold;
        cursor: pointer;
        margin: 0px 2px;
        height: 12px;
        color:#999999;
        font-size:13px;
     }
    
    .menu a:hover { color: #FFFFFF; }
    
    #nav li:hover ul, #nav li.over ul { display: block; }
    
    #nav .submenues {
            font-size: 0.8em;
            display: none;
            width: 160px;
            float: left;
            background-color:white;
            position:absolute;
            left:-10px;
            padding-left:10px;
            padding-top:5px;
            padding-bottom:5px;
            top:17px;
            padding-right:0px;
        }
        
        #nav .submenues a {
            font-weight: normal;
            cursor: pointer;
            color:#999999;
            font-size:12px;
        }
        
        #nav .submenues li { width:100%; }
        
        .menu_li { position:relative; }
        
        #nav .submenues a:hover {
            color:#000000;
            /*font-weight:bold;*/
        }
        
        .menu .menu_li .leiste_navi_active { color:white; }

/* die Content-Container */
.head_verlauf {
    color:#858585;
    font-weight:bold;
    background-image:url('tab_background.jpg');
    background-repeat:repeat-x;
    height:20px;
    padding-left:10px;
    padding-top:5px;
    font-size:0.8em;
}

.dynlinks {
    width:207px;
    background-color:#f5f5f5;
    margin-bottom:10px;
}
    .dynlinks ul {
        margin-top:8px;
        margin-left:25px;
        padding-bottom:12px;
        font-size:0.8em;
    }
        .dynlinks ul li { list-style-type:disc; }

#left_content {
    width:207px;
    margin-right:10px;
    margin-left:10px;
    float:left;
}

#center_content {
    width:470px;
    padding-bottom:20px;
    float:left;
    margin-right:10px;
}

#center_content a, #right_content a { font-weight:bold; }

.head_text {
    width:475px;
    float:left;
    font-size:0.8em;
}

.datum_table {
    width:90px;
    vertical-align:top;
    font-size:0.8em;
}

.text_table {
    color:black;
    font-size:0.8em;
}

.normal_content, .two_pic_karriere, .one_pic_karriere, .flash_content {
    margin-top:8px;
    font-size:0.8em;
    padding-left:10px;
    padding-right:10px;
    display:block;
    float:left;
}
    .normal_content img {
        float:left; 
        margin-right:10px;
    }

    .normal_content p { padding-bottom:10px; }

    .normal_content select {
        width:200px;
        float:right;
        margin-right:20px;
    }

    .two_pic_karriere_pic {
        /*margin-top:10px;*/
        margin-right:2px;
        margin-bottom:10px;
    }

    
    .one_pic_karriere p, .flash_content p, #flash_film {
        margin-bottom:10px;
    }
    
    .one_pic_karriere_pic {
        margin-bottom:10px;
    }    
    
    .one_pic_karriere a, .two_pic_karriere a {
        margin-bottom:5px;
        display:block;
        cursor:pointer;
    }


.normal_content ul, .long_content ul, #answers ul { padding-left:25px; }
.normal_content ul li, .long_content ul li, #answers ul li { 
    list-style-type:disc; 
    margin-top:2px;
}
    
.long_content {
    margin-top:10px;
    font-size:0.8em;
}
    .long_content img {
        float:left; 
        margin-right:15px;
        margin-bottom:0px;
    }
    
    .long_content p {
        margin-bottom:10px;
    }
    
    .long_content h3 {
        margin-bottom:5px;
    }
    
    #center_content .long_absatz {
        margin-top:25px;
    }
    
    #center_content .long_absatz_frst {
        margin-top:0px;
    }

.left_pair_teaser {
    width:235px;
    margin-top:20px;
    float:left;
}
    
    .pair_content {
        margin-top:8px;
        font-size:0.8em;
    }
    
    .pair_content img, .pair_content p { margin-bottom:8px; }
    
    .right_pair_teaser {
        width:235px;
        margin-top:20px;
        float:right;
    }

.normal_teaser, .download_teaser, .pair_teaser {
    width:472px;
    display:block;
    margin-bottom:20px;
    float:left;
}

.download_teaser {
    background-color:#e7e7e7;
    padding-bottom:10px;
    display:block; 
    width:472px;
}


/* NEU */
.down_liste {   
    margin-top:20px;
    margin-bottom:20px;
    margin-left:10px;
    margin-right:10px;
    font-size:0.8em;
}
    .down_liste li {
        margin-bottom:6px;
    }
        .down_liste li img, .presse_news_head img, .presse_news_sub img, #records img {
            margin-right:20px;
        }
        
        .down_liste li span { margin-left:42px; }   

.presse_news_head {
    margin-top:20px;
    border-bottom:dotted 1px black;
    padding-bottom:16px;
    /*color:Black;*/
    font-size:0.8em;     
}
    #presse_news_text, .presse_news_sub { font-size:0.8em; }
    
    #presse_news_text p {
        margin-top:10px;
        margin-bottom:20px;
    }
    
    #presse_news_bottom {
        border-top:dotted 1px black;
        border-bottom:dotted 1px black;
        margin-top:25px;
        margin-bottom:20px;
        height:25px;
        line-height:25px;
        font-size:0.8em;
    }
    
    #press_release p, #press_release ul, #press_release td{ font-size:0.8em; }

    
#table_center { 
    table-layout: fixed; 
    font-size:0.8em; 
}

#table_center td, .leer_teaser td{ vertical-align:top; }
    
.brand_description_1 {
    padding-bottom:15px;
    padding-top:15px;
    margin-top:10px;
    text-align:center;
    font-size:0.8em;
}

.brand_description {
    border-top:dotted 1px black; 
    padding-bottom:15px;
    padding-top:15px;
    margin-top:10px;
    text-align:center;
    font-size:0.8em; 
}

.brand_description_1 img, .brand_description img {
    margin-top:20px;
    margin-bottom:15px;
}

#questions.faq_zahlen ul li { 
    list-style-type:decimal; 
    margin-left:30px; 
    margin-bottom:7px;
}

#questions.faq_leer ul li { 
    list-style-type:none; 
    margin-left:10px; 
    margin-bottom:7px;
}

#questions { 
    margin-top:15px; 
    margin-bottom:15px; 
}

.antwort { 
    border-top:dotted 1px black; 
    padding-bottom:10px; 
    float:left; 
    width:100%;
}

#answers a.sprung_faq {
    float:right;
    margin-bottom:5px;
    margin-top:5px;
}

#answers p {
    float:left;
    width:100%;
}

#answers h5 { 
    font-weight:bold; 
    /*color:black;*/
    float:left;
    font-size:1em;
    margin-bottom:6px;  
}


#records p { 
    margin-top:20px; 
    /*margin-left:10px;*/ 
    margin-right:10px; 
    font-size:0.8em;
}

#pr_contact_content #records p, #pr_contact_content #records .leer_teaser {
    font-size:1em;
    padding:0;
    margin:0;
    margin-top:20px;
}

#pr_contact_content #records p.headline { font-size:1.3em; }

#records .bold a { color: #666666; }

#records .bold a:hover { color:black; }

.records_content { border-top:dotted 1px black }

#records .normal_content { font-size:1em; }

#faq { font-size:0.8em; }

.leer_teaser { 
    margin-top:10px;
    margin-bottom:10px; 
    font-size:0.8em; 
}

    .leer_teaser li {
        list-style-type:square;
        margin-left:10px;
    }

/*.download_content a { margin-left:10px; }*/

.download_table img { margin-right:5px }

.download_table td { vertical-align:top; }

.download_content { font-size:0.8em; }

#right_content {
    width:228px;
    display:block; 
    float:right;
    padding-right:11px;
}

.schnelleinstieg_content {
    background-color:#e7e7e7;
}
    .schnelleinstieg_content p {
        font-size:0.7em;
        margin-left:10px;
        margin-bottom:10px;
        padding-top:10px;
    }
    
    .schnelleinstieg_content select {
        width:205px;
        margin-left:10px;
        font-size:12px;
    }

    .schnelleinstieg_content select option {
        font-size:12px;
    }

    
    .schnelleinstieg_content input {
        float:right;
        margin-right:15px;
        margin-top:10px;
        border: none;
        background-color:#949494;
        width:40px;
        color:white;
        padding-left:10px;
        font-weight:bold;
        cursor:pointer;
    }

    .schnelleinstieg_content form { height:70px; }

.aktie_teaser {
    margin-top:10px;
    background-color:#e7e7e7;
    width:228px;
    padding-bottom:10px;
}

.aktie_content p, .aktie_content a, .aktie_content iframe, .normal_content_right p, .normal_content_right a  {
    font-size:0.8em;
    margin:10px;
}

.normal_teaser_right {
    width:228px;
    margin-top:10px;
    margin-bottom:10px;
    background-color:#E7E7E7;
    padding-bottom:10px;
}

#navi_left {
    width:207px;
    font-size:0.8em;
    margin-bottom:15px;
    margin-top:15px;
}

#navi_left li {
    border-bottom: dotted 1px #8e8e8e;    
    line-height:25px;
    display:block;
}

.under_ul {
    border-top: dotted 1px #8e8e8e;    
}

#image_navi { margin-bottom:10px; }

#navi_left .last { border:none; }

span.left_sub {
    margin-left:30px;
    display:block;
}

span.left_sub2 {
    margin-left:50px;
    display:block;
}

span.left_main { margin-left:15px; }

.active_left { color:black; }

#press_release .headline, #records p.headline {
    font-size:1em;
    margin-top:20px;
}

.headline { font-size:18px; margin-top:0px; }

.subline {
    font-weight:bold;
    font-size:1em;
}

.overview_list ul li, .overview_list p{
    text-align:center;
    margin-top:30px;
    font-size:0.8em;
}

#footer {
    margin-top:5px;
    height:40px;
    width:928px;
    padig-left:10px;
    padding-right:10px;
}

#footer a, #footer span, #footer div { color:black; }

.language_select { 
    padding:10px;
    font-size:0.8em;
}

 /* This is for jCarousel */
.jcarousel-container { position: relative; }

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-item {
    float: left;
    list-style: none;
    width: 75px;
    height: 75px;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango.jcarousel-container-horizontal {
   padding-left:21px ;
   padding-right:23px;
}

.jcarousel-skin-tango.jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  400px;
    height: 20px;
    margin-top:10px;
    margin-left:18px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    /*background-color: #e7e7e7;*/
    background-color:#bcbcbc;
    width: 77px;
    height: 75px;
    padding-top:2px;
}

.jcarousel-item:hover { background-color: white; }

.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 3px; }

.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; }

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url('/images/design/next-horizontal.png') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -32px 0; }

.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; }

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url('/images/design/prev-horizontal.png') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -32px 0; }

.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; }

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url('../images/next-vertical.png') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover { background-position: 0 -32px; }

.jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; }

.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover { background-position: 0 -32px; }

.jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; }

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

#mycarousel a { 
    margin-left:26px;
    color:white;
    font-size:1em;
}

.jcarousel-item:hover { background-color: gray; }

.carousel_content {
    margin-left:15px;
    margin-right:15px;
}

.carousel_content p.headline  { font-weight:bold; }

.carousel_link_element {
    margin-top:15px;
}
.carousel_content_left .normal_content { font-size:1em; }

/* E  jCarousel */

/* Brandübersicht */
#brand_table li {
    margin-bottom:18px;
    margin-top:18px;    
}

    #brand_table h4 {
        font-weight:bold;
        font-size:14px;
    }

    #brand_table table {
        border-top:1px dotted black;
    }

    #brand_table {
        /*padding-left:45px;*/
        font-size:0.8em;
    }

/* E Brandübersicht */

#pr_contact_content { padding-top:20px; }

.pr_head {
    font-size:17px;
    /*font-weight:normal;*/
    margin-top:20px;
}

#pr_contact_content select {
    margin-bottom:20px;
    width:200px;
    margin-left:5px;
}

#pr_contact_head {
    padding-bottom:20px;
    border-bottom:1px dotted black;
}

/* Sitemap */

#sitemap_content { padding:15px; }

#sitemap_first_ul { padding:10px; font-size:0.8em; }

.first_li { margin-bottom:20px; border-bottom:1px black dotted; padding-bottom:10px; font-weight:bold; }

.first_li ul { margin-left:150px; font-weight:normal; margin-top:10px; margin-bottom:0px; }

.first_li ul ul { margin-left:220px; font-weight:normal; margin-bottom:0px; }

/* E Sitemap */


/* Newsletter */

#news_content {
    padding-left:20px; 
    padding-top:20px; 
    padding-right:20px;
    margin-top:20px;
}

#news_content p, #news_content ul { font-size:0.8em;}

#news_content h4 {
    font-weight:bold; 
    font-size:0.9em;
}

.news_div { padding-bottom:20px; }

.news_div_last { 
    padding-top:20px; 
    font-size:0.6em; 
    padding-bottom:30px;
}

.news_div_last p { color:#666666}

.news_button_left {
    float:left; 
    background-color:#9c9c9c; 
    font-size:0.7em;
    padding:3px; 
}

.news_button_left a, .news_button_right a  {
    color:#fff;
    padding:10px; 
}

.news_button_right {
    float:right; 
    background-color:#9c9c9c; 
    font-size:0.7em;
    padding:3px;
}

#news_ab_table { 
    font-size:0.7em; 
    margin-top:20px; 
    font-weight:bold;
}

#news_ab_table tr td { color:#333333 }

#news_ab_table .button { 
    background-color:#9c9c9c; 
    font-size:1em;
    border:none;
    color:white;
    cursor:pointer;
    margin-left:0px;
    width:58px;
}

#news_an_table tr td { 
    font-size:0.7em; 
    color:#333333;
    font-weight:bold;
}

#news_an_table select optgroup {
    padding-top:10px;
}

#news_an_table { margin-top:30px; }

#news_an_table .button {
    background-color:#9c9c9c; 
    font-size:1em;
    border:none;
    color:white;
    cursor:pointer;
    padding:3px;
    padding-left:5px;
    padding-right:5px;
}

/* E Newsletter */

/* Print-Bottom */

#print_bottom {
    position:abolute;
    bottom:10px;
    padding-left:393px;
    padding-bottom:3px;
    padding-top:3px;
    border-top:1px dotted #8e8e8e;
    border-bottom:1px dotted #8e8e8e;
    float:left;
}

#print_bottom_en {
    position:abolute;
    bottom:10px;
    padding-left:414px;
    padding-bottom:3px;
    padding-top:3px;
    border-top:1px dotted #8e8e8e;
    border-bottom:1px dotted #8e8e8e;
    float:left;
}

#print_bottom a, #print_bottom_en { font-size:0.7em; }

#print_bottom_brand {
    position:abolute;
    bottom:10px;
    padding-left:630px;
    padding-bottom:3px;
    padding-top:3px;
    border-top:1px dotted #8e8e8e;
    border-bottom:1px dotted #8e8e8e;
    float:left;
    width:71px;
}

#print_bottom_brand a { 
    font-size:0.7em; 
    font-weight:bold;
}

#print_bottom.extra {
    padding-left:0px;
    padding-top:0px;
}

/* End Print-Bottom */


/* Hoverbox (Karriere) */
.hoverbox_rahmen {
    padding-left:10px;
    padding-right:10px;
    font-size:0.8em;
}
    .hoverbox_rahmen p{
        padding-top:10px;
        padding-bottom:0px;
        display:block;
    }

#hoverbox {
    cursor:auto;
    list-style:none;
    width:450px;
    float:left;
    padding-top:10px;
}
    #hoverbox li {
        display:inline;
        float:left;
        margin-right:2px;
        position:relative;
    }
    #hoverbox img {
        width:54px;
        height:70px;
    }
    #hoverbox .prev_image {
        width:90px;
        height:110px;
        float:left;
        margin-right:8px;
    }
    #hoverbox .preview {
        width:310px;
        height:112px;
        padding:15px;
        display:none;
        cursor:auto;
        font-size:13px
    }

            #hoverbox .preview .link_prev {
            color:#000;
            display:block;
            padding-top:3px;
        }
        #hoverbox .preview .link_prev:hover {
            color:#fff;
            cursor:pointer;
        }
        #hoverbox .preview .beschr {
            padding-top:6px;
            padding-bottom:6px;
            display:block;
            font-size:13px;
        }
        #hoverbox a:hover .preview {
            display:block;
            position: absolute;
            top:35px;
            left:35px;
            z-index:1;
        }
/* End Hoverbox (Karriere) */

/* Carousel (Kariere) */
            #carousel1, #carousel2 {
                position: absolute;
                width: 551px;
                left:180px;
                top:70px;
                display:block;
                z-index:100;
                visibility:hidden;
            }
            
            #carousel1 .carousel_top, #carousel2 .carousel_top { 
                height:28px;
                background-repeat:none
            }
            #carousel1 .carousel_bottom, #carousel2 .carousel_bottom { 
                height:29px;
                background-repeat:none
            }
            #carousel1 .carousel_center, #carousel2 .carousel_center { 
                background-image:url('/images/design/schatten_big_center.png');
                background-repeat:repeat-y;
                padding-left:20px;
                padding-right:25px
            }
            
                #carousel1 h4, #carousel2 h4 {
                    font-size:0.9em;
                    padding-top:5px;
                }
                
                #carousel1 span, #carousel2 span {
                    display:block;
                    float:right;
                    font-size:0.7em;
                    padding-right:5px;
                }
                
                #carousel1 .paragraph, #carousel2 .paragraph {
                    margin-top:330px;
                    font-size:0.8em;
                    padding-bottom:20px;
                }
                
                #carousel1 ul, #carousel2 ul {
                    position: absolute;
                    width: 564px;
                    height: 60px;
                    top:140px;
                    left:90px;
                }
                    #carousel1 li, #carousel2 li {
                        display: none;
                        position: absolute;
                    }
                        #carousel1  li img, #carousel2 li img {
                            width: 100%;
                            height: 100%;
                            background-color:white;
                            border:1px solid black;
                            
                        }
                        
                        #carousel1 li.active img, #carousel2 li.active img {
                            border-bottom:none;
                            float:left;
                            padding-bottom:10px;
                        }
                        
                #carousel1 .back, #carousel2 .back,
                #carousel1 .forth, #carousel2 .forth {
                    position: absolute;
                    display: block;
                    top: 275px;
                    width: 26px;
                    height: 29px;
                    background-repeat: no-repeat;
                    color: #656565;
                    font-size: 2em;
                    font-weight: bold;
                    text-indent: -9000px;
                    cursor: pointer;
                }
                #carousel1 .back, #carousel2 .back {
                    left: 140px;
                    z-index: 665
                }
                #carousel1 .forth, #carousel2 .forth {
                    right: 140px;
                    z-index: 667
                }
                
                #carousel1 li.active  p, #carousel2 li.active  p{
                    display:block;
                    background-color:white;
                    border-left:1px solid black;
                    border-right:1px solid black;
                    border-bottom:1px solid black;
                    padding:8px;
                    width: 172px;
                    
                }
                
                #carousel1 li  p, #carousel2 li  p {
                    display:none;
                    font-size:0.8em;
                }
/* End Carousel (Karriere) */


.no_margin_teaser p { 
    font-size:0.8em; 
    padding-top:10px; 
}

.no_margin_teaser img { margin-top:10px; }
