html {
    width : 100%;
    background-image : url(../images/beo_web_aktuelles_header_bg.gif);
    background-repeat : repeat-x;
    height:100%;
    }
    body {
    overflow-y:hidden;
    margin : 0;
    width:100%; height:100%;
    padding: 0;
    }
    .clearer {
    clear : both;
    }
    #main {
    margin : auto;
    width : 1100px;
    height : 100%;

    }
    #header {
    margin : auto;
    width : 985px;
    height : 110px;
    padding-left : 1px;
    }
    #in_header {
    float : left;
    padding-left : 0;
    padding-right : 2px;
    margin-left : 0;
    width : 269px;
    height : 110px;
    background-image : url(../images/beo_web_head.gif);
    }
    .head_text {
    float : right;
    width : 675px;
    height : 105px;
    color : #ffffff;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : 700;
    }
    .head_text_in {
    margin-top : 10px;
    float : left;
    width : 300px;
    height : 30px;
    color : #ffffff;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : 700;
    }
    .inside_link{
    width : 238px;
    height : 80px;
    z-index : -1; 
    }
    .head_text_inr {
    margin-top : 10px;
    text-align : left;
    float : right;
    width : 235px;
    height : 30px;
    color : #ffffff;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : 700;
    }
    a.top {
    color : #ffffff;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : 700;
    text-decoration : none;
    padding-right : 10px;
    }
    a.top:hover {
    color : #FF6600;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : 700;
    text-decoration : none;
    padding-right : 10px;
    }
    #header_menu {
    margin : auto;
    padding-left : 1px;
    width : 985px;
    height : 30px;
    }
    #m_bg {
    float : left;
    width : 269px;
    height : 30px;
    background-image : url(../images/beo_webm.gif);
    background-color : #ffffff;
    }
    #bg_layout {
    margin : auto;
    width : 1100px;
    height : 100%;
    background-image : url(../images/bg.gif);
    }
    #header_banner {
    margin : auto;
    padding-left : 19px;
    width : 985px;
    height : 254px;
    }
    #k_logo {
    float : left;
    width : 241px;
    height : 254px;
    background-image : url(../images/beo_web_k_logo.gif);
     background-repeat :no-repeat;
    }
    #kundan_login {
    float : left;
    margin-top : 10px;
    width : 239px;
    height : 164px;
    }
    p.l_height {
    padding-top : 1px;
    padding-bottom : 2px;
    }
    .tbox {
    width : 168px;
    background : transparent url('../images/bg_button.gif') no-repeat;
    color : #747862;
    height : 20px;
    padding : 2px 8px;
    margin : 8px 0 5px 20px;
    border : 0;
    }
    .tbox1 {
    width : 168px;
    background : transparent url('../images/bg_button.gif') no-repeat;
    color : #747862;
    height : 18px;
    padding : 2px 8px;
    margin : 2px 0 0 20px;
    border : 0;
    }
    #str {
    height : 20px;
    padding : 0 0 1px 0;
    margin : 0 0 5px 0;
    }
    form.form_k {
    margin : 2px 0 0 0;
    height : 50px;
    margin : 0;
    padding : 0;
    }
    div.login {
    position : absolute;
    float : left;
    margin-top : 0;
    padding-top : 0;
    padding-bottom : 5px;
    }
    .login {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : 900;
    color : #ffffff;
    text-decoration : none;
    padding-top : 5px;
    padding-bottom : 5px;
    }
    a.login:hover {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : 900;
    color : #FF6600;
    text-decoration : none;
    padding-top : 5px;
    padding-bottom : 5px;
    }
    .top_field {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 11px;
    font-weight : 900;
    color : #ffffff;
    margin : 0 0 0 20px;
    padding-top : 0;
    text-decoration : none;
    }
    div.listd {
    display : inline;
    float : left;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    vertical-align : middle;
    padding-left : 0;
    padding-top : 0;
    height : 20px;
    margin-top : 5px;
    margin-bottom : 4px;
    background-color : #ffffff;
    background-image : url('../images/bg_button.gif');
    }
    div.listd_1 {
    display : inline;
    float : left;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    vertical-align : middle;
    padding : 0;
    height : 20px;
    width : 23px;
    margin-left : 3px;
    margin-top : 5px;
    }
    #banner {
    float : left;
    padding : 0;
    width : 733px;
    height : 254px;
    background-image : url(../images/beo_web_aktuelles_02.gif);
    }
    #banner_1 {
    float : left;
    padding : 0;
    width : 733px;
    height : 254px;
    background-image : url(../images/beo_pro.gif);
    color : #666;
    }
    #main_content {
    margin : auto;
    padding-left : 19px;
    padding-right : 5px;
    width : 985px;
    height : 100%;
    }
    .left_content {
    float : left;
    margin-left : 2px;
    margin-top : 0;
    width : 700px;
    min-height : 800px;
    background-image : url(../images/beo_web_aktuelles.gif);
    background-repeat : repeat-y;
    background-position : top right;
    vertical-align : top;
    }
    #right_content {
    float : left;
    margin-top : 55px;
    margin-right : 1px;
    border-bottom : 1px solid #ccc;
    padding-left : 10px;
    padding-bottom : 10px;
    width : 263px;
    height : 100%;
    }
    #right_content_2 {
    float : left;
    margin-top : 20px;
    margin-right : 1px;
    border-bottom : 1px solid #ccc;
    padding-left : 10px;
    padding-bottom : 10px;
    width : 263px;
    height : 100%;
    }
    h2.sub_header {
    float : left;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 18px;
    margin : 10px 0 5px 40px;
    color : #ff6600;
    }
    .acktuelles {
    width : 100%;
    border-bottom : 1px solid #ccc;
    padding-bottom : 15px;
    color : #666666;
    }
    .news {
    padding : 1px 5px 5px 2px;
    margin : 1px 10px 0 247px;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    line-height : 20px;
    color : #666666;
    }
    .l_menu {
    padding : 5px;
    margin : 0 10px 0 10px;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 11px;
    color : #ff6600;
    text-decoration : none;
    }
    .l_menu_pr {
    padding : 5px;
    margin : 10px 10px 0 10px;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 11px;
    color : #ff6600;
    text-decoration : none;
    }
    ul.news_header {
    list-style-type : none;
    margin : 20px 0 5px 40px;
    color : #666;
    }
    .date {
    color : #666;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    text-decoration : none;
    }
    .hedr {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 13px;
    font-weight : bold;
    text-decoration : none;
    color : #666;
    }
    a.hedr:hover {
    color : #FF6600;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 13px;
    font-weight : bold;
    text-decoration : none;
    }
    .news_header {
    color : #666;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : bold;
    text-decoration : none;
    }
    .product_W {
    width : 100%;
    padding-top : 10px;
    margin-top: 5px;
    padding-bottom : 20px;

    color : #666;
    }
    .line {
    width : 100%;
    height : 1px;
    border-top : 1px solid #ccc;
    padding : 0;
    }
    .p_menu {
    padding : 5px;
    margin : 0 10px 0 2px;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 11px;
    color : #ff6600;
    }
    .hedr_pro {
    margin-left : 168px;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 13px;
    font-weight : bold;
    color : #666666;
    }
    .product_Gout {
    width : 100%;
    border-top : 1px solid #cccccc;
    border-bottom : 1px solid #cccccc;
    padding : 0;
    height : 200px;
    }
    ul.pro_header {
    list-style-type : none;
    margin : 0 0 5px 40px;
    color : #666666;
    }
    .product_G {
    width : 99.1%;
    vertical-align : top;
    padding-bottom : 0;
    padding-top : 20px;
    border-top : 1px solid #ccc;
    border-bottom : 1px solid #ccc;
    padding-bottom : 20px;
    margin-left : 2px;
    margin-top : auto;
    margin-bottom : auto;
    background-color : #f5f5f5;
    }
    .p_bullet {
    background-image : url(../images/beo_bullet_p.gif);
    background-repeat : no-repeat;
    width : 10px;
    height : 10px;
    background-position : center;
    }
    ul.news {
    padding : 5px;
    margin : 0 10px 0 280px;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    list-style-type : disc;
    }
    img.ph_ver {
    float : left;
    padding-right : 20px;
    padding-left : 2px;
    }
    img.ph_partner {
    float : right;
    padding-right : 2px;
    padding-top : 1px;
    margin-top : 1px;
    padding-left : 2px;
    }
    .pa_menu {
    padding : 5px;
    margin : 0 10px 0 0;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 11px;
    color : #ff6600;
    }
    .product_D {
    width : 99.1%;
    vertical-align : top;
    padding-bottom : 0;
    padding-top : 20px;
    border-top : 1px solid #ccc;
    border-bottom : 1px solid #ccc;
    padding-bottom : 20px;
    margin-left : 2px;
    margin-top : auto;
    margin-bottom : auto;
    }
    .D_menu {
    padding : 5px;
    margin : 0 10px 0 2px;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 11px;
    color : #ff6600;
    }
    .D_bullet {
    background-image : url(../images/beo_bullet_p.gif);
    background-repeat : no-repeat;
    width : 10px;
    height : 10px;
    background-position : center;
    }
    .daten_1 {
    float : left;
    width : 150px;
    padding : 5px;
    margin-top : 0;
    margin-left : 10px;
    }
    .daten {
    float : right;
    padding : 5px;
    margin-left : 10px;
    margin-top : 0;
    width : 230px;
    }
    .daten_t {
    float : right;
    padding : 1px;
    margin-left : 10px;
    margin-top : 0;
    margin-bottom : 25px;
    width : 454px;
    padding : 0;
    }
    li.d {
    display : inline;
    float : left;
    padding : 4px;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    }
    li.dr {
    display : inline;
    padding : 4px;
    float : right;
    width : 250px;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    }
    .cs {
    float : left;
    }
    .product_anspre {
    width : 100%;
    padding-top : 20px;
    padding-bottom : 20px;
    border : 1px solid #ccc;
    }
    #left_con {
    border : 1px solid #ccc;
    width : 100px;
    margin-top : 10px;
    background-color : #f5f5f5;
    }
    .right_con {
    border : 1px solid #ccc;
    width : 453px;
    height : 120px;
    margin-top : 5px;
    vertical-align : middle;
    }
    .right_con_cs1 {
    float : left;
    border : 0;
    width : 99%;
    height : 120px;
    background-color : #f5f5f5;
    }
    .right_con_cs {
    float : right;
    border : 1px solid #ccc;
    width : 453px;
    margin-top : 5px;
    height : 120px;
    }
    .right_con_cs_h {
    float : right;
    border : 0;
    width : 453px;
    margin-top : 5px;
    height : 20px;
    color : #666;
    }
    .ansprechpartner_header {
    margin-right : 50px;
    padding-top : 0;
    border : 1px solid red;
    }
    p.dec {
    float : left;
    position : relative;
    width : 250px;
    margin-top : 30px;
    margin-left : 40px;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : 500;
    border : 0;
    }
    img.ph {
    float : left;
    }
    .hedr_ans {
    width : 453px;
    height : 20px;
    margin-top : 5px;
    color : #666;
    }
    .hedr_ansp {
    margin-left : 1px;
    color : #666;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 13px;
    font-weight : bold;
    text-align : center;
    }
    .left_list {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 11px;
    line-height : 10px;
    padding : 5px;
    margin : 0;
    text-decoration : none;
    color : #888;
    }
    .standorte {
    float : left;
    width : 350px;
    padding : 5px;
    margin-top : 0;
    margin-left : 10px;
    border : 0;
    }
    .bewerbung {
    padding : 5px;
    margin : 0 0 0 223px;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    }
    a.site {
    color : #ff9900;
    text-decoration : none;
    }
    a.site:hover {
    color : #FF6600;
    }
    a.site_head:hover {
    color : #FF6600;
    text-decoration : none;
    font-size : 13px;
    font-weight : bold;
    font-family : Arial, Helvetica, sans-serif;
    }
    a.site_head {
    color : #666;
    text-decoration : none;
    font-size : 13px;
    font-weight : bold;
    font-family : Arial, Helvetica, sans-serif;
    }
    .parcel {
    padding : 5px 5px 5px 0;
    margin : 0 10px 0 247px;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 14px;
    line-height : 20px;
    font-weight : bold;
    color : #666;
    }
    li.listd {
    display : inline;
    float : left;
    width : 130px;
    padding : 4px;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    }
    li.listdr {
    display : inline;
    padding : 4px;
    float : right;
    width : 150px;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    border : 1px solid #ccc;
    }
    .hed_text {
    margin : 35px 0 5px 45px;
    padding-top : 15px;
    color : #ffffff;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : 900;
    }
    .head_text_bottom {
    text-align : center;
    width : 620px;
    float : left;
    margin : 10px 10px 5px 0;
    padding-left : 75px;
    padding-top : 1px;
    color : #ffffff;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 11px;
    font-weight : 500;
    }
    #bottom {
    margin-left : 3px;
    height : 107px;
    width : 974px;
    background-image : url(../images/con_bg.gif);
    background-repeat : repeat-x;
    }
    span.side_menu {
    margin : 5px 0 10px 15px;
    color : #666;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 13px;
    font-weight : bold;
    }
    .gray {
    color : #666;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-weight : bold;
    text-decoration : none;
    }
    a.gray:hover {
    color : #FF6600;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-weight : bold;
    text-decoration : none;
    }
    .bullet {
    background-image : url(../images/beo_bullet.gif);
    background-repeat : no-repeat;
    width : 10px;
    height : 10px;
    background-position : center;
    }



    #sddm
    {       
            margin: 0;
            padding: 0;
            z-index: 30;
            }

    #sddm li
    {       margin: 0;
            padding: 0;
            list-style: none;
            float: left;
            font: 500 12px arial}

    #sddm li a
    {       display: block;
            margin: 0 1px 0 0;
            padding: 6px 10px;
            width: 80px;
            color: #FFF;
            padding-left: 20px;
            text-align: center;
            text-decoration: none}

    #sddm li a:hover
    {color: #FF6600;}

    #sddm div
    {       
            margin-left: 22px;
            margin-top: 4px;
            padding: 5px;
            width: 200px;
            position: absolute;
            visibility: hidden;
            background-color:#FFFFFF;
            border-bottom: 4px solid #FF6600}

    #sddm #m4{

    width: 120px;
    margin-left: 30px;

    }
    #sddm div a
    {       position: relative;
            display: block;
            margin: 0;
            padding: 5px 10px;
            width: auto;
            white-space: nowrap;
            text-align: left;
            text-decoration: none;
            color: #222;
            font: bold 12px Arial, Helvetica, sans-serif;}

    #sddm div a:hover
    {
    color: #FF6600;
                    }
    #mybg_layout {
    margin : 0 auto 0 auto;
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0 0 1px 0;
    color: black;
    overflow:hidden;
    background-image : url(../images/new-bg.gif);
    background-repeat:repeat-y;
    }	
    .right-content{
	    float:left;
	    width:740px;
    }
    .newinfo{
	    padding-left:110px;
	    font-weight:bold;
	    font-size:16px;
	    font-family:Arial,Helvetica,sans-serif;
	    color:#666666;
    }	
    .pro_header li{
	    line-height:23px;
	    font-size:12px;
    }

    /*********** Screen *********************/

	    fieldset{
	    margin:0;
	    padding:0;
	    outline:0;
	    border:0;

	    /* vertical-align:baseline; */
    }
    input.text {
	    padding:4px 0 3px 5px;
	    margin-bottom:1px;
	    border:0;
	   background-image:url(../images/bg_button.gif);
    }

    input.text {
	    width:170px
    }
    #Form1 {
	    margin-top:10px;
	    padding-top:10px;
	    width:200px;
	    height:125px;
        margin-left:20px;
     }
    #Form1 p {
	    margin:0
    }
    #Form1 fieldset {


    }
    #Form1 input.text {
	    color:#bbb;
	    width:165px;
	    margin-top:0;
	    height:16px;
    }
    #Form1 input.text:focus {
	    color:#333
    }
    #Form1 label, #Form1 legend {
	    display:none
    }
    input.submit{ width:23px; height:23px; padding-bottom:3px; padding-left:2px; padding-right:2px; background-color:#666; border:solid 1px #555; font-size:11px; color:#FFFFFF; font-weight:bold;}