/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen stylesheet - FULLPAGE-layout type layout
 *
 * @copyright       © 2005-2013, 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.1.2
 */
@media screen {
  /* force vertical scrollbar */
  body {
    overflow-y: scroll;
  }

  /* Layout Module Configuration */
  .ym-wrapper {
    max-width: 1240px;
    margin: 0 auto;
    min-height:100%;
    position:relative;
  }

  .ym-wbox {
    padding: 1.5em;
  }

  /* fallback for missing media queries support*/
  body > header, body > nav, body > main, body > footer {
    min-width: 1280px;
  }


  .ym-gbox {
    padding: 0 1.5em;
  }

  .ym-gbox-left {
    padding: 0 1.5em 0 0;
  }

  .ym-gbox-right {
    padding: 0 0 0 1.5em;
  }

}
/* 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:1200px) {
	header .sprachen {left:20px;}
	header .kontaktmenu {right:20px;}
	header .suche{right:auto;left:105px;}
	.main > div, .main_aktuelles > div, header .hauptmenu {margin:0 20px;}
	
	aside.banner_hinweis {position:relative;margin-bottom:20px;}
	
}

@media screen and (max-width:950px) {
	header .logo {	
		margin-left:-100px;
		width:200px;
		height:130px;
	}
	header .logo img {height:130px;}
	.breadcrumbs {display:none}
}
@media screen and (max-width: 830px) {
  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
  .linearize-level-1, .linearize-level-1 > [class*="ym-c"], .linearize-level-1 > [class*="ym-g"] {
    /* linearization for grids and columns module */
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: auto !important;
  }
  .linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
    /* reset defined gutter values */
    margin: 0;
    padding: 0;
    /* optional for containing floats */
    overflow: hidden;
  }
	.einzelbild {text-align:center;}
	footer .facebook {right:200px;}


 
}


@media screen and (max-width:800px) {
	
	footer .facebook {
position:static!important;
margin-top:12px;
display:block!important;

}
	
	
	header .suche,
	header .kontaktmenu, 
	#content_submenu,
	header .hauptmenu,
	footer .facebook {display:none;}
	
	main,
	.ansprechpartner .item {
		width:auto !important;
		float:none !important;
		
	}
	.main > div, .main_aktuelles > div, header .hauptmenu {margin: 0 10%;}
	.mobil_link_impressum,
	.mobilmenu {
		display:block;
	}
	
	footer .text {padding-top:8px;
	 max-width: 70%;}
	.mobil_link_impressum {padding-top:8px;}
	.mobil_link_impressum a{color:#fff;text-transform:uppercase;text-decoration:none;font-size:11px;}

	
	.form input[type="text"],
	.form input[type="submit"],
	.form textarea {width:90%;}
	
#bildergalerie .item{height:160px;}

.main, .main_aktuelles{padding-bottom:110px;}
.main_aktuelles main {border-right:0px;}

#sorttable_messetermine th, td {
	padding:4px 4px !important;	
	font-size:11px;
	}


}


@media screen and (max-width: 480px) {
  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
  .linearize-level-2, .linearize-level-2 > [class*="ym-c"], .linearize-level-2 > [class*="ym-g"] {
    /* linearization for grids and columns module */
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: auto !important;
  }
  .linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
    /* reset defined gutter values */
    margin: 0;
    padding: 0;
    /* optional for containing floats */
    overflow: hidden;
  }

.navigationsbild{min-height:0;}

	.main > div, .main_aktuelles > div, header .hauptmenu {margin: 0 10px;}
	
	.mobilmenu table {
		margin:0 3%;
		width:94%;
		-moz-box-sizing:border-box;
		-box-sizing:border-box;	
	}
	
	
header .logo {	
		margin-left:-60px;
		width:120px;
		height:80px;
	}
header .logo img {height:80px;padding:0 10px;}
	
	

.mobilmenu .suchfeld_plugin input[type="text"] {width:55px;}
.mobilmenu td:nth-child(2) {text-align:left;}

	
	
	#bildergalerie .item {width:50%;height:125px;}
	
	
	.form td {display:block;}
}