@media screen {
	/* force vertical scrollbar */
	body {
		overflow-y: scroll;
		/* background:#efefef; */
            background:#f2f2f2;
	}
	/* Layout Module Configuration & fallback for unsupported media queries */
	.ym-wrapper {
		min-width: 760px;
		max-width: 80em;
		margin: 0 auto;
       }
	.ym-wbox { 
		padding: 10px; 
		background:#fff;
		border: 1px solid #ddd;
		box-shadow: 8px 0 6px  -6px #ccc , -8px 0 6px  -6px #ccc;
		/* parameters: horizontal-offset vertical-offset blur-radius color*/
		/* mit browsern testen */
	}
	/* Basic Element Styling */
	.wbox > header 
            header {
		background: #444;
		color: #ccc;
		padding: 1.5em;
            border:1px dotted #ddd;
      }
	#header_wrapper { /* nicht im Einsatz */
		background: url(../../bilder/header_bgr.png) repeat-x top center;
		height: 100px;
		border:1px dotted #ddd;
		margin-bottom:2em;
            position:fixed;

	}
	header {
		background:#fff;
           	}
	img {
		max-width:100%;
	}
	header .ym-gr { /*Grid-Rahmen */
		margin-left:0!important;
		margin-right:-20px;
 	}

      img.logo-lrz {
        	position: relative;
		left: 0; 
		top: 15px;
		padding:0 0.2em 0.25em 0.4em;
		margin:0!important;
		background:transparent;
		overflow: hidden;
		width:auto;
	}
	.logo-lrz a:hover, .logo-lrz a:focus {
		background:transparent;
		margin:0;
		padding:0;
	}  

      div.logo-lrz a[lang|='en'] {
		background: url('../bilder/logos/lrz_logo_2014_en.png') no-repeat 0 10%;
	}
	div.logo-lrz a[lang|='de'] {
		background: url('../bilder/logos/lrz_logo_2014_s.png') no-repeat 0 10%;
	}
  
	nav {
		background: transparent;
	}
	#main {
	}
	   /* Drei Spalten: 1-3-2 */
      .ym-column { display:table; width:100%;margin-top:0.4em;}
	.ym-col1 { float:left; width:20%; }
     	.ym-col2 { float:right; width:20%;margin-top:2px;}
	.ym-col3 { width:auto; margin:0 20%; background:#fff;}
	.ym-cbox { padding: 0 10px }
	.ym-cbox-left { padding: 0 10px 0 0 }
	.ym-cbox-right { padding: 0 0 0 10px }
	
	.ym-gbox { padding: 0 0.5em 0.5em 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;
	}

      /* Border-Top variabel für drei Spalten */
	div.colbar-left {
		position:relative;
		color:transparent;
		background:#6dadda; 
		height:2em;
		display:block;
		margin-bottom:0.6em;
	}
	div.colbar-left span {
		display:none;
	}
	div.colbar-right {
		position:relative;
		background:#0060a7; 
		height:2em;
		display:block;
		margin-bottom:0.6em;
	}
	div.colbar-right span {
		display:none;
	}
/* Margins Boxes Startseite */
	.mp-box {
		margin-bottom:0.8em;
	}
 /* Footer */
	footer {
		display:block;
		min-height: 70px;
		margin-top:3.5em!important;
		padding-bottom:3px;
		/* background:#e8e8e8; */
                background:#6dadda;
		font-size: 12pt;
		position: relative;
		overflow-x: hidden;
		overflow-y: hidden;
	}
		footer .inside {
		width: 98%;
		/* color: #727272; */
                color:#fff;
		font-size:0.9em;
		margin: 0 auto 0 5px;
		padding: 8px 0 4px 0;
		z-index:10;
	}
	footer .inside img.footer-logo {
		position:absolute;
            top:6px;
		margin:3px 0 0 6px;
           /* height:50px; */
            padding-bottom:3px;
		z-index:9;
	}
	footer .inside p.releasedate {
            text-align:bottom;
		padding-top: 5.6em;
		color:#fff;
	}     
	footer .inside a {
		display:block;
		overflow:hidden;
		color:#fff;
            background:transparent;
	}
	footer .inside a:hover, footer .inside a:active {
		 color:#fff; 
             text-decoration:underline; 
	}
	.ft-item ul {
		list-style-type:none; 
		bottom:0;
		padding: 0.8em 0 0.1em 0.1em;
		margin:0;
		}	
	.ft-item h4 {
		display:block;
                 border-bottom: 1px dotted #fff;
		font:bold 9pt/1.1 "myriad-pro-1","myriad-pro-2","Lucida Grande",Sans-Serif; 
		font-weight:700;
	        color:#fff;
		letter-spacing:1px;
		margin:0.2em 0 0 0.5em;
		text-transform:uppercase;
	}
        .ft-item hr {
            border-bottom: 1px dotted #fff;
            padding:0;
            margin:0.02em!important;
        }
       .footer .inside ul li {
		margin:0!important;
		padding:0!important;
	}		
	.lineleft {
		border-left:1px dotted #fff;
	}
      .ft-legal {
             font-size:9pt;
             min-height:45px;
             height:auto;
             border-top: 2px solid #fff;
         /*   background:#0060a7; */
            background:#444;
            color:#fff;
            }
       .ft-legal p {
            margin-left: 10px;
       }
       .ft-legal a, .ft-legal a:hover, .ft-legal a:active, .ft-legal a:visited {
                color:#fff;
      }

	.group {
	}
	/** @section generic classes for layout switching 
	* @see ... * 
	* .hidecol1 -> 2-column-layout (using .ym-col2 and .ym-col3) 
	* .hidecol2 -> 2-column-layout (using .ym-col1 and .ym-col3) 
	* .hideboth -> single-column-layout (using .ym-col3) */ 
	.hideboth .ym-col3 { margin-left: 0; margin-right: 0; } 
	.hideboth .ym-col3_content{ padding-left: 20px; padding-right: 20px; } 	
	.hidecol1 .ym-col3 { margin-left: 0; margin-right: 20%; } 
	.hidecol1 .ym-col3_content{ padding-left: 20px; } 
	.hidecol2 .ym-col3 { margin-left: 20%; margin-right: 0; } 
	.hidecol2 .ym-col3_content{ padding-right: 20px; } 
	.hideboth .ym-col1, .hideboth .ym-col2, 
	.hidecol1 .ym-col1, .hidecol2 .ym-col2 { display:none; }
}