/* Style Sheet - Bauwagenmusik */
/* http://www.bauwagenmusik.de/ */
/* © 2014 tr.web.authoring - Thorsten Reinicke */

html {
	padding: 0 ; 
	border: 0 ; 
	margin: 0 ; 
	height: 100% ; }

body {
	padding: 0 ; 
	border: 0px solid #118844 ; 
	margin: 0px ; 
	height: 100% ; 
	background: #FFFFFF ; }


h1, h2, h3 {
	font-family: Arial, sans-serif ; }

h1 {
	font-size: 72px ; }

h2 {
	font-size: 24px ; }

h3 {
	font-size: 18px ; 
	margin: 0 ; }

h3.margin {
	margin-top: 18px ; }

body p, body form {
	font-family: "Courier New", Courier, mono ; 
	font-size: 16px ; 
	margin: 0 0 8px 0 ; }



header {
	padding: 0 ; 
	border: 0px solid red ; 
	margin: 0 ; }

header h1 {
	color: red ; 
	text-shadow: 
		0px 0px 12px rgba(165,0,165,1),
		0px 0px 8px rgba(165,0,165,1),
		0px 0px 4px rgba(165,0,165,1), 
		0px 0px 2px rgba(0,0,0,1) ; 
	padding: 0 ; 
	border: 0px solid black ; 
	margin: 36px 0 0 5% ; }

header div {
	float: left ; 
	width: 45% ; 
	padding: 0 ; 
	border: 0px solid black ; 
	margin: 36px 5% 36px 5% ; }

header nav {
	float: right ; 
	width: 35% ; 
	padding: 0 ; 
	border: 0px solid black ; 
	margin: 36px 5% 0 0 ; }

a {
	color: rgb(165,0,165) ; 
	text-decoration: underline ; 
	-webkit-transition: all 0.4s ease ; 
	-moz-transition: all 0.4s ease ; 
	-o-transition: all 0.4s ease ; 
	-ms-transition: all 0.4s ease ; 
	transition: all 0.4s ease ; }

a:hover {
	color: rgb(80,180,130) ; 
	text-decoration: none ; 
	-webkit-transition: all 0.4s ease ; 
	-moz-transition: all 0.4s ease ; 
	-o-transition: all 0.4s ease ; 
	-ms-transition: all 0.4s ease ; 
	transition: all 0.4s ease ; }

a:active {
	color: rgb(255,0,255) ;  
	text-decoration: none ; 
	-webkit-transition: all 0s ease ; 
	-moz-transition: all 0s ease ; 
	-o-transition: all 0s ease ; 
	-ms-transition: all 0s ease ; 
	transition: all 0s ease ; }
	
section {
	clear: both ; 
	padding: 36px 1.5% 24px 5% ; 
	text-align: /* justify */ ;  }

article {
	display: inline-block ; 
	width: 200px ; 
	margin: 0 48px 24px 0 ; 
	text-align: left ; }

article h2 {
	font-size: 24px ; 
	line-height: 28px ; 
	color: #ffffff ; 
	margin: 0 ; }

article h2 span {
	background: red ; }

article p {
	margin: 0 ; }

article p img {
	vertical-align: bottom ; }

article p:first-child {
	display:  ; }

article p:nth-child(4) {
	border-top: 1px solid #FFFFFF ; }


article p:nth-child(4) b {
	background: #CCCCCC ; 
	position: relative ; 
	z-index: -1 ; }

article p a {
	background: #FFFFFF ; 
	padding: 0 ; }

article p a img {
	border: 8px solid transparent ; 
	margin: -8px ; 
	
	-webkit-transition: all 0.4s ease ; 
	-moz-transition: all 0.4s ease ; 
	-o-transition: all 0.4s ease ; 
	-ms-transition: all 0.4s ease ; 
	transition: all 0.4s ease ; }

article p a:hover img {
	border-color: rgba(80,180,130,0.5) ; 
	
	-webkit-transition: all 0.4s ease ; 
	-moz-transition: all 0.4s ease ; 
	-o-transition: all 0.4s ease ; 
	-ms-transition: all 0.4s ease ; 
	transition: all 0.4s ease ; }

article p a:active img {
	border-color: rgba(165,0,165,0.5) ; 
	
	-webkit-transition: all 0s ease ; 
	-moz-transition: all 0s ease ; 
	-o-transition: all 0s ease ; 
	-ms-transition: all 0s ease ; 
	transition: all 0s ease ; }

div#background {
	position: relative ; 
	z-index: -1 ; 
	width: 100% ; 
	height: 100% ; 
	background: white url(Bauwagen_background.jpg) ; 
	background-attachment: fixed ;
	background-size: cover ; 
	padding: 0 ; 
	margin: 0 ; 
	box-shadow: 
		inset 0px 0px 96px rgba(0,0,0,0.75),
		inset 0px 0px 48px rgba(0,0,0,0.75),
		inset 0px 0px 24px rgba(0,0,0,0.5),
		inset 0px 0px 12px rgba(0,0,0,0.5) ;	}

footer {
	padding: 0 0 24px 0 ; 
	margin: 0 13% 0 13% ; }