@charset "utf-8";
/* Audio Bau Baumgartner Website Copyright 2011 interact-design.ch */

/*************************************************************************************/
/* Site-Styles */
/*************************************************************************************/
html, body			{ margin:0; padding:0; font-family:Geneva, sans-serif, Arial, Helvetica; background-color:#000000; }
p			    			{ margin:0; padding:0; }
h1  						{ margin:0px; padding:0px; font-weight:normal; font-size:16px; font-family:Geneva, sans-serif, Arial, Helvetica; color:#666666; 
			  		  		letter-spacing:1px; }
/*************************************************************************************/
/* Site-Layout ID Styles */
/*************************************************************************************/
#container 				{ width:950px; min-height:380px; height:100%; padding:0px; margin:0px; margin:0 auto; }
/* Für IE */
* html #container { height:380px; }
#headerbg	 	{ min-width:950px; width:50%; height:150px; margin:0 auto; background-image:url(../img_layout/bg_headerbg.jpg); }
/* Für IE */
* html #headerbg 	{ width:950px; }
#header 	 				{ width:950px; height:150px; margin:0 auto; background-image:url(../img_layout/bg_header.jpg); }
#topnav 	 				{ width:950px; height:30px; line-height:30px; padding:10px; margin:0px; margin:0 auto; }
#content 					{ width:750px; min-height:560px; height:100%; float:left; margin:0 auto; } /*background-image:url(../img_layout/bg_content.jpg); background-repeat:repeat-y; */ 
					  				 
/* Für IE */
* html #content 	{ height:560px; }
#contentR 				{ width:200px; min-height:380px; height:100%; float:left; margin:0 auto; color:#0066FF; }
/* Für IE */
* html #contentR 	{ height:380px; }
#footer 	 				{ width:950px; height:100px; margin:0 auto; background-image:url(../img_layout/bg_footer.jpg); cursor:default; }
/*************************************************************************************/
/* HyperLinks Mouseover in out Styles  Toolbar Link */
/*************************************************************************************/
/* links */
.alink01  		  	{ font-family:Geneva, sans-serif, Arial, Helvetica; display:inline-block; color:#CCCCCC; font-weight:normal; text-decoration:underline; }
.alink01:hover   	{ color:#0066FF; text-decoration:none;  }
/*************************************************************************************/
/* NavTop Horizontal Main Menü */
/*************************************************************************************/
/* links */
.NavTOP, .TNnormal, .TNactiv { width:140px; height:30px; line-height:30px; float:left; display:block; background-image:url(images/but_tn01.gif); font-size:13px; text-align:center; 
									font-family:Geneva, sans-serif, Arial, Helvetica; color:#CCCCCC; font-weight:normal; text-decoration:none; letter-spacing:1px; }
.TNactiv				{ background-image:url(images/but_tn02.gif); color:#999999; }	
.TNnormal				{ background-image:none; }								
.NavTOP:hover   { color:#999999; text-decoration:none; background-image:url(images/but_tn02.gif);  }
.NavTOPLO  		  { width:70px; height:30px; line-height:30px; float:left; display:block; background-image:url(images/but_tn01.gif); font-size:12px; text-align:center; 
									font-family:Geneva, sans-serif, Arial, Helvetica; color:#CC0000; font-weight:normal; text-decoration:none; }
			
/*************************************************************************************/
/* Site Footer- Class Styles */
/*************************************************************************************/
.footerBoxL				{ width:600px; height:19px; display:block; float:left; text-align:left; color:#999999; 
				  	  			font-family:Geneva, sans-serif, Arial, Helvetica; font-size:12px; font-weight:normal; }
.footerBoxR				{ width:350px; height:19px; display:block; float:left; text-align:right; color:#999999; 
				   	  			font-family:Geneva, sans-serif, Arial, Helvetica; font-size:12px; font-weight:normal; }
/*************************************************************************************/
/* Toolbar Seiten Titel Class Styles */
/*************************************************************************************/
.sitetitleBL			{ width:600px; height:20px; line-height:20px; display:block; vertical-align:middle; color:#666666; float:left; cursor:default; margin-bottom:10px; 
				  	  			font-family:Geneva, sans-serif, Arial, Helvetica; font-size:11px; font-weight:normal; text-indent:3px; text-align:left; background-color:#0F0F0F; }
.sitetitleBR			{ width:150px; height:20px; line-height:20px; display:block; vertical-align:middle; color:#FFFFFF; float:left; cursor:default; margin-bottom:10px; 
				  	  			font-family:Geneva, sans-serif, Arial, Helvetica; font-size:12px; font-weight:normal; background-color:#0F0F0F; }

/*************************************************************************************/
/* ForAll Content Class Id Styles */
/*************************************************************************************/	
.clear						{ clear:left; }				  
.contMain 				{ width:750px; min-height:370px; height:100%; margin:0 auto; font-family:Geneva, sans-serif, Arial, Helvetica; 
				  	  			font-size:12px; color:#CCCCCC; }
/* Für IE */
* html .contMain	{ height:380px; }

/* Layout-ID-Class-Styles-Lightbox Slimbox Mootools Thumb*/
.thumb 				{ filter:alpha(opacity=80);	-moz-opacity: 0.80;	opacity: 0.80; border:1px solid #CCCCCC; }
.thumb:hover 		{ filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:1px solid #0066FF; }
/*************************************************************************************/ 
/* contentR box Class Styles */
/*************************************************************************************/ 
.boxttHead		{ width:190px; height:25px; line-height:25px; display:block; vertical-align:middle; color:#666666; margin-left:10px; 
				  	  font-family:sans-serif, Arial, Helvetica; font-size:12px; font-weight:bold; text-align:left; text-indent:30px; 
				  	  background-image:url(../img_layout/bg_tablett.jpg); } 
							 
.boxcontR			{ width:178px; height:100%; min-height:120px; display:block; color:#666666; padding:5px; margin-left:10px; 
				  	  font-family:sans-serif, Arial, Helvetica; font-size:12px; font-weight:normal; text-align:left; border:1px solid #151515;}
/* Für IE */
* html .boxcontR	{ height:120px; }	  
.boxttFoot		{ width:190px; height:25px; line-height:25px; display:block; vertical-align:middle; color:#999999; margin-left:10px; 
				  	  font-family:sans-serif, Arial, Helvetica; font-size:12px; font-weight:bold; text-align:left; text-indent:5px; 
				  	  background-color:#101010; }

/*************************************************************************************/
/* Tabellen CLASS Styles */
/*************************************************************************************/ 
.table	 			{ border-right:1px solid #161616; border-top:1px solid #161616; background-color:#090909; cursor:default; }
.tableTT  		{ height:30px; background-image:url(../img_layout/bg_tablett.jpg); cursor:default; color:#FFFFFF; border-left:1px solid #161616; }
.tableTTa  		{ height:10px; line-height:10px; background-color:#101010; color:#0066FF; text-align:left; letter-spacing:1px; cursor:default; }
.tableTD 			{ border-left:1px solid #161616; border-bottom:1px solid #161616; cursor:default; }
.formbutt			{ width:100px; height:30px; vertical-align:middle; color:#FFFFFF; background-color:#3366FF; cursor:hand; }