/*
	synoptx spacecake framework
	10:01:2006

	interactbooking.com orig styles transfer

        2test:
		frameset removed!!

	BrowserCheck Passed:
*/

/* 	Intro : Layout :: */

.introBody {		
	background-color: 		#f3f3f3;
}


/* 	DIV 'Frameset'  : Layout :: */

#topframe {					/* topframe :: logo & quote */
	position:				absolute;
	width:					100%;
	left:					0px;
	top:					0px;
	background-color: 		#f3f3f3;
	z-index:				1000;
}

#leftframe {				/* leftframe :: navigation */
	position:				absolute;
	left:					0px;
	top:					72px;
 	height:					520px;
	width:					150px;
	margin:					0px;
	padding:				0px;	
	z-index:				0;	
	background:				url(/img/004_interact_menue.jpg) #F4F4F4 no-repeat 0px 0px;	
}

#mainframe {				/* mainframe ::contente */
	position:				absolute;
	left:					168px;
	top:					90px;	/* was 86 */
	background-color: 		#FFFFFF;
 	height:					82%;
 	width:					80%;
}

#centerBlock {
}

#footBlock {
	position: 			static;
	border-top: 		1px solid #ccccff;
	background:			url(../images/footer.gif) #f3f3ff;
	width: 				100%;
	left: 				0px;
	bottom: 			0px;
	color: 				#999999;
	text-align:			right;
	font-size: 			10px;
	z-index:			10000;
	opacity:			0.6;
	filter:				alpha(opacity:60);
}

/*** spacecake styles :: ********************************** */

/* the flash errors & msgs */

.message {	
	width:					80%;
	color: 					white;
	padding:	 			2px 4px 2px 0px;
	margin:					4px 0px 4px 0px;
	border-style:			solid;
	border-color:			#666666;
	border-width:			thin;
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				14px;
	font-weight:			bold;
	background-color:		#00cc00;
}

.error {
	width:					80%;
	color: 					white;
	padding:	 			2px 4px 2px 0px;
	margin:					4px 0px 4px 0px;
	border-style:			solid;
	border-color:			#666666;
	border-width:			thin;
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				14px;
	font-weight:			bold;
	background-color:		#cc2222;
}

.button  {
	width:					200px;
	color: 					black;
	padding:	 			1px 4px;
	margin:					1px 2px;
	border-style:			solid;
	border-color:			#666666;
	border-width:			1px;
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				11px;
	text-align:				center;	
}

#btnNLsubmit  {
	width:					26px;
	color: 					black;
	padding:	 			0px 6px 0px 4px;
	border-style:			solid;
	border-top: 			1px solid #888888;
  	border-right: 			1px solid #888888;
  	border-bottom: 			1px solid #666666;
	border-left: 			1px solid #666666;
	border-width:			1px;
	font-size: 				12px;
	cursor:					pointer;
}

#input_email {
	font-size: 				12px;
	border-top: 			1px solid #888888;
  	border-right: 			1px solid #888888;
  	border-bottom: 			1px solid #666666;
	border-left: 			1px solid #666666;
	padding: 				1px 2px 1px 4px;
	background-color:		transparent;/* #F0F0F0;		*/
}

#btnHelp{
		background-color: 	#CFD3F7;
		cursor:				pointer;
		text-align:			center;
		font-weight:		bold;
		width:				60px;
		border:				1px solid #999999;
		margin:				4px;
		padding:			2px;
		float:				right;
}

#boxHelp{
		background-color: 	#CFD3F7;
		text-align:			left;
		width:				300px;
		border:				1px solid #999999;
		margin:				4px;
		padding:			2px;
		float:				right;	
		z-index:			1000;				
}

#imageBlock {
	position: 			absolute;
	left: 				0px;
	top:				38px;	
	border: 			0px solid #cccccc;
	background-color: 	transparent;
	width: 				820px;
	height:				450px;
	color: 				#999999;
	text-align:			center;
	font-size: 			12px;
	z-index:			10000;
	cursor:				pointer;
}

#transferDisplayBlock {
	border: 			0px solid #cccccc;
	width: 				140px;
	color: 				#999999;
	text-align:			left;
	font-size: 			11px;
	z-index:			10000;
}

.scrollBox{
		text-align:			left;
		width:				800px;
		height:				380px;
		overflow:			auto;
		border:				1px solid #999999;
		margin:				0px;
		padding:			4px;
}


/* navigation styles */

.mainnavtable {
	width:				100%;
}

