
/* Allgemeine Anweisungen */
*{
	margin: 0px;
	padding: 0px;
}

img{
	padding: 0px;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

a{
	color: #1f9d0f;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
	color: #00ff00;
}

p{
	margin-top:10px;
	margin-bottom: 10px;
}

h1{
	padding-bottom:20px;
	font-size: 20px;
}

h2{
	font-size: 16px;
	font-weight: bold;
}

h3{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #1f9d0f; 
	text-shadow: 0 0 30px #000000, 2px 2px 3px #000000;
}

h4{
	font-size: 20px;
	padding-bottom: 0px;
	padding-top: 0px;
}

body{
	font-family: Tahoma;
	font-size: 16px;
	color: #ffffff;
	
	width: 100%;
	box-shadow: none;
	background-image: url("images/bg3.jpg");
	padding: 0;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: cover;
	background-attachment: fixed;
	min-height: 100px;
	min-width: 900px;
}

.head-logo{
	width: 450px;
}

.mittig{
	width: 900px;
	position: relative;
	margin: auto;
	text-align: center;
	padding: 0px;
	overflow: hidden;
}

.menueleiste{
	min-width: 900px;
	margin: 0px;
	height: 50px;
}

.fussleiste{
	background-color: rgba(0,0,0,0.8);
	width: 900px;
	margin: 0px;
	height: 30px;
	clear: both;
	font-size: 14px;
	line-height: 30px;
}

#designer{
	margin-bottom: 10px;
}

.willkommensbereich{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: rgba(0,0,0,0.8);
	width: 555px;
	padding: 20px;
}

.neuigkeitenbereich{
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: rgba(142,3,0,0.8);
	width: 255px;
	padding: 20px;
	top: 0px;
	left: 605px;
	height: 100%;
	overflow: auto;
}

.contentbereich{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: rgba(0,0,0,0.8);
	width: 860px;
	padding: 20px;
	text-align: left;
}

.impressumsbereich{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	background-color: rgba(142,3,0,0.8);
	width: 860px;
	padding: 20px;
	text-align: left;
}

.mpkt{
	background-color: rgba(0,0,0,0.8);
	float: right;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	text-align: center;
	font-size: 28px;
    line-height: 50px;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
}

div a.menuepkt{
	border: 0px;
	display: block;
	text-decoration: none;
	color: #ffffff;
}

div a.menuepkt:hover{
	text-decoration: none;
	color: #ffffff;
}

.profile{
	width: 820px;
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;
	height: 330px;
}

.p_links{
	float: left;
	transform: rotate(-5deg);
	margin-right: 100px;
	margin-left: 50px;
	border-style: solid;
	border-width: 10px;
	border-color: #ffffff;
}

.p_rechts{
	float: right;
	transform: rotate(5deg);
	margin-left: 100px;
	margin-right: 50px;
	border-style: solid;
	border-width: 10px;
	border-color: #ffffff;
}

.p_linkshov{
	float: left;
	transform: rotate(5deg);
	margin-right: 100px;
	margin-left: 50px;
	border-style: solid;
	border-width: 10px;
	border-color: #ffffff;
	visibility: hidden;
}

.p_rechtshov{
	float: right;
	transform: rotate(-5deg);
	margin-right: 100px;
	margin-left: 50px;
	border-style: solid;
	border-width: 10px;
	border-color: #ffffff;
	visibility: hidden;
}

.p_linkshov:hover{
	visibility: visible;
}

.p_rechtshov:hover{
	visibility: visible;
}

#mpktH{
	background-image: url("images/home.png");
}

#mpktN{
	background-image: url("images/news.png");
}

#mpktM{
	background-image: url("images/musiker.png");
}

#mpktK{
	background-image: url("images/kontakt.png");
}

#mpktF{
	background-image: url("images/facebook.png");
}

#mpktT{
	background-image: url("images/twitter.png");
}

#mpktY{
	background-image: url("images/youtube.png");
}

#mpktI{
	background-image: url("images/instagram.png");
}

#mpktL{
	background-image: url("images/lock.png");
}

#mpktH:hover{
	background-color: rgba(31,157,15,0.8);
	width: auto;
	text-align: right;
	padding-right: 10px;
}

#mpktN:hover{
	background-color: rgba(31,157,15,0.8);
	width: auto;
	text-align: right;
	padding-right: 10px;
}

#mpktM:hover{
	background-color: rgba(31,157,15,0.8);
	width: auto;
	text-align: right;
	padding-right: 10px;
}

#mpktK:hover{
	background-color: rgba(31,157,15,0.8);
	width: auto;
	text-align: right;
	padding-right: 10px;
}

#mpktF:hover{
	background-color: rgba(59,89,152,0.8);
}

#mpktT:hover{
	background-color: rgba(29,161,242,0.8);
}

#mpktY:hover{
	background-color: rgba(230,33,23,0.8);
}

#mpktI:hover{
	background-color: rgba(182,50,169,0.8);
}

#mpktL:hover{
	background-color: rgba(32,157,15,0.8);
}

#sichtbereich{
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Kontaktformular */

.form-r{
	float: right;
}

.form-l{
	float: left;
}

.form-m{
	clear: both;
	display: block;
	text-align: center;
}

.form-h{
	display: none;
}

.eingabetext{
	width: 290px;
	height: 20px;
}

.eingabezeile {
	width: 860px;
	height: 20px;
}

.eingabefeld{
	width: 860px;
	height: 200px;
}

.eingabebutton{
	width: 100px;
	height: 40px;
}

.footnote{
	float: right;
	font-size: 10px;
}