/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen stylesheet - FULLPAGE-layout type layout
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.2
 * @revision        $Revision: 743 $
 * @lastmodified    $Date: 2012-10-23 23:01:14 +0200 (Di, 23 Okt 2012) $
 */

@media screen {

    /* force vertical scrollbar */
    body {
        /*background: url("../../images/bkg-main.png") repeat-x scroll left top #eeeeee;*/
       background: none repeat-x scroll left top #f1f1f1;
        overflow-y: scroll;
    }

    /* Layout Module Configuration */
    .ym-wrapper {
        /*max-width: 80em;*/
        /*max-width: 994px;*/
        max-width: 1200px;
        margin: 0 auto;
    }

    .ym-wbox {
        padding: 1.5em;
    }



    /* fallback for missing media queries support*/
    body > header, body > nav, body > #main, body > footer {
        min-width: 760px;
    }

    /* Basic Element Styling */
    header {

        background: url("../../images/sprite-bkg-1px.png") repeat-x scroll 0 0 transparent;
        border: 1px solid #CCCCCC;
        height: 106px;
        padding: 0 30px;
        position: relative;
        z-index: 500;
    }
    .header-wrapper {
        height: 540px;
    }
    header .search-seknav {
        border-bottom: 1px solid #CCCCCC;
        padding: 5px 0 3px;
    }

    header .nav-logo {
        padding: 10px 0;
    }

    .logo {
        margin-top: 8px;
    }

    nav {
        height: 58px;
    }

    footer {
        background: url("../../images/sprite-bkg-1px.png") repeat-x scroll 0 -585px #E1E0E0;
        color: #333333;
        font-size: 0.8em;
        margin-top: 20px;
    }

    footer p {
        margin: 0;
    }

    footer .ym-g20.ym-gl .ym-gbox, footer .ym-g20.ym-gr .ym-gbox {
        padding: 0 0.5em 0 0;
    }

    footer ul {
        margin: 0;
        padding: 0;
    }

    footer ul li {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    header .ym-wbox, footer .ym-wbox {
        padding: 1.5em;
    }

    .ym-gbox {
        padding: 0 1.5em;
    }
    .ym-gbox-left {
        padding: 0 1.5em 0 0;
    }
    .ym-gbox-right {
        padding: 0 0 0 1.5em;
    }

    section.box {
        padding: 0 1.5em 1.5em 1.5em;
    }

    #main aside .ym-gbox-right {
        border-left: 1px #ddd solid;
    }

    /* skip links styling */
    .ym-skiplinks a.ym-skip:focus, .ym-skiplinks a.ym-skip:active {
        color: #fff;
        background: #333;
        border-bottom: 1px #000 solid;
        padding: 10px 0;
        text-align: center;
        text-decoration: none;
    }

    .no-padding {
        padding: 0 !important;
    }


    .teaser {
        margin-top: -2em;
    }

    .teaser-box {
        /*background: url("../../images/sprite-search-shadow.png") repeat-x scroll 0 173px transparent;
        height: 260px;
        */

        box-shadow: 0 14px 19px -9px #CCCCCC;
        -webkit-box-shadow: 0 14px 19px -9px #CCCCCC;
        -moz-box-shadow: 0 14px 19px -9px #CCCCCC;
        margin-bottom: 24px;
        position: relative;
    }



    .teaser-box section.block {
        background: url("../../images/sprite-bkg-1px.png") repeat-x scroll 0 -120px #FFFFFF;
        border-color: #CCCCCC -moz-use-text-color #CCCCCC #CCCCCC;
        border-style: solid none solid solid;
        border-width: 1px medium 1px 1px;
        height: 180px;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: relative;
    }

    .teaser-box.last section.block {
        border: 1px solid #CCCCCC;
    }


    .teaser-box section.block h3 {
        font-size: 17px;
        margin: 0;
        padding: 1em 0 0 30px;
    }

    .teaser-box section.block > p, .teaser-box section.block > div {
        padding: 0 30px;
        margin-top: 0.7em;
    }

    .teaser-box section.block .separator {
        background: none repeat scroll 0 0 #CCCCCC;
        bottom: 57px;
        display: block;
        height: 2px;
        margin: 10px 30px 0;
        position: absolute;
        width: 70%;
    }

    .teaser-box .shadow {

        height: 30px;
    }

    .teaser-box section.block p.teaser-link {
        background: url("../../images/arrow-red-left.png") no-repeat scroll left center transparent;
        bottom: 0;
        height: 56px;
        line-height: 56px;
        margin: 0;
        padding: 0 0 0 50px;
        position: absolute;
        width: 100%;
    }

    #main{
        margin-top: 2em;
        background:transparent;

    }


    .landingpage #submenu {
        background: none repeat scroll 0 0 white;
        bottom: 0;
        box-shadow: 0 8px 20px -6px #CCCCCC;
        -webkit-box-shadow: 0 8px 20px -6px #CCCCCC;
        -moz-box-shadow: 0 8px 20px -6px #CCCCCC;
        margin-left: -52px;
        width: 241px;
        position: absolute;
        z-index: 1000;
    }






    #submenu .top {
        background: url("../../images/bkg-banner-boxes.png") repeat scroll -424px 0 transparent;
        color: #FFFFFF;
        padding: 0.4em 0 0.4em 40px;
    }

    .contentpage #submenu .top {
        background: url("../../images/bkg-submenu-top.gif") repeat scroll 0 0 transparent;
    }

    #submenu .top h3 {
        color: #FFFFFF;
        margin: 6px 0;
        text-transform: uppercase;

    }

    #submenu .bottom {
        background: url("../../images/bkg-submenu-bottom.png") no-repeat scroll left bottom #FDFDFD;
        padding: 0 30px;
        border: 1px solid #CCCCCC;
    }

    .landingpage #submenu .bottom {
        border: medium none;
    }

    #submenu .separator {
        background: url("../../images/arrow-red-left.png") no-repeat scroll left top transparent;
        height: 56px;
        margin-top: -28px;
        position: absolute;
        width: 38px;
    }
    #submenu .top ul {margin:0; padding:0;}
    #submenu .top ul li {
        background: url("../../images/arrow-white-left.png") no-repeat scroll 5px 7px transparent;
        line-height: 1.2em;
        list-style-type: none;
        margin: 0 40px 0 0;
        padding: 0 0 0 5px;
    }
    #submenu .top ul li:hover{
        background: url("../../images/arrow-white-left.png") no-repeat scroll 5px 7px #E30613;
    }

    #submenu .top ul li a {
        color:#FFFFFF;

        padding: 2px 10px;
        display: block;
    }
    #submenu .top ul li a:hover {}

    #submenu .bottom ul {margin:0; padding:0;}
    #submenu .bottom ul li {
        border-bottom: 2px solid #CDCCCC;
        line-height: 1.2em;
        list-style-type: none;
        margin: 0;
        padding: 0.5em 0;
    }
    #submenu .bottom ul li.last{
        border-bottom:none;
    }
    #submenu .bottom ul li a {
        color: #000000;
        display: block;
        padding-left: 10px;
        font-size:1.2em;
    }
    #submenu .bottom ul li a:hover, #submenu .bottom ul > li.active-trail > a{
        color:#E30613;
    }

    #submenu .bottom ul ul {
        margin: 0 0 0 14px;
    }


    #submenu .bottom ul ul li {
        background: url("../../images/list-minus.png") no-repeat scroll 0 10px transparent;
        border-bottom: medium none;
        line-height: 1.2em;
        padding: 2px 0;
    }

    #submenu .bottom ul ul li:hover, #submenu .bottom ul ul li.active-trail{
        background: url("../../images/list-minus.png") no-repeat scroll 0 -88px transparent;
    }
    #submenu .bottom ul ul li.active-trail a{ color:#E30613;}
    #submenu .bottom ul ul li a{ font-size: 1.1em;}



    #facts {
        background: url("../../images/bkg-banner-boxes.png") repeat scroll left top transparent;
        color: #FFFFFF;
        float: right;
        height: 372px;
        margin: -1px -52px 0 -2px;
        overflow: hidden;
        padding-left: 30px;
        padding-right: 24px;
        padding-top: 10px;

        width: 327px;
        font-size: 1.1em
    }

    #facts h3 {
        color: #FFFFFF;
        font-size: 1.8em;
    }

    #facts ul {
        margin: 1em 0 0;
        padding: 0;
    }

    #facts ul li {
        background: url("../../images/arrow-white-left.png") no-repeat scroll left 9px transparent;
        list-style-type: none;
        margin: 0 0 5px;
        padding-left: 12px;
    }


    .ym-col1 { width: 263px; margin: 0;}
    .ym-col2 { margin: 0 25% 0 270px; float:left; margin: 0; width: 53%;}
    .ym-col3 { margin-left: 76%; margin-right: 0%; }


    body.contentpage.fullwidth .ym-col1 { }
    body.contentpage.fullwidth .ym-col3 {margin: 0 0 0 270px; float:left; margin: 0; width: 77.91%; overflow: hidden; }


    .widget {
        background: url("../../images/sprite-bkg-1px.png") repeat-x scroll left -350px #F7F5F5;
        border: 1px solid #CCCCCC;
        margin: 23px 0;
        padding: 30px 25px 0;
        position: relative;
    }

    .region-sidebar-left .widget {
        background: url("../../images/arrow-red-left-sidebar.png") no-repeat scroll left top transparent;
        border: medium none;
        min-height: 120px;

    }

    .region-sidebar-left .widget > *{
        transform: rotate(-15deg) !important;
        -ms-transform: rotate(-15deg) !important;
        -o-transform: rotate(-15deg) !important;
        -webkit-transform: rotate(-15deg) !important;
        color:#fff;
    }


    .region-sidebar-left .widget h3 {
        font-size: 1em;
        font-weight: bold;
        margin: 0 0 0 -13px;
        padding: 0;
    }

    .region-sidebar-left .widget p{
        font-size: 0.9em;
    }


    .widget h3{
        font-size: 17px;
        margin: 0;

    }

    .widget .separator {
        background: none repeat scroll 0 0 #CCCCCC;
        height: 2px;
        margin: 10px 0 0;
        width: 100%;
    }


    .widget p.widget-link {
        background: url("../../images/arrow-red-left.png") no-repeat scroll left center transparent;
        height: 56px;
        line-height: 56px;
        margin: 0 0 0 -25px;
        padding: 0 0 0 50px;
        width: 100%;
    }

    .widget p, .widget div, .widget ul {
        font-size:0.9em;
    }

    .widget ul{
        margin:1.5em 0 0;
        padding: 0;
    }

    .widget ul li{
        background: url("../../images/arrow-black-left.png") no-repeat scroll left 6px transparent;
        list-style-type: none;
        margin: 0 0 5px;
        padding-left: 12px;
    }


    .btn-navbar{
        display:none;
    }


    #block-views-motiondata_module_block-block {
        /*background: #f6f6f6;
        border: 1px solid #fefefe;
        padding: 2px 10px;*/
       margin-bottom: 40px;
    }
    
    .view.view-motiondata-module-block .views-field-field-icon .field-content {
		float:left;
		margin-right: 5px;
    }    


	.view.view-motiondata-module-block .views-field.views-field-title .field-content {
	    color: #e30613;
	    font-size: 120%;
	    line-height: 2em;
	    margin-left: 15px;
	    text-transform: uppercase;
	}

	.view.view-motiondata-module-block .views-field.views-field-body .field-content{
		clear:both;	
	}
	
    .view.view-motiondata-module-block .views-field.views-field-body .field-content p {
        margin: 0;
        text-align: justify;
    }


    .view.view-motiondata-module-block ul.pager {
        font-weight: normal;
        text-align: center;
        font-size: 0.9em;
    }

    .view.view-motiondata-module-block ul.pager li.pager-current {
        font-weight: normal;
    }

    .view.view-motiondata-module-block .views-field.views-field-field-vorteile ul li {
        background: url("../../images/list-plus.png") no-repeat scroll 0 6px transparent;
        list-style-type: none;
        margin: 5px 0;
        padding-left: 20px;
    }
    
	.view.view-motiondata-module-block .views-field.views-field-view-node .field-content {
	    /*float: right;
	    margin: 10px 0;*/
	}
	    
	    
	.view-motiondata-module-block .views-field.views-field-body {
	    display: none;
	}

	
	.view-motiondata-module-block .views-field.views-field-title {
	    background: transparent url("../../images/bkg-modul-title.png") repeat scroll 0 0;
	    position: absolute;
	    width: 350px;
	    height: 40px;
	    line-height: 40px;
	    padding: 0 0 0 10px;
	}  
	
	
	
	.view-motiondata-module-block .views-field.views-field-view-node {
	    background: transparent url("../../images/bkg-modul-title.png") repeat scroll 0 0;
	    height: 25px;
	    line-height: 25px;
	    margin-top: 215px;
	    padding-bottom: 0;
	    padding-left: 0;
	    padding-right: 10px;
	    position: absolute;
	    text-align: right;
	    width: 350px;
	}




}