.mainnav {
	text-decoration: 		none;
	font-size: 				13px;
	color: 					#838282;
	font-weight: 			bold;
	text-align: 			left; 
	vertical-align: 	    middle;  
	width: 					110px;
	padding: 				2px 0px 2px 6px;
	float: 					left;	
/*	letter-spacing:			1px;
	font-variant:			small-caps;	*/
}
.mainnav:hover {
	padding: 				2px 0px 2px 6px;
	background-color:		#FB733B;
	width: 					110px;	
	color: 					white;
	font-weight: 			bold;
	text-align: 			left; 
	vertical-align: 	    middle;  	
}

.mainnavActive {
	background-color:		#E0DFE3;
	text-decoration: 		none;
	font-size: 				13px;
	letter-spacing: 		0px;
	color: 					#838282;
	font-weight: 			bold;
	text-align: 			left; 
	vertical-align: 	    middle;  
	width: 					110px;
	padding: 				2px 0px 2px 6px;
	float: 					left;	
	border-top: 			1px solid #aaaaaa;
  	border-right: 			1px solid #aaaaaa;
  	border-bottom: 			1px solid #999999;
	border-left: 			1px solid #999999;		
}

#subnavtable {
	border-width:			0px;
	position:				relative;
	left:					-8px;
	top:					0px;	
}

.subnav {

	text-decoration: 		none;
	font-size: 				13px;
	letter-spacing: 		0px;
	color: 					#838282;
	font-weight: 			bold;
	text-align: 			center; 
	vertical-align: 	    middle;  
	width: 					81px;
	padding: 				3px 1px 3px 1px;
	margin: 				1px 4px;
	float: 					left;
	background-color:		#E0DFE3;	
	border-top: 			1px solid #999999;
  	border-right: 			1px solid #999999;
  	border-bottom: 			1px solid #666666;
	border-left: 			1px solid #666666;
}

.subnav:hover {
	background-color:		#FB733B;
	color:					#FFFFFF;
	border-top: 			1px solid #999999;
  	border-right: 			1px solid #999999;
  	border-bottom: 			1px solid #666666;
	border-left: 			1px solid #666666;	
}

#subnavActive {
	text-decoration: 		none;
	font-size: 				13px;
	letter-spacing: 		0px;
	color: 					#666666;
	font-weight: 			bold;
	text-align: 			center; 
	vertical-align: 	    middle;  
	width: 					80px;
	padding: 				3px 1px 3px 1px;
	margin: 				1px 3px;
	float: 					left;
	background-color:		#F0F0F0;	
	border-top: 			1px solid #999999;
  	border-right: 			1px solid #999999;
  	border-bottom: 			1px solid #666666;
	border-left: 			1px solid #666666;	
}

.contentbox  {
	width:					100%;
	color: 					black;
	border-top: 			1px solid #D2D7D8;
	padding-top:			8px;
}

.artistindex {
	width:					250px;
	border-style:			solid;
	border-color:			#cccccc;
	border-width:			thin;
	float:					left;
	margin:					0px 8px 4px 0px;
	padding:				4px 1px 4px 2px;
}

.artistindex a {
	font-size:				12px;
	margin-top:				0px;
}

.adminnav {
	text-decoration: 		none;
	font-size: 				13px;
	letter-spacing: 		1px;
	color: 					#666666;
	font-weight: 			bold;
	text-align: 			center; 
	vertical-align: 	    middle;  
	width: 					120px;
	padding: 				3px 2px 3px 2px;
	margin: 				2px 8px;
	float: 					left;
	background-color:		#F0F0F0;	
	border-top: 			1px solid #999999;
  	border-right: 			1px solid #999999;
  	border-bottom: 			1px solid #666666;
	border-left: 			1px solid #666666;		
}

/*** INTERACT : custom classes :: ********************************** */

.white12 {
		font-size: 				12px;
		color: 					white;
}
.bright11 {
		font-size: 				12px;
		color: 					#F1F0F0;
}

.newsletterBox  {
	padding-left:			3px;
}

.dotframe {
	padding-left:			0px;
/*	border-color: 			white;
	border-style: 			dotted;
	border-right-width: 	1px;
	border-left-width: 		0px;
	border-top-width: 		1px;
    border-bottom-width: 	1px;	*/
}

.klein {
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				7pt;
}

.kontakt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding-left:			6px;
}

/*** common html styles :: ********************************** */

h2 {
	font-family: 			arial, Helvetica, sans-serif;
	font-size: 				14px;	
	color: 					#FB733B;
	font-weight: 			bold;
	border-bottom:			1px solid #999999;
	padding-bottom:			2px;
	width:					90%;
	margin:					16px 0px 24px 0px;
}

.h2a {
	display: 				block;
	color: 					#FB733B;	
	font-family: 			arial, Helvetica, sans-serif;
	font-size: 				13px;	
	font-weight: 			bold;
	border-bottom:			1px solid #999999;
	padding-bottom:			2px;
	width:					600px;
	margin:					2px 0px 16px 0px;
}

