/* ********************************** */
/* Thank you for looking at this code */
/*  Copyright Chrigu Trummer © 2015   */
/* NewShoes.ch - Web | Grafik | Media */
/* ********************************** */

/* Allgemeine HTML-Definitionen */

html {
	background-color:#fff;	
}

body {
	font-family: 'Metrophobic', Calibri, Verdana, Arial, Tahoma, Sans Serif;
	font-size:16px;
	line-height:20px;
	letter-spacing:0.5px;
	margin:0px;
	padding:0px;
	color:#000;
}

p {
	font-size:16px;
	letter-spacing:0px;
}

img {
	border:0px;
}

h1 {
	font-family: 'Metrophobic', Calibri, Verdana, Arial, Tahoma, Sans Serif;
	line-height:normal;
    font-weight:800;
	color:#258b35;
	text-transform:uppercase;
}

h2 {
	font-family: 'Metrophobic', Calibri, Verdana, Arial, Tahoma, Sans Serif;
    font-weight:800;
	color:#258b35;
	text-transform:uppercase;
	line-height:initial;
}

h2 {
	font-family: 'Metrophobic', Calibri, Verdana, Arial, Tahoma, Sans Serif;
    font-weight:800;
}

h4 {
	font-size:14px;
	line-height:24px;
	color:#fff;
	background-color:#258b35;
	display:inline;
	padding:2px 10px 2px 10px;
}


a:link {
	color:#258b35;
	text-decoration:none;
}
a:visited {
	color:#258b35;
	text-decoration:none;
}
a:hover {
	color:#02350a;
	text-decoration:none;
}
a:active {
	color:#258b35;
	text-decoration:none;
}

/* Klassen Definition */

.img-logo {
	padding:25px 0px 25px 0px;
	max-width:400px;
}

.center-image {
	border:0px solid #f0f;
	padding:0px;
	text-align:center;
}

.band {
	border:0px solid #f0f;
	width:47%;
	margin-right:15px;
	float:left;
}

.band-image-small {
	width:350px;
	float:left;
}

.kontakt-image {
    width:550px;
}

/* Layout DIV Definition */

#header { 
	border:0px solid #f0f;
	background-color:#258b35;
	width:100%;
	height:210px;
	text-align:center;
}

#nav {
	border:0px solid #ff0;
	right:0px;
	bottom:0px;
	padding:0px;
}

#container {
	border:0px solid #00f;	
	background-color:#fff;
	width:990px;
	margin:auto;
	padding:0px;
	
			box-shadow:1px 2px 4px grey; /* CSS3 */
	-webkit-box-shadow:0px 0px 3px grey; /* Chrome, Safari */
	 -khtml-box-shadow:0px 0px 3px grey; /* Konqueror */
	   -moz-box-shadow:0px 0px 3px grey; /* Firefox */	
}

#full-width {
	border:0px solid #ff0;
	padding:10px 25px 20px 20px;
	margin:0px;
}

#left-column {
	border:0px solid #ff0;
	padding:10px 15px 20px 20px;
	width:67%;
	margin:0px;
	float:left;
}

#sidebar {
	border:0px solid #f00;
	width:25%;
	padding:10px 20px 20px 0px;
	margin:0px;
	float:right;
}


#footer {
	border:0px solid #f00;
	color:#444;
	text-align:center;
	font-size:13px;
	padding:5px;
}

.clearfix {
	clear:both;
}

.hardwald {
	max-width: 100%;
}


/* Navigation Formatierung */

#nav a {
	text-decoration:none;
	font-weight:800;
	letter-spacing:2px;
	color:#fff;
	padding:2px 10px 2px 10px;
	
}

#nav a:hover {
	background-color:#fff;
	color:#258b35;
}
#nav a.aktiv {
	background-color:#fff;
	color:#258b35;
}

#nav ul {
	font-size:28px;
	text-transform:uppercase;
	padding:12px 0px 0px 0px;
	margin:0px;
}

#nav  li {
	list-style:none;
	display:inline-block;
	margin: 0px 0px 0px 0px;
	padding:0px;
}


@media screen and (max-width:1010px) {
	
	.img-logo {
		width:100%;
		max-width:400px;
		padding-bottom:5px;
	}
	
	.band {
		width:100%;
		max-width:450px;
		margin:auto;
		padding:0px;
		float:none;
		display:inline-block;
	}
	
	.band-image-small {
		width:80%;
		max-width:350px;
	}
	
	.center-image {
		width:100%;
		margin:auto;
		max-width:480px;
		text-align:center;
	}
	
	.kontakt-image {
		width:100%;
		max-width:630px;
	}
	
	#header { 
		height:auto;
	}
	
	/* Navigation Formatierung */
	#nav a {
		display:block;
		padding:8px;
	}
	#nav  li {
		display:block;
	}
	#nav  ul {
		width:100%;
		padding-bottom:5px;
	}
	
	#container {
		text-align:center;
		width:100%;
		margin:0px;
		padding:0px;
		
				box-shadow:0px 0px 0px grey; /* CSS3 */
		-webkit-box-shadow:0px 0px 0px grey; /* Chrome, Safari */
		 -khtml-box-shadow:0px 0px 0px grey; /* Konqueror */
		   -moz-box-shadow:0px 0px 0px grey; /* Firefox */	
	}
	
	#left-column {
		float:none;
		width:100%;
		margin:0px;
		padding:0px;
		text-align:center;
	}
	.links-left {
		text-align:left;
	}
	
	#sidebar {
		float:none;
		width:100%;
		margin:0px;
		padding:0px;
		text-align:center;
	}
	#footer {
		width:100%;
		padding:5px 0px 5px 0px;
		font-size:12px;
	}
	#full-width {
		width:100%;
		margin:0px;
		padding:0px;
		text-align:center;

	}

}