/*************************************************************************************
* Allgemeine Definitionen
*************************************************************************************/

html {overflow-y: scroll; -webkit-text-size-adjust: 100% ;-ms-text-size-adjust: 100%;}
	
/* HTML5 display-role reset fuer alte Browser */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img {display: block;}	
ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0; table-layout: fixed; empty-cells: show;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* RESET & BASICS (Inspired by E. Meyers) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, /* sub, sup, */ tt, var, center, dl, dt, dd, ul, li, fieldset, form, label, legend, caption, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 		0;
	padding: 		0;
	border: 		0;
	vertical-align: baseline;
	font: 			inherit;
	font-size: 		100%; 
	}

/*************************************************************************************
* 
*************************************************************************************/	

*  	 {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}	
html {font-size: 17px;}
	
body {
	padding:						0;
	width:							100%;
	height:							100%;
	font-family:					Verdana, Helvetica, Arial, sans-serif;
	line-height:					1;
	color:							#000;
	text-align:						center;
	background:						#fff;
	}	

/* STANDARDS */
strong, b 							{font-weight: 600; font-family: inherit;}
em, i 								{/*font-family: 'Roboto', sans-serif;*/}	

sup, sub 							{line-height: 0px !important; font-size: 50%;}
ul.NoBullet 						{list-style: none !important; margin-left: 0 !important; padding-left: 0 !important;}	
	
img, form 							{overflow: hidden;}
a, input, textarea, select  		{outline: 0; border: 0;}
hr, .Hidden 						{display: none;}

.Clear                         	 	{margin: 0; width: auto; height: auto; clear: both; display: block;}
.NoWrap								{white-space: nowrap;}

/* COLORS */
.ColorStd 							{color: #000 !important;}
.Color00 							{color: #fff !important;}
.Color01 							{color: #7D8139 !important;}

a									{color: #7D8139;}

									 
/*************************************************************************************
Title, Text, Lists
*************************************************************************************/

.Content p, .Content ul, footer p					{line-height: 1.5; margin: 0 0 1.5em 0;}

.Content ul 										{padding-left: 1.375em; list-style-position: outside; list-style-type: circle;}	
.Content ul li 										{margin: 0 0 0.75em 0;}

h1, .h1 											{margin: 0; font-size: 140%; font-weight: 700; line-height: 1.444; color: #7D8139; margin-bottom: 1.5rem;}
h2, .h2												{margin: 0;	font-size: 100%; font-weight: 400; line-height: 1.5; }


/*************************************************************************************
* Container
*************************************************************************************/

.Wrap 								{margin: 0 auto; padding: 0 2.5rem 0 2.5rem; position: relative; width: 1080px; text-align: left; clear: both;}

header 								{top: 0; width: 100%; height: 90px; text-align: center; background: #fff;}	
header .Wrap 						{height: 100%; max-width: 1000px; overflow: visible; padding: 0;}		

footer 								{clear: both; position: relative; text-align: center;}
footer .Wrap						{height: 100%;}		
	
.Row 								{text-align: center; overflow: hidden;}

		
/*************************************************************************************
 Header
*************************************************************************************/
	
/* -----------------------------------------------------------------------------------
 Logo 
----------------------------------------------------------------------------------- */	

header .Logo 										{position: absolute; left: 0; top: 25px; width: 145px; height: 39px; overflow: hidden;}	
header .Logo a 										{display: block; width: 100%; height: 100%;}	
header .Logo a img 									{position: absolute; top: -50%; bottom: -50%; left: 0; margin: auto; width: auto; height: 100%;}

/* -----------------------------------------------------------------------------------
 Main Menue
----------------------------------------------------------------------------------- */	

/* Main Menue: CatNav */
	
.NavBar .Contact									{float: right; text-align: right; margin-top: 40px;}
.NavBar .Contact p									{font-size: 75%; color: #666666;}

/*************************************************************************************
* Content Grid
*************************************************************************************/
		
.Content  											{padding: 3em 0 4em 0; width: 100%; position: relative;}
.Content:before, .Content:after 					{content: " "; display: table;}
.RowTop .Content  									{padding: 3em 0 2em 0;}

/*************************************************************************************
* Slider
*************************************************************************************/

.Slider  {
	position: relative;
	width: 100%;	
	height: 391px;
	text-align: center;
	overflow: hidden;
	}

.Slider .Slide  {
	height: 391px;
	overflow: hidden;
	}
	
.Slider > .Wrap {
	width: 1000px;
	padding: 0;
	}
	
.Slider .Wrap img {
	width: auto;
	height: 391px;
	position: absolute;
	left: -100%;
	right: -100%;
	margin: auto;
	}
	
/*************************************************************************************
* Footer
*************************************************************************************/

footer .FooterRow 									{overflow: hidden;}
footer .FooterRow p 								{color: #fff; font-size: 75%; margin-bottom: 0;}
footer .FooterRow p .NoWrap							{padding-right: 1em;}
footer .FooterRow p a 								{color: #fff;}
footer .FooterRow .Wrap 							{position: relative; overflow: visible;}
footer .FooterRow01 								{padding: 1.75em 0.5em 1.75em 0; background: #7D8139; border-bottom: 1px solid #fff;}


/*************************************************************************************
* WIDTHS Standard
*************************************************************************************/

	
.Width70											{width: 68%;}


/****************************************************************************************
* Responsive Definitionen
*****************************************************************************************/

@media screen and (min-width: 992px) and (max-width: 1100px) {

	html 												{font-size: 15px;}
	.Wrap												{width: 830px;}
	header .Wrap										{width: 762px;}

	.Slider,
	.Slider .Slide										{height: 298px;}	
	.Slider > .Wrap 									{max-width: 762px;}
	.Slider .Wrap img									{height: 298px; width: auto;}

	.Width70											{width: 78% !important;}
	.h1 br												{display: none;}	
	
}

@media screen and (min-width : 768px) and (max-width : 991px) {

	html												{font-size: 16px;}		
	body 												{width: 100%; text-align: center;}		
	.Wrap												{width: 760px; overflow: hidden;}
	header .Wrap										{width: 680px;}
	
	.Slider,
	.Slider .Slide										{height: 298px;}	
	.Slider > .Wrap 									{max-width: 762px; height: 100%;}
	.Slider .Wrap img									{height: 298px; width: auto;}
	
	.Width70											{width: 100% !important;}
	.h1 br												{display: none;}
}

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

	html 												{font-size: 15px}
	body												{}	
	.Wrap												{width: 100%; max-width: 640px; overflow: hidden; padding: 0 2rem 0 2rem;}
	header .Wrap										{width: 100%; max-width: 640px; padding: 0 2rem 0 2rem;}
	header .Logo										{left: 2rem;}
	.Slider,
	.Slider .Slide										{height: 250px; width: 100%;}	
	.Slider > .Wrap 									{max-width: 640px; width: 100%; height: 100%;}
	.Slider .Wrap img									{height: 250px; width: auto; left: auto; right: 0;}	
	
	.Width70											{width: 100% !important;}
	footer .FooterRow p .NoWrap							{padding-right: 0; display: block;}
	footer .FooterRow p .OptionalResponsive				{display: none;}
}

@media screen and (max-width: 590px) {
	
	.NavBar .Contact									{display: none;}
	
}