.h2a:visited {
}

.h2a:active{	
	color: 					#FB733B;
	text-decoration: 		none;
}

.h2a:hover {
	color: 					#FB733B;
	text-decoration: 		none;
}

h3 {
	color: 					#666666;
	font-weight:			bold;
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				13px;
	margin:					2px 0px 4px 0px;
}

.h3a {
	display: 				block;
	color: 					#666666;
	font-weight:			bold;
	font-size: 				13px;
	margin:					4px 0px 4px 0px;	
}

h4 {
	color: 					#666666;
	font-weight:			normal;
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				14px;
	margin:					2px 0px 2px 0px;
}

h5 {
	color: 					black;
	font-weight: 			normal;
	font-family: 			arial, Helvetica, sans-serif;
	font-size: 				12px;
	margin:					0px 0px 2px 0px;
	padding:	 			0px;	
}

small {
	color: 					#666666;
	font-weight: 			normal;
	font-family: 			arial, Helvetica, sans-serif;
	font-size: 				10px;
	margin:					6px 0px 0px 0px;
	padding:	 			0px;	
}

body {
	color: 					black;
	font-weight: 			normal;
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				12px;
	margin:					2px;
	padding:	 			0px;	
}

hr {
	color:					#666666;
	width:					90%;
	margin: 				0px;
	height:					1px;
}

/*** hyperlinks :: ********************************** */

a {
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				8pt;
	font-weight: 			bold;
}

a:link {
	color: 					#838282;
	text-decoration: 		none;
}

a:visited {
	color: 					#838282;
	text-decoration: 		none;
}

a:active{
	color: 					white;
	text-decoration: 		none;
}

a:hover {
	color:					#FB733B;
	text-decoration: 		none;
}







/*** form :: 		********************************** */

fieldset {
	padding: 			12px;
	background-color: 	#FFFFFF;
	color: 				#333;
	border: 			1px solid #333;
}

legend {
	padding: 			8px;
	margin:				8px;
	text-align: 		center;

	font-weight: 		bold;
	letter-spacing: 	1px;
	background-color: 	#E3E3E3;
	color: 				#71300F;
	border: 			1px solid #333;
	display: 			block;
}

label {
	font-size: 			14px;
	color: 				#222;
}

input,textarea {

	font-family: 			Arial, Helvetica, sans-serif;
	color:					#666666;
	font-size: 				12px;
	border-top: 			1px solid #888888;
  	border-right: 			1px solid #888888;
  	border-bottom: 			1px solid #666666;
	border-left: 			1px solid #666666;
	background-color:		#f4f4f4;
	padding: 				2px 2px 2px 2px;
}


#input_ContactFamilyName {
/* B o t t r a p !! */
	display:none;
}
.submit {
	display: 			block;
	padding: 			2px 6px 2px 6px;
	margin:				4px;
	border: 			1px solid #777777;
	font-weight: 		bold;
	text-align:			center;
	letter-spacing: 	1px;
	background-color: 	#eeeeee;
	color: 				#777777;
	width:				80px;
	float:				left;
}

.submit:hover {
	background-color: 	#fff;
	color: 				#71300F;
	cursor: 			pointer;
}

/*** SPACECAKE : Testing : custom styles :: ********************************** */

/* start page-numbers */
#page-numbers {
	text-align: left;
	margin: 0;
	padding: 4px;
}
#page-numbers li {
	display: inline;
	list-style: none;
	font-size: 11px;
	font-weight: normal;
}
#page-numbers a {
	color: #333;
	font-weight: normal;
	padding: 0px 4px;
	font-size: 11px;
	text-decoration: none;
}
#page-numbers a:hover {
	color: #fff;
	background-color: #71300F;
	text-decoration: underline;
}
#page-numbers em {
	color: #CC0000;
	font-style: normal;
	padding: 0px 4px;
}
/* end page-numbers */

/* data-grid */
#data-grid{
	width: 100%;
	background-color: #fff;
	border: 1px #ddd solid;
	font-size: 12px;
}
#data-grid th {
	padding: 2px;
	background-color: #e4e4e4;
	border-top: 1px ridge #fff;
  border-right: 1px ridge #888;
  border-bottom: 1px ridge #888;
	border-left: 1px #fff ridge;
	text-align: center;
}
#data-grid th a {
	padding: 0 10px;
	font-weight: bold;
	color: #333;
}
#data-grid th a:hover {
	padding: 0 10px;
	font-weight: bold;
	color: #fff;
}
.data-grid-row-1 {
	background-color: #fff;
}
.data-grid-row-2 {
	background-color: #f4f4f4;
}
#data-grid td {
	padding: 10px;
	text-align: left;
}
/* end data-grid */

/**EOF 				:: (c) |<   2005 :: */