/**
 * "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(../yaml4/core/base.min.css);
@import url(../yaml4/screen/screen-FULLPAGE-layout.css);
@import url(../yaml4/forms/norm-theme.css);
/* import screen layout | Screen-Layout einbinden */

@import url(screen/vlist.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 { background: url(../images/hg.jpg) no-repeat center top scroll !important; }
    /* Layout Module Configuration */
    .ym-wrapper {
        max-width: 980px;
    }
    .ym-wbox {
    }
    
    header {
		background: none!important;
    }
	header .ym-wbox {
    padding: 0;
}
    nav {
		text-transform: uppercase;
   
    }
    
    #main .ym-wbox{
        padding: 1em;
    }

    footer{
		 background: url(../images/footer.jpg) no-repeat center top scroll !important; 
		 padding:2.5em 0em 0em 0em;
		 margin: 0em;
    }
	.adresse{
		background: none repeat  0 0 rgba(0, 0, 0, 0.7);
		color:#FFF;
   		padding: 1em;
		font-size:130%;
	}
	.standort {
	 background: url(../images/standort.png) no-repeat left top; 	
	 padding-left: 1.7em;	
	}
	.telefon {
	 background: url(../images/telefon.png) no-repeat left top; 	
	 padding-left: 1.7em;		
	}
	.mail a{
	 background: url(../images/email.png) no-repeat left top; 	
	 padding-left: 1.7em;
	 color:#FFF;
		
	}
	.mail a:hover{
	color: #1C9BE4;
	}
	footer .ym-wbox{
		padding: 0.2em 0.5em 7.0em 20em;
	}	
    .jPanelMenu-panel{
		background: none!important;
    }
	.blue{ border-top: 1px dotted #FFF;
	margin:1.0em 0em 0em 0em;
	}
	.blue a{	
	color: #1C9BE4;	
	line-height: 0.5em;
	padding:0.5em 0em;
	margin-top: 1.0em;
	text-transform:uppercase;
	font-size:80%;
	
	}	
	.blue a:hover{	
	color: #FFF;	
	}
	
    /* Spalten Definitionen */
    /* Aus Beispiel Datei kopieren und überschreiben(/examples/css/*.css) */
    .ym-column {}
    .ym-col1 { float: left; width: 70%; } /* content */
    .ym-col3 { margin: 0 0 0 70%; } /* sidebar */
    
    /* Google Maps*/
    #googlemap .overlay {font-family: Arial,Helvetica,sans-serif;font-size:75%;}
    #googlemap .overlay .firma { color: #DF3C77; font-weight:bold; display:block }
    #googlemap .overlay .firmazusatz { font-weight:bold; }
    #googlemap .overlay .strasse {  }
    #googlemap .overlay .plzort {  }
}

@media screen and ( max-width: 800px) {
	.sf-menu li.sfHover { background:none #0081c7 !important}
	.sf-menu li{ background:none #000 !important}
	footer .ym-wbox{
		padding: 0.2em 0.5em 0em 2em;
	}	
	
}


@media screen and ( max-width: 760px) {
	aside.ym-col3 {margin-top: 25px;}
	}


@media screen and ( max-width: 480px) {
	footer .ym-wbox{
		padding: 0.2em 0.5em 7.0em 0em;
	}	
	.sf-menu li {
    font-size: 13px;
	}
	
    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;}
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;}

/*Tabelle*/

tbody th {
font-weight:bold;
border:1px solid #ccc;
text-align:center;
vertical-align:middle;
}
tbody td {
		text-align: left;
		border:1px solid #ccc;
	}