@charset "UTF-8";

html, body { height: 100%; }

body {
	margin: 0;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 14px;
	color: #aaa;
	background: #000 url(bg_body.gif) center;
}

a {
	color: #f33;
	text-decoration: none;
	border: none;
	outline: none;
}

a:hover { color: #fff; }

img { border: none; }

ul, ol { padding-left: 0px; color: #b7161c; }

ul { list-style-type: disc; }

li {
	margin-left: 5px;
	margin-bottom: 5px;
}

h1 { font-size: 22px; color: #fff; }
h2 { font-size: 16px; color: #b7161c; margin-bottom: -10px; }
h3 { font-size: 14px; color: #fff; margin-bottom: -10px; }

input,select,textarea {
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #ccc;
	padding-left: 3px;
	padding-right: 3px;
	background: #333;
	border: 1px solid #111;
	outline: none;
	-webkit-border-radius: 5px;
}
textarea {
	/*resize: vertical;*/
	resize: none;
	
}
input.form-submit {
	font-weight: bold;
	font-size: 16px;
	width: auto!important;
	height: 20px;
	line-height: 16px;
	padding: 0px 18px 0px 0px;
	text-align: right;
	text-transform: uppercase;
	cursor: pointer;
	border: none;
	background: transparent url(bg_submit.png) no-repeat right top;
}

input.form-submit:hover {
	color: #b7161c;
	background-position: right bottom;
}

input.input-error, textarea.input-error {
	background: #b7161c;
}

span.input-error { color:#b7161c;  }

div.news input,div.news select,div.news textarea {
	width: 320px;
}

label { display: block; clear: both; }

label.halfsize {
	display: inline;
	width: 160px;
	margin-right: 10px;
	clear: none;
}
label.halfsize input {
	width: 150px;
}
label.halfsize select {
	width: 158px;
	margin: 0;
}

label.left {
	float: left;
}
label.right {
	float: left;
	margin-right: 0px;
}


/* Klassen */
.rot-1 { color: #f33; }
.rot-2 { color: #b7161c; }
.weiss { color: #fff; }

.fehler { color:#FF3300; }

.text { color: #aaa; }

.fett { color: #fff; }
.fat { font-size: 20px; }

ul.linkliste { list-style: none; color: #aaa; margin: 0; padding: 0; }
ul.linkliste li { margin-left: 0px; }

div#header {
	position: relative;
	width: 100%;
	height: 132px;
	margin: 0;
	overflow: hidden;
	background: url(bg_header.gif) repeat-x;
	z-index: 1;
}
div#header a#logo-link {
	display: block;
	position: absolute;
	left: 50%;
	top: 20px;
	width: 370px;
	height: 60px;
	margin-left:-185px;
}
div#logo {
	width: 50%;
	height: 98px;
	padding-left: 241px;
	margin: 0;
	background: #000 url(logo.png) no-repeat top right;
}
div#header-ecke {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 249px;
	height: 98px;
	background: url(header-ecke.png) no-repeat top right;
	z-index: 2;
}

div#navigation {
	position: relative;
	width: 100%;
	height: 34px;
	margin: 0;
	text-align: center;
	background: #000;
	z-index: 1;
}
div#navigation ul {
	width: 750px;
	height: 32px;
	display: block;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
div#navigation ul li {
	height: 32px;
	display: block;
	float: left;
	margin: 0px 19px 0px 0px;
	padding: 0;
}
div#navigation ul li a {
	height: 32px;
	display: block;
	margin: 0;
	padding: 0;
	background-image: url(navigation.png);
	background-repeat: no-repeat;
}

div#navigation ul li a span { display: none; }
/* 01 - news */
div#navigation ul li a#nav_1 { width: 70px; background-position: -9px top; }
div#navigation ul li a#nav_1:hover, div#navigation ul li a#nav_1.aktiv { background-position: -9px bottom; }
/* 02 - info*/
div#navigation ul li a#nav_2 { width: 51px; background-position: -98px top; }
div#navigation ul li a#nav_2:hover, div#navigation ul li a#nav_2.aktiv { background-position: -98px bottom; }
/* 03 - shop*/
div#navigation ul li a#nav_3 { width: 62px; background-position: -168px top; }
div#navigation ul li a#nav_3:hover, div#navigation ul li a#nav_3.aktiv { background-position: -168px bottom; }
/* 04 - band_merch*/
div#navigation ul li a#nav_4 { width: 168px; background-position: -249px top; }
div#navigation ul li a#nav_4:hover, div#navigation ul li a#nav_4.aktiv { background-position: -249px bottom; }
/* 05 - galerie*/
div#navigation ul li a#nav_5 { width: 92px; background-position: -438px top; }
div#navigation ul li a#nav_5:hover, div#navigation ul li a#nav_5.aktiv { background-position: -438px bottom; }
/* 06 - links*/
div#navigation ul li a#nav_6 { width: 69px; background-position: -549px top; }
div#navigation ul li a#nav_6:hover, div#navigation ul li a#nav_6.aktiv { background-position: -549px bottom; }
/* 07 - kontakt*/
div#navigation ul li a#nav_7 { width: 103px; background-position: -637px top; }
div#navigation ul li a#nav_7:hover, div#navigation ul li a#nav_7.aktiv { background-position: -637px bottom; }

div#page {
	position: relative;
	width: 100%;
	min-height: 100%;
	margin-top: -203px;
	padding: 0px 0px 20px 0px;
	background: url(bg_page.png) no-repeat bottom right;
}

div#content {
	position: relative;
	width: 780px;
	margin: 0px auto;
	padding: 224px 0px 0px 20px;
}

div#footer {
	position: relative;
	width: 100%;
	height: 52px;
	background: url(bg_footer.png) repeat-x top center;
}
ul#footer-nav {
	position: absolute;
	left: 50%;
	bottom: 11px;
	margin: 0px 0px 0px -360px;
	padding: 0;
	list-style: none;
}
ul#footer-nav li {
	display: inline;
	margin-right: 10px;
}
ul#footer-nav li a { color: #111; }
ul#footer-nav li a:hover { color: #fff; }

div#footer-ecke-left {
	width: 100px;
	height: 52px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url(footer-ecke-left.png) no-repeat;
}
div#footer-ecke-right {
	width: 249px;
	height: 52px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: url(footer-ecke-right.png) no-repeat bottom right;
}

