@charset "UTF-8";

/***************************
schwarz 252525
orange fbad44

hg: d4b986
****************************/


/**********************************************************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0; line-height: 1.4em; -webkit-text-size-adjust: none;}
table { border-collapse:collapse; border-spacing:0; margin-bottom: 1em; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; margin-bottom: 1em; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
/**********************************************************************************************************************/

html,body{ width:100%; height:100%; overflow: hidden; }

body{ font: normal 14px/22px  Arial,sans-serif; cursor:default; color: #252525; background: #000; -webkit-text-size-adjust: none; }

h1 { font-family: Arial,sans-serif;font-size:56px;color: #fff; margin-bottom: 15px; letter-spacing: -0.07em;}
h2 { font: bold 14px/20px  Arial,sans-serif; text-transform: uppercase; margin-bottom: 15px; }
h3 { font: normal 12px/20px  Arial,sans-serif; text-transform: uppercase; }

p { line-height: 20px; margin-bottom: 20px; }


/************************************/
/*       Links General             */
/**********************************/

a, a:link, a:visited, a:active { font-weight: normal; font-style: italic; text-decoration: none; color: #252525; /* border-bottom: 1px solid #252525; */ }
a:hover, a:focus  { color: white; }

a img, a img { border:none; background: none;}

a:visited.noborder,
a:hover.noborder,
a.noborder {border:none; }


/***********************************/
/*         NAVIGATION             */
/*********************************/

#navigation {position: absolute; top:215px; left: 0px;}

#navigation ul { position:relative; width: 150px;}
#navigation ul li {list-style-type: none; margin-bottom: 5px;}
#navigation ul li {list-style-type: none; margin-bottom: 5px; text-align: right;}
#navigation ul ul li {padding: 0; margin: 0; }
	
/* 1st level */
#navigation ul li a,
#navigation ul li a:link,
#navigation ul li a:visited { font-size: 16px; font-weight: bold; line-height: 18px; color:#fbad44; text-decoration:none; text-transform: uppercase; display: block; padding: 5px 5px 5px 0; width: 110px; text-align: right; } /* width: 110px; only beacause of IE */


#navigation ul li a:hover,
#navigation ul li a:focus,
#navigation ul li a.here { background: transparent; color: #ffffff; }


/* 2nd level */
#navigation ul ul li a,
#navigation ul ul li a:link,
#navigation ul ul li a:visited { font-size: 12px; line-height: 18px; border-top: none; font-weight: normal;  text-transform:none; margin: 0; padding: 0;  padding-right: 10px; }

#navigation ul ul li a:hover,
#navigation ul ul li a:focus,
#navigation ul ul li a.here { }


/***********************************/
/*        ABSOLUTE DIVS           */
/*********************************/

#wrapper {position: relative; width: 100%; height: 100%; overflow: auto; z-index: 1; }

#content_container {position: absolute; top: 185px; left: 180px; width: 667px; background: transparent url(/images/layout/CC_bg_transparent.png) repeat top left; /* opacity:.70; filter: alpha(opacity=70); -moz-opacity: 0.70; */ box-shadow: 0px 2px 15px #252525; -moz-box-shadow: 0px 2px 15px #252525; -webkit-box-shadow: 0px 2px 15px #252525;}

	.content {padding: 30px;}
	.image {padding: 0px;}

	#member_foto {position: relative; padding: 0px;}
	#member_text {position: absolute; top: 135px; left: 30px; width: 333px;}



	/* Discography */	
	.disco_intro {padding: 30px 30px 0 30px;}
	
	.disco_item {padding: 0 30px 30px 30px; float: left; }
		.disco_cover {width: 190px; float: left; padding-bottom: 15px; }
		.disco_songs {width: 400px; float: left; padding-bottom: 15px; }
	
	/* Pics */	
	.pics_intro {padding: 30px 30px 0 30px;}
	
	.pics_item {padding: 0 30px 30px 30px; float: left; }
		.pics_album {width: 190px; float: left; padding-bottom: 15px; }
		.pics_text {width: 400px; float: left; padding-bottom: 15px; }
		
		
	/* Downloads */	
	.downloads_intro {padding: 30px 30px 0 30px;}
	
	.downloads_cat {padding: 0 30px 30px 30px; float: left; }
		/* big and small are FF select values - dynamically attributet */
		.box_small {width: 280px; float: left; padding-bottom: 15px; }
			.img_small {width: 110px; float: left; padding: 0; margin: 0;}
			.text_small {width: 160px; float: left; padding: 0; margin: 0;}
		.box_big {width: 500px; float: left; padding-bottom: 15px; }
			.img_big {width: 260px; float: left; padding: 0; margin: 0;}
			.text_big {width: 240px; float: left; padding: 0; margin: 0;}
		.box_tiny {width: 200px; float: left; padding-bottom: 15px; }
			.img_tiny {width: 150px; float: left; padding: 0; margin: 0;}
			.text_tiny {width: 180px; float: left; padding: 0; margin: 0; white-space: nowrap;}

	/* Links */	
	.links_intro {padding: 30px 30px 0 30px;}
	
	.links_cat {padding: 0 30px 30px 30px; float: left; }
	

	/* band member index */ 
	
	/* Band */	
	.band_content {padding: 0 30px 30px 30px; float: left;}
	.band_intro {padding: 30px 30px 0 30px; float: left;}
	
		.home_member_item {float: left; width: 135px; padding-bottom: 15px;}
	
	/* Home */
	.thome {width: 100%;}
	.thome td {padding-right: 15px; vertical-align: middle; border-bottom: 3px solid #252525; }
	
	/* What's up? */
	.whats_item {padding: 5px 0; float: left; border-bottom: 3px solid #252525; width: 100%;}
		.whats_item b {vertical-align: bottom;}
		.th_month {width: 100%; height: 25px; padding-top: 15px; padding-bottom: 5px; float: left;}
		
		.row_1 {width: 120px;}
		.row_2 { padding-right: 15px; max-width: 170px;}
		.row_3 { padding-right: 15px; max-width: 150px; /* width: 140px; */}
		.row_4 { max-width: 130px; /* width: 200px; */}	
		.row_1, .row_2, .row_3, .row_4 {float: left; /* min-height: 35px; */}
		.row_1, .row_2, .row_3 {padding-top: 8px;}
		.cancled {background: red; color: white; padding: 0 2px; }
		
	.twhats {width: 100%; position: relative; }
	.twhats td {padding-right: 15px; vertical-align: middle; border-bottom: 3px solid #252525; padding-bottom: 3px; }
	td.whats_month {border-bottom: none; padding-top: 25px; padding-bottom: 15px; }
	.first {padding-top: none;}

	td.last {padding-right: 0px;}
	td h2.pagetitle {margin-bottom: 0;}


#logo {position: absolute; top:30px; left:50px; width: 488px; height:130px; overflow: hidden; }
#brand {position: fixed; top:30px; left:840px; width: 109px; height:98px; overflow: hidden; }

#footer {position: absolute; bottom:0; left:0; padding: 7px 7px 0 7px; width: 100%; height:23px; font-size:12px; letter-spacing: -0.015em; background: #000 url(/images/layout/footer.jpg) repeat-x left top;  overflow: hidden;  }
	#footer a, #footer a:link, #footer a:visited { font-weight: normal; text-decoration: none; text-transform: none; color:#9b9c9d; padding: 0 3px;} /*  original color: #e0b40f */
	#footer a:hover, #footer a:focus, #footer a:active { background: #9b9c9d; color: #fff;}
	#footer a.here { text-decoration: underline;}

#backgrnd_container {position: absolute; top:0; left:0; width: 100%; height:100%; overflow: hidden; z-index: 0;}

#pinup { position: absolute; top: 265px; left:20px; width: 65px; height: 147px; background: transparent url(/images/layout/CC_pinup.png) no-repeat top left;  }

/****************** EDIT ****************************/

#edit_article {position: absolute; top:0; right: 0;}


a.entry_edit { padding: 0 6px; background-color: red; color: #fff;}
a.entry_row {/* position: absolute; top:0; right: 0;  */padding: 0 6px; background-color: red; color: #fff;}


a.modalbox_1  { padding: 0 6px; background-color: red; color: #fff;}


.kleiner, .small {color: #656565; font-size: 0.8em;}


.clear {clear: both;}