/* Allgemeine Stil-Elemente */

html,body {
	font-family: arial;
	font-size: 100%;
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	padding: 0;

	background-image: url("images/back.png");
}

#frame {
	float: center;
	text-align: left;
	margin: 0 auto;
	margin-top: 5px;
	width: 750px;
	height: 582px;

	background-image: url("images/blanker.jpg");
	background-repeat: no-repeat;
}

.invisible {
	display: none;
}


/* Menü Stil-Elemente */

#menu {
	position: absolute;
	top: 390px;
	width: 200px;
	height: 150px;	
	margin-left: 25px;
}

.menu_band {
	float: left;
	width: 120px;
	height: 36px;

	background-image: url("images/menu/band_off.jpg");
	background-repeat: no-repeat;
}
.menu_band:hover {
	background-image: url("images/menu/band_hover.jpg");
}

.menu_home {
	float: left;
	width: 140px;
	height: 36px;
	margin-top: -8px;

	background-image: url("images/menu/home_off.jpg");
	background-repeat: no-repeat;
}
.menu_home:hover {
	background-image: url("images/menu/home_hover.jpg");
}

.menu_demos {
	float: left;
	width: 160px;
	height: 36px;
	margin-top: -8px;

	background-image: url("images/menu/demos_off.jpg");
	background-repeat: no-repeat;
}
.menu_demos:hover {
	background-image: url("images/menu/demos_hover.jpg");
}

.menu_galerie {
	float: left;
	width: 160px;
	height: 38px;
	margin-top: -8px;

	background-image: url("images/menu/galerie_off.jpg");
	background-repeat: no-repeat;
}
.menu_galerie:hover {
	background-image: url("images/menu/galerie_hover.jpg");
}

.menu_news {
	float: left;
	width: 285px;
	height: 36px;
	margin-top: -9px;

	background-image: url("images/menu/news_off.jpg");
	background-repeat: no-repeat;
}
.menu_news:hover {
	background-image: url("images/menu/news_hover.jpg");
}

.menu_guestbook {
	float: left;
	width: 285px;
	height: 36px;
	margin-top: -9px;

	background-image: url("images/menu/guestbook_off.jpg");
	background-repeat: no-repeat;
}
.menu_guestbook:hover {
	background-image: url("images/menu/guestbook_hover.jpg");
}


/* Inhaltliche Stil-Elemente */

#content_main {
	position: absolute;
	top: 270px;
	width: 351px;
	height: 218px;
	margin-left: 230px;

	background-repeat: no-repeat;
}

#content_small {
	position: absolute;
	top: 170px;
	width: 393px;
	height: 103px;
	margin-left: 9px;

	background-repeat: no-repeat;
}

#content_add {
	position: absolute;
	top: 275px;
	width: 181px;
	height: 18px;
	margin-left: 70px;

	background-image: url("images/content_small_galerie_add.jpg");
	background-repeat: no-repeat;
}

#content_adobe {
	position: absolute;
	top: 350px;
	width: 77px;
	height: 78px;
	margin-left: 600px;

	background-repeat: no-repeat;
}

#content_act {
	position: absolute;
	top: 180px;
	width: 233px;
	height: 161px;
	margin-left: 40px;

	background-repeat: no-repeat;
}

#slideme {
	position: absolute;
	top: 88px;
	width: 316px;
	height: 191px;
	margin-left: 430px;

	background-repeat: no-repeat;
}

#galerie {
	position: absolute;
	top: 181px;
	width: 268px;
	height: 84px;
	margin-left: 23px;

	background-repeat: no-repeat;
}

#lieberbann {
	position: absolute;
	top: 88px;
	width: 316px;
	height: 191px;
	margin-left: 431px;

	background-repeat: no-repeat;
}

#ohneworte {
	position: absolute;
	top: 460px;
	width: 18px;
	height: 120px;
	margin-left: 695px;

	background-image: url("images/ohneworte.jpg");
	background-repeat: no-repeat;
}
#ohneworte:hover {
	background-image: url("images/ohneworte_hover.jpg");
}