div.clear { width: 1px; height: 1px; clear: both; overflow: hidden; visibility: hidden; }
div.clear span { display:none; }

div.content-container { display: block; clear: both; }
div.content-container.shop { margin-bottom:40px; }
div.content-container:last-child { margin-bottom:0px!important; }

div.news {
	width: 355px;
	text-align: justify;
	margin-right: 30px;
	float: left;
}
div.news.even {
	margin-right: 0px;
}
p.datum {
	margin: 0;
	margin-bottom: -10px;
	padding: 0;
	color: #b7161c;
}

div.gallery-image {
	position: relative;
	display: block;
	width: 152px;
	height: 137px;
	float: left;
	padding: 3px 3px 3px 3px;
	margin: 0px 10px 10px 0px;
	background: #333 url(gallery_thumb_bg.png) no-repeat;
}
div.gallery-image a.magnify {
	position: absolute;
	left: 4px;
	top: 4px;
	width: 150px;
	height: 113px;
	background: url(gallery_thumb_magnify.png) no-repeat top left;
	z-index: 1;
}
div.gallery-image a.magnify:hover {
	background-position: bottom left;
}
div.gallery-image img {
	width: 150px;
	height: 113px;
	border: 1px solid #333;
}
div.gallery-image p {
	position: absolute;
	width: 100%;
	top: 122px;
	left: 0px;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}
