/* -------------- KELLNER-MUSIC-DE -------------------------------------- CSS-Styles ------------- */
/* -------------- (c) by: webmaster@kellner-music.de ------------------------------------------------- */




/* --------------------------------------------------------------------- Initializing Document --- */


html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 15px;
}


h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}


ul {
	list-style-type: none;
}


form label {
	cursor: pointer;
}

form #submit {
	cursor: pointer;
}


fieldset {
	border: none;
}





/* --------------------------------------------------------------------- Common Styles --- */


.floatimg {
	border: 1px solid #000000;
	float: left;
	margin: 3px 8px 5px 0px;
}


p {
	line-height: 18px;
}


.imageborder {
	border: 1px solid #000000;
}


strong {
	color: #000000;
}


h2 {
	font-size: 13px;
	color: #2b2016;
	margin-bottom: 5px;
}


h3 {
	font-size: 11px;
	color: #2b2016;
	margin-bottom: 3px;
}


.credit {
	font-size: 9px;
}

.cancelled {
	text-decoration: line-through;
}






/* --------------------------------------------------------------------- Website Dimensions --- */


body {
	background-color: #000000;
	height: 100%;
}


/* Mozilla background-color: #372921; */
html {
	height: 100%;
}


/* IE */
* html #kellner_container {
    height: 100%;
}


#kellner_container {
	position: absolute;
	width: 990px;
	min-height: 100%;
	height: auto;
	left: 50%;
	margin-left: -495px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}





/* --------------------------------------------------------------------- Common Backgrounds --- */


#kellner_container  {
	background: url(../images/common/kellner_contentback.gif) repeat-y 0 0;
}





/* --------------------------------------------------------------------- Hyperlinks --- */



a:link {
	color: #a51c3b;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #a51c3b;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #a51c3b;
	font-weight: bold;
	text-decoration: underline;
}





/* --------------------------------------------------------------------- Navigation Highlightning --- */


#home #kellner_top #navigation a.home, #biografie #kellner_top #navigation a.biografie, #live #kellner_top #navigation a.live,
#fotos #kellner_top #navigation a.fotos, #backstage #kellner_top #navigation a.backstage, #band #kellner_top #navigation a.band,
#gstbook #kellner_top #navigation a.gaestebuch, #kontakt #kellner_top #navigation a.kontakt,
#links #kellner_top #navigation a.links {
	background-position: 0px -23px;
}


#shop #subnavigation a.shop {
	background-position: 0px -64px;
}



/* --------------------------------------------------------------------- Navigation TOP --- */


#kellnerhead {
	position: absolute;
	width: 300px; height: 387px;
	top: 0px; left: 0px;
	background: url(../images/navi/kellner_bighead.gif);
	background-repeat: no-repeat;
}



#kellner_top {
	background: url(../images/navi/kellner_navback.jpg) 0 0 no-repeat;
}


#kellner_top h1 {
	text-indent: -5000px;
}


#kellner_top {
	width: 990px;
	height: 100px;
	margin-bottom: 35px;
}


#kellner_top li a {
  position: absolute;
  display: block;
  text-decoration: none;
}



#home a.homelink {
	width: 250px;
	height: 47px;
	top: 18px;
	left: 722px;
}







/* --------------------------------------------------------------------- Navigation ------------ */

#kellner_top #navigation a {
	position: absolute;
	display: block;
	top: 100px;
	height: 25px;
	z-index: 1;
}


#kellner_top #navigation a.home {
	left: 246px;
	width: 43px;
	background: url(../images/navi/kellner_news.gif) 0px 0px no-repeat;
}



#kellner_top #navigation a.biografie {
	left: 312px;
	width: 78px;
	background: url(../images/navi/kellner_biografie.gif) 0px 0px no-repeat;
}



#kellner_top #navigation a.live {
	left: 410px;
	width: 37px;
	background: url(../images/navi/kellner_live.gif) 0px 0px no-repeat;
}


#kellner_top #navigation a.fotos {
	left: 470px;
	width: 53px;
	background: url(../images/navi/kellner_fotos.gif) 0px 0px no-repeat;
}


#kellner_top #navigation a.backstage {
	left: 548px;
	width: 85px;
	background: url(../images/navi/kellner_backstage.gif) 0px 0px no-repeat;
}


#kellner_top #navigation a.band {
	left: 663px;
	width: 41px;
	background: url(../images/navi/kellner_band.gif) 0px 0px no-repeat;
}




#kellner_top #navigation a.gaestebuch {
	left: 727px;
	width: 90px;
	background: url(../images/navi/kellner_gaestebuch.gif) 0px 0px no-repeat;
}


#kellner_top #navigation a.kontakt {
	left: 842px;
	width: 70px;
	background: url(../images/navi/kellner_kontakt.gif) 0px 0px no-repeat;
}


#kellner_top #navigation a.links {
	left: 935px;
	width: 45px;
	background: url(../images/navi/kellner_links.gif) 0px 0px no-repeat;
}



#kellner_top #navigation a:hover {
	background-position: 0px -23px;
}



