/* -------------------------------------------------
	Standard-CSS www.c-bra.de
	(c)2005  C-BRA NEUE MEDIEN GMBH  
------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------------------
	Init
--------------------------------------------------------------------------------------------------------- */

	html, body, table, td, form, img, div, ol, ul, li{
		margin: 			0;
		padding: 			0;
		border:				none;
		font:					1px/1 Arial, Helvetica, sans-serif;
	}


 	p, h1, h2, h3, h4, a{
		font:					1px/1 Arial, Helvetica, sans-serif;
		margin:				0;
		padding: 			0;
	}

	
	html, body {
  	background-color: #e2e7eb;
  	font-size: 				101%;
	}
	
	
	br				{line-height:			10px;}
	
/* ---------------------------------------------------------------------------------------------------------
	Standards (Links, Schriften etc.)
--------------------------------------------------------------------------------------------------------- */
	
	.clear 		{display:block; 	font:1px/1 sans-serif;  clear:both; margin: 0; padding: 0; height:1px;}
	.trenner	{height:1px; 			font:1px/1 sans-serif; 	clear:both; background:url(../objects/global/basic/kachel_punkttrenner.gif) repeat top left; margin:0; display:block; background-color:#FFFFFF }		
	
	.spacer5	{display:block; 	font:1px/1 sans-serif;  clear:both; margin: 0; padding: 0; height:5px;}
	.spacer10	{display:block; 	font:1px/1 sans-serif;  clear:both; margin: 0; padding: 0; height:10px;}
	.spacer20	{display:block; 	font:1px/1 sans-serif;  clear:both; margin: 0; padding: 0; height:20px;}
	.spacer25	{display:block; 	font:1px/1 sans-serif;  clear:both; margin: 0; padding: 0; height:25px;}
	.spacer30	{display:block; 	font:1px/1 sans-serif;  clear:both; margin: 0; padding: 0; height:30px;}		
		

/* ---------------------------------------------------------------------------------------------------------
	Standard-Schriften
--------------------------------------------------------------------------------------------------------- */

	h1{
		font:						18px/18px Verdana, Arial, Helvetica, sans-serif;
		color:					#FFFFFF;
		font-weight:		bold; 
		text-transform:	uppercase; 
	}

	h2{
		font:						16px/18px Verdana, Arial, Helvetica, sans-serif;
		color:					#112e41;
		font-weight:		bold; 
	}

	h3{
		font:							12px/12px Arial, Helvetica, sans-serif;
		color:						#8897a0;
		font-weight:			bold; 
	}

	span {
		font: 						12px/15px Arial, Helvetica, sans-serif;
		color: 						black;
		margin:						0 0 0 0;
	}

	p {
		font: 						11px/15px Arial, Helvetica, sans-serif;
		color: 						black;
		margin:						10px 0 0 0;
	}

	a { text-decoration: underline; }

	p.lauftext {
		font: 						12px/15px Arial, Helvetica, sans-serif;
		color: 						#122f43;
		margin: 					0 0 0 0;
	}

	p.info {
		font: 						11px Arial, Helvetica, sans-serif;
		color:						#999999;
		margin: 					0 0 0 0;
	}

	p.box {
		font: 						11px/15px Arial, Helvetica, sans-serif;
		color: 						black;
		letter-spacing: 	1px;
		margin:						10px 10px 0 10px;
	}
	
	.arrow	{
		font-weight:			bold; 
		font-size:				11px;		
	}	
	
/* ---------------------------------------------------------------------------------------------------------
	Links
--------------------------------------------------------------------------------------------------------- */	
	/* Standardlinks */
	A 		  	{font: 12px/13px Arial, Helvetica, sans-serif; color:#FF6633;text-decoration:underline;}
	A:link    {color:#FF6633;}
	A:visited {color:#FF6633;}
	A:active  {color:#FF6633;}
	A:hover   {color:#FF6633;}

	/* Standardlinks - Submenu */
	.sub    		 {color:#FF6633;font-size:11px;text-decoration:underline;}
	.sub:link    {color:#FFFFFF;}
	.sub:visited {color:#FF6633;} 
	.sub:active  {color:#FFFFFF;}
	.sub:hover   {color:#FF6633;}
	
	
	.info    		 	{color:#8897a0;font: 10px/13px Arial, Helvetica, sans-serif; text-decoration:none;}
	.info:link    {color:#8897a0;}
	.info:visited {color:#8897a0;} 
	.info:active  {color:#8897a0;}
	.info:hover   {color:#8897a0;}
	
	.menu    		 	{font: 11px/13px Verdana, Arial, Helvetica, sans-serif; color:#112e41;text-decoration:none;}
	.menu:link    {color:#112e41;}
	.menu:visited {color:#112e41;} 
	.menu:active  {color:#112e41;}
	.menu:hover   {color:#112e41;}	
	


/* ---------------------------------------------------------------------------------------------------------
	Blöcke
--------------------------------------------------------------------------------------------------------- */

	#bPageBG {
		width: 						812px;
		padding:	        0px;
		margin: 					0 auto 0 auto;
		background-color: white;
		position: 				relative;
	}

	#bPage {
		width: 						792px;
		padding:	        0px;
		margin: 					0 auto 0 10px;
		background-color: transparent;
		position: 				relative;
	}

	#bHead {
		position:					relative;	
		display:					block;
		width: 						792px;
		height:						120px;
		/*height:					170px;*/
		margin:						-10px 0 10px 0;
		padding:					0px;
		z-index: 0;
	}
	
	#bContent {
		position:					relative;
		display: 					block;
		width: 						792px;
		margin:						0 0 0 10px ;
		padding:					0px;
		margin-top: 			50px;
		z-index: 1;		
	}
	
	#bFooter {
		display: 					block;
		width: 						433px;
		height:						30px;
		padding:					0px;
		background-color:	#0099FF;
	}

/* ---------------------------------------------------------------------------------------------------------
	Spalten (Bereiche Content-Blocks werden aufgeteilt)
--------------------------------------------------------------------------------------------------------- */

	.col149 {
		display: 					block;
		width: 						149px;
		margin:						0px;
		padding:					0px;	
	}
	
	.col455 {
		display: 					block;
		width: 						455px;	
		margin:						0px;
		padding:					0px;
	}	
	
	.col188 {
		display: 					block;
		width: 						188px;
		margin:						0px;
		padding:					0px;
	}		

/* ---------------------------------------------------------------------------------------------------------
	Container (nebeneinander liegende bereiche werden definiert)
--------------------------------------------------------------------------------------------------------- */

	
	.container792x170 {
		display: 					block;
		width: 						792px;
		height:						170px;
		margin:						0px;
		padding:					0px;
		float:						left;
	}
	
	.container433{
		display: 					block;
		width: 						413px;
		margin:						0 0 0 20px ;
		padding:					0px;
	}
	
	.container149{
		display: 					block;
		width: 						149px;
		margin:						0px;
		padding:					0px;
	}	
	
	.container200{
		display: 					block;
		width: 						200px;
		margin:						0px;
		padding:					0px;
		float:						left;
	}		
	
/* ---------------------------------------------------------------------------------------------------------
	Content (richtet den Inhalt vom Rand aus)
--------------------------------------------------------------------------------------------------------- */
	.con200 {
		display:					block;
		width:						200px;
		margin: 					20px 0 0 20px;
		padding:0;
	}
	
	.con220x100 {
		display: 					block;
		width: 						220px;
		height: 					100px;
		margin:						10px 0 0 10px;
	}
	
/* ---------------------------------------------------------------------------------------------------------
	Boxen (BoxF = Frame, BoxT=TopHintergrund, BoxM=MiddleHg, BoxB=BottomHg, boxC=Content)
--------------------------------------------------------------------------------------------------------- */
	.boxF200 {
		display:					block;
		width:						200px;
		margin: 					20px 0 0 20px;
	}
	
	.boxT200x20	{
		background: 	url(/objects/global/new/box_446_top.gif) repeat-x; display: block;
		display: 			block;
		width:				200px;
		height:				20px;
	}
	
	.boxM200 {
		background: url(/objects/global/new/hg_box_446.gif) repeat-y;
		display: 		block;
		width:			446px;
	}
	
	.boxB200x20	{
		background: 	url(/objects/global/new/box_446_top.gif) repeat-x; display: block;
		display: 			block;
		width:				200px;
		height:				20px;
	}
	
	.boxC180
	{
		display: 			block;
		width:				180px;
		margin: 			20px 0 0 10px;
	}

	
/* ---------------------------------------------------------------------------------------------------------
	Formobjekte (p.formL = Label)
--------------------------------------------------------------------------------------------------------- */

	input {
		height:	16px;
		margin:	0;
		padding:0;
		color: #122f43;
		background-color:	#FFFFFF;
		border: 1px solid #DCE1E7;
		font: 11px/16px Arial, Helvetica, sans-serif;
	}
	
	input.input415 	{width: 415px;}
	
	input.input407 	{width: 407px;}
	
	input.input300 	{width: 300px;}
	input.input200 	{width: 196px; padding:0 0 0 4px;}
	input.input211 	{width: 211px; padding:0 0 0 4px;}	
	input.input175 	{width: 175px; margin:0 0 5px 0; padding:0 0 0 4px;}
	input.input190 	{width: 190px;}
	input.input135 	{width: 130px; margin:0 0 0 12px;}
	input.input50 	{width: 50px;}
	input.input80 	{width: 80px;}
	
	textarea {	
		border:	          0;
		margin:	          0;
		padding: 	        0;
		color: 						#122f43;
		background-color:	#FFFFFF;
		font: 11px/16px Arial, Helvetica, sans-serif;
	}

	textarea.textarea200 {width: 196px; height: 80px; border: 1px solid #DCE1E7; padding:0 0 0 4px;}	
	textarea.textarea211 {width: 211px; height: 80px; border: 1px solid #DCE1E7; padding:0 0 0 4px;}		
	textarea.textarea407 {width: 407px; height: 80px; border: 1px solid #DCE1E7;}	
	textarea.textarea415 {width: 415px; height: 80px; border: 1px solid #DCE1E7;}		
	
	select	{
		font:11px/16px Arial,Helvetica,sans-serif;
		border:1px solid #DCE1E7;
	}

	select.select98		{width:98px; }
	select.select20		{width:20px; }
	select.select50		{width:50px; }	
	
	
	select.select175	{width:175px; }
	select.select200	{width:200px; }	
	select.select211	{width:217px; }		
	
	radio.radio				{ background-color:#009999;}

	p.formL {
		margin:						5px 0 0 0;
		color:						#696969;
		font: 						10px/10px Arial, Helvetica, sans-serif;
	}		
	
	input.submit100  	{width: 100px; color:#5062d4; background-color:#ffffff; border:0; text-align:left; margin:5px 0 0 0; text-decoration:underline;}
	input.submit50  	{width: 50px; color:#5062d4; background-color:#ffffff; border:0; text-align:left; margin:5px 0 0 0; text-decoration:underline;}	
	
/* ---------------------------------------------------------------------------------------------------------
	CSS-Tabellen (tabR = Row, tabC=Cell, p.tabH = Headline, p.tabL=Label, p.tabD=Data)
--------------------------------------------------------------------------------------------------------- */
	.tabR200	{ width: 200px; display: block; margin:0; background-color:#99CCFF; margin-top:1px;}
	.tabR792	{ width: 792px; display: block; margin:0;}	
	.tabR455	{ width: 455px; display: block; margin:0;}	
	.tabR433	{ width: 433px; display: block; margin:0;}
	.tabR426	{ width: 426px; display: block; margin:0;}			
	.tabR415	{ width: 415px; display: block; margin:0;}
	
	
	.tabC792	{ width: 792px; float: left;}
	.tabC468	{ width: 468px; float: left;}
	.tabC433	{ width: 433px; float: left;}	
	.tabC409	{ width: 409px; float: left;}		
	.tabC398	{ width: 398px; float: left;}
	.tabC300	{ width: 300px; float: left;}	
	.tabC234	{ width: 234px; float: left;}
	.tabC233	{ width: 233px; float: left;}	
	.tabC225	{	width: 225px; float:left;}
	.tabC223	{ width: 223px; float: left;}		
	.tabC210	{ width: 210px; float: left;}	
	.tabC205	{	width: 205px; float:left;}	
	.tabC200	{	width: 200px; float:left;}
	.tabC190	{	width: 190px; float:left;}	
	.tabC102	{ width: 102px; height:20px; margin:0 10px 0 0; float:left;}	
	.tabC100	{ width: 100px; float: left;}
	.tabC70		{ width: 70px; 	float: left;}
	.tabC30		{ width: 30px; 	float: left;}
	
	
	p.tabH 		{font-size:11px;color:#112e41;line-height:15px; font-weight: bold; margin:0 0 0 3px;}
	p.tabL		{font-size:11px;color:#000000;line-height:15px; margin:0 0 0 3px;}
	p.tabD		{font-size:12px;color:#122f43;line-height:15px; margin:3px 3px 0 3px;}
	p.label		{font-size:11px;margin:5px 0 0 3px;}	


/* ---------------------------------------------------------------------------------------------------------
	LISTEN
--------------------------------------------------------------------------------------------------------- */	
		ul {
			color:						#000000;
			list-style-type:	none;
			padding: 	        0;
			margin:	          0;		
		}

		li {
			font: 						11px/14px Verdana, Arial, Helvetica, sans-serif;
			list-style-image:	none;
			text-align:				left;
			height:						18px;
			margin:	          0;
			width:						139px;			
			float:						right;				
		}
		
		li.menuheader { color:#8897a0;	}
		li.menuitem 	{ color:#133042;	}		
		
		
/* ---------------------------------------------------------------------------------------------------------
	LISTEN
--------------------------------------------------------------------------------------------------------- */	

	#calendar			{ color:#e10000; }
	#news					{ color:#00cfff }	
	#kontakt			{ color:#33cc66 }
	#service			{ color:#ff3399 }	
	#queens				{ color:#ff6633 }
	
	#dblau				{ color:#112e41;}
	#mblau				{ color:#8897a0; }
	#grau					{ color:#969696; }