/*
//===================================================================
//					Agentur Krackow & Battermann
//		(c) Torben Lew Krackow, Thomas Battermann, Hamburg, 2010
//===================================================================
//###################################################################
//					APPOINTMENT OF THIS FILE
//					------------------------
//
//	MAIN Cascading Style Sheet
//	Defines the main layout structure and colors 
//	
//
//###################################################################
*/ /* CSS Document für www.colour-juice.de */ /* Wichtige Farben
hintergrund weiß		-	#fdfdfd

HEADER---------------------------------------------------------------
Weinrot header			-	#9a0000
Orange header			-	#fba51a	
Hellrot header			-	#cd3301

BUTTONS--------------------------------------------------------------

Buttonleiste Trenner	-	#f27926
Buttonfarbe Grau		-	#acacac
Buttonschrift weiß		-	#fdfcf8
Events Weinrot			-	#980000
Künstler Blau			-	#14367a
Kinderanimation Grün	-	#187913
Promotion Lila			-	#94008a
Musik Türkis			-	#0c86b7
Kontakt Orange			-	#fba320

CONTENT--------------------------------------------------------------

FOOTER---------------------------------------------------------------
Footer Home Orange		-	#f27926
Footer Künstler Blau	-	#14367a
Footer Events Weinrot	-	#980000
Footer Kinder Grün		-	#187913
Footer Promotion Lila	-	#94008a
Footer Musik Türkis		-	#0c86b7
Footer Kontakt Orange	-	#fba320

Maße Fenster komplett: 950 x 800px

*/
html,body,div,p,h1,h2,h3,ul,ol,span,a,table,td,form,img,li {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #020202;
}

body {
	background-color: #fdfdfd;
	padding: 50px;
}

/*################################ DIV Main Komplettes Fenster ########################## */
.main {
	position: relative;
	margin: 0 auto;
	/*top: 50px;*/
	width: 863px;
	height: 710px;
	background-color: #fdfdfd;
}

/*################################ DIV Header ########################################### */
.header {
	position: relative;
	top: 0px;
	left: 0px;
	width: 863px;
	height: 170px;
	background-image: url(../images/wave_1.jpg);
	background-repeat: no-repeat;
	background-color: #fdfdfd;
	z-index: 2;
}

.logo a {
	position: relative;
	width: 430px;
	height: 62px;
	top: 83px;
	left: 96px;
	background-image: url(../images/header_logo.jpg);
	background-repeat: no-repeat;
	display: block;
	z-index: 4;
}

/*################################ DIV Buttons  ########################## */
.middle {
	position: relative;
	width: 863px;
	height: 490px;
	background-image: url(../images/middle_back.jpg);
	background-repeat: no-repeat;
	z-index: 3;
}

.buttonleiste {
	position: relative;
	left: 3px;
	width: 840px;
	height: 30px;
	padding-left: 10px;
	background-image: url(../images/buttonleiste_trenner.jpg);
	background-repeat: repeat-x;
	z-index: 4;
}

