/*
//===================================================================
//					Agentur Krackow & Battermann
//		(c) Torben Lew Krackow, Thomas Battermann, Hamburg, 2008
//===================================================================
//###################################################################
//					APPOINTMENT OF THIS FILE
//					------------------------
//
//	BALLROOM HAMBURG MAIN Cascading Style Sheet
//	Defines the main layout structure and colors 
//	also for template_portal.html
//
//###################################################################
*/
/* CSS Document für XXXXX

Wichtige Farben:

Background Black		-	#000000
Main BTN Weiss			-	#f9f5f5
Main BTN Hov			-	#ad0619
submenu rot				-	#d31212
submenu hov				-	#efefef
 */



html {
	height: 100%;
}

div, h2, h3, p, ul, ol, 
span, table, td, form, img, li {
   margin: 0;
   padding: 0;
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   color: #000000;
   text-decoration: none;
   font-size: 12px; 
}

h1 {
	font-size: 14px;
	color: #ffffff;
}

/*body {
	background-color: #000000;
	background-image: url(../images/ballroom_night.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	}*/

hr {
	border-style: solid;
	border-color: #013963;
}

.main {
	width: 811px;
	height: 1200px;
	margin: auto;
	
}

a, a:visited {
	/*font-size: 14px;*/
	color: #d31212;
	text-decoration: none;
	line-height: 14px;
}

a:hover {
	color: #979696;
}

/* ###############################  LINKS  ########################################################### */
/*
.submenu_btn a, .submenu_btn a:visited {
	font-size: 12px;
	color: #d31212;
	text-decoration: none;
	line-height: 14px;
}

.submenu_btn a:hover {
	color: #efefef;
}*/

/* ###############################  SCHRIFTEN, H1, H2 etc.  ########################################## */

#rot {
	color: #d31212;
}

#schwarz {
	color: #000000;
}

.text_angep {
	text-align: justify;
}

/* ###############################  SPACER DIVS  ##################################################### */

.spacer_5 {
	width: 100%;
	height: 5px;
}

.spacer_10 {
	width: 100%;
	height: 10px;
}

.spacer_20 {
 	width: 100%;
	height: 20px;	
}

.spacer_44 {
	width: 100%;
	height: 44px;
}

.break_div {
	width: 100%;
	height: 1px;
	clear: both;
}

/* ################################################################################################### */
/* ###############################  PAGE  ############################################################ */
/* ################################################################################################### */

/* ###############################  HEADER  ##################################################### */

.header {
	position: relative;
	width: 763px;
	height: 184px;
	padding-right: 11px;
	padding-left: 37px;
	padding-bottom: 9px;
	background-image: url(../images/header_back.png);
	background-repeat: no-repeat;
	z-index: 2;
}

.main_menu_case {
	width: 763px;
	height: 184px;
	
}

