@charset "utf-8";

/* xxxxxxxxxx   reset   xxxxxxxxxx */
body, p
	{margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size: 14px;
	line-height: 20px;
	color: #000;}
	
h1
	{margin-top: 0px;
	margin-bottom: 10px;
	padding: 0;
	font-size: 14px;
	color: #3b5998;
	border-bottom: solid 1px #808080;
	clear: left;}
	
h2
	{margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	color: #808080;
	float: right;
	clear: left;}
	
strong
	{font-weight: bold;}
	
span
	{font-style: italic;}

	
/* xxxxxxxxxx   top div   xxxxxxxxxx */
#top_div
	{width: 65%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 0px;}

#headline
	{font-size: 16px;
	color: #000;
	text-align: right;
	border-bottom: solid 2px #d5d5d5;
	position: absolute;
	top: 88px;
	left: 405px;
	right: 0;}
	
	
/* xxxxxxxxxx   main div   xxxxxxxxxx */
#main_div
	{width: 65%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 40px;
	z-index: 6;}
	
	
/* xxxxxxxxxx   content div   xxxxxxxxxx */
#content_div
		{width: 65%;
		position: absolute;
		top: 10px;
		left: 180px;
		z-index: 8;}
		
#content_div p
	{margin-bottom: 40px;}

		
/* xxxxxxxxxx   bottom div   xxxxxxxxxx */
#bottom_div
		{background-color: #fff;
		font-size: 12px;
		color: #808080;
		text-align: center;
		width: 100%;
		height: 30px;
		line-height: 30px;
		position: fixed;
		bottom: 0px;
		z-index: 12;}
		
#bottom_div a
	{color: #3b5998;}
	
#bottom_div a:hover
	{color: #c3c3c3;}
		
		
/* xxxxxxxxxx   background text   xxxxxxxxxx */
#background_news
	{background-image: url(../img/background_news.png);
	background-repeat: no-repeat;
	width: 180px;
	height: 747px;
	position: fixed;
	top: 180px;
	right: 20%;
	z-index: 1;}
	
#background_pictures
	{background-image: url(../img/background_pictures.png);
	background-repeat: no-repeat;
	width: 180px;
	height: 701px;
	position: fixed;
	top: 180px;
	right: 20%;
	z-index: 1;}
	
#background_stuff
	{background-image: url(../img/background_stuff.png);
	background-repeat: no-repeat;
	width: 180px;
	height: 384px;
	position: fixed;
	top: 180px;
	right: 20%;
	z-index: 1;}
	
#background_music
	{background-image: url(../img/background_music.png);
	background-repeat: no-repeat;
	width: 180px;
	height: 516px;
	position: fixed;
	top: 180px;
	right: 20%;
	z-index: 1;}
	
#background_concerts
	{background-image: url(../img/background_concerts.png);
	background-repeat: no-repeat;
	width: 180px;
	height: 747px;
	position: fixed;
	top: 180px;
	right: 20%;
	z-index: 1;}
	
#background_links
	{background-image: url(../img/background_links.png);
	background-repeat: no-repeat;
	width: 180px;
	height: 414px;
	position: fixed;
	top: 180px;
	right: 20%;
	z-index: 1;}
	
#background_contact
	{background-image: url(../img/background_contact.png);
	background-repeat: no-repeat;
	width: 180px;
	height: 637px;
	position: fixed;
	top: 180px;
	right: 20%;
	z-index: 1;}
	
#background_newsletter
	{background-image: url(../img/background_newsletter.png);
	background-repeat: no-repeat;
	width: 180px;
	height: 905px;
	position: fixed;
	top: 180px;
	right: 20%;
	z-index: 1;}
	
#background_guestbook
	{background-image: url(../img/background_guestbook.png);
	background-repeat: no-repeat;
	width: 180px;
	height: 896px;
	position: fixed;
	top: 180px;
	right: 20%;
	z-index: 1;}
	
#background_login
	{background-image: url(../img/background_login.png);
	background-repeat: no-repeat;
	width: 180px;
	height: 320px;
	position: fixed;
	top: 180px;
	right: 20%;
	z-index: 1;}
	
#background_abook
	{background-image: url(../img/background_abook.png);
	background-repeat: no-repeat;
	width: 180px;
	height: 383px;
	position: fixed;
	top: 180px;
	right: 20%;
	z-index: 1;}
	
#background_admin
	{background-image: url(../img/background_admin.png);
	background-repeat: no-repeat;
	width: 180px;
	height: 393px;
	position: fixed;
	top: 180px;
	right: 20%;
	z-index: 1;}
	
#background_logout
	{background-image: url(../img/background_logout.png);
	background-repeat: no-repeat;
	width: 180px;
	height: 400px;
	position: fixed;
	top: 180px;
	right: 20%;
	z-index: 1;}
	
#background_warning
	{background-image: url(../img/background_warning.png);
	background-repeat: no-repeat;
	width: 180px;
	height: 510px;
	position: fixed;
	top: 180px;
	right: 20%;
	z-index: 1;}
	
#background_mail
	{background-image: url(../img/background_mail.png);
	background-repeat: no-repeat;
	width: 180px;
	height: 278px;
	position: fixed;
	top: 180px;
	right: 20%;
	z-index: 1;}
	
	
/* xxxxxxxxxx   index   xxxxxxxxxx */
.news_pics
	{padding-right: 12px;
	padding-bottom: 40px;
	float: left;}

	
	
/* xxxxxxxxxx   stuff   xxxxxxxxxx */
.stuff_table
	{font-size: 12px;
	text-align: center;
	line-height: 16px;
	margin-bottom: 40px;}
	
.stuff_table a
	{color: #000;
	font-weight: normal;
	text-decoration: none;}
	
.stuff_table a:hover
	{color: #c3c3c3;}
	
ol
	{line-height: 26px;
	margin-bottom: 40px}
	
	
/* xxxxxxxxxx   music   xxxxxxxxxx */
#genesis_logo
	{background-image: url(../img/musicpics/genesis_logo.png);
	background-repeat: no-repeat;
	width: 100px;
	height: 57px;}
	
#genesis_logo:hover
	{background-image: url(../img/musicpics/genesis_logo_hover.png);
	background-repeat: no-repeat;
	width: 100px;
	height: 57px;}
	
#philcollins_logo
	{background-image: url(../img/musicpics/philcollins_logo.png);
	background-repeat: no-repeat;
	width: 130px;
	height: 44px;}
	
#philcollins_logo:hover
	{background-image: url(../img/musicpics/philcollins_logo_hover.png);
	background-repeat: no-repeat;
	width: 130px;
	height: 44px;}

dt
	{font-weight: bold;
	color: #3b5998;}
	
	
/* xxxxxxxxxx   concerts   xxxxxxxxxx */	
#concerts_table
	{border: 1px solid #C7C7C7;
	border-collapse: collapse;
	margin: 10px auto 20px;
	width: 100%;}
	
#concerts_table td
	{border:1px solid #C7C7C7;
	font-family:Arial;
	font-size:11px;
	padding:5px;
	text-align:left;
	line-height: 14px;}
	
.td1
	{width:62px;}

.td2, .td3
	{width: 110px;}
	
.th
	{background-color: #efefef;
	color:#666666;}
	
.view_all
	{font-size: 10px;
	text-align: right;}
	
	
/* xxxxxxxxxx   forms   xxxxxxxxxx */
form
	{width: 500px;
	height: 300px;
	margin-top: 20px;
	position: relative;}

form div
	{margin-top: 10px;}
	
label
	{text-align: right;
	color: #000;
	width: 120px;
	margin-right: 10px;
	float: left;}
	
label#delete
	{float: none;}
	
label#newsletter_box
	{float: none;
	position: absolute;}
	
input#newsletter
	{position: absolute;
	left: 127px;}
	
textarea
	{font-family: Verdana;
	font-size: 12px;}

input.texteingabe, textarea
	{background-color: #edf0f7;
	color: #000;
	border: solid 1px #3b5998;
	width: 220px;}
	
input.texteingabe:hover, textarea:hover
	{background-color: #fcfdff;}
	
input.texteingabe_denied
	{background-color: #fff8bb;
	color: #000;
	border: solid 1px #d4a500;
	width: 220px;}
	
input.texteingabe_denied:hover
	{background-color: #f1e793;}
	
#recaptcha
	{margin-left: 38px;
	margin-bottom: 20px;}
	
#submit
	{background-image: url(../img/button_login.png);
	background-repeat: no-repeat;
	width: 56px;
	height: 26px;
	border: none;
	background-color: #fff;
	position: absolute;
	left: 296px;
	bottom: 204px;
	z-index: 2;}
	
#submit:hover
	{background-image: url(../img/button_login_hover.png);
	background-repeat: no-repeat;}
	
#submit_guestbook
	{background-image: url(../img/button_send.png);
	background-repeat: no-repeat;
	width: 56px;
	height: 26px;
	border: none;
	background-color: #fff;
	position: absolute;
	left: 296px;
	bottom: -50px;
	z-index: 2;}
	
#submit_guestbook:hover
	{background-image: url(../img/button_send_hover.png);
	background-repeat: no-repeat;}
	
#submit_concerts
	{background-image: url(../img/button_send.png);
	background-repeat: no-repeat;
	width: 56px;
	height: 26px;
	border: none;
	background-color: #fff;
	position: absolute;
	left: 296px;
	bottom: -8px;
	z-index: 2;}
	
#submit_concerts:hover
	{background-image: url(../img/button_send_hover.png);
	background-repeat: no-repeat;}
	
#submit_stockyard
	{background-image: url(../img/button_send.png);
	background-repeat: no-repeat;
	width: 56px;
	height: 26px;
	border: none;
	background-color: #fff;
	position: absolute;
	left: 296px;
	bottom: 8px;
	z-index: 2;}
	
#submit_stockyard:hover
	{background-image: url(../img/button_send_hover.png);
	background-repeat: no-repeat;}

#send
	{background-image: url(../img/button_send.png);
	background-repeat: no-repeat;
	width: 56px;
	height: 26px;
	border: none;
	background-color: #fff;
	position: absolute;
	left: 232px;
	bottom: 16px;
	z-index: 2;}
	
#send:hover
	{background-image: url(../img/button_send_hover.png);
	background-repeat: no-repeat;
	width: 56px;
	height: 26px;}
	
#reset
	{background-image: url(../img/button_reset.png);
	background-repeat: no-repeat;
	width: 56px;
	height: 26px;
	border: none;
	background-color: #fff;
	position: absolute;
	left: 296px;
	bottom: 16px;
	z-index: 2;}
	
#reset:hover
	{background-image: url(../img/button_reset_hover.png);
	background-repeat: no-repeat;
	width: 56px;
	height: 26px;}
	
.button3 a
	{background-image: url(../img/button_back.png);
	background-repeat: no-repeat;
	width: 128px;
	height: 26px;
	position: absolute;
	left: 0px;
	bottom: -60px;}
	
.button3 a:hover
	{background-image: url(../img/button_back_hover.png);
	background-repeat: no-repeat;
	width: 128px;
	height: 26px;}
	
#contact_form span, #add_concerts_form span, #add_guestbook_form span, #stockyard_form span
	{color: #d4a500;
	font-style: normal;}
	
#upload_form
	{height: 110px;}
	
#add_concerts_form
	{height: 280px;}
	
#search_form
	{height: 60px;}
	
#loeschen
	{height: 78px;}
	
#stockyard_form
	{height: 234px;}
	
	
/* xxxxxxxxxx   login   xxxxxxxxxx */
#warning
	{position: absolute;
	left: 76px;
	top: 190px;}
	
	
/* xxxxxxxxxx   admin   xxxxxxxxxx */
#content_div .admin_p
	{line-height: 32px;}
	
#admin_navi a, #guestbook_navi
	{color: #d4a500;}
	
#admin_navi a:hover, #guestbook_navi:hover, .guestbook_navi:hover
	{color: #808080;}
	
	
/* xxxxxxxxxx   guestbook   xxxxxxxxxx */
#table_guestbook
	{font-size: 12px;
	width: 100%;}
	
.timestamp
	{text-align: right;
	vertical-align: top;
	color: #808080;}
	
#table_guestbook strong
	{color: #3b5998;}
	
	
/* xxxxxxxxxx   a tags   xxxxxxxxxx */
a
	{color: #808080;
	font-weight: bold;
	text-decoration: none;}
	
a img
	{border: none;}
	
a:hover
	{color: #000;}
	
a:focus, a:active
	{outline: none;}
	
	
/* xxxxxxxxxx   navigation   xxxxxxxxxx */
#navigation1 {
	list-style-type: none;
	padding-left: 0px;
	position: absolute;
	top: 0;
	left: 20px;
	z-index: 12;
}

#navigation2 {
	list-style-type: none;	
	padding-left: 0px;
	position: absolute;
	top: 220px;
	left: 20px;
	z-index: 12;
}
	
#navigation1 a, #navigation2 a
	{display:block;
	height:100%;
	width:100%;}
	
#news a, #pictures a, #stuff a, #music a , #concerts a, #links a, #contact a, #guestbook a, #abook a, #admin a {
	width: 134px;
	height: 29px;
	line-height: 29px;
	color: #000;
	font-weight: normal;
	text-indent: 10px;
	border-bottom: solid 1px #d5d5d5;
}

#news:hover, #pictures:hover, #stuff:hover, #music:hover, #concerts:hover, #links:hover, #contact:hover, #guestbook:hover, #abook:hover, #admin:hover {
	background-color: #ebeef4;	
}

#news a:hover, #pictures a:hover, #stuff a:hover, #music a:hover, #concerts a:hover, #links a:hover, #contact a:hover, #guestbook a:hover, #abook a:hover, #admin a:hover {
	color: #3b5998;
}
	
#main, #features {
	background-color: #3b5998;
	color: #fff;
	width: 134px;
	height: 29px;
	line-height: 29px;
	font-weight: bold;
	text-indent: 10px;
}
	
#rss_logo
	{background-image: url(../img/rss.png);
	background-repeat: no-repeat;
	text-indent: -9000px;
	width: 40px;
	height: 40px;
	float: left;}
	
#soundfabrik_logo
	{background-image: url(../img/soundfabrik.png);
	background-repeat: no-repeat;
	text-indent: -9000px;
	width: 40px;
	height: 41px;	
	float: left;}
	
#newsletter_logo
	{background-image: url(../img/newsletter.png);
	background-repeat: no-repeat;
	text-indent: -9000px;
	width: 40px;
	height: 40px;
	float: left;}