.events_btn a {
	position: relative;
	width: 104px;
	height: 22px;
	margin-right: 7px;
	float: left;
	display: block;
	top: 5px;
	left: 30px;
	background-image: url(../images/button_grau.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #fdfcf8;
	text-decoration: none;
	line-height: 22px;
	text-align: center;
	z-index: 5;
}

.events_btn a:hover {
	background-image: url(../images/events_btn_hover.jpg);
	background-repeat: no-repeat;
}

.kuenstler_btn a {
	position: relative;
	width: 104px;
	height: 22px;
	margin-right: 7px;
	float: left;
	display: block;
	top: 5px;
	left: 30px;
	background-image: url(../images/button_grau.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #fdfcf8;
	text-decoration: none;
	line-height: 22px;
	text-align: center;
	z-index: 5;
}

.kuenstler_btn a:hover {
	background-image: url(../images/kuenstler_btn_hover.jpg);
	background-repeat: no-repeat;
}

.kinder_btn a {
	position: relative;
	width: 150px;
	height: 22px;
	margin-right: 7px;
	float: left;
	display: block;
	top: 5px;
	left: 30px;
	background-image: url(../images/button_kinder_grau_neu.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #fdfcf8;
	text-decoration: none;
	line-height: 22px;
	text-align: center;
	z-index: 5;
}

.kinder_btn a:hover {
	background-image: url(../images/kinder_btn_hover.jpg);
	background-repeat: no-repeat;
}

.promo_btn a {
	position: relative;
	width: 104px;
	height: 22px;
	margin-right: 7px;
	float: left;
	display: block;
	top: 5px;
	left: 30px;
	background-image: url(../images/button_grau.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #fdfcf8;
	text-decoration: none;
	line-height: 22px;
	text-align: center;
	z-index: 5;
}

.promo_btn a:hover {
	background-image: url(../images/promo_btn_hover.jpg);
	background-repeat: no-repeat;
}

.musik_btn a {
	position: relative;
	width: 104px;
	height: 22px;
	margin-right: 7px;
	float: left;
	display: block;
	top: 5px;
	left: 30px;
	background-image: url(../images/button_grau.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #fdfcf8;
	text-decoration: none;
	line-height: 22px;
	text-align: center;
	z-index: 5;
}

.musik_btn a:hover {
	background-image: url(../images/musik_btn_hover.jpg);
	background-repeat: no-repeat;
}

.kontakt_btn a {
	position: relative;
	width: 104px;
	height: 22px;
	margin-right: 7px;
	float: left;
	display: block;
	top: 5px;
	left: 30px;
	background-image: url(../images/button_grau.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #fdfcf8;
	text-decoration: none;
	line-height: 22px;
	text-align: center;
	z-index: 5;
}

.kontakt_btn a:hover {
	background-image: url(../images/kontakt_btn_hover.jpg);
	background-repeat: no-repeat;
}

/*################################  PORTAL BTNS AKTIV #################################### */
	/*######################################################################################## */
.events_btn_aktiv a {
	position: relative;
	width: 104px;
	height: 22px;
	margin-right: 7px;
	float: left;
	display: block;
	top: 5px;
	left: 30px;
	background-image: url(../images/events_btn_hover.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #fdfcf8;
	text-decoration: none;
	line-height: 22px;
	text-align: center;
	z-index: 5;
}

.events_btn_aktiv a:hover {
	background-image: url(../images/button_grau.jpg);
	background-repeat: no-repeat;
}

.kuenstler_btn_aktiv a {
	position: relative;
	width: 104px;
	height: 22px;
	margin-right: 7px;
	float: left;
	display: block;
	top: 5px;
	left: 30px;
	background-image: url(../images/kuenstler_btn_hover.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #fdfcf8;
	text-decoration: none;
	line-height: 22px;
	text-align: center;
	z-index: 5;
}

.kuenstler_btn_aktiv a:hover {
	background-image: url(../images/button_grau.jpg);
	background-repeat: no-repeat;
}

.kinder_btn_aktiv a {
	position: relative;
	width: 150px;
	height: 22px;
	margin-right: 7px;
	float: left;
	display: block;
	top: 5px;
	left: 30px;
	background-image: url(../images/kinder_btn_hover.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #fdfcf8;
	text-decoration: none;
	line-height: 22px;
	text-align: center;
	z-index: 5;
}

.kinder_btn_aktiv a:hover {
	background-image: url(../images/button_kinder_grau_neu.jpg);
	background-repeat: no-repeat;
}

.promo_btn_aktiv a {
	position: relative;
	width: 104px;
	height: 22px;
	margin-right: 7px;
	float: left;
	display: block;
	top: 5px;
	left: 30px;
	background-image: url(../images/promo_btn_hover.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #fdfcf8;
	text-decoration: none;
	line-height: 22px;
	text-align: center;
	z-index: 5;
}

.promo_btn_aktiv a:hover {
	background-image: url(../images/button_grau.jpg);
	background-repeat: no-repeat;
}

.musik_btn_aktiv a {
	position: relative;
	width: 104px;
	height: 22px;
	margin-right: 7px;
	float: left;
	display: block;
	top: 5px;
	left: 30px;
	background-image: url(../images/musik_btn_hover.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #fdfcf8;
	text-decoration: none;
	line-height: 22px;
	text-align: center;
	z-index: 5;
}

.musik_btn_aktiv a:hover {
	background-image: url(../images/button_grau.jpg);
	background-repeat: no-repeat;
}

.kontakt_btn_aktiv a {
	position: relative;
	width: 104px;
	height: 22px;
	margin-right: 7px;
	float: left;
	display: block;
	top: 5px;
	left: 30px;
	background-image: url(../images/kontakt_btn_hover.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #fdfcf8;
	text-decoration: none;
	line-height: 22px;
	text-align: center;
	z-index: 5;
}

.kontakt_btn_aktiv a:hover {
	background-image: url(../images/button_grau.jpg);
	background-repeat: no-repeat;
}

/*################################  Contentfenster INDEX ####################################### */
.content_back {
	position: relative;
	left: 3px;
	width: 850px;
	height: 460px;
	background-image: url(../images/content_back.jpg);
	background-repeat: no-repeat;
	z-index: 4;
}

/*##krachmachtach##*/

.krachlogo a, .krachlogo a:visited  {
	position: absolute;
	width: 100px;
	height: 86px;
	display: block;
	top: 10px;
	left: 720px;
	background-image: url(../images/krachlogo.png);
	background-repeat:no-repeat;
	z-index: 8;
}

.linkscase {
	position: relative;
	width: 410px;
	height: 390px;
	float: left;
	padding: 40px 50px 30px 40px;
}

.content_links_top { /*left: 3px;*/
	width: 410px;
	height: 150px;
}

.indexnews {
	width: 410px;
	height: 280px;
	padding-top: 30px;
}

.content_rechts_index {
	position: relative;
	float: right;
/*	left: 500px;*/
	top: 46px; 
/*	margin-top:46px; */
	margin-right: 48px;
	width: 302px;
	height: 414px;
	background-image: url(../images/ferniman_4.jpg);
	background-repeat: no-repeat;
	z-index: 7;
}

.fernipic {
	position: absolute;
	top: 224px;
	left: 45px;
	width: 220px;
	height: 144px;
	z-index: 8;
}

/*################################  Contentfenster SITES ####################################### */
	/*############################################################################################## */
.case {
	position: relative;
	width: 800px;
	height: 401px;
	/*	background-color: #fae1e1;*/
	z-index: 5;
	padding: 30px 30px 29px 20px;
}

/*################################  Menu Links ####################################### */
.menu_left {
	position: relative;
	float: left;
	height: 380px;
	width: 114px;
	padding-top: 20px;
	padding-right: 18px;
	/*	background-color: #fbc5c5;*/
	z-index: 6;
}

.btn_case {
	position: relative;
	width: 114px;
	/*	margin-bottom: 15px;*/ /*	height: 20px;*/
}

/*
.pfeil_events {
	position: relative;
	width: 15px;
	height: 19px;
	padding-right: 5px;
	top: 5px;
	float: left;
	background-image: url(../images/pfeil_events.png);
	background-repeat: no-repeat;
	z-index: 7;
}*/
.pfeil_0 {
	position: relative;
	width: 15px;
	height: 19px;
	padding-right: 5px;
	top: 5px;
	float: left;
	z-index: 7;
}

/*
.btn_left_events a, .btn_left_events a:visited {

	width: 94px;
	float: right;
	font-size: 12px;
	text-decoration: none;
	line-height: 15px;
	vertical-align: middle;
	color: #990002;
}

.btn_left_events a:hover {
	color: #945050;
}*/
.spacer_btn_114 {
	width: 114px;
	height: 1px;
	clear: both;
	/*	margin-bottom: 10px;*/
}

.btn_case_spacer {
	width: 114px;
	height: 10px;
}

/*
.trenner_events {
	float: left;
	width: 1px;
	height: 400px;
	background-image: url(../images/trenner_events.jpg);
	background-repeat: no-repeat;
	z-index: 6;
}*/
.case_right {
	position: relative;
	float: right;
	width: 647px;
	height: 380px;
	max-height: 380px;
	padding-top: 20px;
	padding-left: 20px;
	/*	background-color: #be9f9f;*/
	z-index: 6;
}

.spacer_790px {
	width: 790px;
	height: 1px;
	clear: both;
}

/*################################ CONTENT RECHTS ############################################ */
.menu_right {
	width: 647px;
	height: 50px;
	max-height: 50px;
	/*	background-color: #fbcdcd;*/
	z-index: 7;
}

.btn_case_right {
	width: 630px;
	height: 50px;
	max-height: 50px;
	padding-left: 10px;
}

.content_right {
	width: 647px;
	height: 280px;
	/*	background-color: #e4bbbb;*/
}

.text_right {
	width: 312px;
	height: 280px;
	float: left;
	/*	background-color: #e58383;*/
	z-index: 8;
}

.header_right {
	width: 312px;
	height: 34px;
	padding-top: 6px;
}

.infotext {
	width: 302px;
	height: 240px;
	line-height: 17px;
	padding-right: 10px;
	max-height: 240px;
}

.bottom_right {
	width: 312px;
	height: 30px;
	padding-top: 10px;
}

.player {
	width: 335px;
	height: 280px;
	float: right;
	background-image: url(../images/player_1.png);
	background-repeat: no-repeat;
	z-index: 8;
}

.jwcase {
	position: relative;
	width: 293px;
	top: 22px;
	left: 25px;
	z-index: 9;
}

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

/*################################ DIV Footer ############################################ */
.footer {
	position: relative;
	width: 863px;
	height: 50px;
	background-image: url(../images/footer_home_2.jpg);
	background-repeat: no-repeat;
	z-index: 3;
}

/*################################ DIV Menu Unten ######################################### */
.galerie_btn a {
	position: absolute;
	float: left;
	width: 50px;
	height: 50px;
	left: 65px;
	/*margin-right: 20px;*/
	font-size: 12px;
	font-weight: bold;
	color: #fdfcf8 !important;
	text-decoration: none;
	line-height: 37px;
	text-align: center;
}

.galerie_btn a:hover {
	color: #fdda16 !important;
}

.referenzen_btn a {
	position: absolute;
	float: left;
	width: 70px;
	height: 50px;
	left: 162px;
	font-size: 12px;
	font-weight: bold;
	color: #fdfcf8 !important;
	text-decoration: none;
	line-height: 37px;
	text-align: center;
}

.referenzen_btn a:hover {
	color: #fdda16 !important;
}

.uns_btn a {
	position: absolute;
	float: left;
	width: 70px;
	height: 50px;
	left: 275px;
	font-size: 12px;
	font-weight: bold;
	color: #fdfcf8 !important;
	text-decoration: none;
	line-height: 37px;
	text-align: center;
}

.uns_btn a:hover {
	color: #fdda16 !important;
}

.impressum_btn a {
	position: absolute;
	float: left;
	width: 70px;
	height: 50px;
	left: 383px;
	font-size: 12px;
	font-weight: bold;
	color: #fdfcf8 !important;
	text-decoration: none;
	line-height: 37px;
	text-align: center;
}

.impressum_btn a:hover {
	color: #fdda16 !important;
}

/*######################################################################################### */
	/*####################################### FOOTER PORTALE ################################## */
	/*######################################################################################### */
.footer_events {
	position: relative;
	width: 863px;
	height: 50px;
	background-image: url(../images/footer_events.jpg);
	background-repeat: no-repeat;
	z-index: 3;
}

.footer_kuenstler {
	position: relative;
	width: 863px;
	height: 50px;
	background-image: url(../images/footer_kuenstler.jpg);
	background-repeat: no-repeat;
}

.footer_kinder {
	position: relative;
	width: 863px;
	height: 50px;
	background-image: url(../images/footer_kinder.jpg);
	background-repeat: no-repeat;
}

.footer_promo {
	position: relative;
	width: 863px;
	height: 50px;
	background-image: url(../images/footer_promo.jpg);
	background-repeat: no-repeat;
}

.footer_musik {
	position: relative;
	width: 863px;
	height: 50px;
	background-image: url(../images/footer_musik.jpg);
	background-repeat: no-repeat;
}

.footer_kontakt {
	position: relative;
	width: 863px;
	height: 50px;
	background-image: url(../images/footer_kontakt.jpg);
	background-repeat: no-repeat;
}