/* reset fallback values in modern browsers */
@media screen and (min-width: 0px) {

    body > header, body > nav, body > #main, body > footer {
        min-width: 0;
    }
}

@media screen and (max-width: 1199px) {
    .ym-wrapper {
        max-width: 960px;
        margin: 0 auto;
    }
    .ym-col2{
        width: 47%;
    }


    body.contentpage.fullwidth .ym-col3 { width: 71.91%; }

    .teaser-box section.block{
        height: 205px;
    }

	.teaser-box section.block .separator { top:140px;}
	.teaser-box section.block p.teaser-link { top:150px;}

    .fullwidthbanner-container .ym-wrapper {
        margin: 0 0 0 40px;
    }

    .ym-col3 .widget{
        padding: 20px 15px 0;
    }
    .widget p.widget-link{margin: 0 0 0 -15px;}
    .view-referenzen ul li{margin: 0 14px 15px 0;}

	#googlemap { width: 449px;}

	.view-mitarbeiter .item-list ul li {
		min-height: 126px;
	}

	.nova-table-sub { width: 450px !important;}

	a.facebook-link { line-height:inherit;}

	.afdbdata, .view-dokumente { font-size: 12px;}

}

@media screen and (max-width: 1024px) {

    .ym-hlist ul li a, .ym-hlist ul li strong{
        font-size: 14px;
    }
}

