/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0
author:    gerald preissl
email:     gerald.preissl@gmx.at
website:   http://www.geraldpreissl.com
-----------------------------------------------------------------------------*/

/* =Color Definition
-----------------------------------------------------------------------------*/
/*mittleres grün: #b98a08
dunkles braun: #5C1B07
helles gelb: #e8bb18

*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 0.5em 0;
}
/* Class for clearing floats */
.clear {
	clear:both;
}
/* Remove border around linked images */
img {
	border: 0;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 0.8em Arial, sans-serif;
}
blockquote {
	font-weight: bold;
	font-style: oblique;
	font-size: 1.05em;
	text-align: left;
}
h2 {
	font-size: 1.2em;
	margin-top: 1em;
	padding: 0 60px;
	background: url(images/listIcon.png) no-repeat 42px 50%;
}
#gigs h2, #media h2  {
	padding-left: 30px;
	background: none;
}
h2 a {
	text-decoration:none;
	color:#000000;
}

h3 {
	font-size: 1.05em;
	}
legend {
	font-weight: bold;
	font-size: 1.05em;
}
h2 a {
	text-decoration:underline;
	
}
h2 a:hover {
	text-decoration:underline;
	color:#5C1B07;
}




/* =Headings
-----------------------------------------------------------------------------*/



/* =Links
-----------------------------------------------------------------------------*/
ul {
	list-style: none;
	}
ul a {
	display: block;
	text-decoration: none;
	}


/* =Body
-----------------------------------------------------------------------------*/
body {
	background: #672000 url(images/bgRepeatY.jpg) center top repeat-y;
	
		
	}

/* =Bg
-----------------------------------------------------------------------------*/
#bg {
	width: 100%;
	height: 900px;
	background: url(images/bgRepeatX.jpg) center top repeat-x;
	text-align:left;
	}

/* =Wrapper
-----------------------------------------------------------------------------*/
#wrapper { 
	margin: 0 auto;
	width: 887px;
	padding-right: 1px;
	}
	
/* =Wrapper2
-----------------------------------------------------------------------------*/
#wrapper2 { 
	width: 887px;
	height: 691px;
	background: url(images/bgImage.jpg) center top no-repeat;
	}
	
/* =Content
-----------------------------------------------------------------------------*/
#content { 
	padding-top: 205px;
	
	}
	
/* =Audio Player
-----------------------------------------------------------------------------*/
#audioPlayer { 
	float: right;
	padding: 5px 131px 0 0;
	
	}
.audioplayer_container {
	margin:0;
	padding:0;
}	
#audioPlayerBg .audioplayer_container {
	background-color:#c0953b;
}	
/* =Left Sidebar
-----------------------------------------------------------------------------*/
#leftSidebar {
	float:left;
	margin:-32px 0 0 0;
	width: 145px;
}
#leftSidebar .guestbook a {
	text-indent: -5000px;
	
	height: 198px;
	background: url(images/guestbook.jpg) top left no-repeat;
}
#leftSidebar .banner a {
	text-indent: -5000px;
	height: 348px;
	background: url(images/banner.jpg) top left no-repeat;
}
#leftSidebar a:hover {
	background-position: top right;
}
/* =Main Content
-----------------------------------------------------------------------------*/
#mainContent {
	
	width: 556px;
	float: left;
	min-height: 600px;
	
	height:auto !important;
  	height:600px;
	
	}
#mainContent p, #mainContent h3{
	padding: 0 50px;
	}
/*#members #mainContent p {
	padding: 0 50px;
	}*/
#mainContent h1 {
	height: 44px;
	width: 316px;
	margin: 0 40px;
	text-indent: -5000px;
	}

#news, #gigs, #media, #presse {
	padding: 0 20px;
	}

#gigs h3, #media h3{
	padding: 0 60px;
	background: url(images/listIcon.png) no-repeat 42px 50%;
	}
#gigs p{
	padding: 0 60px;
	}


#mainContent .h1DieBand {
	background: url(images/h1DieBand.jpg) top left no-repeat;
	}
#mainContent .h1News {
	background: url(images/h1News.jpg) top left no-repeat;
	}
#mainContent .h1Gigs{
	background: url(images/h1Gigs.jpg) top left no-repeat;
	height: 52px;
	}
#mainContent .h1Guestbook{
	background: url(images/h1Guestbook.jpg) top left no-repeat;
	height: 52px;
	}
#mainContent .h1Media{
	background: url(images/h1Media.jpg) top left no-repeat;
	}
#mainContent .h1Presse{
	background: url(images/h1Presse.jpg) top left no-repeat;
	}
#mainContent .h1Shop{
	background: url(images/h1Shop.jpg) top left no-repeat;
	height: 52px;
	}
#mainContent .h1Links{
	background: url(images/h1Links.jpg) top left no-repeat;
	height: 52px;
	}
#mainContent .h1Kontakt{
	background: url(images/h1Kontakt.jpg) top left no-repeat;
	}
#mainContent .h1Members{
	background: url(images/h1Members.jpg) top left no-repeat;
	height: 52px;
	}
#mainContent .h1Downloads{
	background: url(images/h1Downloads.jpg) top left no-repeat;
	}
#mainContent .h1Reaktionen{
	background: url(images/h1Reaktionen.jpg) top left no-repeat;
	}

