/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen stylesheet - PAGE-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.1
 * @revision        $Revision: 733 $
 * @lastmodified    $Date: 2012-03-04 19:15:48 +0100 (So, 04 Mrz 2012) $
 */

@media screen {

    /* force vertical scrollbar */
    body {
        overflow-y: scroll;

    }

    /* Layout Module Configuration & fallback for unsupported media queries */
    .ym-wrapper {
        min-width: 760px;
        /*		max-width: 80em;*/
        /*		max-width: 981px;*/
        max-width: 995px;

        margin: 90px auto;

    }

    .ym-wbox {
        padding: 10px;
    }

    /* Basic Element Styling */
    header {
        background: #444;
        color: #ccc;
        padding: 1.5em;
    }

    header h1 {
        background: transparent;
        color: #fff;
    }

    nav {
        background: #222222;
    }

    #main {
    }

    footer {
        margin: 1.5em 0 0 0;
        background: #eee;
        color: #444;
        padding: 1.5em;
    }

    footer p {
        margin: 0;
    }

    /* Column-Set Configuration: 1-3 (sidebar right) */
    .ym-column {
        display: block;
        overflow: hidden;
        padding-right: 340px;
        width: auto;
    }

    .ym-col1 { /* content */
        float: left;
        width: 100%;
    }

    .ym-col3 { /* sidebar */
        position: relative;
        float: left;
        width: 340px;
        margin-left: 0;
        margin-right: -340px;
    }

    .ym-col1 .ym-cbox {
        padding: 0 0.75em 0 1.5em;
    }

    .ym-col3 .ym-cbox {
        padding: 0 20px 0 12px;
    }

    /*	.ym-gbox { padding: 0 1.5em 0 0; } */
    /* 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;
    }
}

/*********************************************************/

/* 980.gs port for YAML 4 */

/*.ym-g980-1 { width: 142px; }
.ym-g980-2 { width: 284px; }
.ym-g980-3 { width: 426px; }
.ym-g980-4 { width: 568px; }
.ym-g980-5 { width: 710px; }
.ym-g980-6 { width: 842px; }*/

/* groessere Quadrate */
.ym-g980-1 {
    width: 155px;
}

.ym-g980-2 {
    width: 310px;
}

.ym-g980-3 {
    width: 465px;
}

.ym-g980-4 {
    width: 620px;
}

.ym-g980-5 {
    width: 775px;
}

/*	.ym-g980-6 { width: 930px; }*/
.ym-g980-1-5 {
    width: 220px;
}

/*schmalere rechte Spalte*/
.ym-g980-3-5 {
    width: 530px;
}

/*schmalere rechte Spalte*/

.ym-push-0,
.ym-push-1,
.ym-push-2,
.ym-push-3,
.ym-push-4,
.ym-push-5,
.ym-push-6,
.ym-push-menu,
.ym-pull-1,
.ym-pull-2,
.ym-pull-3,
.ym-pull-4,
.ym-pull-5,
.ym-pull-6,
.ym-pull-menu {
    /*	position: relative;*/
    position: absolute;
}

/*	.ym-push-0 { left:   0px; }
	.ym-push-1 { left: 142px; }
	.ym-push-2 { left: 284px; }
	.ym-push-3 { left: 426px; }
	.ym-push-4 { left: 568px; }
	.ym-push-5 { left: 710px; }
	.ym-push-6 { left: 852px; }
	.ym-push-menu { left: 129px; } */
/*	.ym-push-menu { left: 90px; }*/

/*	.ym-push-0 { left:   0px; }
	.ym-push-1 { left: 155px; }
	.ym-push-2 { left: 310px; }
	.ym-push-3 { left: 465px; }
	.ym-push-4 { left: 620px; }
	.ym-push-5 { left: 775px; }
	.ym-push-6 { left: 930px; }
	.ym-push-menu { left: 142px; } */
/*	#uid13 .ym-push-menu { left: 90px; }*/

.ym-push-0 {
    left: 0px;
}

.ym-push-1 {
    left: 95px;
}

.ym-push-2 {
    left: 250px;
}

.ym-push-3 {
    left: 405px;
}

.ym-push-4 {
    left: 560px;
}

.ym-push-5 {
    left: 715px;
}