@media screen and (max-width: 850px) {

    .secondary {
        border-top: 1px #888 solid;
        margin-top: 1.5em !important;
    }

    #main aside .ym-gbox-right {
        border: 0 none;
    }

    /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
    .linearize-level-1, .linearize-level-1 > [class*="ym-g"], .linearize-level-1 > [class*="ym-col"] {
        display: block;
        float: none;
        padding: 0;
        margin: 0;
        width: 100% !important;
    }

    .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"], .linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
        overflow: hidden; /* optional for containing floats */
        padding: 0;
        margin: 0;
    }

    .ym-searchform {

    }
    .register-link{
        display:none;
    }

    .ym-hlist ul li a, .ym-hlist ul li strong{
        font-size: 12px;
    }

    #user-login-form.ym-horizontal {
        margin: 0 0 0 10px;
        position: absolute;
        width: 330px;
    }

    .teaser{
        display:none;
    }

    .logo img {
        max-width: 150px;
    }

    .ym-col3 {
        margin-left: 80%;
    }


    .ym-col3 .widget {
        font-size: 0.9em;
        padding: 10px 5px 0;
    }


    .ym-col3 .widget p.widget-link {
        margin: 0;
        padding-left: 0;
        background-image:none;
    }
    .ym-col3 .widget h3{font-size: 13px;}

    .view-mitarbeiter .item-list ul li,
    .view-referenzen .item-list ul li {
        display: inline-block;
        float: none;
    }


    p {
        font-size: 0.9em;
        line-height: 1.1em;
        margin: 1.2em 0 0;
    }


    h1 { font-size: 150%;}
    h2 {font-size:133%; }
    h3 {font-size:120%;}
    h4 {font-size:116%;}
    h5 { font-size:110%; }
    h6 {font-size:100%;}

}

