/**
 * "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.2
 * @revision        $Revision: 1.4 $
 * @lastmodified    $Date: 2013-07-29 13:46:08 $
 */

@media screen {

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

body{
    background-repeat:repeat-x;
    background-position:top left;
    background-image:url(../../images/main_bg_haus_am_see.gif);
    background-color:#f7f7f7;
    background-attachment: scroll;}

/* Layout Module Configuration & fallback for unsupported media queries */
.ym-wrapper {
	min-width:760px;
	max-width:67em;
	margin:0 auto;}
  
body.fullsize .ym-wrapper {
	max-width:100%;
	margin:0 auto;}

.ym-wbox {
    padding:0; 
    margin-bottom:0;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
    background:#fff;}

/* Basic Element Styling */
header {
    color: #eee;
	padding:0;
    position:relative;
	float:left;
	width:100%;}

header h1 {
	background: transparent;
	color: #eee;}
  
header .logo{
	float: left;
    height: 162px;
    left: 15px;
    position: absolute;
    top: 25px;
    width: 158px;
	background:url(../../images/logo_haus_am_see.jpg) no-repeat transparent 0 0;}  
  
nav {}

main {display:block;}

#main {
    clear:both;
    padding:10px 0;
	background:url(../../images/main_bg.gif) repeat-y;
    position:relative;}

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

    background-repeat:repeat;
    background-position:top left;
    background-image:url(../../images/patter/gray_jean.png);
    background-color:#f3f3f3;
    background-attachment: fixed;
    
    -moz-border-radius-: 0 0 1.2em 1.2em;
    -webkit-border-radius:0 0 1.2em 1.2em;
    border-radius:0 0 1.2em 1.2em;}

footer p {margin: 0;}
  
footer .footer-info{display:block;line-height:1.6em;font-size:0.9em;}
footer .footer-date{display:block;line-height:1.6em;font-size:0.9em;}

.pagepicture{display:block;height:120px;clear:both;margin:43px 0 0 0;}

.float_left{float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
.float_right{float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }
.center{display:block; text-align:center; margin:0.5em auto; }

#jquery-overlay{z-index:5000;}
#jquery-lightbox{z-index:5001;}
 
/* 1-3-2 */
 
.ym-column{display:table; width:100%; }

.ym-col1 {float:left; width:151px;margin:0 0 0 20px;}
.ym-col2 {float:right; width:133px;padding:0 5px;}
.ym-col3 {width:auto; margin:0 140px 0 167px;min-height:500px;}

/* 1-3 */
.twocol .ym-col1{width:200px;}
.twocol .ym-col2{display:none;}
.twocol .ym-col3{margin:0 0 0 200px;}

/* 3 */
.onecol .ym-col1 {display:none;}
.onecol .ym-col2 {display:none;}
.onecol .ym-col3 {margin:0 0 0 0;}

.ym-cbox{padding:0 20px}
.ym-cbox-left{padding:0 0 0 0}
.ym-cbox-right{padding:0 0 0 0}
  
.ym-col1 .ym-cbox-content{ }
.ym-col2 .ym-cbox-content{ }
.ym-col3 .ym-cbox-content{float:left;width:100%; }
  
/* 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;}
}

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

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

@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%;}
  
.ym-col3{clear:both;}
}

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

.ym-wbox{padding:0;}

header {padding:0;}

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

footer,
#main,
.ym-searchform,
nav .ym-hlist ul {
	padding-left:0px;
	padding-right:0px;}
  
header .header-picture{
	min-height:100px;
	max-height:100px;}


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