/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * central stylesheet - layout example "flexible-grids"
 *
 * @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
 * @lastmodified    $Date: 2012-10-23 23:01:14 +0200 (Di, 23 Okt 2012) $
 */

/* Google Font API */
/*
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700,600);
*/

/* import core styles | Basis-Stylesheets einbinden */
@import url(./yaml/core/base.css);

@import url(./yaml/forms/gray-theme.css);

/* import screen layout | Screen-Layout einbinden 
@import url(../yaml/navigation/hlist.css);
@import url(../yaml/forms/gray-theme.css);

@import url(../yaml/screen/typography.css);
@import url(../yaml/screen/screen-FULLPAGE-layout.css);

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

/*
Farbdef:
	blau: #277ca1
	hellblau: #8facc4
	text: #666

*/

@media screen {

	/* force vertical scrollbar */
	body {
		overflow-y: scroll;
		background-color: #fff;
		font-family: 'Open Sans', sans-serif;
		font-size: 62.8%;
		color: #222;
	}
	/*
	1.0em = 10px 
	1.1em = 11px 
	1.2em = 12px 
	1.3em = 13px 
	2.0em = 20px 
	5.0em = 50px
	*/

	/* Layout Module Configuration */
	.ym-wrapper {
		max-width: 1300px;
		margin: 0 auto;
		padding: 0 10px;
	}
	
	/*.start .ym-wrapper {
		max-width: 930px;
	}*/

	/* resets */
	.ym-gbox,
	.ym-cbox,
	.ym-wbox {
		padding: 0;
		margin: 0;
	}

	/* fallback for missing media queries support*/
	body > header,
	body > nav,
	body > #main,
	body > footer {
		min-width: 760px;
	}
	
	.text-right {
		text-align:right;
	}	
	.text-center {
		text-align:center;
	}
	
	/*
	 * Spalten: Inhalt/linke Sidebar/rechte Sidebar 
	 * |-------------------------------------------------------|
	 * | left sidebar + content              | right sidebar   |
	 * | col 1 | flexible                    | col 3 | fixed   |
	 * |  ||                                 |                 |
	 * |  \/   (class inner)                 |                 |
	 * | |---------------------------------| |                 |
	 * | | left sidebar  | content         | |                 |
	 * | | col 3 | fixed | col 1 | flexible| |                 |
	 * | |---------------------------------| |                 |
	 * |                                     |                 |
	 * |-------------------------------------------------------|
	 */	
	.ym-column { 
		display: block;
		overflow: hidden;
		padding-right: 180px; /* column width */
		width: auto;
	}
	 
	.ym-col1 {  /* content-sb-left-wrapper */
		position: relative;
		float: left;
		width: 100%;
		border-top: 1px solid #277ca1;
		padding-top:20px;
	}
	 
	.ym-col3 { /* right sidebar */
		position: relative;
		float: left;
		width: 175px; /* column width */
		margin: 0 -180px 0 5px;
	}	
	
	.inner .ym-column { /* content sb-left */
		display: block;
		overflow: hidden;
		padding-left: 175px; /* column width */
		padding-right: 0px; 
		width: auto;
	}	 
	
	.inner .ym-col1 { /* content */
		position: relative;
		float: left;
		width: 100%;
		border-top: none;
		padding:0 20px 10px 30px;
	}
    .content {        
        overflow-x: auto;
        overflow-y: hidden;
    }
	
	.inner .ym-col3 {  /* left sidebar  */
		position: relative;
		float: left;
		width: 175px; /* column width */
		right: 175px; /* column width */
		_right: 0px; /* fix for ie6 */
		margin: 0 0 0 -100%;
		padding: 0 5px 0 10px;
	}
	
	/* Basic Element Styling */
	header {
	}
	header .werbung {
		text-align:center;
		margin-top:5px;		
	}
	header .werbung a:first-child {
		margin-right:20px;
	}
	
	
	header .logo-wrapper {
		margin-top:5px;
		padding:15px 0 15px 10px;
		border-top: 3px solid #277ca1;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;		
	}
	
	header .links-intern ul {
		margin:0;
		padding:0;
	}

	nav {
	}

	footer .ym-wrapper {		
		border-top: 1px solid #277ca1;
	}
	
	/* Nav */
	.nav {
		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
		display:inline;
		float:left; /* LTR */	
		margin:0;
		padding:0;
		font-size:1.3em;
		line-height:1.3em;
		text-transform: uppercase;
	}
	.nav li {
		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
		display:inline;
		float:left; /* LTR */
		list-style-type:none;	
	}
    .nav li span,
	.nav li a {
		text-transform: uppercase;
		color: #277ca1;
		text-decoration: none;
	}
	.nav li.active,
	.nav li a:hover {
		color: #8facc4;
	}
	
	/* Links intern */
	.links-intern li {
		padding-left: 20px;
	}
		
	/* Hauptnav */	
	.ym-hlist {
		/* (en) containing floats in IE */
		width:100%;
		/*overflow:hidden;*/
		/* (en|de) Bugfix:IE - collapsing horizontal margins */
		position:relative;
		background: #277ca1;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
	}

	.ym-hlist>ul {
		margin:0;
		padding: 0;
		
	}

	.ym-hlist>ul>li {
		margin: 0;
		padding: 0;
	}

	.ym-hlist>ul>li>span,
	.ym-hlist>ul>li>a {
		color:#fff;
		display:block;
		font-size:1.1em;
		line-height:1.1em;
		font-weight:600;
		padding: 7px 10px;
		width:auto;
	}

	.ym-hlist ul li a:focus,
	.ym-hlist ul li a:hover,
	.ym-hlist ul li a:active,
	.ym-hlist>ul>li.active>a {
		color:#fff !important;
		background:#8facc4 !important;
		text-decoration:none;
	}
	/* 2. Ebene */
	.ym-hlist ul li:hover ul {
		display: block;  /* Unternavigation einblenden */
	}

	.ym-hlist ul li ul {
		position:absolute; 
		display:none;
		margin:0 !important; 
		padding:0; 
		list-style:none;
		width:auto; 
		min-width: 0;
		float:none;
		height:auto;
		z-index:100;	
		background: #277ca1;
	}
	.ym-hlist ul ul li {
		padding: 2px 10px; 
		margin: 0;
		clear: left;
		width:100%;
		background: #277ca1;
	}
	/* Pfeil vor Untermenüpunkt */
	/*.ym-hlist ul ul li:before { 
		content: "\2192";
		color:#fff;
		padding-right:3px;
	}*/

	.ym-hlist ul ul li a {
		color: #fff;
		font-weight:bold;
		height: 16px;
		padding: 0;
		font-size: 0.9em;
	}

	.ym-hlist ul li.active,
	.ym-hlist ul li:hover {
		background:#8facc4;
		color: #fff;		
	}
    
    /* 3. Ebene */
    .ym-hlist ul>li:hover>ul>li>ul {
        display: none;
    }
    .ym-hlist ul>li:hover>ul>li:hover>ul {
        display: block;  /* Unternavigation einblenden */
    }

    .ym-hlist ul>li>ul>li>ul {
        position:absolute; 
        left:100%;
        display:none;
        margin:-23px 0 0 20px !important; 
        padding:0; 
        float:none;
        height:auto;
    }

    .ym-hlist ul>li>ul>li>ul>li.selected>span,
    .ym-hlist ul>li>ul>li>ul>li:hover>span,
    .ym-hlist ul>li>ul>li>ul>li.selected>a,
    .ym-hlist ul>li>ul>li>ul>li:hover>a {
        
    }    
    
	/* fix ie6 */
	*html .ym-hlist ul ul {
		margin:0 0 0 -2px;
	}	
	
	
	/* Breadcrumbs */
	.breadcrumbs {
		padding: 3px 10px;
	}
	
	.breadcrumbs li {
		font-size: 0.9em;
		padding:0;
		margin:0;
	}
	
	.breadcrumbs li a {
		font-size: 1.0em;
		padding:0;
		margin:0;
	}
	
	/* untere Service-Nav */
	.links-service li {
		padding-right: 20px;
	}
	
	/* end Nav */
	
	
	.ym-column {
		font-size: 1.3em;
	}	
	.inner .ym-column {
		font-size: 1.0em;
	}

	.ym-column p {
		margin-bottom:1.0em;
	}	
	.ym-column a {
		text-decoration:none;
		color:#277ca1;
	}	
	.ym-column a:hover {
		text-decoration:none;
		color:#8facc4;
	}
	
	.text-right {
		text-align:right;
	}

	/* Inhalt */
	h1 {
		font-size:1.6em;
		font-weight:600;
		margin-bottom: 10px;		
	}
	h2 {
		font-size:1.4em;
		font-weight:600;
        margin-bottom: 10px;
	}
	.start h2 {
		font-size:1.2em;
        margin-bottom: 3px;
	}
	h3 {
		font-size:1.2em;
		font-weight:600;
		margin-bottom: 5px;		
	}
	h4 {
		font-size:1.2em;
		font-weight:normal;	
		margin-bottom: 5px;
	}
    
    .hervorgehoben {
        letter-spacing:0.3em;
    }
    
    blockquote {
 		margin: 0 2.5em 1em 2.5em;
    }
	.content blockquote,
	.content blockquote p,
	blockquote,
	blockquote p {
       font-size:1em;
        line-height:1.4em;

	}	
	
	.rez-list article {
		margin-bottom: 20px;
		clear:both;		
		min-height: 140px;
	}
    
    .rez-list article.essay {
		min-height: 70px;
        margin-bottom:20px;
	}
	
	.rez-img,
	.rez-list article img {
		float:left;
		padding: 5px 10px 5px 0;
		height:140px;
        max-width: 100px;
	}

    .rez_content img[align="left"] {
        padding:5px 20px 10px 0;

    }
    
    .rez_content img[align="right"] {
        padding:5px 0 10px 20px;
    }
	
    
    /* Komparatistik */
    .komparistik article {
        margin-bottom:0;
    }
    .rez-list article .cover {
        width: 100px;        
    }
    .rez-list article .cover a img {
		height:auto;
	}
    /* end Komparatistik */
	
	/* Inhaltsverzeichnis */
    .toc h1 {
        font-size: 1.7em;
        font-weight:bold;
        margin-left:0px;
    }

    h2.toc {
        font-size: 1.5em;
        font-weight:bold;
        margin-left:0px;
    }
    
    h3.toc {
        font-size: 1.4em;
        font-weight:bold;
        margin-left:20px;
    }

    h4.toc {
        font-size: 1.4em;
        font-style:italic;
        margin-left:30px;
		font-weight:bold;
    }

    h5.toc {
        font-size: 1.4em;
        margin-left:40px;
        font-weight:500;
        font-style:italic;
    }

    h6.toc {
        font-size: 1.3em;
        font-weight:500;
        margin-left:0px;
        font-style:italic;
    }
    
    h2.toc a,
    h3.toc a,
    h4.toc a,
    h5.toc a,
    h6.toc a,
    h2.toc a:hover,
    h3.toc a:hover,
    h4.toc a:hover,
    h5.toc a:hover,
    h6.toc a:hover {
        color:#000;
    }    


    p.toc {
        font-size: 1.1em;
        margin-left:40px;
    }

	/* end Inhaltsverzeichnis */
    
	/* Rezensionen */
    .content p {
        font-size: 1.1em;
    }
    .content p.footerFrstLn {
        font-size: 1.0em;
    }

    .rez_content>div {
        font-size:1.1em;
    }
    
    .rezension {
	
	}
    .vgw-img {
        float:left;
        padding:0;
        margin:0 -1px 0 0;
	}
    
    .rez_autor {
        margin-bottom:20px;
    }
    
    /* Zwischenüberschriften */
    .rez_content h6,
    .sonder_content h6 {
        font-size: 1.1em;
        font-weight:bold;
        font-style:italic;
    }
    .rez_content h7,
    .sonder_content h7 {
        font-size: 1.1em;
        font-weight:normal;
        font-style:italic;
    }
    .rez_content p h6,
    .rez_content p h7,
    .sonder_content p h6,
    .sonder_content p h7 {
        font-size: 1em;
    }
    
    
    /* Hinweise */
    .rez_content dfn,
    .sonder_content dfn {
        font-size: 1em;
        font-style:italic; 
        font-family: "Open Sans",sans-serif;        
    }
    
    /* Gedichte */
    .rez_content address,
    .rez_content address p,
    .sonder_content address,
    .sonder_content address p,
    .rez_content samp,
    .sonder_content samp {
        font-style:inherit;
        font-size: 0.9rem;
        font-family: "Open Sans",sans-serif;  
		padding-left:20px;
		font-style: normal;			
    }
    
    /* Literaturverzeichnis */
	p.litvz {
		margin-bottom:0.5em;
	}
    .rez_content cite,
    .sonder_content cite {
        font-size: 1em;
        font-style:normal; 
        font-family: "Open Sans",sans-serif;        
    }
    
    /* Bilder in Rezensionen */
    .rez_content img,
    .sonder_content img {
        height:auto;
        max-width:100%;
    }

    div.sonder_content>a.icon,
    div.rez_content>a.icon,
    div.content>a.icon {
        padding: 10px 0;
        display: inline-block;
    }
	
	.reference {
		background-color: #FFF4E5;
		color: #666666;
	}
	
	.rez_biblio table table td {
		padding:5px 0;
	}
	.rez_biblio>table>tbody>tr:first-child img,
	.rez_biblio>table>tbody>tr:last-child img {
		display:none;
	}
    
    .rez_content .rez_biblio table img,
    .sonder_content .rez_biblio table img {
        height:auto;  
        max-width: 200px;
    }

	.rez_interaktion {
		text-align:right;
		margin-bottom:10px;
	}
	.rez_interaktion hr {
		float:right;
		margin-bottom:3px;
		color:#277CA1;
		background-color:#277CA1;
	}
	.rez_interaktion .addthis_toolbox {
		clear:right;
	}
	.rez_interaktion .icon img {
		margin-left:5px;		
	}
	
	.rez_nav {
		margin: 10px 0;
	}
	.rez_sitemap {	
		background:rgba(39,124,161,0.3);
		margin: 5px 0;
		padding: 5px;
	}
    .rez_biblio {
        margin: 20px 0;
    }

	.rez_footer {}

	.shariff {
		float:right;
		width:140px;
	}
	.shariff-button.info {
		display:none;
	}

	.shariff .orientation-horizontal li {
		min-width:33px;
		max-width:33px;
	}
	/* end Rezensionen */
    
	/* aktuelle Rezensionen */
    ul.aktRez {
        margin:10px 0;
        padding:0
    }
    
    ul.aktRez li {
        list-style:none;
        border-top:1px solid #666;
        padding:10px 0 0 0;
        margin:0 0 10px 0;
    }

	.article-teaser .teaser-site-aktRez {
		font-weight:bold;
	}
    
	/* end aktuelle Rezensionen */
	
    /* Archiv Rezensionen */
    .rezArchiv p,
    .rezArchiv a {
        font-size: 1.0em;    
    }
    /* end Archiv Rezensionen */
    
    /* Buch-Info */
	.buchbrief-einzelbuch .buchbrief-thema {
		margin:20px 0;
	}

	.buch_interaktion {

		width:70%;
	}
	.buchbrief-thema {
		padding-left:10px;
		border-left: 1px solid #277ca1;
	}
	.buchbrief-neu {
		margin:20px 0;
		font-weight:700;
	}
	.buchbrief-thema-betreff {
		font-weight:700;
	}
	.buchbrief-thema-betreff-vor {
		font-weight: 400;
	}
	.buchbrief-info {
		font-style: italic;
	}
	.readmore {
		margin: 5px 0 15px 0;
	}
	.buchbrief-antwort {
		margin:0  0 10px 0;
		font-weight: 400;
	}
	.buchbrief-wrapper {
		margin:10px 0;
		padding:5px;
	}
	.buchbrief-wrapper.row1 {
		background-color: rgba(39,124,161,0.1);
	}

	.buchbrief-text,
	.buchbrief-info {
		font-weight: 400;
	}

    /* end Buch-Info */
    
    /* Bücher-Liste */
    .buchliste tr {
        margin-bottom:5px;
    
    }    
    
    .buchliste td {
        vertical-align:top;
    }    
    
    .buchliste p {
        font-size:0.9em;
        padding-left:10px;
        padding-bottom:0;
        margin-bottom:0;
    }
    
    .buchliste td.buch-cover>img {
        display:none;
    }
    /* end Bücher-Liste */
    
    /* neue Bücher */
    .list-neue-buecher p {
        font-size: 1.0em;
        margin-bottom: 1px;
    }
    
    .list-neue-buecher p span {
        font-size: 1.0em;
    }
    .list-neue-buecher .list-item-cover,
    .list-neue-buecher table table tr td:first-child a {
        display: block;
        width: 80px;
    } 
    
    .list-border td {    
        border-top:1px solid #277CA1; 
        border-bottom:1px solid #277CA1; 
        background-color:#90CBE4;
        margin-bottom:2px;
        margin-top:2px;
        color: #000;
        padding: 2px;
    } 
    
    .list-border-bottom td {    
        border-bottom:1px solid #277CA1; 
        background-color:#90CBE4;
        margin-bottom:2px;
    } 
    
    .list-item-border-bottom td {    
        border-bottom:1px solid #FF9900; 
        margin-bottom:2px;
    }
    
    .spacer, .list-spacer td {
        height:5px;        
        line-height:5px;        
    }   
    
    .list-spacer-border-bottom td {
        height:5px;        
        line-height:5px;
        border-bottom:1px solid #277CA1;   
        margin-bottom:2px;        
    }
    
    .list-toc {
        padding:0 5px;        
    } 
    
    .list-toc a {
        font-size:0.8em;
        color: #277CA1;
    }
    
    /* end neue Bücher */
    
	/* Lexikon */
	.lexikon_table td,
	.lexikon_table td>p {
		font-size:0.9rem;
	}
	/* end Lexikon */
    
    /* normale Inhaltsseiten */
    .link-leserbriefe {
        text-align: right;
        margin-top:20px;
        
    }

    .link-leserbriefe a {
        padding:10px 0 5px 40px;
        border-top: 2px solid #277CA1;

    }

    /* end normale Inhaltsseiten */
    
    
    /* Abo Suche */
    .abo-suche td p {
        padding:5px 0;
        margin:0;
    }
    .abo-suche table tr td:first-child {
        padding-right:10px;
    }
    /* end Abo Suche */

    /* Abo Bestellung */



	.abo-form.ym-form div.ym-fbox-button {
		padding:0 1em 1.5em 0;
	}

	.abo-form .bezahlung {
		padding-bottom:10px;
	}

	.abo-form .hide {
		display:none;
	}
	.abo-form .show {
		display:block;
	}

    /* end Abo Bestellung */

    /* Kulturjournal 
    
    blau normal: 277CA1
    blau heller: 90CBE4
    */
    .kulturjournal .leftboxPurpleLine {
        background-color : #277CA1;
    }

    .kulturjournal .leftboxWhiteLine {
            background-color : #FFFFFF;
    }

    .kulturjournal .leftboxHeader        {
            font-family : Arial, Helvetica, sans-serif;
            color : #000;
            background-color : #90CBE4;
            font-weight : bold;
            text-indent : 5px;
    }

    .kulturjournal .leftboxTitle {
            font-family : Arial, Helvetica, sans-serif;
            font-size : 12px;
            font-weight : bold;
            color : #666699;
            margin-bottom : 0px;
    }

    .kulturjournal .leftboxContent {
            font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size : 11px;
            color : #666666;
    }
    /* end Kulturjournal */
    
    /* Leserbriefe */
    .leserbrief-red-buttons {
        padding:0;
        margin:10px 0;
    }
    .leserbrief-red-buttons li {
        list-style:none;
        float:left;
        margin-right:20px;
    }
    
    .leserbrief-nopub {
        background:#9F0000;
        color:#FFFFFF;
        font-weight:bold;
        clear:left;
    }
    /* end Leserbriefe */

	/* end Inhalt */

	/* extra Login-Seite */
    .login-extra-table {
        margin:2em auto;
        max-width:600px;
    }

    .login-extra-table-content>td {
        background-color:#FFFF9F;
        padding: 0 0.5em;
    }
    .login-extra-table-content p {
        font-size: 1.2em !important;
    }
    .login-extra-table-content p>span {
        font-size: 1.0em !important;
    }

    .login-extra-table-content>td>p {
        padding-bottom:1em;
    }
	.login-extra-table-content form {
        padding:1.5em 0;
    }
	.login-extra-table-content form td {
        padding:0.5em;
    }
	/* end extra Login-Seite */

	
	/* linke Sidebar */
	.sidebar-left h2 {
		font-size:1.4em;
		margin-bottom: 10px;
	}	
	.info {
		font-weight:600;
	}
    /*
	.sidebar-left {
		color: #277ca1;
	}	
	.sidebar-left a {
		color:#273FA1;
	}	
	.sidebar-left a:hover {
		color:#277ca1;
	}*/

    div.partner-vz {
        border: 1px solid #277CA1;
        border-left: 5px solid #277CA1;
        padding: 5px;
        color:#000;
        font-size:0.8em;
    }

    div.partner-vz a {
        font-weight:normal;
    }
    div.partner-vz form {
        margin: 4px 0 0 0;
        padding: 0;
    }

    div.partner-vz .partner-input {
        width: 95px;
    }
    div.partner-vz .partner-submit {
        background: #277CA1;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        border-left: 1px solid #277CA1;
        border-top: 1px solid #277CA1;
        color:#FFF;
        width: 30px;
        height: 20px;
        font: bold 11px arial, helvetica, sans-serif;
    }
    
    div.partner-callearco {
        margin-top:10px;
    }

	/* end linke Sidebar */
	
	
	/* rechte Sidebar */
	/* Suche */	
	.searchbox {
		display:block;
		float:right;
		width:265px;
		background:#fff;		
	}
	
	.searchbox .nav {
		background: #277CA1;
		padding: 0 0 0 10px;		
		margin-right:3px;
		height:30px;
	}
	.searchbox .nav>li>a {
		margin-left:0;
		color: #FFFFFF;
		display: block;
		font-size: 1.1em;
		font-weight: 600;
		line-height: 1.1em;
		padding: 7px 10px;
	}
	.searchbox .nav ul li ul li {
		font-size: 1.0em;
		padding: 2px 10px;
	}

	.ym-searchform .ym-searchfield {
		padding: 3px;
		margin-right:3px;
		width: 140px;
		height:30px;
		border: solid 1px #277ca1;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		float:left;
		color: #277ca1;
	}

	.ym-searchform .ym-searchbutton {
		background: url(../img/suchbutton.png) no-repeat; 
		width: 31px; 
		height: 30px;		
		border: none;
		cursor: pointer;
		padding: 0;
		margin:0;		
		vertical-align:top;
	}

    .sidebar-right div.werbung {
		font-size:0.9em;
		line-height:1.2em;
        padding: 0;
	}

    .sidebar-right .advertisementHeader {
        margin:0;
        padding:0;
        font-weight:bold;
    }

    .sidebar-right .werbung-text-1 p {
        padding-left: 3px;
        padding-right: 3px;
    }

    .sidebar-right .werbung-text-2 {
        margin-top:10px;
    }
	/* end rechte Sidebar */
	
	/* Werbung Rezension */
	.werbung-rezension {		
		font-size:0.9em;
		line-height:1.2em;
		width:100%;
		margin: 10px 0 30px 0;
		text-align:center;
	}
	.werbung-rezension .werbung-item {		
		max-width:175px;
		margin-right:30px;
		margin-left:30px;
		display:inline-block;
		vertical-align:top;
	}
	.werbung-rezension .werbung-item img {		
		max-width:100%;
		width:100%;
		height:auto;
	}
	
	/* end Werbung Rezension */
	
	
	/* Footer */
	.link-media {
		padding-top:5px;
		float:left;
	}	
	.link-top {
		margin-left: 160px;
		margin-right:10px;
	}
	
	/* end Footer */


	/* skip links styling */
	.ym-skiplinks a.ym-skip:focus,
	.ym-skiplinks a.ym-skip:active {
		color:#fff;
		background:#222;
		border-bottom:1px #000 solid;
		padding:10px 0;
		text-align: center;
		text-decoration:none;
	}
	
	/* Formulare */
	.content .ym-form input,
	.content .ym-form textarea,
	.content .ym-form select {
		margin-bottom:0;
		padding:5px;
	}
	.ym-form {
		background:none;
		border:none;
		box-shadow:none;
	}
	.ym-form, .ym-form fieldset {
		overflow: hidden;
	}
	.ym-form div {
		position: relative;
	}
	.ym-form label, .ym-form .ym-label, .ym-form .ym-message {
		display: block;
		line-height: 1.5;
		position: relative;
	}
	.ym-form .ym-fbox-check label {
		display: inline;
	}
	.ym-form input, .ym-form textarea {
		cursor: text;
	}
	.ym-form .ym-fbox-check input, .ym-form input[type="radio"], .ym-form input[type="checkbox"], .ym-form select, .ym-form label {
		cursor: pointer;
	}
	.ym-form textarea {
		overflow: auto;
	}
	.ym-form input.hidden, .ym-form input[type="hidden"] {
		display: none !important;
	}
	.ym-form .ym-fbox::before, .ym-form .ym-fbox-text::before, .ym-form .ym-fbox-select::before, .ym-form .ym-fbox-check::before, .ym-form .ym-fbox-button::before {
		content: "";
		display: table;
	}
	.ym-form .ym-fbox::after, .ym-form .ym-fbox-text::after, .ym-form .ym-fbox-select::after, .ym-form .ym-fbox-check::after, .ym-form .ym-fbox-button::after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}
	.ym-form div.ym-fbox-button {
		background:transparent;
		border:none;

	}
	.ym-form .ym-fbox-check input:focus, .ym-form .ym-fbox-check input:hover, .ym-form .ym-fbox-check input:active, .ym-form input[type="radio"]:focus, .ym-form input[type="radio"]:hover, .ym-form input[type="radio"]:active, .ym-form input[type="checkbox"]:focus, .ym-form input[type="checkbox"]:hover, .ym-form input[type="checkbox"]:active {
		border: 0 none;
	}
	.ym-form input, .ym-form textarea, .ym-form select {
		box-sizing: border-box;
		display: block;
		position: relative;
		width: 70%;
	}
	.ym-form .ym-fbox-check input, .ym-form input[type="radio"], .ym-form input[type="checkbox"] {
		display: inline;
		margin-left: 0;
		margin-right: 0.5ex;
		width: auto;
	}
	.ym-form label, .ym-form .ym-label {
		box-sizing: border-box;
		/*font-weight:600;*/
	}
	.ym-form .ym-fbox-button input {
		display: inline;
		overflow: visible;
		width: auto;
	}
	.ym-form .ym-inline {
		display: inline-block;
		float: none;
		margin-right: 0;
		vertical-align: baseline;
		width: auto;
	}
	.ym-fbox-wrap {
		display: table;
		table-layout: fixed;
		width: 70%;
	}
	.ym-fbox-wrap input, .ym-fbox-wrap textarea, .ym-fbox-wrap select {
		width: 100%;
	}
	.ym-fbox-wrap input[type="radio"], .ym-fbox-wrap input[type="checkbox"] {
		display: inline;
		margin-left: 0;
		margin-right: 8px;
		width: auto;
		margin-top:3px;
	}
	.ym-fbox-wrap label, .ym-fbox-wrap .ym-label {
		display: inline;
	}
	.ym-full input, .ym-full textarea, .ym-full select {
		width: 100%;
	}
	.ym-full .ym-fbox-wrap {
		width: 100%;
	}
	.ym-columnar input, .ym-columnar textarea, .ym-columnar select {
		float: left;
		margin-right: -3px;
	}
	.ym-columnar label, .ym-columnar .ym-label {
		display: inline;
		float: left;
		width: 30%;
		z-index: 1;
	}
	.ym-columnar .ym-fbox-check input, .ym-columnar .ym-message {
		margin-left: 30%;
	}
	.ym-columnar .ym-fbox-wrap {
		margin-left: 30%;
		margin-right: -3px;
	}
	.ym-columnar .ym-fbox-wrap .ym-message {
		margin-left: 0;
	}
	.ym-columnar .ym-fbox-wrap label {
		float: none;
		margin-left: 0;
		width: auto;
		z-index: 1;
	}
	.ym-columnar .ym-fbox-wrap input {
		margin-left: 0;
		position: relative;
	}
	.ym-columnar .ym-fbox-check {
		position: relative;
	}
	.ym-columnar .ym-fbox-check label, .ym-columnar .ym-fbox-check .ym-label {
		padding-top: 0;
	}
	.ym-columnar .ym-fbox-check input {
		top: 3px;
	}
	.ym-columnar .ym-fbox-button input {
		float: none;
		margin-right: 1em;
	}
	.ym-fbox-wrap + .ym-fbox-wrap {
		margin-top: 0.5em;
	}
	.ym-columnar fieldset .ym-fbox-button, fieldset.ym-columnar .ym-fbox-button {
		padding-left: 30%;
	}
	.ym-form input, .ym-form textarea, .ym-form select, .ym-form optgroup {
		box-shadow: none;
		border:1px solid #666;
	}

	.ym-form input:invalid, .ym-form textarea:invalid {
		background:transparent;
	}

	.ym-form div.ym-fbox-button {
		padding: 0 1em 1.5em 0;
	}

	.ym-button, .ym-form button, .ym-form input[type="button"], .ym-form input[type="reset"], .ym-form input[type="submit"] {
		background-color: #c7c7c7;
		background-image: none;
		border: 1px solid #666;
		border-radius: 0;
		box-shadow: none;
		color: #333 !important;
		cursor: pointer;
		display: inline-block;
		font: 1em/2em Helvetica,Arial,sans-serif;
		margin: 1.5em 0.5em 0 0;
		min-width:100px;
		overflow: visible;
		padding: 0 0.5em;
		text-decoration: none !important;
		text-shadow: none;
		white-space: nowrap;
	}
	.ym-form button:hover, .ym-form input[type="button"]:hover, .ym-form input[type="reset"]:hover, .ym-form input[type="submit"]:hover, .ym-button:hover {
		background-color: #cee2ff;
		background-image: none;
		border-color:#277ca1;
	}
	.ym-form button:active, .ym-form input[type="button"]:active, .ym-form input[type="reset"]:active, .ym-form input[type="submit"]:active, .ym-button:active {
		background-color: #bbb;
		background-image: none;
		box-shadow: none;
		position: relative;
		top: 1px;
	}
	.ym-form button:focus, .ym-form input[type="button"]:focus, .ym-form input[type="reset"]:focus, .ym-form input[type="submit"]:focus, .ym-button:focus {
		background: #fafafa none repeat scroll 0 0;
		outline: 0 none;
	}
	.ym-form button::before, .ym-button::before {
		background: transparent;
		border-radius: 0;
		box-shadow: none;
		float: left;
		font-size: 1.5em;
		margin: 0 1em 0 -1em;
		padding: 0 0.2em;
		pointer-events: none;
		text-align: center;
		width: 1em;
	}

	.ym-form .right {
		text-align:right
	}



	.ym-col1,
	.ym-col2,
	.ym-col3,
	legend,
	label,
	input,
	textarea,
	select {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
    
    .search {
        width : 60px;
    }

    .sendarticle {
        width : 90%;
        margin-bottom:10px;
    }
    
    .content input,
	.content textarea,
	.content select {
        margin-bottom:10px;
        padding:5px;
    }


    /*neue Formulare */
    .li-form ol {
        margin:0;
        padding:0;
    }
    .li-form li {
        margin:0;
        padding:0;
        list-style: none;
    }

    .check-label,
    .li-form label {
        margin:0;
        padding:0 5px;
        list-style: none;
        width:15%;
        float:left;
        display:block;
    }

    .li-form .field {
    }

    .li-form .field input,
    .li-form .field textarea,
    .li-form .field select {
        max-width:100%;
    }

    .li-form .left {
        float:left;
        padding-right:35%;
    }
    .li-form .right {
    }

    .li-form .error,
    .error-info {
        color: red;
    }

    .li-form .error {
        border-left: 3px solid red;
    }

    .buttonlinks {
        text-decoration:none;
        background: none;
        border:none;
        cursor:pointer;
        font-size:1.1em;
        color: #277ca1;
    }

    .buttonlinks:hover {
        color:#90CBE4;
    }


    /* end neue Formulare */
    
	
	/* responsivness */
	.flexible {
		margin:0;
		max-width: 100%;
		height: auto;
	}	
    
    .flexible video {
		margin:0;
		max-width: 100%;
		height: auto;
	}
    
    /* Sonderformatierung film-kritik.net */
    
    .logo-zusatz {
        color: #277CA1;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 1.3em;
    }
        
    /* end Sonderformatierung film-kritik.net */
    
    /* Video-JS */
    .vjs-fullscreen {
        z-index:1000000;
		padding-top: 0px !important
    }


	.video-js {
		padding-top: 56.25% !important
	}

    .oldie .video-js,
    .ie7 .video-js,
    .ie8 .video-js,
    .ie9 .video-js {
        padding-top: 0!important;
        width:640px !important;
        height:320px !important;
    }

    /* end Video-JS */

	* html .flexible {	/* IE6 support */
		width: 98%;		/* 2% space for borders */
	}
}

