/* E.ON Uniform design of standard content elements */
@media all {
/* reset font size for all elements to standard (16 Pixel) */
    html * { font-size: 100.01%; }
    
/* base layout gets standard font size 12px */
    body {
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 0.75em; 
        color: #000;  
      }
    body.sizesmall  { font-size: 1em; }
    body.sizemedium { font-size: 1.125em; }
    body.sizelarge  { font-size: 1.25em; }
    
/* headlines */
    h1,h2,h3,h4,h5,h6 { 
        font-weight: normal; 
        line-height: normal;
        color: #000;
        }
    h1 { font-size: 170%; /*2.125em;*/ }
    h2 { font-size: 150%; /*1.875em;*/ }
    h3 { font-size: 125%; /*1.5625em;*/ }
    h4 { font-size: 105%; /*1.3125em;*/ }
    h5 { font-size: 95%; /*1.1875em;*/ }
    .headline { padding: 0em; margin: 0em; width: auto; }
/* colors */
    .red { color: #f21c0a; }
    .grey { color: #969696; }
    .black { color: #000; }
    .white { color: #fff; }
/* background colors */
    .bg_red { background-color: #f21c0a; }
    .bg_white { background-color: #ffffff; }
    .bg_grey { background-color: #969696; }
    .bg_lightgrey { background-color: #e6e6e6; }
/* */
    .left { text-align: left; }
    .right { text-align: right; }
    .center { text-align: center; }
    .block { display: block; }
    p, .headline { font-size: 0.75em; line-height: 1.2em; margin: 0pt 0pt 1em; }
/* standard classes for text formating */
    .bold { font-weight: bold; }
    .normal { font-weight: normal; }
    .nowrap { white-space:nowrap; }
    .fs063 { font-size: 0.63em !important; }
    .fs075 { font-size: 0.75em !important; }
/* standard classes for positioning */
    .float_left { float: left; }
    .float_right { float: right; }
    .clr { clear: both; }
    .va_top { vertical-align: top; }
    .va_bottom { vertical-align: bottom; }
    .pos_absolute { position: absolute; }
    .pos_relative { position: relative; }
/* standard classes for distances */
    .mb14 { margin-bottom: 0.875em; }
    .mb28 { margin-bottom: 1.75em; }
    .ml00 { margin-left: 0px; }
    .ml30 { margin-left: 30px; }
    .ml60 { margin-left: 60px; }
    .ml90 { margin-left: 90px; }
    .ml120 { margin-left: 120px; }
    .ml150 { margin-left: 150px; }
    .ml180 { margin-left: 180px; }
    .ml210 { margin-left: 210px; }
    .ml240 { margin-left: 240px; }
    .ml270 { margin-left: 270px; }
    .ml300 { margin-left: 300px; }
    .mr00 { margin-right: 0px; }
    .mr30 { margin-right: 30px; }
    .mr60 { margin-right: 60px; }
    .mr90 { margin-right: 90px; }
    .mr120 { margin-right: 120px; }
    .mr150 { margin-right: 150px; }
    .mr180 { margin-right: 180px; }
    .mr210 { margin-right: 210px; }
    .mr240 { margin-right: 240px; }
    .mr270 { margin-right: 270px; }
    .mr300 { margin-right: 300px; }
    .pt00 { padding-top: 0px; }
    .pt10 { padding-top: 10px; }
    .pt20 { padding-top: 20px; }
    .pt30 { padding-top: 30px; }
    .pt40 { padding-top: 40px; }
    .pt50 { padding-top: 50px; }
    .pt60 { padding-top: 60px; }
    .pl00 { padding-left: 0px; }
    .pl10 {padding-left:10px;}
    .pl30 { padding-left: 30px; }
    .pl60 { padding-left: 60px; }
    .pl90 { padding-left: 90px; }
    .pl120 { padding-left: 120px; }
    .pl150 { padding-left: 150px; }
    .pl180 { padding-left: 180px; }
    .pl210 { padding-left: 210px; }
    .pl240 { padding-left: 240px; }
    .pl270 { padding-left: 270px; }
    .pl300 { padding-left: 300px; }
    .pr10 {padding-right:10px;}
    
    .pb10 {padding-bottom:10px;}
    .nopad_marg { padding: 0px; margin: 0px; }
/* standard classes for teaser elements (width) */
    .w180 { width: 180px; }
    .w300 { width: 300px; }

/* section portalpage */
    body#portalpage { background: #f21c0a; }
    #main_portal h1 { color: #fff; display: block; font-size: 0.8em; font-weight: bold; margin: 0 0 1em 0; }
    .news_portalpage { color: #fff;    font-size: 0.67em; font-weight: normal; margin: 0em 0em 1em; }
    .news_portalpage a { color: #fff; font-weight: bold; text-decoration: underline; }
    .news_portalpage span { font-weight: normal; }
    
    /* teaser */
    #col_right_content { margin-top: 1.125em; }
    #main_portal .scl img, #main_portal .scr img { margin-bottom: 2em; }
    
    /* footer */
    #footer_portal { font-size: .67em; color: #fff; padding: .2em 0 0 0; }
/* section homepage */
    body#homepage { background: #fff; }
    body#branchingpage #header { background: f21c0a; }
/* section branchingpage */
    body#branchingpage { background: #fff; }
    body#branchingpage #header,
    body#contentpage #header,
    body#specialpage #header { width: 985px !important; background-image: url('images/img_red_bar_bow_new.gif'); background-repeat: no-repeat; background-position: right bottom; }
    #main { margin-top: 32px; }            
    
/* section contentpage */
    #main { margin-top: 32px; }
    /* M1 Headline */
    .m1_headline { overflow: hidden; }
    
    /* M2 Text */
    .m2_text { overflow:hidden; }
    
    /* M3 Bigpicture */
    .m3_bigpicture { overflow:hidden; }
    
    /* M4 Link */
    .m4_link { overflow: hidden; }
    /* M13 Teaser c */
    .m13_c { overflow: hidden; width:300px; }
    .m13_c .ml135 { margin-left: 140px; }
    .m13_c .mr135 { margin-right: 140px; }    
     /* textplain incl. links */
    .textplain, .textplain_grey, .textplain_red  { font-size: 0.75em; line-height: 1.25em; color: #000; }
    .textplain_red p  { font-size: 1em; line-height: 1.25em; color: #000; }
    .textplain a, .textplain_grey a, .textplain_red a { color: #000; text-decoration: underline; }
    .textplain a:hover, .textplain_grey a:hover, .textplain_red a:hover { color: #f21c0a; }
    .textplain ul, .textplain_grey ul, .textplain_red ul { margin: 1em 0em 1em 0em; padding: 0em 0em 0em 0em; }
    .textplain ul ul, .textplain_grey ul ul, .textplain_red ul ul { margin: 0.5em 0em 0.5em 0em; padding: 0em 0em 0em 0em; }
    .textplain ul li { margin: 0.5em 0em 0em 20px; padding: 0em 0em 0em 0em; text-align: left; }
    .textplain ul ul li { margin: 0.5em 0em 0em 20px; padding: 0em 0em 0em 0em; text-align: left; list-style-image: url('images/img_content_bullet_grey.gif'); }
    .textplain_red ul li { margin: 0.5em 0em 0em 20px; padding: 0em 0em 0em 0em; text-align: left; list-style-image: url('images/img_content_bullet_red.gif'); }
    .textplain_red ul ul li{ margin: 0.5em 0em 0em 20px; padding: 0em 0em 0em 0em; text-align: left; list-style-image: url('images/img_content_bullet_grey.gif'); }
    .textplain_grey ul li { margin: 0.5em 0em 0em 20px; padding: 0em 0em 0em 0em; text-align: left; list-style-image: url('images/img_content_bullet_grey.gif'); }
    .textplain_grey ul ul li{ margin: 0.5em 0em 0em 20px; padding: 0em 0em 0em 0em; text-align: left; list-style-image: url(''); }
    .textplain hr, .textplain_grey hr, .textplain_red hr { color: #969696; }
    /* News Detailpages*/
    .intronews ul, .intronews ol { font-weight:normal !important; }
    /* link icons */
    .arrowbackred a, .arrowbackgrey a { padding: 0em 0em 0em 17px; }
    .arrowred a, .arrowgrey a, .downloadred a, .downloadgrey a, .cameragrey a, .camerared a, .emailgrey a, .emailred a, .graphgrey a, .graphred a, .photogrey a, .photored a, .podcast a { padding: 0em 0em 0em 24px; }
    .speakerred a, .speakergrey a, .checkred a, .checkgrey a { padding: 0em 0em 0em 32px; }
    .arrowred a { background-image: url('images/icon_arrow_right_r_24.gif'); background-repeat: no-repeat; background-position: 0em 0em;}
    .arrowgrey a { background-image: url('images/icon_arrow_right_g_24.gif'); background-repeat: no-repeat; background-position: 0em 0em;}
    .arrowbackred a { background-image: url('images/icon_arrow_left_r_17_spaceright.gif'); background-repeat: no-repeat; background-position: 0em 0em;}
    .arrowbackgrey a { background-image: url('images/icon_arrow_left_g_17_spaceright.gif'); background-repeat: no-repeat; background-position: 0em 0em;}
    .downloadred a { background-image: url('images/icon_download_r_24.gif'); background-repeat: no-repeat; background-position: 0em 0em;}
    .downloadgrey a { background-image: url('images/icon_download_g_24.gif'); background-repeat: no-repeat; background-position: 0em 0em;}
    .cameragrey a { background-image: url('images/icon_camera_g_24.gif'); background-repeat: no-repeat; background-position: 0em 0em;}
    .camerared a { background-image: url('images/icon_camera_r_24.gif'); background-repeat: no-repeat; background-position: 0em 0em;}
    .checkgrey a { background-image: url('images/icon_check_g_24.gif'); background-repeat: no-repeat; background-position: 0em 0em;}
    .checkred a { background-image: url('images/icon_check_r_24.gif'); background-repeat: no-repeat; background-position: 0em 0em;}
    .emailgrey a { background-image: url('images/icon_send_g_24.gif'); background-repeat: no-repeat; background-position: 0em 0em;}
    .emailred a { background-image: url('images/icon_send_r_24.gif'); background-repeat: no-repeat; background-position: 0em 0em;}
    .graphgrey a { background-image: url('images/icon_chart_g_24.gif'); background-repeat: no-repeat; background-position: 0em 0em;}
    .graphred a { background-image: url('images/icon_chart_r_24.gif'); background-repeat: no-repeat; background-position: 0em 0em;}
    .photogrey a { background-image: url('images/icon_photo_g_24.gif'); background-repeat: no-repeat; background-position: 0em 0em;}
    .photored a { background-image: url('images/icon_photo_r_24.gif'); background-repeat: no-repeat; background-position: 0em 0em;}
    .podcast a { background-image: url('images/icon_podcast_r.gif'); background-repeat: no-repeat; background-position: 0em 0em;}
    .speakergrey a { background-image: url('images/icon_speaker_g_24.gif'); background-repeat: no-repeat; background-position: 0em 0em;}
    .speakerred a { background-image: url('images/icon_speaker_r_24.gif'); background-repeat: no-repeat; background-position: 0em 0em;}
    .arrowredteaser a { background-image: url('images/icon_arrow_right_r_17_spaceright.gif'); background-repeat: no-repeat; background-position: 0em 0em; padding: 0px 0px 0px 16px; }
    .arrowgreyteaser a { background-image: url('images/icon_arrow_right_g_17_spaceright.gif'); background-repeat: no-repeat; background-position: 0em 0em; padding: 0px 0px 0px 16px; }

    /* text picture combination */
    
    .m6_textpicture {position:relative; width:auto;}
    .m6_textpicture .column2 {position:absolute; bottom:0px; left:130px; width:auto;}
    .m6_textpicture .m6_pos {overflow:hidden;}
    
    .textpic_head, .textpic_text, .table_text, .table_text tr td { font-size: 0.75em; }
    .table_text, .table_text tr td { line-height: 1.5em; }
    .table_text a { color: #000; text-decoration: underline; }
    .table_text p { font-size:100%; }
    .table_text p strong { font-weight:normal !important;}
    .table_text ul { margin: 1em 0em 1em 0em; padding: 0em 0em 0em 0em; }
    .table_text ul ul { margin: 0.5em 0em 0.5em 0em; padding: 0em 0em 0em 0em; }
    .table_text ul li { margin: 0.5em 0em 0em 20px; padding: 0em 0em 0em 0em; text-align: left; list-style-image: url('images/img_content_bullet_red.gif')}
    .table_text ul ul li { margin: 0.5em 0em 0em 20px; padding: 0em 0em 0em 0em; text-align: left; list-style-image: url('images/img_content_bullet_grey.gif'); }
    .textpic_head { font-weight: bold; }
    .textpic_text { margin: 0.375em 0px 0px 0px; }
    /* Table 2columns */
    .table_column1 { padding-right: 20px; width: 90px; }
    
    /* link and teaser format */
    .linkeleven a, .teasertext { font-size:0.67em; line-height:1.2em; text-decoration:none; color: #000; display:block; }
    .moretext a { font-size:0.67em; line-height:1.2em; color: #000; text-decoration:underline; display:block; }
    .linkcontent a { font-size: 0.75em; color: #000; text-decoration: none; }
    .linkcontent a:hover, .linkeleven a:hover, .moretext a:hover { color: #f21c0a; }
    .link_top {margin-top: 0.5em; }
    .mb10 { margin-bottom: 0.5em; }
    /* Table 3columns */
     .m12_3columns { position:relative; width:100%; overflow:hidden; }
     .m12_3columns .downloadlink { position:absolute; width:auto; bottom:0px; }     
     .m12_3columns .mr10 { margin-right: 10px; }
     .mb5 { margin-bottom: 0.3125em; }
    
    /* Contact template */
    .m20_contact { clear:both; }
    .m20_contact .ml140{margin-left:140px;}
    .m20_contact .m20_headline{margin-bottom:0.3125em; font-weight:bold; color:#000000; font-size:0.75em; line-height:1.25em;}
    
    /* Businesscard template */
    .m22_businesscard { /*clear:both;*/ }                  
    .m22_businesscard .align_top { vertical-align:top;}
    .m22_businesscard .align_bottom { vertical-align:bottom;}
    .m22_businesscard .contact_link a {color: #000; text-decoration:none; font-size:0.75em;}
    .m22_businesscard .contact_link a:hover {color: #f21c0a;}

    /* Iframe tamplate */
    .m23_iframe { margin:0; overflow:hidden; width:100%; }
              
    /* Teaser */
    .teaser_margin { margin-right:20px; }
    .teasertext_margin { margin: 0.5em 0em; }
    .moretext_margin { margin: 0.5em 0em 0.2em 0em; }
    .horizontal_teaser { width:300px; }
    .img_teaser_pad_left { padding-left: 10px; }    
    .img_teaser_pad_right { padding-right: 10px; }    
    
    /* Doorwayteaser Teaser Modules */
    .dwt_w500_ml0   { width:500px; _width:496px; }
    .dwt_w500_ml30  { margin-left:30px; _margin-left:15px; width:500px; _width:496px; }
    .dwt_w500_ml60  { margin-left:60px; _margin-left:30px; width:500px; _width:496px; }
    .dwt_w500_ml90  { margin-left:90px; _margin-left:45px; width:500px; _width:496px; }
    .dwt_w500_ml120 { margin-left:120px; _margin-left:60px; width:480px; _width:476px; }
    .dwt_w500t { width: 380px; _width: 376px; height:auto; line-height:14px; }
    .dwt_w480t { width: 360px; _width: 356px; height:auto; line-height:14px; }
    /* alte Überganswerte */
    .doorway_width { width: 500px; } 
    .doorwayteaser { width: 380px; height: auto; line-height:14px; }
    /* /alte Überganswerte */
    .doorway_head { padding: 0.5em 10px 0em; }
    .doorway_text { padding: 0.2em 10px 0em; }
    .doorway_link { margin-left: 4px; margin-bottom: 4px; }
    
    /* contact font-size reddotmode */
    .contacttext { font-size: 11px; }
    
    /* subheadline */
    .subheadline { font-size: 0.75em; }
    /* additional infos - media file */
    /* .link_add_infos { color: #969696; font-weight: normal; } */
/* Visual_Headline_Media_Table_2columns */
    #cont_vhmt { position:relative; float:left; width:auto; }
    #cont_vhmt .col_top { position:relative; float:left; width:auto; }
    #cont_vhmt .col_bottom { float:left; margin-top:1.25em; }
    #cont_vhmt .col_headline { position:relative; float:left; width:260px; }
    #cont_vhmt .col_media_container { position:relative; float:left; margin-left:30px; min-width:390px; }
    #cont_vhmt .col_media_links { position:absolute; padding:0px 30px 0px 30px; left:0px; bottom:0px; width:200px; } /* IE width: 260px */
    #cont_vhmt .col_links { position:relative; float:left; padding:0px 30px 0px 30px; width:200px; } /* IE width: 260px */
    #cont_vhmt .col_content { position:relative; float:left; margin-left:30px; width:390px; }
    /* only view on pages with more then 600px content space */
    .layoutgrid4 #cont_vhmt { display:none; }
    .layoutgrid6 #cont_vhmt { display:none; }
/* Visual_Headline_Copytext */
    .cont_vhc { width:100%; }
    .cont_vhc_top { overflow:hidden; }
    .cont_vhc_copytext { clear:both; float:left; padding-top:10px; width:100%; }
    .cont_vhc .width100 {width:100%;}
    .cont_vhc .align_top { vertical-align:top;}
    .cont_vhc .align_middle { vertical-align:middle;}
    .cont_vhc .align_bottom { vertical-align:bottom;}
    .cont_vhc .align_left { text-align: left;}
    .cont_vhc .align_right { text-align: right;}
    .cont_vhc_image { display:table-cell; }/*alt*/
    .cont_vhc_headline { display:table-cell; } /*alt*/
    .cont_vhc_headline_left { padding-right:10px; } /*alt*/
    .cont_vhc_headline_right { padding-left:10px; } /*alt*/
/* footer */
    #footer div.footer_top,
    #footer_homepage div.footer_top { float:left; width:100%; border-bottom: 1px #959595 solid; margin: 0px; padding: 0px 0px 0.3em 0px; }
    #footer div.footer_bottom,
    #footer_homepage div.footer_bottom { clear:both; float:left; width:100%; }
    #footer_homepage ul.footer_bottom,
    #footer ul.footer_bottom { margin: 0px; padding: 0px; }
    #footer_homepage ul li,
    #footer ul li { display: inline; list-style-type: none; vertical-align: top; }
    #footer_homepage ul.footer_bottom li,
    #footer ul.footer_bottom li { display: inline; list-style-type: none; padding: 0px 0px 0px 8px; }
    #footer_homepage a,
    #footer a { font-size: 0.625em; color: #959595; text-decoration: none; padding: 0px 0px 0px 0px; }
    #footer_homepage a.toplink,
    #footer a.toplink { padding: 0px 0px 0px 12px; background-image: url('images/arrow_grey_top.gif'); background-repeat: no-repeat; background-position: 0em;}
    #footer_homepage a.printlink,
    #footer a.printlink { padding: 0px 0px 0px 20px; background-image: url('images/print_icon.gif'); background-repeat: no-repeat; background-position: 0em;}
    #footer_homepage .copyright,
    #footer .copyright { font-size: 0.625em; color: #959595; float:left; padding: 0.6em 0px 0px 0px; }
/* marginal area */
    #col_marginal .infobox,
    #col_marginal .infoboxgrey,
    #col_marginal .infoboxred { width: auto; padding: 0em; margin: 0em 0em 2em 0em; }
    #col_marginal .infoboxred { border: 1px #f21c0a solid; }
    #col_marginal .infoboxgrey { border: 1px #969696 solid; }
    #col_marginal .infobox_header { margin: 0px; padding: 0.1em 10px 0.3em 10px; font-size: 0.75em; font-weight: bold; color: #fff; }
    #col_marginal .infoboxred .infobox_header { background: #f21c0a; }
    #col_marginal .infoboxgrey .infobox_header { background: #969696; }
    #col_marginal .infobox .infobox_header { color: #000; padding-left: 0px; }
    #col_marginal .infobox_content { margin: 0em; padding: 0.3em 10px 0em 10px; }
    #col_marginal .infobox .infobox_content { padding-left: 0px;}
    #col_marginal .infobox .red { color:#f21c0a ;}
    #col_marginal .infobox .grey { color:#969696 ;}
    #col_marginal .infobox_media { margin: 0; padding:0; overflow:hidden; }
    #col_marginal .m16_media { margin: 0; padding:0; }
    #col_marginal .mpw188 { width:188px !important; }
    #col_marginal .mpw190 { width:190px !important; margin: 0 0 2em 0; }
    #col_marginal a { font-size: 0.7em; color: #000; text-decoration: none; display: block; }
    #col_marginal a:hover { color: #f21c0a; }
    #col_marginal .filedes { white-space: nowrap; }
    #col_marginal div.linkred,
    #col_marginal div.linkgrey,
    #col_marginal div.linkdlred,
    #col_marginal div.linkdlgrey,
    #col_marginal div.camarared { clear:both; margin: 0em; padding: 0em; display:block;  }
    #col_marginal div.linkred { margin-bottom: 0.5em; padding: 0px 0px 0px 16px; text-align: left; background: url('images/icon_arrow_right_r_17_spaceright.gif'); background-repeat: no-repeat; background-position-x: 0em; background-position-y: 0em; }
    #col_marginal div.linkgrey { margin-bottom: 0.5em; padding: 0px 0px 0px 16px; text-align: left; background: url('images/icon_arrow_right_g_17_spaceright.gif'); background-repeat: no-repeat; background-position-x: 0em; background-position-y: 0em; }
    #col_marginal div.linkdlred { margin-bottom: 0.5em; padding: 0px 0px 0px 24px; text-align: left; background: url('images/icon_download_r_24.gif'); background-repeat: no-repeat; background-position-x: 0em; background-position-y: 0em; }
    #col_marginal div.linkdlgrey { margin-bottom: 0.5em; padding: 0px 0px 0px 24px; text-align: left; background: url('images/icon_download_g_24.gif'); background-repeat: no-repeat; background-position-x: 0em; background-position-y: 0em; }
    #col_marginal div.camarared { margin-bottom: 0.5em; padding: 0px 0px 0px 24px; text-align: left; background: url('images/icon_camera_r_24.gif'); background-repeat: no-repeat; background-position-x: 0em; background-position-y: 0em; }
/* hint */
    .hint { margin:1em 0em; line-height:1.5em; text-align:justify; background-color:#F4F8F4; border-color:#aaccaa; border-style:dotted none; border-width:1px 0pt; color:#666; margin:0pt 0pt 1em 1em; padding:0.5em 1em 0.5em 48px; background-image:url('images/symbol_hint.png'); background-position:left top; background-repeat:no-repeat; }
/* Search */
    #search_results .highlight { font-weight: bold; color: red; }
    #search_results .ellipsis { font-weight: bold; }
    #search_results .fs063 { font-size: 0.63em; }
    #search_results .fs075 { font-size: 0.75em; }
    #search_results .searchresults { display: block; }
    #search_results .searchresults a { text-decoration: underline; color: #f21c0a; font-weight: bold; }
    #search_results .searchresultinfos { width: auto; margin-top: 0.8em; }
    #search_results .searchresultinfos a { text-decoration: underline; color: #000; font-weight: normal; }
    #page_navigation ul { display:inline; float:right; }
    #page_navigation ul li { display:inline; float:left; list-style-type:none; }
    #page_navigation ul li a { color: #000; display:block; font-size:0.75em; font-weight:normal; padding:0em 0.4em; text-decoration:none; width:auto; }
    #page_navigation ul li a:hover { color: #f21c0a; }
    #page_navigation .actual { color: #f21c0a; padding: 0em 0.4em; font-size:0.75em; }
    #page_navigation .arrowgrey a { padding-left:24px; }
    #page_navigation .arrowbackgrey24 a { padding-left:24px; }
}