@font-face {
    font-family: 'icomoon';
    src:url('../../fonts/icomoon/icomoon.eot');
    src:url('../../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/icomoon/icomoon.woff') format('woff'),
        url('../../fonts/icomoon/icomoon.ttf') format('truetype'),
        url('../../fonts/icomoon/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout f�r YAML-Beispiele
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.3
 * @revision        $Revision: 118 $
 * @lastmodified    $Date: 2007-08-18 16:03:42 +0200 (Sa, 18 Aug 2007) $
*/

@media all
{
    /*------------------------------------------------------------------------------------------------------*/
    *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    /**
    * (en) Formatting YAML's  basic layout elements
    * (de) Gestaltung des YAML Basis-Layouts
    */

    /* (en) Marginal areas & page background */
    /* (de) Randbereiche & Seitenhintergrund */
    body { background:#ffffff;padding: 1em; }

    /* (en) Layout: width, background, borders */
    /* (de) Layout: Breite, Hintergrund, Rahmen */
    #page_margins { max-width: 940px; margin:0 auto;}
    #page{}

    /* (en) Centering layout in old IE-versions */
    /* (de) Zentrierung des Layouts in alten IE-versionen */
    body { text-align: center; }
    #page_margins { }
    .container {max-width:940px;margin:0 auto;text-align:left;}
    header {background:#fcc000;}
    /* (en) Designing main layout elements */
    /* (de) Gestaltung der Hauptelemente des Layouts */
    #header {height:auto; background: transparent;overflow:visible;}
    #header img.headImg1 {position:absolute; top:45px; right:0px; font-size:208%;}
    #header img.logo {position:absolute; right:0; top: -1em;z-index:1000;}


    span.black_title {color:#000000;}


    .tx-srlanguagemenu-pi1 .NO a {

        margin-right: 3px;
        color:#000000;
        text-transform:uppercase;
    }

    .tx-srlanguagemenu-pi1 {
        position: absolute;
        top: 1em;
        right: 8em;
        width: 30px;
        overflow: visible;
    }

    .tx-srlanguagemenu-pi1 a:hover {color:#ffffff;background:#000000;}
    .tx-srlanguagemenu-pi1 img {margin-top:5px;padding-right:3px;}

    .tx-macinasearchbox-pi1 {
        position: absolute;
        right: 13em;
        width: 30px;
        overflow: visible;
    }

    .real {
        font-size: 8em;
        height: 0.8em;
        margin-top: 0.9em;
        color:#000000;
        font-family:'Open Sans Condensed',Arial, 'sans-serif';
        font-weight:700;
        text-transform:uppercase;
        text-align:center;
    }


    ul#menu_mobile {display:none;}
    .nav {display:none;}
	.mobile {display:none;}






    #header .langMenu_be {
        position:absolute;top:10px;left:160px;
        width:180px;
    }

    #header .langMenu_be img {margin-top:5px;padding-right:3px;width:12px;}




    #header .head_meta_suche_text {
        width: 145px;
        height: 22px;
        background: url("../../img/head_meta_suche_text.gif") no-repeat;
        border: none;
        float: left;
        padding: 0 10px;
        font-size: 11px;
        color: #bbb;
    }

    #header input.head_meta_suche_button {
        background:none;
    }

    #header #topnav {
        height: 30px;
        width: 40px;
        margin:0;
        position: absolute;
        color:#000000;
        right:135px;
        z-index:2000;
    }

    #header #netnav {margin:0;
                     position: absolute;
                     font-size:0.8em;
                     color:#000000;
                     right: 135px;
                     top: 3.7em;
                     z-index:1500;
                     text-align:right;

    }

    #header #netnav ul {float:left;list-style-type:none;margin:0;}
    #header #netnav ul li {line-height:1.7em;}
    #header #netnav li a {color:#000000;}



    /* (en) adjustment of main navigation */
    /* (de) Anpassung der Hauptnavigation */
    #nav_top {
        position:absolute;
        margin-top:-80px;
        overflow:visible;
        float:left;
        width:100%;

    }
    /* What happened here? the ID seems to have changed into a Class */
    #headbild  {text-align: center;}
    #nav_top ul {margin-left:0;}
    #nav {height:80px;overflow:visible;}



    #main {
        background-color: #fff;
        padding-top: 30px;
        padding-right: 20px;
        padding-bottom: 50px;
        padding-left: 20px;
    }

    .main {
        background-color: #fff;
        padding-top: 30px;
        padding-right: 0;
        padding-bottom: 50px;
        padding-left: 0;
        line-height:1.2em;
    }




    #col1 { background-color: #fff; }
    #col2 { background-color: #fff; }
    #col3 { background-color: #fff; }
    .upper { background-color: #fff; }

    /*------------------------------------------------------------------------------------------------------*/

    /**
     * (en) Formatting content container
     * (de) Formatierung der Inhalts-Container
     *
     * |-------------------------------|
     * | #header                       |
     * |-------------------------------|
     * | #col1   | #col3     | #col2   |
     * | 25%     | flexible  | 25%     |
     * |-------------------------------|
     * | #footer                       |
     * |-------------------------------|
    */


    #col1 { width: 25%; }
    #col1_content {overflow: visible;padding:0;}

    #col3 { margin: 0 26%;}

    /* SOLARSTROMRECHNER
    #pageUID-21 #col3_content { padding:20px 0;}*/
    #pageUID-6692 .floatbox {overflow:visible !important;}
    #pageUID-1029 .floatbox {overflow:visible !important;}
    #pageUID-1118 .floatbox {overflow:visible !important;}

    #c8002 {margin:20px 0;}
    #c8434 {margin:20px 0;}
    #pageUID-21 .floatbox {overflow:visible !important;}
    /* FUNKTION SOLARSTROMANLAGE */
    #pageUID-362 .floatbox {overflow:visible !important;}
    #pageUID-2214 .floatbox {overflow:visible !important;}
    #pageUID-2340 .floatbox {overflow:visible !important;}
    #pageUID-2981 .floatbox {overflow:visible !important;}
    #pageUID-2948 .floatbox {overflow:visible !important;}
    /* FACHPARTNERSUCHE BELGIEN */
    #pageUID-6740 .floatbox {overflow:visible !important;}

/* Supllier Day FOOTER OFF */
	 #pageUID-10791 .lower {display:none !important;}
	#pageUID-10790 .lower {display:none !important;}
	#pageUID-10789 .lower {display:none !important;}
	#pageUID-10785 .lower {display:none !important;}
	#pageUID-10784 .lower {display:none !important;}
	#pageUID-10782 .lower {display:none !important;}

    /* ####################################
    ** ### Teaser #########################
    ** ####################################
    */
    #teaser {margin:0 0 0 0; padding:0;position:relative;background:#ffffff; line-height: 0px;margin-top:65px;}
    #teaser #headbild { padding:0;}

    #teaser .rootline {margin:6px 0 4px 4px;font-size:11px;width:70%;}
    #teaser .rootline a {color:#888; text-decoration:underline;}
    #teaser .rootline a:hover {background:transparent;}


    #teaser .aktDatum {float:right; margin:6px 20px 4px 0;}
	.topbutton {float:right;margin-top:-3em;}
    #footer {
        color:#666;
        background-image: url('../../img/footer.jpg') !important;
        background-repeat: no-repeat !important;
        background-position: 0px 2px !important;
        padding:15px 5px;width:100%;margin-bottom:20px;
    }

    #flags_block {float:left;}
    #footermenu {float:right;margin-top:0.3em;}
    #footermenu a {color:#ffffff;padding:5px;line-height:1.5em;}
    .printbutton {width:2em; float:left;margin-top:0.3em; margin-left: 10px; }

    .rWline1_2 {margin-top:5px;background:#fde49e;}
    .rWline1_2,.rWline1, .rWline2, .rWline3, .rWline4 {display:block; overflow:hidden; font-size:1px;}
    .rWline1_2,.rWline1, .rWline2, .rWline3 {height:1px;}
    .rWline2, .rWline3, .rWline4 {background:#FFFFFF; border-left:1px solid #fff; border-right:1px solid #fff;}
    .rWline1 {margin:0 5px; background:#fff;}
    .rWline2 {margin:0 3px; border-width:0 2px 0 2px;}
    .rWline3 {margin:0 2px;}
    .rWline4 {height:2px; margin:0 1px 0 1px;}

    .rWline2_footer, .rWline3_footer, .rWline4_footer {display:block; overflow:hidden; font-size:1px;height:1px;}
    .rWline2_footer, .rWline3_footer, .rWline4_footer {background:#fde49e; border-left:1px solid #fde49e; border-right:1px solid #fde49e;}
    .rWline2_footer {margin:0 3px; border-width:0 2px 0 2px;}
    .rWline3_footer {margin:0 2px;}
    .rWline4_footer {height:2px; margin:0 1px 0 1px;}


    /* NEW RELAUNCH  */
    .teaser {
        margin-top: 65px;
        position: relative;
    }

    .lower {
        margin: 0;
        width: auto;
        /* padding-top: 20px; */
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        display:block;background:#fcc000; }

    footer {background:#666666;height:2em;}






    /* NEW RELAUNCH End */

    /* ### Text Below Menu  #### */

    .textBelowMenu {
        width: 100%;
        margin-top: 27px;
        padding-right:15px;
        border-right:1px solid #ebebeb;
    }

    .textBelowMenu h2 a {
        color: #666666;
        font-size: 15px;
        font-weight: normal;
        line-height: 20px;
        margin: 0;
        padding: 0 0 5px;
    }




    /* ### Stock Price  #### */
    #pageUID-520 .textBelowMenu {
        width: 210px;
        border-right:none;
    }

    /* ### Formularseite Grossprojekte  #### */
    #pageUID-709 .textBelowMenu
    {width: 215px;}

    #pageUID-709 #col1_content  {padding:0;}


    /* ### Text Below Menu Presse Akreditierung HV  #### */

    #pageUID-3245 .textBelowMenu {
        border-right: 1px solid #EBEBEB;
        margin-top: 0;
        padding-right: 10px;
        width: 230px;
    }

    #pageUID-4406 .textBelowMenu {
        border-right: 1px solid #EBEBEB;
        margin-top: 0;
        padding-right: 10px;
        width: 230px;
    }

    #pageUID-4406 #col3 {
        margin-left:29%;
    }


    /* Neues Langemenu für Afrika */
    #header .langMenu2 {
        position:absolute;top:10px;left:200px;width:180px;
        background-repeat: no-repeat;
    }

    #header .langMenu2 ul {
        list-style-type:none;
    }

    #header .langMenu2 li {
        display:inline;
    }

    .contact_scroll {position:relative;}



    .sb-search {
        position: relative;
        width: 30px;
        min-width: 30px;
        height: 28px;
        float: right;
        overflow: hidden;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        transition: width 0.3s;
        -webkit-backface-visibility: hidden;
    }

    .sb-search-input {
        position: absolute;
        top: 0;
        right: 0;
        border: none;
        outline: none;
        background: #fff;
        width: 100%;
        height: 30px;
        margin: 0;
        padding: 2px 35px 2px 10px;
        font-family: inherit;
        font-size: 80%;
        color: #2c3e50;
        z-index:10;
    }
    input.sb-search-input:focus {
        width:200px;
        
    }
    .sb-search-input:-webkit-input-placeholder {
        color: #efb480;
    }

    .sb-search-input:-moz-placeholder {
        color: #efb480;
    }

    .sb-search-input::-moz-placeholder {
        color: #efb480;
    }

    .sb-search-input:-ms-input-placeholder {
        color: #efb480;
    }

    .sb-icon-search,
    .sb-search-submit  {
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
        margin: 0;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
    }

    .sb-search-submit {
        background:  transparent; /* IE needs this */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
        filter: alpha(opacity=0); /* IE 5-7 */
        opacity: 0;
        color: transparent;
        border: none;
        outline: none;
        z-index: -1;
    }

    .sb-icon-search {
        color: #000000;
        background: #fcc000;
        z-index: 90;
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
    }

    .sb-icon-search:before {
        content: "\e000";
    }

    /* Open state */
    .sb-search.sb-search-open,
    .no-js .sb-search {
        width: 200px;
    }

    .sb-search.sb-search-open .sb-icon-search,
    .no-js .sb-search .sb-icon-search {
        background: #000000;
        color: #fff;
        z-index: 11;
    }

    .sb-search.sb-search-open .sb-search-submit,
    .no-js .sb-search .sb-search-submit {
        z-index: 90;
    }


    /* flexible Medien*/
    img, embed,video {
        max-width: 100%;
        height: auto;
        width: auto;
    }

    .flexible {
        max-width: 100%;
        height: auto;
        width: auto;
    }


    DIV.csc-textpic-intext-right figure {float:right;margin-left: 10px;}
	.style_gelb DIV.csc-textpic-intext-right-nowrap figure {float:right;margin-left: 10px;}
    DIV.csc-textpic-intext-left figure {float:left;margin-right: 10px;}
    DIV.csc-textpic-intext-left-nowrap figure {float:left;margin-right: 10px;}
    DIV.csc-textpic-right figure {}





    .slicknav_menu {
        display:none;
    }
}