@media screen and (max-width: 700px) {

    .ym-wrapper {
        margin: 0 auto;
        max-width: 40em;
    }

    header .ym-wbox {
        padding: 0.75em 10px;
    }

    footer .ym-wbox, .ym-wbox, .ym-searchform, nav .ym-hlist ul {
        padding-left: 10px;
        padding-right: 10px;
    }

    header h1 {
        font-size: 1.5em;
        line-height: 1em;
        margin: 0;
    }

    /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
    .linearize-level-2, .linearize-level-2 > [class*="ym-g"], .linearize-level-2 > [class*="ym-col"] {
        display: block;
        float: none;
        padding: 0;
        margin: 0;
        width: 100% !important;
    }

    .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"], .linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
        overflow: hidden; /* optional for containing floats */
        padding: 0;
        margin: 0;
    }


    #user-login-form.ym-horizontal{
        display:none;
    }

    .logo img {
        max-width: 125px;
    }


    .btn-navbar {
        display: block;
        margin-top: 10px;
    }

    nav#nav{ display:none; position:absolute;}

    header {
        height: 60px;
    }

    header .search-seknav {
        border-bottom: none;
        display:none;
    }


    .ym-hlist ul {
        background: none repeat scroll 0 0 #EFEFEF;
        display: block;
        float: none;
        margin: 0;
        width: 130px;
    }

    .ym-hlist ul li {
        display: block;
        float: none;
        font-size: 1em;
        height: 40px;
        line-height: 40px;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }


    .ym-hlist ul.seknav li.first a, .ym-hlist ul li.first a {
        padding: 0 8px 0 12px;
    }

    .ym-hlist ul li a, .ym-hlist ul li strong{
        border-right: none;
    }


    .region-before-footer .ym-g33 {
        float: none;
        width: 100%;
    }

    footer .ym-g20 {
        display: block;
        float: none;
        margin: 6px 0;
        width: 100%;
    }

    .ym-col1 .ym-cbox {padding:0;}

    .region-sidebar-left,
    #submenu .top,
    #submenu .separator,
    header .ym-grid .ym-g38,
    .tp-caption.arrow span.white{
        display:none;
    }

    #submenu .bottom {
        background: none repeat scroll 0 0 #FFFFFF;
        font-size: 0.9em;
        padding: 0 10px;
    }


    .ym-col1,
    .ym-col2,
    .ym-col3,
    header .ym-grid .ym-g62,
    .region-content .ym-grid .ym-g66,
    .region-content .ym-grid .ym-g33   {
        margin: 0;
        width: 100%;
        float: none;
    }

    .landingpage #submenu {
        background: none repeat scroll 0 0 white;
        box-shadow: 0 8px 20px -6px #CCCCCC;
        margin: 208px 0 0 -52px;
        position: absolute;
        width: 100%;
        z-index: 1000;
        bottom: auto;
    }


    .tp-caption.arrow span.red {
        margin: 0 0 0 -750px !important;
    }

    .tp-caption.arrow span {
        font-size: 16px !important;
    }


    .view-mitarbeiter .item-list ul li { float: none; width:100%; }
    .view-referenzen .item-list ul li {
        display: inline-block;
        float: none;
    }



}