/*
//===================================================================
//					Agentur Krackow & Battermann
//		(c) Torben Lew Krackow, Thomas Battermann, Hamburg, 2009
//===================================================================
//###################################################################
//					APPOINTMENT OF THIS FILE
//					------------------------
//
//	Kategorie 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

*/
	/*################################ IMPRESSUM ####################################### */
.case_impressum {
	width: 667px;
	height: 351px;
	padding: 50px 30px 59px 153px;
}

.imp_left {
	width: 337px;
	height: 350px;
	float: left;
	/*	background-color: #fba320;*/
}

.imp_right {
	width: 330px;
	height: 350px;
	float: left;
	/*	background-color: #980000;	*/
}

.imp_top {
	width: 337px;
	height: 50px;
}

.imp_pfeil {
	position: relative;
	width: 15px;
	height: 20px;
	float: left;
	top: 5px;
	background-image: url(../images/pfeil_orange_d.png);
	background-repeat: no-repeat;
}

.imp_head {
	width: 100px;
	height: 20px;
	text-indent: 5px;
	text-decoration: none;
	font-weight: bold;
	color: #f27926;
}

.imp_top_right {
	width: 330px;
	height: 50px;
}

.imp_left_text {
	width: 317px;
	height: 270px;
	padding-left: 20px;
	line-height: 17px;
}

.imp_right_text {
	width: 300px;
	height: 270px;
	padding-left: 30px;
	line-height: 17px;
}

.imp_left_bottom a,.imp_left_bottom a:visited {
	position: relative;
	width: 30px;
	height: 30px;
	top: 30px;
	left: 20px;
	display: block;
	background-image: url(../images/icon_agb.png);
	background-repeat: no-repeat;
}

/*################################ KONTAKT ####################################### */
.case_kontakt {
	width: 667px;
	height: 351px;
	padding: 50px 30px 59px 153px;
}

.kontakt_left {
	width: 337px;
	height: 350px;
	float: left;
	/*	background-color: #fba320;*/
}

.kontakt_right {
	width: 330px;
	height: 350px;
	float: left;
	/*	background-color: #980000;	*/
}

.kontakt_top {
	width: 337px;
	height: 50px;
}

.ref_pfeil {
	position: relative;
	width: 15px;
	height: 20px;
	float: left;
	top: 5px;
	background-image: url(../images/pfeil_kontakt.png);
	background-repeat: no-repeat;
}

.kontakt_head {
	width: 100px;
	height: 20px;
	text-indent: 5px;
	text-decoration: none;
	font-weight: bold;
	color: #f27926;
}

.kontakt_top_right {
	width: 330px;
	height: 50px;
	text-indent: 5px;
	text-decoration: none;
	font-weight: bold;
	color: #f27926;
}

.kontakt_case_left {
	width: 317px;
	height: 300px;
	padding-left: 20px;
}

.kontakt_info {
	width: 317px;
	height: 200px;
	min-height: 200px;
}

.case_newsletter {
	width: 317px;
	height: 100px;
}

.newsletter_head {
	width: 100px;
	height: 20px;
	text-decoration: none;
	font-weight: bold;
	color: #f27926;
}

.newsletter_text {
	width: 317px;
	height: 30px;
}

.newsletter {
	width: 317px;
	height: 43px;
	padding-top: 7px;
}

#email {
	padding-right: 10px;
}

#newssubmit {
	margin-top: 6px;
}

.kontakt_case_right {
	width: 315px;
	height: 300px;
	padding-left: 15px;
	line-height: 17px;
	/*	background-color: #fba320;*/
}

.tdform {
	text-align: right;
	padding-right: 10px;
}

.kontaktform {
	height: 12px;
	border: 1px solid #ffa11f;
	background-color: transparent;
	font-size: 9px;
	text-indent: 5px;
}

.tdarea {
	top: 0px;
	text-align: right;
	padding-right: 10px;
}

.textareaform {
	border: 1px solid #ffa11f;
	background-color: transparent;
	width: 187px;
	text-indent: 5px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 9px;
}