#footer {
	position: absolute;
	top: 586px;
	width: 180px;
	height: 18px;
	margin-left: 514px;
}

.kontakt {
	float: left;
	width: 71px;
	height: 18px;

	background-image: url("images/kontakt.jpg");
	background-repeat: no-repeat;
}
.kontakt:hover {
	background-image: url("images/kontakt_hover.jpg");
}

.impressum {
	float: left;
	width: 102px;
	height: 18px;

	background-image: url("images/impressum.jpg");
	background-repeat: no-repeat;
}
.impressum:hover {
	background-image: url("images/impressum_hover.jpg");
}

.back {
	position: absolute;
	top: 490px;
	width: 66px;
	height: 56px;
	margin-left: 40px;

	background-image: url("images/back.jpg");
	background-repeat: no-repeat;
}

#close {
	float: left;
	width: 82px;
	height: 20px;

	background-image: url("images/close.jpg");
	background-repeat: no-repeat;
}


/* Temporäre Inhalts-Links */

.link_kontakt {
	position: absolute;
	top: 373px;
	width: 195px;
	height: 17px;
	margin-left: 320px;

	background-image: url("images/links/content_link_kontakt.jpg");
	background-repeat: no-repeat;
}
.link_kontakt:hover {
	background-image: url("images/links/content_link_kontakt_hover.jpg");
}

.link_impressum {
	position: absolute;
	top: 345px;
	width: 209px;
	height: 18px;
	margin-left: 338px;

	background-image: url("images/links/content_link_impressum.jpg");
	background-repeat: no-repeat;
}
.link_impressum:hover {
	background-image: url("images/links/content_link_impressum_hover.jpg");
}

.link_news1 {
	position: absolute;
	top: 214px;
	width: 170px;
	height: 16px;
	margin-left: 106px;

	background-image: url("images/links/content_link_news1.jpg");
	background-repeat: no-repeat;
}
.link_news1:hover {
	background-image: url("images/links/content_link_news1_hover.jpg");
}

.link_news2 {
	position: absolute;
	top: 230px;
	width: 100px;
	height: 14px;
	margin-left: 110px;

	background-image: url("images/links/content_link_news2.jpg");
	background-repeat: no-repeat;
}
.link_news2:hover {
	background-image: url("images/links/content_link_news2_hover.jpg");
}

.link_news3 {
	position: absolute;
	top: 245px;
	width: 175px;
	height: 13px;
	margin-left: 62px;

	background-image: url("images/links/content_link_news3.jpg");
	background-repeat: no-repeat;
}
.link_news3:hover {
	background-image: url("images/links/content_link_news3_hover.jpg");
}

.song_01 {
	position: absolute;
	top: 315px;
	width: 185px;
	height: 19px;
	margin-left: 350px;

	background-image: url("images/links/content_link_song01.jpg");
	background-repeat: no-repeat;
}
.song_01:hover {
	background-image: url("images/links/content_link_song01_hover.jpg");
}

.song_02 {
	position: absolute;
	top: 335px;
	width: 226px;
	height: 17px;
	margin-left: 337px;

	background-image: url("images/links/content_link_song02.jpg");
	background-repeat: no-repeat;
}
.song_02:hover {
	background-image: url("images/links/content_link_song02_hover.jpg");
}

.song_03 {
	position: absolute;
	top: 355px;
	width: 102px;
	height: 17px;
	margin-left: 397px;

	background-image: url("images/links/content_link_song03.jpg");
	background-repeat: no-repeat;
}
.song_03:hover {
	background-image: url("images/links/content_link_song03_hover.jpg");
}

.song_04 {
	position: absolute;
	top: 375px;
	width: 187px;
	height: 17px;
	margin-left: 353px;

	background-image: url("images/links/content_link_song04.jpg");
	background-repeat: no-repeat;
}
.song_04:hover {
	background-image: url("images/links/content_link_song04_hover.jpg");
}