/* 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: 890px ) {
	/* 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 {
		display:block;
		float: none;
		width: auto;
		text-align: right;
	}
    
    
    .ym-hlist > ul > li > span, 
    .ym-hlist > ul > li > a {
        padding: 6px 6px;    
    }
        
    .ym-searchform .ym-searchfield {
        
    }
}

@media screen and ( max-width: 840px ) {
	.ym-hlist>ul.nav {
        width:60%;
    }
    .searchbox {
        float:right;
        width: 255px;
    }
    
    .searchbox .nav {
        padding: 0 0 0 0;
    }
    
    .searchbox .nav,        
    .ym-searchform .ym-searchbutton {
        height:31px;
    }
}

@media screen and ( max-width: 740px ) {
	.ym-hlist>ul.nav {
        width:50%;
    }
    
    .ym-hlist > ul > li > span, 
    .ym-hlist > ul > li > a {
        padding: 6px 10px;    
    }
}

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

	header .ym-wbox {
		padding: 0.75em 10px;
	}
	
	header .logo {
		float:none;
	}
	
	header .logo a {
		border:none;
	}

	footer .ym-wbox,
	nav .ym-hlist ul {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#main {
		padding: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;
		left: 0;
		right: 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 > li > ul > li > ul,
	nav .ym-hlist ul,
	nav .ym-hlist li {
		display:block;
		float: none;
		width: auto;
		text-align: left;
        position:relative !important;
        left:auto;
        margin:0 !important;
	}

    
    nav .ym-hlist ul li ul li {
        margin:0;
        padding-left:20px;
        width:auto;
    }
    
    .searchbox {
        float:none;
        width:100%;
    }    
    
    .searchbox .nav {
        height:auto;
    }
    .ym-searchform {
        padding-top:5px;
    }
    
	.ym-searchform input[type="search"] {
		width: 75%;
	}
	
	.ticker-mobile {
		display:block !important;
	}
	.ticker-normal {
		display:none;
	}
}