.zusenden {
	background-color: #fea227;
	color: #ffffff;
	width: 130px;
	font-size: 10px;
	border-style: none;
}

.drucken {
	background-color: #91949d;
	color: #ffffff;
	width: 130px;
	font-size: 10px;
	border: 1px solid #fea227;
	margin-top: 5px;
}

/*################################ GALERIE ####################################### */

.middle_gal {
	position: relative;
	width: 863px;
	min-height: 490px;
	background-image: url(../images/middle_back.jpg);
	background-repeat:repeat-y;
	z-index: 3;
}

#btn_gal a, #btn_gal a:visited {
	font-size: 12px;
	font-weight: bold;
	color: #fdfcf8 !important;
	text-decoration: none;
	line-height: 22px;
	text-align: center;
}

#btn_gal a:hover {
	
}

/*################################ REFERENZEN ####################################### */
.case_referenzen {
	width: 667px;
	height: 351px;
	padding: 50px 30px 59px 153px;
}

.ref_left {
	width: 337px;
	height: 350px;
	float: left;
	/*	background-color: #fba320;*/
}

.ref_right {
	width: 330px;
	height: 350px;
	float: left;
	/*	background-color: #980000;	*/
}

.ref_top {
	width: 337px;
	height: 50px;
}

.ref_pfeil {
	position: relative;
	width: 15px;
	height: 20px;
	float: left;
	top: 5px;
	background-image: url(../images/pfeil_orange_d.png);
	background-repeat: no-repeat;
}

.ref_head {
/*	width: 100px; */
	height: 20px;
	text-indent: 5px;
	text-decoration: none;
	font-weight: bold;
	color: #f27926;
}

.ref_top_right {
	width: 330px;
	height: 50px;
}

.ref_case_left {
	width: 317px;
	height: 300px;
	padding-left: 20px;
}

.ref_case_right {
	width: 300px;
	height: 300px;
	padding-left: 30px;
	line-height: 17px;
	/*	background-color: #fba320;*/
}

.referenzen {
	width: 295px;
	height: 20px;
	max-height: 20px;
	max-width: 295px;
}

/*################################ UEBER UNS ####################################### */
.main_uns {
	position: relative;
	margin: 0 auto;
	/*top: 50px;*/
	width: 863px;
	height: 1100px;
	background-color: #fdfdfd;
}

.middle_uns {
	position: relative;
	width: 863px;
	height: 980px;
	background-image: url(../images/middle_back_long.jpg);
	background-repeat: repeat-y;
	z-index: 3;
}

.content_back_uns {
	position: relative;
	left: 3px;
	width: 850px;
	height: 950px;
	background-image: url(../images/uns_verlauf.jpg);
	background-repeat: repeat-y;
	z-index: 4;
}

.linkscase_uns {
	position: relative;
	width: 440px;
	height: 879px;
	float: left;
	padding: 40px 20px 30px 40px;
}

.uns_head {
	width: 440px;
	height: 50px;
	color: #F27926;
	font-weight: bold;
}

.buero {
	width: 440px;
	height: 30px;
	font-weight: bold;
}

.mitarbeiter_spacer {
	width: 440px;
	height: 15px;
}

.buero_spacer {
	width: 440px;
	height: 70px;
}

.rechtscase_uns {
	position: relative;
	float: right;
	width: 300px;
	height: 879px;
	padding: 40px 30px 30px 20px;
}

.rahmen_top {
	position: relative;
	top: 55px;
	left: 12px;
	width: 273px;
	height: 197px;
	background-image: url(../images/rahmen_uns.png);
	background-repeat: no-repeat;
}

.uns_pic {
	position: relative;
	top: 13px;
	left: 13px;
	width: 243px;
	height: 165px;
}

.rahmen_bot {
	position: relative;
	top: 420px;
	left: 12px;
	width: 273px;
	height: 197px;
	background-image: url(../images/rahmen_uns.png);
	background-repeat: no-repeat;
}

.spacer_850px {
	width: 850px;
	height: 1px;
	clear: both;
}