/**
 * 
 * FEINHEIT kreativ studio // www.feinheit.ch
 * 
 */

/*
@import url("/media/css/subnaviart1.css");
@import url("/media/css/subnaviart2.css");
*/
html{
	margin:0px;
	padding:0px;
	overflow-y:hidden;/* ie6 */
}

body{
	margin:0px;
	padding:0px;
	background:#45354F  url(/media/img/design/body_bg.jpg) top left;
	overflow-y:hidden;	
	overflow-x:auto;
	
	font-family: "Lucida Grande", Lucida, Arial, sans-serif; 
	font-size:13px;
}

a { 
	color:#000;
	outline:none;
	border:none;
}

a img {
	border:none;
}

p {
	margin:0px;
	padding:10px 0px 10px 0px;
	line-height:20px;
}

h1{
	margin:0px;
	padding:50px 0px 10px 0px;
	font-size:20px;
	font-weight:normal;
	color:#212121;
	border-bottom:1px solid #C7C7C7;
	clear: both;
}

h1.no_padding {
	padding: 10px 0px 10px 0px;
}

.col2 h2{
	margin:0px;
	padding:20px 0px 10px 0px;
	font-size:20px;
	font-weight:normal;
	color:#212121;
	border-bottom:1px solid #C7C7C7;
	clear: both;
}

.col1, .col2{
	float:left;
}

.clear {
	clear: both;
}

#pagecontent{
	width:2142px;
}

#page_title {
	display: none;
}

/* CONTENT */
#col_content{
	position:absolute;
	top:0px;
	left:0px;
	width:845px;
	background:#fff url(/media/img/design/col_content_bg.jpg) repeat-y;
	z-index:1;
	padding-top:55px;
}
#col_content .holder{
	overflow:auto;
	width:827px;
	height:550px;
}
#col_content .holder .col1{
	width:178px;
	padding-top:85px;
	/*position:fixed;*/
	left:0px;
}
#col_content .holder .col2{
	padding:0px 25px 0px 55px;
	/*margin-left: 178px;*/
	width:515px;
}
#col_content img{
	border: 9px solid #F5F5F2;
}
/*#col_content table{
	border: 9px solid #F5F5F2;
}*/

/* Subnavigationen */
#col_content .holder .col1 h2{
	margin:0px;
	padding:0px;
	font-size:16px;
	padding-top:40px;
	padding-bottom:20px;
	padding-left:20px;
}

#col_content .holder .col1 ul, #col_content .holder .col1 ul li{
	list-style:none;
	margin:0px;
	padding:0px;
}
#col_content .holder .col1 ul li{
	float:left;
	clear:both;
	width:178px;
}/*Ie6*/
#col_content .holder .col1 ul a{
	display:block;
	text-decoration:none;
	padding-left:20px;
}

#col_player {
	position:absolute;
	top:0px;
	left:829px;/*819px*/
	/*width:415px;*/
	width:1002px;
	z-index:3;
}

/* FLICKR */
#col_flickr {
	position:absolute;
	top:10px;
	left:1211px;
	/*width:610px;*/
	width:565px;
	height:550px;
	z-index:4;
	
	background: url(/media/img/design/col_flickr_bg.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/img/design/col_flickr_bg.png',sizingMethod='crop');
}
#col_flickr a.titel {
	position:absolute;
	display:block;
	width:218px;
	height:50px;
	text-indent:-7777px;
	text-decoration:none;
	margin-left:175px;
	background:url(/media/img/design/col_flickr_title_bg.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/img/design/col_flickr_title_bg.png',sizingMethod='crop');
}

#col_flickr img{
	border:7px solid #fff;
}
#col_flickr table, #col_flickr table td{
	vertical-align:middle;
	text-align:center;
	border:none;
	margin:0px;
	padding:0px;

}
#col_flickr table{
	position:absolute;
	width:100%;
	margin:0px;
}
#col_flickr table td{
	padding-top:40px;
}

/* impressum */
#col_impressum{
	position:absolute;
	top:0px;
	left:1821px;
	width:321px;	
	background:#1B283B;
	z-index:2;
	color:#fff;
}

#col_impressum .holder{
	width:321px;
	height:77px;
	font-size:12px;
	line-height:17px;
	overflow-x:hidden;	
	overflow-y:auto;
}

#col_impressum .holder div{
	padding:15px 20px 15px 23px;
	background:url(/media/img/design/col_col_impressum_line.jpg) no-repeat top left;
}
#col_impressum ul, #col_impressum li{
	list-style:none; margin:0px; padding:0px;
}