#kellner_top span, #subnavigation span {
	display: none;
}




/* --------------------------------------------------------------------- Sub-Navigation  --- */

#subnavigation a.facebook {
	position: absolute;
	display: block;
	width: 56px; height: 48px;
	top: 328px;	left: 50px;
	background: url(../images/subnav/kellner_facebook.gif) 0px 0px no-repeat;
}


#subnavigation a.myspace {
	position: absolute;
	display: block;
	width: 56px; height: 48px;
	top: 327px;	left: 117px;
	background: url(../images/subnav/kellner_myspace.gif) 0px 0px no-repeat;
}


#subnavigation a.shop {
	position: absolute;
	display: block;
	width: 56px; height: 65px;
	top: 310px;	left: 189px;
	background: url(../images/subnav/kellner_shop.gif) 0px 0px no-repeat;
}



#subnavigation a:hover {
	background-position: 0px -48px;
}


#subnavigation a.shop:hover {
	background-position: 0px -64px;
}



/* --------------------------------------------------------------------- Content Main --- */


#kellner_content {
	width: 990px;
}


#kellner_footer {
	position: relative;
	clear: left;
	width: 500px;
	font-size: 11px;
	color: #000000;
	padding: 30px 0px 70px 30px;
}



/* --------------------------------------------------------------------- Content HEADLINES --- */



#kellner_news h2 {
	position: relative; top: 0px; left: 0px;
	width: 517px; height: 46px;
	text-indent: -5000px;
	background-image: url(../images/hl/hl_news.gif);
	margin-bottom: 25px;
}



#kellner_biografie h2 {
	position: relative; top: 0px; left: 0px;
	width: 517px; height: 46px;
	text-indent: -5000px;
	background-image: url(../images/hl/hl_biografie.gif);
	margin-bottom: 25px;
}


#kellner_live h2 {
	position: relative; top: 0px; left: 0px;
	width: 517px; height: 46px;
	text-indent: -5000px;
	background-image: url(../images/hl/hl_live.gif);
	margin-bottom: 25px;
}


#kellner_fotos h2 {
	position: relative; top: 0px; left: 0px;
	width: 517px; height: 46px;
	text-indent: -5000px;
	background-image: url(../images/hl/hl_fotos.gif);
	margin-bottom: 25px;
}


#kellner_backstage h2 {
	position: relative; top: 0px; left: 0px;
	width: 517px; height: 46px;
	text-indent: -5000px;
	background-image: url(../images/hl/hl_backstage.gif);
	margin-bottom: 25px;
}



#kellner_band h2 {
	position: relative; top: 0px; left: 0px;
	width: 517px; height: 46px;
	text-indent: -5000px;
	background-image: url(../images/hl/hl_band.gif);
	margin-bottom: 25px;
}


#kellner_gstbook h2 {
	position: relative; top: 0px; left: 0px;
	width: 517px; height: 46px;
	text-indent: -5000px;
	background-image: url(../images/hl/hl_gaestebuch.gif);
	margin-bottom: 25px;
}



#kellner_links h2 {
	position: relative; top: 0px; left: 0px;
	width: 517px; height: 46px;
	text-indent: -5000px;
	background-image: url(../images/hl/hl_links.gif);
	margin-bottom: 25px;
}



#kellner_kontakt h2 {
	position: relative; top: 0px; left: 0px;
	width: 517px; height: 46px;
	text-indent: -5000px;
	background-image: url(../images/hl/hl_kontakt.gif);
	margin-bottom: 25px;
}



#kellner_shop h2 {
	position: relative; top: 0px; left: 0px;
	width: 517px; height: 46px;
	text-indent: -5000px;
	background-image: url(../images/hl/hl_shop.gif);
	margin-bottom: 25px;
}


#kellner_impressum h2 {
	position: relative; top: 0px; left: 0px;
	width: 517px; height: 46px;
	text-indent: -5000px;
	background-image: url(../images/hl/hl_impressum.gif);
	margin-bottom: 25px;
}









/* --------------------------------------------------------------------- Content News --- */


#kellner_news #kellner_left, #kellner_biografie #kellner_left,
#kellner_live #kellner_left, #kellner_fotos #kellner_left,
#kellner_gstbook #kellner_left, #kellner_kontakt #kellner_left,
#kellner_backstage #kellner_left, #kellner_links #kellner_left,
#kellner_band #kellner_left, #kellner_impressum #kellner_left,
#kellner_shop #kellner_left {
	float: left;
	width: 311px;
	padding: 270px 0px 0px 0px;
}



#kellner_news #kellner_right, #kellner_biografie #kellner_right,
#kellner_live #kellner_right, #kellner_fotos #kellner_right,
#kellner_gstbook #kellner_right, #kellner_kontakt #kellner_right,
#kellner_backstage #kellner_right, #kellner_links #kellner_right,
#kellner_band #kellner_right, #kellner_impressum #kellner_right,
#kellner_shop #kellner_right {
	float: left;
	width: 620px;
	padding: 30px 0px 0px 50px;
}



