/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * central stylesheet - layout example "flexible-columns"
 *
 * @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         4.0
 * @lastmodified    $Date: 2012-01-22 12:01:24 +0100 (So, 22 Jan 2012) $
 */


/* import core styles | Basis-Stylesheets einbinden */
@import url(../core/yaml4/core/base.min.css);
@import url(../core/yaml4/screen/screen-FULLPAGE-layout.css);
@import url(../core/yaml4/forms/norm-theme.css);
/* import screen layout | Screen-Layout einbinden */

@import url(screen/hlist.css);
@import url(screen/forms.css);
@import url(screen/typography.css);


/* import print layout | Druck-Layout einbinden */
@import url(print/print.css);

@media screen {
    body { }
    /* Layout Module Configuration */
    .ym-wrapper {

    }

    .ym-wbox {
    }
    header { background:url(../images/header-hg.jpg)  repeat-x;}


    header .ym-wbox, footer .ym-wbox {
        padding: 0 !important;}
    nav {
        position:absolute;
        top:0;
        width:100%;
        background: none !important;   
    }
    header .ym-wbox { position:relative;}

    #main .ym-wbox{
		padding: 2em 0.5em 2em 0.5em;

    }

    footer{
        background: none; 
    }

    footer .ym-wrapper {
        -webkit-border-top-right-radius: 10px;
        -webkit-border-top-left-radius: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-topleft: 10px;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        background: #314662 !important;
        padding:1em;
        color:#FFF;

    }

    /* Spalten Definitionen */
    /* Aus Beispiel Datei kopieren und überschreiben(/examples/css/*.css) */
    .ym-column {}
    .ym-col1 { float: left; width: 73%; } /* content */
    .ym-col3 { margin: 0 0 0 73%; } /* sidebar */

    /* Google Maps*/
    #googlemap .overlay {font-family: 'Roboto Condensed', sans-serif; font-size:100%;}
    #googlemap .overlay .firma { color: #53a7e5; font-weight:bold; display:block }
    #googlemap .overlay .firmazusatz { font-weight:bold; }
    #googlemap .overlay .strasse {  }
    #googlemap .overlay .plzort {  }
    #jPanelMenu-menu{ display:none;}
    section.box { padding:1.0em 0.6em!important;}
    .blau{ font-size:135%; color:#53a7e5;line-height: 0.9em;  margin:0em; padding:0.3em 0;}
    .weiss{ font-size:190%; color:#FFF;line-height: 0.9em; font-weight:bold; margin:0em;}
    .kontakt h3{ color:#314662 !important}
    .pfeil { background:url(../images/pfeil.png) no-repeat left center; padding-left:1.3em; font-size:1.2em; margin:0 0 0.3em; }
    .bild { 
        border: 1px solid #314662;
        float:left;
        margin:0.3em 0.6em 0.3em 0.3em;
        background:#FFF;
    }
    .bild img {
        
    }
    .ym-grid {
        margin-bottom:2em; }
    .round {
        border: 2px solid #314662 ;
        border-radius: 10px;}
    
    a#top-link {
        bottom: 10px;
        color: #222222;
        display: none;
        padding: 5px 10px;
        position: fixed;
        right: 10px;
        float: right;
        left: auto !important;
        transition: background 0.2s linear 0s, border 0.2s linear 0s, color 0.2s linear 0s;
    }
    a#top-link:hover { cursor:pointer; background: none;}
}
@media screen and ( max-width: 1100px) {
    /*nav {	min-width:  1000px; }*/

}

@media screen and ( max-width: 1040px) {
    /*nav {	min-width:  950px; }*/

}
@media screen and ( max-width: 920px) {
    /*nav {	min-width:  850px; }*/

}

@media screen and ( max-width: 810px) {
    /*nav {min-width: auto; position: static; }*/
    .ym-hlist ul {float:left;}
    .ym-hlist img{ text-align:center}
	
}
@media screen and ( max-width: 780px) {
 #hmenu { display:none;}
}

@media screen and ( max-width: 480px) {
	nav { position:static; }
	#main img.flexible { width: 70% !important;}
    body { font-size: 70%}
    div.tabdiv table { font-size: 80%}
   
    #Schalungsarten #Bildwechsel { width: 92%}

    /* Option INLINE */
    div.tabdiv.inline table {
        display: inline;
    }
    div.tabdiv.inline tr, div.tabdiv.inline td {
        display: block;
        width: 100% !important;
    }
    div.tabdiv.inline td p.bildanzeige strong {
        display: block;
        margin: 0 5px 0 0;
        width: 100%;
    }
    div.tabdiv.inline td p.bildanzeige strong span {
        display: block;
    }
    /* Option INLINE */
    div.tabdiv.scroll {
        overflow: auto;-webkit-overflow-scrolling: touch;
    }
    /* Option ORIENTATION */
    div.tabdiv.orientation {
    }
    div.tabdiv.orientation table {
        display: block;
        position: relative;
        width: 100% !important;
    }
    div.tabdiv.orientation table:after {
        clear: both;
        content: " ";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden;
    }
    div.tabdiv.orientation thead {
        display: block;
        float: left;
    }
    div.tabdiv.orientation tbody {
        display: block;
        overflow-x: auto;
        position: relative;
        white-space: nowrap;
        width: auto;
    }
    div.tabdiv.orientation thead tr {
        display: block;
    }
    div.tabdiv.orientation th {
        display: block;
    }
    div.tabdivorientation tbody tr {
        display: inline-block;
        vertical-align: top;
    }
    div.tabdiv.orientation td {
        display: block;
        min-height: 1.25em;
    }
    div.tabdivorientation th {
        border-bottom: 0 none;
    }
    div.tabdiv.orientation td {
        border-bottom: 0 none;
        border-left: 0 none;
        border-right: 0 none;
    }
    div.tabdiv.orientation tbody tr {
    }
    div.tabdiv.orientation th:last-child, div.tabdiv.orientation td:last-child {
    }
}

#honeypot { display: none;}