.song_05 {
	position: absolute;
	top: 395px;
	width: 116px;
	height: 17px;
	margin-left: 427px;

	background-image: url("images/links/content_link_song05.jpg");
	background-repeat: no-repeat;
}
.song_05:hover {
	background-image: url("images/links/content_link_song05_hover.jpg");
}

#intro {
	position: absolute;
	top: 292px;
	width: 175px;
	height: 13px;
	margin-left: 201px;
}

.link_intro {
	position: absolute;
	top: 325px;
	width: 307px;
	height: 24px;
	margin-left: 201px;

	background-image: url("images/links/content_link_intro.jpg");
	background-repeat: no-repeat;
}
.link_intro:hover {
	background-image: url("images/links/content_link_intro_hover.jpg");
}


/* Guestbook Stil-Elemente */

.guestbook {
	position: absolute;
	top: 190px;
	margin-left: 120px;

	z-index: 3;
}

.guestbookHeader {
	position: absolute;
	top: 140px;
	margin-left: 220px;
	width: 132px;
	height: 22px;
	
	z-index: 4;
	background-image: url("images/guestbook/guestbook.jpg");
	background-repeat: no-repeat;
}
.guestbookHeader:hover {
	background-image: url("images/guestbook/guestbook_hover.jpg");
}

.newEntry {
	position: absolute;
	top: 140px;
	margin-left: 347px;
	width: 210px;
	height: 22px;
	
	z-index: 4;
	background-image: url("images/guestbook/new.jpg");
	background-repeat: no-repeat;
}
.newEntry:hover {
	background-image: url("images/guestbook/new_hover.jpg");
}

.numberEntry {
	position: absolute;
	top: 140px;
	margin-left: 562px;
	width: 50px;
	height: 22px;
}

.formNew {
	position: absolute;
	top: 20px;
	margin-left: 50px;
}

.name {
	position: absolute;
	top: 0;
	margin-left: 0;
	width: 60px;
	height: 22px;
				
	background-image: url("images/guestbook/name.jpg");
	background-repeat: no-repeat;
}

.nameEntry {
	position: absolute;
	top: 0;
	margin-left: 150px;
	width: 200px;	
}

.mail {
	position: absolute;
	top: 30px;
	margin-left: 0;
	width: 60px;
	height: 22px;
				
	background-image: url("images/guestbook/email.jpg");
	background-repeat: no-repeat;
}

.password {
	position: absolute;
	top: 210px;
	margin-left: 0;
	width: 116px;
	height: 22px;
				
	background-image: url("images/guestbook/password.jpg");
	background-repeat: no-repeat;
}

.passwordEntry {
	position: absolute;
	top: 210px;
	margin-left: 150px;
	width: 200px;	
}

.mailEntry {
	position: absolute;
	top: 30px;
	margin-left: 150px;
	width: 200px;	
}

.picEntry {
	position: absolute;
	top: 120px;
	margin-left: 150px;
	width: 200px;	
}

.komment {
	position: absolute;
	top: 60px;
	margin-left: 0;
	width: 154px;
	height: 22px;
				
	background-image: url("images/guestbook/kommentar.jpg");
	background-repeat: no-repeat;
}

.kommentEntry {
	position: absolute;
	top: 60px;
	margin-left: 150px;
	width: 200px;	
}

.button {
	position: absolute;
	top: 130px;
	margin-left: 148px;
}

.valid {
	position: absolute;
	top: 170px;
	margin-left: 68px;
	width: 420px;
	height: 22px;

	background-image: url("images/guestbook/valider.jpg");
	background-repeat: no-repeat;
}

.abschicken {
	position: absolute;
	top: 240px;
	margin-left: 150px;
	width: 66px;
	height: 22px;
	cursor: pointer;
	
	z-index: 4;
}

#cover {
	position: absolute;
	top: 285px;
	margin-left: 105px;
	width: 105px;
	height: 105px;

	background-image: url("images/cover.jpg");
	background-repeat: no-repeat;
}