#kellner_newsblock {
	width: 518px;
	clear: left;
	margin-bottom: 36px;
	overflow: auto;
}


#newsleft {
	width: 120px;
	float: left;
	padding-top: 3px;
}


#newsright {
	margin-left: 134px;
}




h3 {
	font-size: 14px;
	color: #a51c3b;
	font-weight: bold;
}


#kellner_newsblock h4 {
	font-size: 12px;
	font-weight: bold;
	color: #5c5b5b;
	margin-bottom: 8px;
}



.floaticon {
	float: left;
	margin: 3px 8px 5px 0px;
}


.kellnerlink {
	background: url(../images/common/linkicon.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 17px;
}



#home #kellner_left li {
	padding: 12px 0px 0px 0px;	
}







/* --------------------------------------------------------------------- Content BIOGRAFIE --- */


#biografie #kellner_right {
	width: 518px;
}


#kellner_left li {
	padding: 25px 0px 0px 0px;	
}


#leftcontent {
	margin: -20px 0px 0px 20px;	
}








/* --------------------------------------------------------------------- Content LIVE --- */



#live #kellner_right {
	width: 518px;
}


#live #kellner_left li {
	padding: 25px 0px 0px 0px;	
}


#livedates {
	margin-top: 19px;	
}



table {
	display: table;
	table-layout: fixed;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 518px;
	}
	

#tdate {
	width: 80px;
}

#tvenue {
	width: 200px;
}

#tlink {
	width: 70px;	
}

#tdetail {
	width: 168px;
	font-style: italic;
}


td {
	padding: 0px 0px 10px 0px;
	vertical-align: top;
	}

tr {
	display: table-row;
}








/* --------------------------------------------------------------------- Content FOTOS --- */


#kellner_fotos li {
	display: inline;
	margin: 0px 10px 0px 0px;
}

#piclist {
	margin-bottom: 10px;
}



#kellner_fotos li img {
	border: 1px solid #000000;
}



#kellner_fotos p {
	margin-bottom: 10px;
}



#galerieende {
	height: 40px;
}

#kellner_fotos h3 {
	margin-bottom: 13px;	
}



/* --------------------------------------------------------------------- Content BACKSTAGE --- */

#backstage #videoitem {
	margin-bottom: 40px;
	z-index: 1;
}




/* --------------------------------------------------------------------- Content BAND --- */


#kellner_bandblock {
	width: 518px;
	clear: left;
	margin-bottom: 16px;
	overflow: auto;
}


#bandleft {
	width: 120px;
	float: left;
	padding-top: 3px;
}


#bandright {
	margin-left: 134px;
}




#kellner_band h3 {
	font-size: 12px;
	color: #a51c3b;
	font-weight: bold;
}


#kellner_band h4 {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 12px;
}



/* --------------------------------------------------------------------- Content LINKS --- */



#links table {
	display: table;
	table-layout: fixed;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 518px;
}


#turl {
	width: 175px;
}

#tdesc {
	width: 200px;	
}

#links td {
	padding: 0px 0px 5px 0px;
	vertical-align: top;
}

#links tr {
	display: table-row;
}





/* --------------------------------------------------------------------- Content KONTAKT --- */

#kellner_kontakt h3 {
	font-size: 12px;
	color: #a51c3b;
	font-weight: bold;
}


/* --------------------------------------------------------------------- Content SHOP --- */


#kellner_shopitem {
	width: 518px;
	clear: left;
	margin-bottom: 26px;
	overflow: auto;
}


#shopleft {
	width: 120px;
	float: left;
	padding-top: 3px;
}


#shopright {
	margin-left: 134px;
}




#kellner_shop h3 {
	font-size: 12px;
	color: #a51c3b;
	font-weight: bold;
	margin-bottom: 17px;
}


#kellner_shop h4 {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 12px;
}






/* --------------------------------------------------------------------- Content NEWSLETTER --- */

#kellner_newsletter {
	width: 275px;
	height: 120px;
	background:url(../images/teaser/kellner_teaser_newsletter.gif);
	margin-top: 12px;
}


#kellner_newsform {
	padding: 60px 0px 20px 43px;
}


#kellner_newsletter #email {
	width: 190px;
	height: 14px;
}



#kellner_newsletter p {
	margin-bottom: 5px;
}


#kellner_newsletter #submit {
	width: 70px;
	height: 20px;
	background-color: #f9f7f7;
	color: #a51c3b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-weight: bold;
	margin-top: 7px;
}




/* --------------------------------------------------------------------- Content GSTBOOK --- */

#gstbook_block {
	width: 535px;
}


#gstbook_left {
	width: 5px;
	height: 61px;
	background-color: #a51c3b;
	float: left;
}


#gstbook_right {
	margin-left: 11px;
}



#gstbook table {
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	width: 518px;
}



#gstbook td {
	padding: 0px 0px 2px 0px;
	vertical-align: top;
}


#gstbook tr {
	display: table-row;
}


/* --------------------------------------------------------------------- Debug --- */
/*
div { 
	border: 1px solid #CCCCCC; 
	background-color: #DDF503;
}
*/