#col_impressum a{
	color:#fff;
	text-decoration:none;
}
#col_impressum a:hover{text-decoration:underline;}
#col_impressum div.kontakt{
	background:url(/media/img/design/col_col_impressum_logo.jpg) no-repeat top right;
}
#col_impressum div blockquote{
	font-size:15px;
	margin:0px;
	padding:0px;
}
#col_impressum div blockquote span{
	padding-top:10px;
	padding-bottom: 3px;
	display:block;
	font-size:13px;
	color:#999;
}
#col_impressum .holder div a.right{
	display:block;
	text-align:right;
}


/* HEADER */
#header{
	position:absolute;
	top:0px;
	left:0px;
	width:845px;
	height:130px;
	z-index:2;
}

#header a.logo{
	display:block;
	height:130px;
	width:185px;
	float:left;
	text-indent:-7777px;
	text-decoration:none;
	
	background:url(/media/img/design/header_logo.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/img/design/header_logo.png',sizingMethod='crop');
}
#header ul{
	display:block;
	float:left;
	background:url(/media/img/design/header_navi_bg.png) no-repeat;
	height:80px;
	width:660px;
	
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/img/design/header_navi_bg.png',sizingMethod='crop');
	
}
#header ul, #header ul li{
	list-style:none;
	margin:0px;
	padding:0px;
}
#header ul li, #header ul li a{
	float:left;
}
#header ul li a{
	position:relative; /* ie6 hack, wegen transparentem png */
	display:block;
	text-decoration:none;
	font-size:19px;
	height:35px;
	line-height:35px;
	margin-top:18px;
	padding-left:18px;
}
#header ul li a:hover {
	color:#CCCCCC;
}
#header ul li.mark a {
	color:#fff;
}

#shoutbox_hidder { margin-left: -23px; margin-right: -23px; padding-left: 0px}

/*
header_navi_bg.jpg
*/



/* FOOTER */
#footer {	
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	background:#670C0B url(/media/img/design/footer_bg.jpg) repeat-x;
	color:#fff;
	height:79px;
	z-index:777;
}




@media print {
	*{background: #fff; color: #000;}
	html {font: 100%/1.5 Arial, Helvetica, sans-serif;}
	#footer, #header, #col_impressum, #col_player, #col_flickr, #col_content .holder .col1{ display: none; }
	
	#col_content .holder .col2,#pagecontent{
		width:auto;
		height:auto;
	}
	
	/* dieser div bekommt via JS seine höhe */
	#col_content .holder{
		overflow:auto;
		width:auto;
		height:auto;
	}
}

#col_content hr {
	color: #C7C7C7;
	background-color: #C7C7C7;
	height: 1px;
	border: 0px;
}

/* blog def */
.blog_subtitle {
	color: #c90001;
}

.blog_subtitle a {
	color: #c90001;
}

a.blog_more {
	color: #c90001;
	float: right;
}

.entry_list_footer {
	color: #c90001;
}

.entry_list_footer a {
	color: #c90001;
}

.blog_excerpt {
	border: 9px solid #F5F5F2;
	background-color: #F5F5F2;
}

h1.blog_title{
	margin:0px;
	padding:50px 0px 10px 0px;
	font-size:20px;
	font-weight:normal;
	color:#212121;
	border: none;
	clear: both;
}

h2.blog_title {
	margin:0px;
	padding:20px 0px 10px 0px;
	font-size:20px;
	font-weight:normal;
	color:#212121;
	border: none;
	border-top:1px solid #C7C7C7;
	clear: both;
}

.comment_odd {
	border: 9px solid #F5F5F2;
	background-color: #F5F5F2;
}

.comment_cu {
	color:#2da3ff;
}

.comment_title {
	font-weight: bold;
}
/* konzerte */
.eventinfo_table {
	border: 9px solid #F5F5F2;
	background-color: #F5F5F2;
}

.eventinfo h2 {
	margin:0px;
	padding:20px 0px 10px 0px;
	font-size:13px;
	font-weight:bold;
	text-decoration: none;
	color:#212121;
	border: none;
	clear: both;
}

.eventinfo a {
	text-decoration: none;
}

span.eventdate {
	color: #2da3ff;
}

/* bands */
.band_portals {
	padding-top: 10px;
}

/* workcollections */
#workcollection_list h2 {
	border: none;
	text-decoration: none;
}

#workcollection_list h2 a {
	border: none;
	text-decoration: none;
}

ul.workcollection_year_list {
	padding-left: 0px;
	width: 250px;
	height: 200px;
	list-style: none;
	overflow-y: scroll;
}

.workcollection_year_list li {
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 110%
}

.workcollection_year_list li.selected {
	cursor: pointer;
	background-color: #c90001;
}