@media screen and ( max-width: 760px ) {
    #scrollingDiv {display:none;}
.contact_scroll {display:none;}
body { padding: 0.7em;}
	
}

@media screen and ( max-width: 1024px) {
    .contact_scroll {display:none;}
    #scrollingDiv {display:none;}
	
	#header img.logo { right: 0.75em;}
	footer { padding-left: 0.75em; padding-right: 0.75em;}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    .container {max-width:940px;margin:0 auto;text-align:left;
    }

    DIV.csc-textpic-intext-right figure {max-width:60%;}
    DIV.csc-textpic-intext-right-nowrap figure {max-width:60%;}

    DIV.csc-textpic-intext-right-nowrap .csc-textpic-text,
    DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {
        /* Textblock */
    }

    #scrollingDiv {display:none;}
	.contact_scroll {display:none;}

}

@media screen and ( max-width: 840px ) {
    .real {
        font-size: 6em;
    }
}

@media screen and ( max-width: 640px ) {
    .real {
        font-size: 5em;
    }
}


/* Smartphones (portrait) ----------- */


@media screen and ( max-width: 480px ) {
	
    .contact_scroll {display:none;}
    #scrollingDiv {display:none;}
    .main {
        background-color: #fff;
        padding-top: 30px;
        padding-right: 0;
        padding-bottom: 50px;
        padding-left: 0;
    }
    .c33l, .c33r {
        width: 100%;
    }

    .c50l, .c50r {
        width: 100%;
    }

    .c50r .subcr {
        padding: 0;
    }

    .subc {
        padding: 0;
    }

    .subcl {
        padding: 0;
    }


    #c74343 img  {max-width:80%;}

footer {
    background: none repeat scroll 0 0 #666666;
    height: 20em;
}


#footermenu a {   
    display: block;    
}
#footermenu {
    float: left;
  
}

.printbutton {
    display:none;
}
    #nav_main {
        display:none;
    }
	.csc-textpic div {margin:0 !important;}
	
	
    .js #menu_mobile  {
        display:none;
    }

    .js #menu_world  {
        display:none;
    }
    .js .slicknav_menu {
        display:block;
    }
    .tx-macinasearchbox-pi1 {display:none;}


    .real {
        font-size: 4em;
        font-weight: 700;
        height: 1.8em;
        padding-top: 0.6em;
    }
	
	.textBelowMenu {display:none;}
	#col3 {width:100%;margin:0;}

}



/* Tablets and Desktop */
@media screen and (min-width: 481px) {
    #header img.logo {
        height: auto;
        width: auto;
    }
}

@media screen and (min-width: 481px) {
    .tx-srlanguagemenu-pi1 {
        right: 11em;
    }
}

@media screen and (min-width: 1010px) {
    .printbutton {margin-left: 0px; }
}