.logo a, .logo a:visited {
	width: 163px;
	height: 164px;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

.menu_shell {
	width: 600px;
	height: 88px;
	padding-top: 70px;
	padding-bottom: 26px;
	float: right;
}

/* ###############################  MAIN MENU  ######################################################## */

.menu_main {
	height: 30px;
}

.prog_btn a, .prog_btn a:visited {
	height: 30px;
	width: 103px;
	display: block;
	float: left;
	margin-left: 67px;
	background-image: url(../images/prog_btn.png);
	background-repeat: no-repeat;
}

.prog_btn a:hover {
	background-image: url(../images/prog_btn_hov.png);
	background-repeat: no-repeat;
}

.pics_btn a, .pics_btn a:visited {
	height: 30px;
	width: 45px;
	display: block;
	float: left;
	margin-left: 46px;
	background-image: url(../images/pics_btn.png);
	background-repeat: no-repeat;
}

.pics_btn a:hover {
	background-image: url(../images/pics_btn_hov.png);
	background-repeat: no-repeat;
}

.merch_btn a, .merch_btn a:visited {
	height: 30px;
	width: 66px;
	display: block;
	float: left;
	margin-left: 39px;
	background-image: url(../images/merch_btn.png);
	background-repeat: no-repeat;
}

.merch_btn a:hover {
	background-image: url(../images/merch_btn_hov.png);
	background-repeat: no-repeat;
}

.guest_btn a, .guest_btn a:visited {
	height: 30px;
	width: 66px;
	display: block;
	float: left;
	margin-left: 41px;
	background-image: url(../images/guest_btn.png);
	background-repeat: no-repeat;
}

.guest_btn a:hover {
	background-image: url(../images/guest_btn_hov.png);
	background-repeat: no-repeat;
}

.club_btn a, .club_btn a:visited {
	height: 30px;
	width: 66px;
	display: block;
	float: left;
	margin-left: 41px;
	background-image: url(../images/club_btn.png);
	background-repeat: no-repeat;
}

.club_btn a:hover {
	background-image: url(../images/club_btn_hov.png);
	background-repeat: no-repeat;
}

/* ###############################  SUB MENU  ######################################################### */

.menu_sub {
	height: 14px;
}

.tickets {
	width: 48px;
	height: 14px;
	float: left;
	margin-left: 308px;
	font-size:14px
}

.bandinfo {
	width: 63px;
	height: 14px;
	float: left;
	margin-left: 31px;
	font-size:14px
}

.kont_imp {
	width: 122px;
	height: 14px;
	float: left;
	margin-left: 28px;
	font-size:14px
}

/* #################################################################################################### */
/* ###############################  CONTENT  ########################################################## */

.main_content_shell {
	width: 811px;
/*	height: 500px; */
/*	padding-right: 11px;*/
	
}

/* ###############################  CONTENT Left ###################################################### */

.cont_left {
	width: 206px;
	height: 350px;
	float: left;
}

.left_shell {
	width: 206px;
}

.left_top {
	width: 198px;
	height: 400px;
	padding-right: 8px;
	background-image: url(../images/cont_back_left.png);
	background-repeat: no-repeat;
}

.left_pic {
	width: 140px;
	height: 170px;
	padding-left: 29px;
	padding-right: 29px;
	padding-top: 10px;
/*	background-image: url(../images/hor.png);
	background-repeat: no-repeat;*/
}

.trenner_kurz1 {
	width: 198px;
	height: 20px;
	margin-top: 5px;
	background-image: url(../images/trenner_kurz.png);
	background-repeat: no-repeat;
}

.newsletter_btn a, .newsletter_btn a:visited {
	width: 198px;
	height: 30px;
	display: block;
	margin-top: 5px;
	background-image: url(../images/newsletter_btn.png);
	background-repeat: no-repeat;
} 

.newsletter_btn a:hover {
	background-image: url(../images/newsletter_btn_hov.png);
	background-repeat: no-repeat;
}

.trenner_stern {
	width: 198px;
	height: 37px;
	margin-top: 5px;
	background-image: url(../images/trenner_stern.png);
	background-repeat: no-repeat;	
}

.space_btn a, .space_btn a:visited {
	width: 198px;
	height: 44px;
	display: block;
/*	margin-top: 5px;*/
	background-image: url(../images/space_btn.png);
	background-repeat: no-repeat;
}

.space_btn a:hover {
	background-image: url(../images/space_btn_hov.png);
	background-repeat: no-repeat;
}

.face_btn a, .face_btn a:visited {
	width: 198px;
	height: 44px;
	display: block;
/*	margin-top: 5px;*/
	background-image: url(../images/face_btn.png);
	background-repeat: no-repeat;
}

.face_btn a:hover {
	background-image: url(../images/face_btn_hov.png);
	background-repeat: no-repeat;
}

.left_bot {
	width: 206px;
	height: 250px;
	background-image: url(../images/left_bot_1.png);
	background-repeat: no-repeat;
}

/* ###############################  CONTENT right ###################################################### */

.cont_right {
	width: 600px;
	padding-left: 5px;
	float: right;
}

.shell_right {
	position: relative;
	width: 600px;
/*	background-color: #b3b2b3;*/
	z-index: 3;
}

.flame {
	position: absolute;
	width: 157px;
	height: 900px;
	left: 500px;
	top: -30px;
	float: right;
	background-image: url(../images/flame_3.png);
	background-repeat: no-repeat;
	z-index: 4;
}

.cont_case_main {
	width: 506px;
}

.cont_top {
	width: 550px;
	height: 5px;
	background-image: url(../images/cont_right_top_l.png);
	background-repeat: no-repeat;
}

.cont_mid {
	width: 540px;
	background-image: url(../images/cont_verlauf_l.png);
	background-repeat: repeat-y;
	padding-bottom: 10px;
	padding-left: 10px;
}

.cont_shell {
	position: relative;
	width: 485px;
	padding-left: 5px;
	padding-top: 10px;

}

.shows {
	width: 70px;
	height: 22px;
	background-image: url(../images/shows.png);
	background-repeat: no-repeat;
}

.trenner_lang {
	width: 480px;
	height: 20px;
	margin-bottom: 5px;
	background-image: url(../images/trenner_lang.png);
	background-repeat: no-repeat;
}

.cont_module {
	position: relative;
	width: 480px;

}

.showthumb {
	width: 100px;
	border: 1px solid #000000;
	margin-left: 10px;
	margin-bottom: 5px;
	float: right;
}

.date_time {
	width: 368px;
	margin-bottom: 3px;
}

.bands {
	width: 368px;
	border-width: 1px;
	margin-bottom: 5px;
}

.news {
	width: 50px;
	height: 22px;
	background-image: url(../images/news.png);
	background-repeat: no-repeat;
}

.newspic {
	width: 250px;
	height: 100%;
	border: 1px solid #000000;
	margin-left: 10px;
	margin-bottom: 5px;
	float: right;
	
}

.news_header {
	width: 218px;
	margin-bottom: 3px;
}

.newsdate {
	width: 218px;
	margin-bottom: 5px;
}

.cont_bot {
	width: 550px;
	height: 10px;
	background-image: url(../images/cont_right_bottom_l.png);
	background-repeat: no-repeat;
}

/* ################################################################################################### */
/* ###############################  Sites  ############################################################ */
/* ################################################################################################### */

/* ###############################  PROGRAMM ###################################################### */

.programm {
	width: 93px;
	height: 22px;
	background-image: url(../images/programm.png);
	background-repeat: no-repeat;	
}

.prog_menu_case {
	width: 372px;
	height: 22px;
	padding-top: 9px;
	padding-bottom: 9px;
	background-image: url(../images/programm_menu_back.png);
	background-repeat: no-repeat;		
}

.prog_menu_shell {
	width: 372px;
	height: 22px;
}

.aktuell_btn a, .aktuell_btn a:visited {
	width: 70px;
	height: 22px;
	float: left;
	display: block;
	margin-left: 15px;
	background-image: url(../images/aktuell_btn.png);
	background-repeat: no-repeat;		
}

.aktuell_btn a:hover {
	background-image: url(../images/aktuell_btn_hov.png);
	background-repeat: no-repeat;
}

.aktuell_aktiv {
	width: 70px;
	height: 22px;
	float: left;
	margin-left: 15px;
	background-image: url(../images/aktuell_btn_hov.png);
	background-repeat: no-repeat;
}

.folge_btn a, .folge_btn a:visited {
	width: 100px;
	height: 22px;
	float: left;
	display: block;
	margin-left: 45px;
	background-image: url(../images/folgemonat_btn.png);
	background-repeat: no-repeat;		
}

.folge_btn a:hover {
	background-image: url(../images/folgemonat_btn_hov.png);
	background-repeat: no-repeat;
}

.folge_aktiv {
	width: 100px;
	height: 22px;
	float: left;
	margin-left: 45px;
	background-image: url(../images/folgemonat_btn_hov.png);
	background-repeat: no-repeat;
}

.vorschau_btn a, .vorschau_btn a:visited {
	width: 90px;
	height: 22px;
	float: left;
	display: block;
	margin-left: 40px;
	background-image: url(../images/vorschau_btn.png);
	background-repeat: no-repeat;		
}

.vorschau_btn a:hover {
	background-image: url(../images/vorschau_btn_hov.png);
	background-repeat: no-repeat;
}

.vorschau_aktiv {
	width: 90px;
	height: 22px;
	float: left;
	margin-left: 40px;
	background-image: url(../images/vorschau_btn_hov.png);
	background-repeat: no-repeat;
}

/* ###############################  PICS ###################################################### */

.pics_content_shell {
	position: relative;
	width: 800px;
	padding-right: 11px;	
}

.pics_content_module {
	position: relative;
	width: 800px;
	z-index: 3;
/*	height: 500px; */
	background-image: url(../images/pics_back.png);
	background-repeat: repeat-y;		
}

.pics_flame {
	position: absolute;
	width: 157px;
	height: 900px;
	left: 740px;
	top: 165px;
	float: right;
	background-image: url(../images/flame_3.png);
	background-repeat: no-repeat;
	z-index: 4;
}

.pics_area {
	width: 643px;
	height: 700px;
}

/* ###############################  GUEST ###################################################### */

.eintragen {
	width: 89px;
	height: 22px;
	background-image: url(../images/eintragen.png);
	background-repeat: no-repeat;
}


/* ###############################  CLUB ###################################################### */

.history {
	width: 157px;
	height: 22px;
	background-image: url(../images/ballroom_history.png);
	background-repeat: no-repeat;
}

.crew {
	width: 51px;
	height: 22px;
	background-image: url(../images/crew.png);
	background-repeat: no-repeat;
}

.crewthumb {
	width: 81px;
	border: 1px solid #000000;
	margin-left: 10px;
	margin-bottom: 5px;
	float: right;
}

/* ###############################  BAND INFO ###################################################### */

.bands_information {
	width: 230px;
	height: 22px;
	background-image: url(../images/bandinfo.png);
	background-repeat: no-repeat;
}

.downloads {
	width: 103px;
	height: 22px;
	background-image: url(../images/downloads.png);
	background-repeat: no-repeat;
}

.newsletter_header {
	width: 101px;
	height: 22px;
	background-image: url(../images/newsletter.png);
	background-repeat: no-repeat;	
}

/* ###############################  KONTAKT IMPRESSUM ###################################################### */

.kontakt {
	width: 76px;
	height: 22px;
	background-image: url(../images/kontakt.png);
	background-repeat: no-repeat;
}

.impressum {
	width: 96px;
	height: 22px;
	background-image: url(../images/impressum.png);
	background-repeat: no-repeat;
}

/* ###############################  FOOTER ###################################################### */

.footer {
	width: 811px;
	height: 50px;
	background-image: url(../images/footerstar.png);
	background-repeat: no-repeat;
}