.workcollection_band_list {
	padding-left: 0px;
	width: 250px;
	height: 200px;
	list-style: none;
	overflow-y: scroll;
}

.workcollection_band_list li {
	font-size: 110%;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
}

.workcollection_band_list li.selected {
	cursor: pointer;
	background-color: #c90001;
}

.workcollection_by_year {
	margin-top: 15px;
}

.workcollection_content {
	border: 9px solid #F5F5F2;
	background-color: #F5F5F2;
}

.band_filter_title {
	cursor: pointer;
}

.year_filter_title {
	cursor: pointer;
}

#band_filter {
	float: right;
}

#year_filter {
	float: left;
}
/*
 hand hover
*/
/* your own style sheet, here are some examples */
.bandhover {
    padding-left: 0px;
    display: inline;
    clear: none;
}
.bandhover li {
    list-style-type: none;
    margin: 0px;
    /*margin-left: 10px;*/
    display: inline;
    clear: none;
}
.bandhover p {
    position: absolute;
    margin: 0px;
    margin-left: 9px;
    margin-top: 2px;
    z-index:2;
    background-Color: #c7c7c7;
    color: #ffffff;
    width: 150px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    opacity:.8;
    display: none;
    clear: none;
}
.bandhover img {
    z-index:1;
    width: 150px;
    height: 112px;
    margin: 0px;
    border: 5px;
    /*border: #888888 groove 2px;*/
}

/*
 * shop css
 * the hole style of the shop starts hear
 */

.col1 ul.shop_actions {
	list-style: none;
	list-style-type: square;
}
.col1 ul.shop_actions li {
	display: block;
	width: 100px;
}
.col1 ul.shop_actions a {
	font-style: !important;
	font-size: 12px;
}

#shop_cat_browser {
	width: 510px;
}

#shop_content {
	width: 515px;
	margin-top: 20px;
}

.shop_content {
	border: 9px solid #F5F5F2;
	background-color: #F5F5F2;
}



#shop_content h2 {
	border: none;
	padding: 0px 0px 10px 0px;
}

#shop_cat_browser {
	margin-top: 20px;
}

#product_desc {
	float: left;
	width: 320px
}

#product_images {
	margin-left: 360px;
	width: 140px;
	min-height: 200px;
}

#product_images h2 {
	clear: none;
}

#checkout_person_form {
	width: 320px;
	float: left;
}

#col_content #checkout_person_form input[type=text] {
	width: 140px;
}

#checkout_payment_form {
	margin-top: 20px;
	width: 140px;
	margin-left: 360px;
	min-height: 175px;
}

#checkout_payment_form ul {
	list-style: none;
	padding-left: 0px;
}

#col_content #checkout_payment_form input[type=text], select {
	width: 140px;
}

#checkout_bill_form {
	width: 230px;
	float: left;
}

#col_content #checkout_bill_form input[type=text], select {
	width: 140px;
}

#checkout_shipping_form {
	margin-top: 20px;
	width: 230px;
	margin-left: 270px;
}

#col_content #checkout_shipping_form input[type=text], select {
	width: 140px;
}

p.help {
	font-size: 75%;
	padding: 1px;
}

#checkoutprogress h3.current {
	color: red;
}

#shop_login {
	float: left;
	width: 230px;
}

#shop_create_account {
	width: 230px;
	margin-left: 270px;
	margin-top: 20px;
}

#shop_cart_table {
	margin-top: 20px;
	width: 515px;
}

#shop_cart_table th {
	border: 9px solid #F5F5F2;
	background-color: #F5F5F2;
	font-style: oblique;
	font-size: 110%;
}

#shop_cart_table td {
	padding: 10px;
}

#shop_cart_table input[type=text] {
	width: 50px;
}

#shop_cart_table input[type=submit] {
	float: none;
}

#checkout_billing_info {
	float: left;
	width: 230px;
}

#checkout_shipping_info {
	width: 230px;
	margin-left: 270px;
	margin-top: 20px;
	position: relative;
}

div.confirm_billinginfo {
	float: left;
	width: 230px;
	margin-top: 20px;
}

div.confirm_shippinginfo {
	width: 230px;
	margin-left: 270px;
	margin-top: 20px;
	position: relative;
}

div.confirm_shippingmethod {
	margin-top: 20px;
}

div.confirm_total {
	margin-top: 20px;
}

div.confirm_paymentinfo {
	margin-top: 20px;
}

#checkout_item_info {
	padding: 9px;
}

#checkout_item_info_table td{
	width: 100%;
	border-color:  #F5F5F2;
	border-width: 5px;
	padding: 5px;
}