.ym-push-6 {
    left: 870px;
}

.ym-push-menu {
    left: 82px;
}

/*	#uid13 .ym-push-menu { left: 90px; }*/

/* pull-Klassen: werden nicht gebraucht, sind nicht angepasst! */
/*	.ym-pull-1 { left: -142px; }
	.ym-pull-2 { left: -284px; }
	.ym-pull-3 { left: -426px; }
	.ym-pull-4 { left: -568px; }
	.ym-pull-5 { left: -710px; }
	.ym-pull-6 { left: -812px; }
/*


/*	.ym-gbox {
		margin-right: 13px;
		padding: 0;
		height: 129px;
	}*/

.ym-gbox {
    margin-right: 13px;
    padding: 0;
    height: 142px;
}

.ym-push-6 .ym-gbox {
    margin-right: 0;
}

/*.row {
    position: relative;
    height: 129px;
    margin-top: 13px;
}*/
.ym-wrapper > .row {
    position: relative;
    height: 142px;
    margin-top: 13px;
    width: 142px;
}

.last_row {
    /* 	margin-top: 0;*/
}

/*	.quadrat, .logo {
		display: block;
		padding: 0px 0px;
		height: 129px;
	}*/

.quadrat, .logo {
    display: block;
    padding: 0px 0px;
    height: 142px;
    width: auto;
}

.quadrat[class*="q_"] {
    /*		background-color: gold;*/
}

/*	 .q_31, .q_41, .q_51 {
		padding: 5px 0 0 0;
		height: 130px;
		width: 143px;
		}*/

.q_31, .q_41, .q_51 {
    padding: 11px 0 0 0;
    height: 138px;
    width: 155px;
}

.q_21 {
    padding: 118px 0 0 0;
    height: 32px;
    width: 155px;
}

.q_21 a {
    color: rgb(217, 0, 0);
}

.q_21, .q_31, .q_41 {
    border-bottom: solid 1px rgb(127, 127, 102);
}

/******************************/
/*	new menu */

.q_31 .menu,
.q_41 .menu,
.q_51 .menu {
    /*	 	margin-top: -8px;*/
    margin-top: -12px;
}

/******************************/

.quadrat img {
    width: 142px;
    height: auto;
}

div.logo {
    margin-right: auto;
    margin-left: auto;
    width: 198px;
}

#uid62 .more-link,
#uid71 .more-link {
    width: 100%;
    /*height: 20px;*/
    /*background-image: url('../../../user_upload/Bilder_142/pics_more_142x46.png');*/
    background-image: url('../images/pics_more_142x46_2.png');
    color: transparent;
    position: absolute;
    bottom: 0px;
    height: 46px;
    z-index: 2;
}

/*******************************************************/


#uid71 figure a img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: 300ms;
}

#uid71 figure a:hover img {
    filter: none;
}

#uid62 .more-link-text,
#uid71 .more-link-text {
    text-transform: uppercase;
    text-decoration: none !important;
    text-align: right;
    /*color: rgb(217, 0, 0);*/
    color: #fff;
    position: absolute;
    bottom: 0px;
    z-index: 2;
    width: 46px;
    right: 0;
    background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    /*background: rgba(255, 255, 255, 0.5);*/
    background: rgba(148, 148, 142,0.7);
    padding: 5px 10px;
    text-shadow: 0px 0px 3px #000;
    font-weight: bolder;
}

#uid62 .quadrat a,
#uid71 .quadrat a {
    text-decoration: none;
}

#uid62 .more-link,
#uid71 .more-link {
    display: none;
}

/*******************************************************/


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

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

    /* 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;
    }

    nav .ym-hlist ul {
        padding-right: 10px;
    }

    .ym-searchform {
        display: block;
        float: none;
        width: auto;
        padding-right: 10px;
        text-align: right;
    }

    .ym-searchform input[type="search"] {
        width: 14%;
    }
}

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

    .ym-wbox {
        padding: 0;
    }

    header {
        padding: 0.75em 10px;
    }

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

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

    /* 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;
    }

    .ym-searchform,
    nav .ym-hlist ul,
    nav .ym-hlist li {
        display: block;
        float: none;
        width: auto;
        text-align: left;
    }

    .ym-searchform input[type="search"] {
        width: 75%;
    }
}