div.gallery-image p a {
	color: #ccc;
	font-size: 11px;
	text-decoration: none;
}
div.gallery-image p a:hover { color: #fff; }

div.message-error, div.message-positiv {
	height: 65px;
	margin-bottom: -20px;
	clear: both;
	background: url(bg_message_error.png) no-repeat;
}
div.message-error p, div.message-positiv p {
	color: #fff;
}
div.message-error table, div.message-positiv table {
	width: 605px;
	height: 65px;
	border: none;
	margin-left: 80px;
}
div.message-positiv { background: url(bg_message_positiv.png) no-repeat; }

/* S H O P */
div.shop-artikel {
	position: relative;
	width: 370px;
	height: 218px;
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
	background: url(shop_bg_shop-artikel.png) no-repeat;
}
div.shop-artikel div.description {
	position: absolute;
	left: 160px;
	top: 10px;
	width: 205px;
	height: 150px;
}
div.shop-artikel div.description h2 {
	margin: 0;
	padding: 0;
	color: #f33;
}
div.shop-artikel div.description p {
	color: #eee;
	margin-top: 0px;
}
div.shop-artikel div.preis {
	position: absolute;
	top: 168px;
	left: 20px;
}
div.shop-artikel div.preis span {
	font-size: 13px;
	line-height: 13px;
	color: #fff;
}
div.shop-artikel div.preis p {
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height: 20px;
	color: #fff;
}
div.shop-artikel-bilder {
	position: absolute;
	left: 5px;
	top: 10px;
	width: 145px;
	height: 125px;
	overflow: hidden;
}
div.shop-artikel-form {
	position: absolute;
	left: 110px;
	top: 165px;
	width: 245px;
	height: 42px;
}
div.shop-artikel-form div {
	margin-top: 4px;
}
div.shop-artikel-form input.artikel-form-submit {
	display: block;
	width: 37px;
	height: 42px;
	margin: 0;
	padding: 0;
	float: right;
	border: none;
	cursor: pointer;
	outline: none;
	background:url(shop_button_warenkorb.png) no-repeat;
}
div.shop-artikel-form input.artikel-form-submit:hover {
	background-position: left bottom;
}
div.shop-artikel-form label {
	color: #fff;
	font-size: 13px;
	line-height: 13px;
}
div.shop-artikel-form input {
	padding: 0;
	margin: 0;
	height: 17px;
}
div.shop-artikel-form input.anzahl { font-family: Georgia, "Times New Roman", Times, serif; padding-left: 3px; width: 38px; }
div.shop-artikel-form select {
	padding: 0;
	margin: 0;
	height: 19px;
}
div.shop-artikel-form select option {
	font-size: 13px;
	height: 19px;
}
div.shop-artikel-form select option:hover {
	background: #b7161c;
}

div.shop-artikel-form form div {
	display: block;
	margin-right: 5px;
	float: left;
}
div.shop-artikel-form select.groesse { width: 50px; }
div.shop-artikel-form select.farbe { width: 80px; }

div.shop-artikel div.farben {
	position: absolute;
	top: 140px;
	left: 9px;
	width: 136px;
	height: 16px;
	text-align: center;
}
a.shop-artikel-button-turn-over {
	display: block;
	position: absolute;
	top: 135px;
	left: 9px;
	width: 20px;
	height: 21px;
	background: url(shop-artikel-button_turnover.png) no-repeat top left;
}
a.shop-artikel-button-turn-over:hover { background-position: left -21px; }
a.shop-artikel-button-turn-over:active { background-position: left -42px; }

div#shop-nav {
	position: fixed;
	left: 50%;
	top: 243px;
	width: 100px;
	margin-left: -500px;
	display: block;
}
div#shop-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#shop-nav ul li {
	display: block;
}
div#shop-nav ul li.warenkorb {
	border-top: 1px dotted #ccc;
}
div#shop-nav ul li.warenkorb a {
	display: block;
	height: 14px;
	padding-left: 22px;
	margin-top: 5px;
	background: url(shop_nav_button_warenkorb.png) no-repeat top left;
}
div#shop-nav ul li.warenkorb a:hover {
	background-position: bottom left;
}
div#shop-nav ul li a { display: block; }
div#shop-nav h1 { margin: 0px 0px 5px 5px; }
div#shop-nav h2 { margin: 0px 0px 5px 5px; }