/* Webfonts ///////////////////////////////////////////////////////////// */

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('../fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* Typo & Contentstuff  ///////////////////////////////////////////////////////////// */

h1 {
	color:	#7f201d;
	font-weight: normal;
	border-bottom:	1px dashed #7f201d;
}

a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}


a:hover,
a:focus {
  color: #fff;
}

a:active {
  color: #fff;

}

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


/* Hilfsklassen ///////////////////////////////////////////////////////////// */

.text-right {
	text-align: right;
}

/* Layout ///////////////////////////////////////////////////////////// */

body{
	padding: 0;
	margin: 0;
	
	font-family: "Roboto";
	color: #2a3753;
	font-size: 1.0em;
	background: no-repeat url("../img/main_bg.jpg");
	background-size: cover;
}



#container {
	width: auto;
	max-width: 1100px;
	margin:  60px auto;
	background-color: #ddd;
	border:	10px solid #fff;
	-webkit-box-shadow: 5px 5px 12px 4px rgba(0,0,0,0.54); 
	box-shadow: 5px 5px 12px 4px rgba(0,0,0,0.54);
}


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

	#container {
		margin:  20px 9px;
	}

}

/* Header ///////////////////////////////////////////////////////////// */

#top_bar {
	padding: 10px 0px;
	background: #1A3E1F;
	background: -webkit-linear-gradient(to right, #DB312B 0%, #7f201d 100%);
	background: -moz-linear-gradient(to right, #DB312B 0%, #7f201d 100%);
	background: linear-gradient(to right, #DB312B 0%, #7f201d 100%);
}

#top_bar img {
	max-width: 30px;
	height: auto;
}

#header_container {
	background-color: #000;
}

#brand {	
	padding:	30px;
}

#brand img {
	max-width:	400px;

}

#header {
	text-align: right;
}

#header img {
	max-width: 420px;
}


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

	#brand {	
		padding:	20px;
		text-align: center;
	}

	#header {
		text-align: center;
	}

	#spur{
		display: none;
	}

}


/* Content ///////////////////////////////////////////////////////////// */


#content_container img {

}






/* Infobox ///////////////////////////////////////////////////////////// */

#info_container {
	background-color: #ccc;
	color: #fff;
	text-align: center;
	font-size: 1.1em;
	
}

#info_container img {
	max-width: 80px;
}


#infobox_01 {
	background-image: url("../img/info_01.jpg");
	background-size: cover;
	min-height: 200px;
	padding: 40px 10px 0 10px;
}

#infobox_02 {
	background-image: url("../img/info_02.jpg");
	background-size: cover;
	min-height: 200px;
	padding: 40px 10px 0 10px;
}

#infobox_03 {
	background-image: url("../img/info_03.jpg");
	background-size: cover;
	min-height: 200px;
	padding: 40px 10px 0 10px;
}

/* Footer ///////////////////////////////////////////////////////////// */

#footer {
	text-align: right;
	padding:	10px 0;
	background: #1A3E1F;
	background: -webkit-linear-gradient(to right, #DB312B 0%, #7f201d 100%);
	background: -moz-linear-gradient(to right, #DB312B 0%, #7f201d 100%);
	background: linear-gradient(to right, #DB312B 0%, #7f201d 100%);
}

#footer ul{
	margin: 0;
	padding: 0;	
}

#footer li{
	display: inline-block;
	padding: 0px 10px;
	color: #fff;
	font-size: 0.8em;
}


#footer li:nth-child(1) { 
	border-right: 1px solid #fff;  
}

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

		#footer {
			text-align: center;
			padding:	20px 0;
		}

		#footer li{
			display: block;
			line-height: 3em;
			border-right: none;  
			border-top: 1px solid #fff;  
		}

		#footer li:nth-child(1) { 
			border-right: none;  
		}

	}