/**
 * @file
 * Positioning for a responsive layout.
 *
 * Define CSS classes to create a fluid grid layout with optional sidebars
 * depending on whether blocks are placed in the left or right sidebars.
 *
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */

/**
 * Center the page.
 *
 * For screen sizes larger than 1200px, prevent excessively long lines of text
 * by setting a max-width.
 */

#page,
.region-bottom {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;

}

/* Apply the shared properties of grid items in a single, efficient ruleset. */
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer {
  padding-left: 0px;
  padding-right: 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  *behavior: url("/path/to/boxsizing.htc");
  _display: inline;
  _overflow: hidden;
  _overflow-y: visible;
}

/* Containers for grid items and flow items. */
#header,
#main,
#footer {
  *position: relative;
  *zoom: 1;
}
#header:before,
#header:after,
#main:before,
#main:after,
#footer:before,
#footer:after {
  content: "";
  display: table;
}
#header:after,
#main:after,
#footer:after {
  clear: both;
}

/********** Min-Width: 1024px Start  **********/
 @media all and (min-width: 1024px) {
	.toolbar #header {
		margin-top: 66px;
		}
	#header {
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 500;
		width: 100%;
		height: 7.69em;
		background-color: #fff;
		box-shadow: 0px 4px 6px  #666;
		}
	
	#header-inner {
		position: relative;
		width: 940px;
		height: 7.69em;
		margin-left: auto;
		margin-right: auto;
		padding: 0 20px;
		}
	
	#navigation {
		position: absolute;
		bottom: 0px;
		}
	#logo-and-partner {
		position: absolute;
		top: 20px;
		width: 940px;
		}
	#fm-slogan {
		position: absolute;
		top: 23px;
		left: 300px;
		}
	#fm-slogan h1 {
		color: #4d4d4d;
		font-style: italic;
		}
	#logo-partner {
		position: absolute;
		top: 21px;
		right: 0px;
		
		}
	#logo-partner #partner-ruro {
		float: left;
		margin-right: 20px;
	}
	#logo-partner #partner-do {
		float: left;
		margin-right: 20px;
		padding-top: 4px;
	}
	#logo-partner .ruro-powered {
		font-size: 1em;
		line-height: 100%;
		font-weight: 300;
		font-family: "Roboto Condensed",Tahoma,sans-serif;
		color: #666;
		margin: 0;
		padding: 0px;
	}
	
	#main {
    	/* Move all the children of #main down to make room. */
    	margin-top: 10em;
    	position: relative;
    	}
} /********** Min-Width: 1024px Ende  **********/




/********** Min-Width: 768px AND Max-Width: 1023px Start  **********/
 @media all and (min-width: 768px) and (max-width: 1023px) {
	.toolbar #header {
		margin-top: 66px;
		}
	#header {
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 500;
		width: 100%;
		height: 7.69em;
		background-color: #fff;
		box-shadow: 0px 4px 6px  #666;
		}
	
	#header-inner {
		position: relative;
		width: 940px;
		height: 7.69em;
		margin-left: auto;
		margin-right: auto;
		padding: 0 0px;
		}
	
	#navigation {
		position: absolute;
		bottom: 0px;
		}
	#logo-and-partner {
		position: absolute;
		top: 20px;
		width: 940px;
		}
	#fm-slogan {
	position: absolute;
	top: 23px;
	left: 300px;
	}
	#fm-slogan h1 {
	color: #4d4d4d;
	font-style: italic;
	}
	#logo-partner {
		position: absolute;
		top: 21px;
		right: 0px;
		
		}
	#logo-partner #partner-ruro {
		float: left;
		margin-right: 20px;
	}
	#logo-partner #partner-do {
		float: left;
		margin-right: 20px;
		padding-top: 4px;
	}
	#logo-partner .ruro-powered {
		font-size: 1em;
		line-height: 100%;
		font-weight: 300;
		font-family: "Roboto Condensed",Tahoma,sans-serif;
		color: #666;
		margin: 0;
		padding: 0px;
	}
	
	#main {
    	/* Move all the children of #main down to make room. */
    	margin-top: 10em;
    	position: relative;
    	}
} /********** Min-Width: 768px AND Max-Width: 1023px Ende  **********/




/********** Max-Width: 767px Start  **********/
 @media all and (max-width: 767px) {
 	
 	#page {
 		margin-left: 10px;
 		margin-right: 10px;
 		}
 	
	.toolbar #header {
		margin-top: 66px;
		}
	#header {
		}
	
	#header-inner {

		}
	
	#navigation {

		}
	#logo-and-partner {

		}
	#fm-slogan {

	}
	#fm-slogan h1 {
		margin-top: 0.1em;
		color: #4d4d4d;
		font-style: italic;
	}
	#logo-partner {
	
		
		}
	#logo-partner #partner-ruro {
		float: left;
		margin-right: 20px;
	}
	#logo-partner #partner-do {
		float: left;
		margin-right: 20px;
	}
	#logo-partner .ruro-powered {
		font-size: 1em;
		line-height: 100%;
		font-weight: 300;
		font-family: "Roboto Condensed",Tahoma,sans-serif;
		color: #666;
		margin: 0;
		padding: 0px;
	}
	
	#main {
    	/* Move all the children of #main down to make room. */

    	}
} /********** Max-Width: 767px Ende  **********/