body {
	color: 					#FFFFE0;
	background:				url('head-music.jpg');
	background-color:		#000000;
	text-align:				center;
	background-repeat:		no-repeat;
	background-position:		right top;
}
/* Kopfzeile */
header {
	font-family:			Engraver;
	text-align: 			right;
	margin-left:			5%;
	margin-right:			5%;
	width:					90%;
	height:					120px;
	position: 				relative;
	display:				none;
}
/* Menue */
nav {
	background:				transparent;
	border-color:			transparent;
	width:					auto;
	border-width:			5px;
	border-style:			outset;
	max-width:				20%;
	margin-left:			5%;
	margin-right:			81%;
	position:				relative;
	top:					149px;
}
#style {
	background:			transparent;
	border-color:			transparent;
	width:				auto;
	border-width:			5px;
	border-style:			outset;
	max-width:			20%;
	margin-left:			5%;
	margin-right:			81%;
	position:			relative;
	top:				180px;
}
/* Hauptfeld */
article {
	background:				transparent;
	border-color:			transparent;
	width: 					75%;
	border-width:			5px;
	border-style:			outset;
	margin-left:			20%;
	margin-right:			5%;
	position:				relative;
	text-align:				center;
	height:					70%;
	overflow:				auto;
	top:				40px;
}
/* Im Hauptfeld: Inhalt, Fußzeile */
	section {
		position:			relative;
		height:				100%;
	}
	footer {
		left: 				150px;
		right: 				300px;
		top: 				80px;
		text-align:			center;
	}

/* Links */
a:link {
	color:					#002BB8;
}
a:active {
   color:					#002BB8;
}
a:hover {
   color:					#002BB8;
}
a:visited {
  color: 					#002BB8;
}

.menu {
   cursor:			pointer;
}

.footer {
   text-align: 		center;
   font-size: 		60%;
   color:		#A2A2A2;
}
table.menu {
   width:			100%;
   border-width:	0;
   margin:			0 0 0 0;
}
tr.menu {
	-webkit-transition: background 1s ease;
   height:		20px;
}
tr.menu:hover, td.menu:hover {
	-webkit-transition: background 1s ease;
   background:		#4B4D51;
}
td.menu {
   border-style:	dotted;
   text-align:		center;
}
table {
   border-collapse:	collapse;
   width: 			98%;
   margin-left:		1%;
}
td {
   border-width: 	thin;
   border-style: 	none;
   border-color: 	#0F0F0F;
   empty-cells: 	show;
   text-align:		right;
   padding-right:	10px;
}
td.blog_content {
	text-align:		center;
}
tr.top {
   background-color:#303030;
   font-weight: 	bold;
   text-align:		center;
}
p {
   width:			98%;
   margin-left:		1%;
}
p.text:first-letter {
   font-size:		150%;
}
p.img {
   margin-top:		0;
   font-size:		75%;
   text-align:		right;
}
img {
   border: 			0;
}
h1{
   font-size:		50px;
   display:			none;
} 
h4 {
   margin-bottom:	0;
}
iframe {
  border-color:		transparent;
  border-width:		5px;
  border-style:		inset;
}
fieldset {
  border-style:		none;
  text-align:		right;
  
}

@-webkit-keyframes horizontal-slide-article {
	
	0% {
		left: -2000px;
		top: 40px;
	}
	
	100% {
		left: 0;
		top: 40px;
	}
	
}
@-webkit-keyframes horizontal-slide-nav {
	
	0% {
		left: 2000px;
		top: 149px;
	}
	
	100% {
		left: 0;
		top: 149px;
	}
	
}
@-webkit-keyframes vertical-slide {
	
	0% {
		left: 0;
		top: -200px;
	}
	
	100% {
		left: 0;
		top: 180px;
	}
	
}

article {
	-webkit-animation-name:	horizontal-slide-article;
	-webkit-animation-duration: 500ms;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
}
nav {
	-webkit-animation-name:	horizontal-slide-nav;
	-webkit-animation-duration: 500ms;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
}
#style {
	-webkit-animation-name:	vertical-slide;
	-webkit-animation-duration: 500ms;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-funktion: ease-out;
}