#checkout_item_info_table th{
	text-align: left;
	background-color:  #F5F5F2;
	padding: 5px;
	min-width: 100px;
}

#shop_song_list {
	display: block;
	height: 200px;
	width: 140px;
	overflow-y: scroll;
	list-style: none;
	padding-left: 0px;
	/*clear: both;*/
	/*list-style-image: url("/media/img/play.png");
	list-style-position: outside;*/
}

#shop_song_list a {
	width: 100%;
	font-size: 9px;
	text-decoration: none;
}

#shop_song_list li.selected {
	width: 100%;
	background-color: #C90001;
}

#shop_song_list li {
	width: 100%;
	padding-bottom: 3px;
}

#play img {
	border: 0px none;
}

#pause img {
	border: 0px none;
}

div#simpleplayer {
	width: 34px;
	height: 34px;
	display: block;
	float: left;
	cursor: pointer;
}

div#playinfo {
	vertical-align: top;
	position: relative;
	display: block;
	float: right;
	width: 100px;
}

/* form spez */
#shoutbox_hidder input { width: 200px; }
#kblog_comment_form input[type=text], select { width: 308px; }
#kontakt_form input[type=text], select { width: 308px; }
#kontakt_form select { width: 316px; }
#newsletter_form input[type=text], select { width: 308px; }
#newsletter_form select { width: 316px; }

/* forms */
/* FORM DEFAULTS */
input, textarea, select { margin:2px 0; padding:2px 3px; vertical-align:middle; font-family:"Lucida Grande", Verdana, Arial, sans-serif; font-weight:normal; font-size:11px; }
textarea { vertical-align:top !important; }
input[type=text], input[type=password], textarea, select, .vTextField { border:1px solid #ccc; }

/*  FORM BUTTONS  */
input[type=submit], input[type=reset], input[type=button], .submit-row input { float:right; text-align: center; background:white url(../img/admin/nav-bg.gif) bottom repeat-x; padding:3px; color:black; border:1px solid #bbb; border-color:#ddd #aaa #aaa #ddd; }
input[type=submit]:active, input[type=button]:active { background-image:url(../img/admin/nav-bg-reverse.gif); background-position:top; }
input[type=submit].default, .submit-row input.default { border:2px solid #5b80b2; background:#7CA0C7 url(../img/admin/default-bg.gif) bottom repeat-x; font-weight:bold; color:white; }
input[type=submit].default:active { background-image:url(../img/admin/default-bg-reverse.gif); background-position:top; }

/* MODULES */
.module { border:1px solid #ccc; margin-bottom:5px; background:white; }
.module p, .module ul, .module h3, .module h4, .module dl, .module pre { padding-left:10px; padding-right:10px; }
.module blockquote { margin-left:12px; }
.module ul, .module ol { margin-left:1.5em; }
.module h3 { margin-top:.6em; }
.module h2, .module caption { margin:0; padding:2px 5px 3px 5px; font-size:11px; text-align:left; font-weight:bold; background:#7CA0C7 url(../img/admin/default-bg.gif) top left repeat-x; color:white; }
.module table { border-collapse: collapse; }

/* MESSAGES & ERRORS */
ul.messagelist { padding:0 0 5px 0; margin:0; }
ul.messagelist li { font-size:12px; display:block; padding:4px 5px 4px 25px; margin:0 0 3px 0; border-bottom:1px solid #ddd; color:#666; background:#ffc url(../img/admin/icon_success.gif) 5px .3em no-repeat; }
.errornote { font-size:12px !important; display:block; padding:4px 5px 4px 25px; margin:0 0 3px 0; border:1px solid red; color:red;background:#ffc url(../img/admin/icon_error.gif) 5px .3em no-repeat; }
ul.errorlist { margin:0 !important; padding:0 !important; }
.errorlist li { font-size:12px !important; display:block; padding:4px 5px 4px 25px; margin:0 0 3px 0; border:1px solid red; color:white; background:red url(../img/admin/icon_alert.gif) 5px .3em no-repeat; }
td ul.errorlist { margin:0 !important; padding:0 !important; }
td ul.errorlist li { margin:0 !important; }
.error { background:#ffc; }
.error input, .error select { border:1px solid red; }
div.system-message { background: #ffc; margin: 10px; padding: 6px 8px; font-size: .8em; }
div.system-message p.system-message-title { padding:4px 5px 4px 25px; margin:0; color:red; background:#ffc url(../img/admin/icon_error.gif) 5px .3em no-repeat; }
.description { font-size:12px; padding:5px 0 0 12px; }


#col_content #checkout_bill_form input[type=text], select {
	width: 140px;
}