/* =Main Nav
-----------------------------------------------------------------------------*/
#mainNav {
	width: 162px;
	height: 300px;
	float: right;
	padding: 0 20px 0 0;
	}

#mainNav a {
	height: 30px;
	text-indent: -5000px;
	}

.dieBand a {
	background: url(images/btnDieBand.jpg) top left no-repeat;
	}
.news a {
	background: url(images/btnNews.jpg) top left no-repeat;
	}
.gigs a {
	background: url(images/btnGigs.jpg) top left no-repeat;
	}
.media a {
	background: url(images/btnMedia.jpg) top left no-repeat;
	}
.presse a {
	background: url(images/btnPresse.jpg) top left no-repeat;
	}
.shop a {
	background: url(images/btnShop.jpg) top left no-repeat;
	}
.links a {
	background: url(images/btnLinks.jpg) top left no-repeat;
	}
.downloads a {
	background: url(images/btnDownloads.jpg) top left no-repeat;
	}
.kontakt a {
	background: url(images/btnKontakt.jpg) top left no-repeat;
	}
.reaktionen a {
	background: url(images/btnReaktionen.jpg) top left no-repeat;
	}
#mainNav a:hover {
	background-position: top right;
	}

/* =Sub Nav
-----------------------------------------------------------------------------*/
#subNavMedia, #subNavCombo {
	height: 280px;
	width: 170px;
	background: url(images/bgSubNav.jpg) top left no-repeat;
	float: right;
	padding: 10px 12px 0 0;
	}

#subNavMedia a {
	width: 170px;
	height: 30px;
	text-indent: -5000px;
	}
#subNavCombo a{
	width: 162px;
	height: 30px;
	text-indent: -5000px;
	}


.subNavH1Media {
	height: 35px;
	background: url(images/subNavMedia.jpg) top left no-repeat;
	text-indent: -5000px;
	}
.fotos a {
	background: url(images/btnFotos.jpg) top left no-repeat;
	}
.audio a {
	background: url(images/btnAudio.jpg) top left no-repeat;
	}
.video a {
	background: url(images/btnVideo.jpg) top left no-repeat;
	}
#subNavMedia a:hover, #subNavCombo a:hover {
	background-position: top right;
	}
/* =Sub Nav Combo
-----------------------------------------------------------------------------*/


.subNavH1Combo {
	height: 35px;
	background: url(images/subNavCombo.jpg) top left no-repeat;
	text-indent: -5000px;
	}
.schurli a {
	background: url(images/btnSchurli.jpg) top left no-repeat;
	}
.nic a {
	background: url(images/btnNic.jpg) top left no-repeat;
	}
.stoni a {
	background: url(images/btnStoni.jpg) top left no-repeat;
	}
.rudi a {
	background: url(images/btnRudi.jpg) top left no-repeat;
	}

/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/
#footer{ 
	min-height: 150px;
	background: #672000 url(images/footerImage.jpg) center top no-repeat;
	clear:both;
	
	height:auto !important;
  	height:150px;
	}


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =Slideshow
-----------------------------------------------------------------------------*/
#slideshow_1 {
	margin: 5px 0 10px 49px;
	}


/* =Gallery
-----------------------------------------------------------------------------*/
.gallery {
	margin: 10px 0 10px 30px;
	clear: both;
	}
.gallery-row {
	display: block;
	height: 60px;
	}
.gallery-item {
	float: left;
	margin-right: 6px;
	text-align: center;
	
	}
.gallery img {
	border:1px solid #b98a08;
	margin: 0 auto;
	width: 45px;
	height: 45px;
	}
.gallery img:hover {
	border:3px solid #b98a08;
	}

/* =Presse
-----------------------------------------------------------------------------*/
#presse img {
	float: left;
	margin-right: 6px;
	border:1px solid #b98a08;
	}
#presse img:hover {
	border:3px solid #b98a08;
	}
	
/* =Contactform
-----------------------------------------------------------------------------*/

.contact-form {
	padding-left: 50px;
}
.form-label, .form-submit {
	padding: 3px 0;
}
legend, .form-option, .form-submit{
	padding: 8px 0 5px 0;
}
.button {
	margin-top: -10px;
	}
/* =Guestbook
-----------------------------------------------------------------------------*/
#guestbook {
	padding-left: 30px;
	
}

}
#guestbook h2 {
	margin: -10px 0 5px 0;
}

/* =Links
-----------------------------------------------------------------------------*/
#links h2 a {
	text-decoration: none;
}
/* =shop
-----------------------------------------------------------------------------*/
#shop img {
	border: #401206 1px solid;
}
/* =news
-----------------------------------------------------------------------------*/
#news img {
	border: #401206 1px solid;
}

/* =schurli
-----------------------------------------------------------------------------*/
#schurli #mainContent {
	background: url(images/schurli.jpg) top right no-repeat;
	
}
/* =schurli
-----------------------------------------------------------------------------*/
#nic #mainContent {
	background: url(images/nic.jpg) top right no-repeat;
}
/* =schurli
-----------------------------------------------------------------------------*/
#stoni #mainContent {
	background: url(images/stoni.jpg) top right no-repeat;
}
/* =schurli
-----------------------------------------------------------------------------*/
#rudi #mainContent {
	background: url(images/rudi.jpg) top right no-repeat;
}