@font-face {
    font-family: Comic Sans MS;
    src: url(comic.ttf);
}
body {padding-left: 30px;
	padding-top: 20px;
	background-color: yellow;
	width: 900px;
	padding: 5px;
	}
h1 {padding: 0px 5px 5px 0px;
	margin: 5px;
	width: 440px;
	font-family: Arial;
	text-align: left;
	font-size: 3.3em;
	font-style: italic;
	border-bottom-style: solid;
	border-right-style: solid;
	border-color: blue;
	border-width: 3px;
	box-sizing: border-box;}
div {
	font-family: Arial;
	font-size: 1em;}
div#online {font-size: 0.6em;}
div#csak {font-size: 0.6em;
		position: absolute;
		bottom: 10px;
		right: 10px;}
div#border1 {border-style: solid;
			border-color: blue;
			padding: 5px;
			border-width: 5px;
			background-color: white;}
div#gig {font-family: "Comic Sans MS";
		margin: 0px;
		padding: 0px;
		margin-left: 8px;
		padding-left: 30px;
		width: 407px;
		border-top-style: solid;
		border-color: blue;
		border-width: 2px;}
p#gig2 {font-size:0.6em;
		padding: 0px;
		margin: 0px;
margin-left: 220px;}
div#hello {box-sizing: border-box;
		width: 600px;

		padding-top: 5px;
		padding-left: 30px;
		margin-left: 30px;
		padding-bottom: 80px;
		padding-right: 0px;
		border-top-style: solid;
		border-left-style: solid;
		border-color: red;
		border-width: 5px;
		text-align: justify;
		line-height: 112%;
		height: 330px;
		overflow: auto;
}
p#hello {width: 300px;
		float: left;
		padding: 0px;
		margin: 0px;}
div.sinne {margin-top: 10px;
margin-left: 5px;
width: 450px;}
p#einrueck {margin-top: 0px;}
div.social {font-family: "Comic Sans MS";
			padding-left: 5px;}
div#social {font-size: 0.9em;
		padding-top: 33px;}
div#func {font-size: 0.8em;
		padding-left: 10px;}
br#big {margin-bottom: 15px;}
a {text-decoration: none;
	color: black;}
a:hover {text-decoration: underline;}
a#line {font-family: Comic Sans MS;
		font-size: 0.9em;}
div.imp {font-size: 0.6em;
		width: 100%;
		padding-right: 0px;}
td#imp {vertical-align: top;}
p#kont {font-size: 0.8em;}
p#home {text-align: right;
		padding: 0px;
		margin: 0px;}
p.small {font-size: 0.6em;
		margin: 0px;}
div#album {background-color: grey;
width: auto;
height: 216px;
margin-top: 8px;
border-style: solid;}
img#albumart {width: 200px;
height: 200px;
padding-top: 0px;}
div#albumart {width: 200px;
height: 200px;
float: left;
border-style: solid;
margin-top: 5px;
margin-left: 5px;}
div#albuminfo {width: 200px;
float: left;
margin-top: 5px;
margin-left: 5px;
padding-left: 8px;
padding-right: 3px;
padding-bottom: 0px;
border-style: solid;
border-style: solid;
border-width: 3px;
background-color: white;}
iframe#player {float: right;
			padding-top: 0px;
			margin-right: 25px;
			padding-left: 10px;
			border-style: none;
			border-left-style: dotted;
			border-top-style: none;
			width: 185px;
			height: 295px;}
iframe#player2 {float:right;
width: 100px;}
div#boxright {float: right;}
form#kontakt {font-size: 1em;
			border-style: dotted;
			width: 270px;}
span.box {height: 86px;
width: 86px;
float: left;
margin-top: 8px;
border-style: solid;
border-width: 2px;
margin-left: 5px;
margin-right: 5px;
text-align: center;
font-family: comic sans ms;
font-size: 0.8em;
}
span.box:hover {border-style: dotted;}
span#ear {border-color: red;}
span#eye {border-color: green;}
span#finger {border-color: blue;}
img#sign {height: 50px;
		width: 70px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		padding-top: 10px;}
p#boxd {float: bottom;}
div#box {
		width: 300px;}
div#greets {float: bottom;}
img#logo {width: 240px;
height: 240px;}
img#anfassen {width: 400px;
height: 209px;
margin-top: 10px;}
a#text {text-decoration: underline;}
h2 {font-family: "Comic Sans MS";
margin: 0px;
margin-bottom: 3px;
padding-bottom: 5px;
padding-top: 3px;
padding-left: 20px;
border-left-style: solid;
border-right-style: solid;
border-width: 5px;
font-size: 2em;}
p#title {font-weight: bold;
margin: 0px;
margin-top: 3px;}
p#type {font-style: italic;
margin: 0px;
margin-bottom: 10px;}
h3 {font-size: 0.8em;
font-style: italic;}
div.upcoming {
margin-top: 8px;
padding-left: 13px;
padding-top: 15px;
border-width: 2px;
border-left-style: solid;
border-top-style: solid;}
div.vergangen {font-size: 0.9em;
font-colour: grey;
padding-top: 30px;
margin-left: 10px;}
p#giglinks {margin: 0px;
padding-left: 10px;
font-size: 0.8em;
}
div#nav {margin-top: 10px;
text-align: right;
margin-right: 250px;
font-size: 0.8em;
font-family: "Comic Sans MS";
padding-bottom: 3px;}
p#label {margin: 0px;
padding: 0px;
margin-top: 10px;
margin-right: 2px;
text-align: right;
font-size: 0.6em;}
img#fratzer {width: 66px;
height: 66px;
margin-left: 3px;
float: right;}
img#fratzel {width: 66px;
height: 66px;
margin-right: 3px;
float: left;}
div#ueberuns {width: 420px;
font-size: 0.8em;
border-width: 2px;
border-top-style: solid;
border-left-style: solid;
padding: 2px;
overflow: auto;
margin-bottom: 100px;
}
p#ueberuns {margin: 0px;
padding-top: 2px;}
p#ueberuns:hover {background-color: lightgrey;}