/******************************************************************
 * CSS Gestüt Brümmerhof
 * Copyright © Blacktype Creative Media
 ******************************************************************/


/******************************************************************/
/* CSS General Style */

body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
  margin: 0;
  padding: 0;
  border: 0;
}

html, body{
  height:100%;
}

body{
	background: #ffffff; /* Old browsers */
	font-size: 14px;
	line-height: 10px!important;
	font-weight: 400;
	color: #000000;
}

p {
	margin: 0;
	padding: 0;
}

a:focus {
	outline: none; 
}

a:active{
	background: none;
	outline: 0;
}

img { max-width: 100%; height: auto; }

img { 
   width: auto; /* IE8 */
}


.clear {
	clear:both;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
	padding:0px;
}

.clearfix:before, .clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}


/******************************************************************/
/* CSS Aufbau */

.header-logo {
	position: relative;
}

.content-start {
	position: relative;
}

.sft01{
	font-family: 'Open Sans', 'Helvetica', Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	font-weight:400;
	text-align: center;
}
a.sft01:link { color:#000000; text-decoration:none; }
a.sft01:visited { color:#000000; text-decoration:none; }
a.sft01:active { color:#000000; text-decoration:none; }
a.sft01:hover { color:#cc3300; text-decoration:none; }




/******************************************************************/
/* Media-Queries  1280 + */

@media only screen and (min-width : 1280px) {
	
	.header-logo {
		position: relative;
		width:600px;
		height:369px;
		margin:0px auto;
		padding-top:120px;
	}
	
	.content-start {
		position: relative;
		width:800px;
		margin:0px auto;
		margin-top:40px;
	}
	
		
}


/******************************************************************/
/* Media-Queries  960 - 1259 */

@media all and (min-width : 960px) and (max-width: 1279px) {
	
	.header-logo {
		position: relative;
		width:600px;
		height:369px;
		margin:0px auto;
		padding-top:120px;
	}
	
	.content-start {
		position: relative;
		width:800px;
		margin:0px auto;
		margin-top:60px;
	}


}



/******************************************************************/
/* Media-Queries  640 - 959 */

@media all and (min-width : 600px) and (max-width: 959px) {
	
	.header-logo {
		position: relative;
		width:90%;
		max-width:450px;
		margin:0px auto;
		padding-top:60px;
	}
	
	.content-start {
		position: relative;
		width:90%;
		max-width:450px;
		margin:0px auto;
	}
	
	

  
}




/******************************************************************/
/* Media-Queries  639 - */

@media all and (max-width : 639px) {
	
	.header-logo {
		position: relative;
		width:90%;
		max-width:450px;
		margin:0px auto;
		padding-top:60px;
	}
	
	.content-start {
		position: relative;
		width:90%;
		max-width:450px;
		margin:0px auto;
		margin-top:30px;
	}
	
	
  
	
} 

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
{
	
}