/* ================================================================================================= */
/*      SCREEN - CSS Document | EPM Vermietungsportal | Version 01/2009  | service@wellenwerk.de     */
/* ================================================================================================= */



/*                                  OVERRIDE FÜR FÜR ALLE CSS ANGABEN                                */



/* ================================================================================================== */
/* ==================================================================================>   BODY  <===== */
/* ================================================================================================== */


body
{
		background-color: #fff;
		
		scrolling:auto; 
		scrollbar-arrow-color: #0099cc;
		scrollbar-face-color: #ffffff; 
		scrollbar-track-color: #e9e4e4;		
		scrollbar-3dlight-color: #dcd7d7; 
		scrollbar-highlight-color: #f1e4e4;
		scrollbar-shadow-color: #999999; 
		scrollbar-darkshadow-color: #666666;
		
		font-family:Verdana; 
		color:#999999; 
		font-size:11px; 
		line-height:14px;
		text-align: center;
}



/* ================================================================================================= */
/* =================================================================================>   FONT  <===== */
/* ================================================================================================= */

p 	 {color:#999999; font-size:11px; line-height:14px;}

b {font-weight:bold;}


h1, h2, h3, h4, h5, h6 {margin: 10px 0 10px 0;}

h1	 {color:#666666; font-size:14px; line-height:14px; font-weight:bold;}		/* grau 		| 24 	| fett  */  
h2	 {color:#0099cc; font-size:14px; line-height:14px; font-weight:bold;}		/* blau 		| 24 	| fett  */
h3	 {color:#666666; font-size:11px; line-height:14px; font-weight:bold;}		/* grau 		| 11 	| fett  */
h4	 {color:#0099cc; font-size:11px; line-height:14px; font-weight:bold;}		/* blau 		| 11 	| fett  */
h5	 {color:#0099cc; font-size:11px; line-height:14px; font-weight:normal;}		/* blau 		| 11 	| norm  */
h6	 {color:#333333; font-size:11px; line-height:14px; font-weight:normal;}		/* dunkelgrau 	| 11 	| norm  */
h7	 {color:#ffffff; font-size: 4px; line-height: 4px; font-weight:normal;}		/* miniAbstand 		*/
h8	 {color:#F00; 	 font-size:11px; line-height:14px; font-weight:bold;}		/* Roter Hinweis 		*/	
h9	 {color:#333333; font-size: 8px; line-height:14px; font-weight:normal;}		/* dunkelgrau 	| 08 	| norm  */

span.current {color:#fca204; font-size:11px; line-height:14px; font-weight:bold;}		/* children list mode active 		*/

div.red	 {color:#F00; font-size:11px; line-height:14px; font-weight:normal;}		/* XML rot 		*/

div.attribute-header h1 {color:#0099cc; font-size:14px; line-height:14px; font-weight:bold;}		/* blau 		| 24 	| fett  */

/* ===============================================================================>   LINKS  <===== */

a:link			{color:#009de0; font-size:11px; line-height:12px; text-decoration:none;}
a:visited		{color:#009de0; font-size:11px; line-height:12px; text-decoration:none;}
a:hover			{color:#009de0; font-size:11px; line-height:12px;}
a:active		{color:#009de0; font-size:11px; line-height:12px;}

a img			{border: none;}

.link
{
			padding:				0px 0px 2px 16px;
			background: 			url(bax/link.gif) no-repeat center left;
}

/* =========================================================================>   BLAUE FELDER  <===== */

#blueHead p  	{color:#ffffff; font-size:16px; line-height:20px; font-weight:bold;}
#blueHead2 p 	{color:#ffffff; font-size:14px; line-height:20px; font-weight:bold; margin-top:30px;}
#blueTxt p	 	{color:#ffffff; font-size:12px; line-height:16px; font-weight:normal;}

/* ================================================================>   OBJEKTSUCHE NEWS BOX  <===== */

#shoutTitel p  	{color:#666666; font-size:10px; line-height:12px; font-weight:  bold; margin:0;}
#shoutCont  p  	{color:#999999; font-size:10px; line-height:11px; font-weight:normal; margin:0;}
#shoutCont  h1  {color:#999999; font-size:10px; line-height:10px; font-weight:normal; margin:0;}
#shoutCont  h2  {margin:5px 0 2px 0;}
#shoutCont  h4  {color:#009de0; font-size:10px; line-height:11px; font-weight:normal; margin:0;}
#shoutCont  h3  {color:#999999; font-size: 2px; line-height: 4px; font-weight:normal; margin:0;}

/* =============================================================================>   KONTAKT  <===== */

#konTx p 		{color:#999999; font-size:11px; line-height:15px; font-weight:normal;}
#konTx h2		{color:#009de0; font-size:11px; line-height:15px; font-weight:bold;}
#konForm h2 	{color:#999999; font-size:11px; line-height:12px; font-weight:normal;}
#konForm h3 	{color:#999999; font-size:11px; line-height:12px; font-weight:bold;}

/* =============================================================================>   FOOTER  <===== */

#fuss  a  { line-height:20px;}



/* FULL PAGE */

div#page
{
    width: 1000px;
    margin: 0 auto 0 auto;
    text-align: left;
	background-color: #fff;
}



/* ================================================================================================= */
/* ===========================================================================>   NAVIGATION  <===== */
/* ================================================================================================= */



/* ============================================================================>   KOPF NAVI  <===== */

div#usermenu
{
			padding-top:			5px;
			margin-left:		    173px;
			width:					800px;
			background-image: 		none;
			text-align:				right;
}

div#links
{
			float: 					right;
    		clear: 					right;
    		text-align: 			right;
			height:					16px;

}

div#links ul li	{float: right; margin:0; padding:0;}

div#links a, div#links p
{
    		color:					#999;
			font-size:				10px;
			font-weight:			normal;
			text-decoration:		none;
			
			padding: 			    0 10px 2px 10px;
			border-left: 			1px solid #ccc;	
}

#sitemap { padding-right:10px; padding-bottom:2px; border-right:1px solid #ccc;}




/* ===========================================================================>   HAUPT NAVI  <===== */

div#topmenu
{
			margin:					0;
			width:					750px;
			height:					23px;
			display: 				block;
}

div#topmenu ul{margin: 0;  padding: 0;}

div#topmenu li
{
    		height: 				23px;
    		float: 					left;
			padding: 				0px;
			margin: 				0px 0px 0px 2px;
    
    		list-style-type: 		none;
    		list-style-image: 		none;
			line-height:			10px;
		
			border: 				1px solid #ccc;
			background-position: 	top;
			background-repeat: 		repeat-x;	
    		background-image: 		url(bax/out.jpg);
}
* html #topmenu li
{  
    		height: 				12px;			
}


div#topmenu li a
{	
			float: 					left;
			height:					23px;
			margin: 				0px 0px 0px 2px;
			padding: 				6px 9px 5px 9px;
	
			color: 					#999;
			font-size: 				10px;
			line-height:			10px;
    		font-weight: 			bold;	
    		text-decoration: 		none;
}
* html #topmenu li a
{  	
			height:					12px;	
}


div#topmenu li a:hover
{
			float: 					left;
			height:					23px;
			margin: 				0px 0px 0px -2px;
			padding: 				6px 13px 5px 9px;
			
			color:					#fff;
			background-repeat: 		repeat-x;
			background-image: 		url(bax/over.jpg);
}
* html #topmenu li a:hover
{  	
			height:					12px;	
}


div#topmenu li.selected a
{	
			float: 					left;
			height:					23px;
			margin: 				0px 0px 0px 2px;
			padding: 				6px 9px 5px 9px;
	
			color: 					#666;
			font-size: 				10px;
    		font-weight: 			bold;	
    		text-decoration: 		none;
			background-repeat: 		repeat-x;	
}
* html #topmenu li.selected a
{  	
			height:					12px;	
}


div#topmenu li.selected a:hover
{
			float: 					left;
			height:					23px;
			margin: 				0px 0px 0px  2px;
			padding: 				6px 9px 5px 9px;
			
    		color:					#666;
			background-repeat: 		repeat-x;
    		background-image: 		url(bax/out.jpg);
}
* html #topmenu li.selected a:hover
{  	
			height:					12px;	
}


div#topmenuGast
{
			float: 					left;
			height:					23px;
			width:					149px;
			margin-left: 			2px;
			
			border: 				1px solid #ccc;
			background-position: 	top;
			background-repeat: 		repeat-x;	
    		background-image: 		url(bax/out.jpg);		
}


div#topmenuGast_E
{
			float: 					left;
			height:					23px;
			width:					177px;
			margin-left: 			2px;
			
			border: 				1px solid #ccc;
			background-position: 	top;
			background-repeat: 		repeat-x;	
    		background-image: 		url(bax/out.jpg);		
}


div#topmenuMakler
{
			float: 					left;
			height:					23px;
			width:					186px;
			margin-left: 			2px;
			
			border: 				1px solid #ccc;
			background-position: 	top;
			background-repeat: 		repeat-x;	
    		background-image: 		url(bax/out.jpg);		
}


div#topmenuMakler_E
{
			float: 					left;
			height:					23px;
			width:					204px;
			margin-left: 			2px;
			
			border: 				1px solid #ccc;
			background-position: 	top;
			background-repeat: 		repeat-x;	
    		background-image: 		url(bax/out.jpg);		
}

div#topmenuEpm 
{
			float: 					left;
			height:					23px;
			width:					93px;
			margin-left: 			2px;
			
			border: 				1px solid #ccc;
			background-position: 	top;
			background-repeat: 		repeat-x;	
    		background-image: 		url(bax/out.jpg);		
}

div#topmenuEpm_E 
{
			float: 					left;
			height:					17px;
			width:					110px;
			margin-left: 			2px;
			padding: 				6px 0 0 0 ;
			
			text-align:             center;
			font-size: 				10px;
    		font-weight: 			bold;	
    		text-decoration: 		none;
			
			border: 				1px solid #ccc;
			background-position: 	top;
			background-repeat: 		repeat-x;	
    		background-image: 		url(bax/out.jpg);		
}

div#topmenuAdmin 
{
			float: 					left;
			height:					23px;
			width:					91px;
			margin-left: 			2px;
			
			border: 				1px solid #ccc;
			background-position: 	top;
			background-repeat: 		repeat-x;	
    		background-image: 		url(bax/out.jpg);		
}

div#topmenuAdmin_E 
{
			float: 					left;
			height:					17px;
			width:					110px;
			margin-left: 			2px;
			padding: 				6px 0 0 0 ;
			
			text-align:             center;
			font-size: 				10px;
    		font-weight: 			bold;	
    		text-decoration: 		none;
			
			border: 				1px solid #ccc;
			background-position: 	top;
			background-repeat: 		repeat-x;	
    		background-image: 		url(bax/out.jpg);		
}


div#topmenuRest
{
			height:					23px;
			width: 100%;
			margin-left: 			2px;
			
			float:left;
			
			border: 				1px solid #ccc;
			background-position: 	top;
			background-repeat: 		repeat-x;	
    		background-image: 		url(bax/out.jpg);		
}


div#topmenuRegister
{
			float: 					left;
			height:					17px;
			width:					260px;
			margin-left: 			2px;
			padding: 				6px 0 0 0 ;
			
			text-align:             center;
			font-size: 				10px;
    		font-weight: 			bold;	
    		text-decoration: 		none;
			
			border: 				1px solid #ccc;
			background-position: 	top;
			background-repeat: 		repeat-x;	
    		background-image: 		url(bax/out.jpg);		
}
/* ============================================================================>   FUSS NAVI  <===== */

#fuss
{
	width:722px;
	height:100px;
	padding:0;
	margin:0;
}

div#footer
{
    clear: both;
    text-align: center;
    padding-top: 12px;
    margin-bottom: 24px;
}

#fussButts
{
			left:			 	0px;
			top: 			 	0px;
			width:		   		721px;
			height:				24px;
			z-index:		   	4;
			text-align:			left;
			border-bottom: 		1px solid #cccccc;
}

#naviFuss
{
			z-index:		   	4;
			text-align:			center;
}

a.naviFuss
{ 	
			display:			inline block;
			left:				0px;
			top:				44px;
			width:				721px;
			height:				63px;
			color:				#999;
			font-size:			10px;
			line-height:		16px; 
			font-weight:		normal; 
			text-decoration:	none;
			padding:			0px 4px 2px 8px;
			border-left:		1px solid #ccc;
			z-index:			4;
}

a.naviFuss:link, a.naviFuss:visited  	{color:#999;}

a.naviFuss:hover, a.naviFuss:active   {color:#333;}

#naviLog {border-right:1px solid #ccc;}

#naviImp {border-right:1px solid #ccc;}


/* =========================================================================>   PFAD ANZEIGE  <===== */

div#path
{
    padding: 0.5em 0.5em 0.5em 2em;
    font-size: 0.85em;
	display:none !important;
}

div#path p
{
    margin: 0;
}


/* =========================================================================>   SITEMAP  <===== */

div.content-view-sitemap

{
			width:					672px;
			margin:					0;
			padding:			  	24px;
			border:     			1px solid #ccc;			
			background: 			top repeat-x url(bax/expoBax.jpg);
			float:					left;
}



div.attribute-header h1.long 
{	
	color:#0099cc; 
	font-size:14px; 
	line-height:14px; 
	font-weight:bold;
}

div.content-view-sitemap a    {color:#666666;}
div.content-view-sitemap li a {color:#0099cc;}

div.content-view-sitemap table td
{
    vertical-align: top;
}

div.content-view-sitemap ul
{

}

div.content-view-sitemap ul
{
    padding: 0;
    margin: 0.75em 0 1em 0;
}

div.content-view-sitemap ul ul
{
    margin: 0.3em 0 0.5em 12px;
}

div.content-view-sitemap ul
{
    list-style-type: none;
}

div.content-view-sitemap ul li
{
    margin: 0 0 0.5em 2em;
    padding: 0 0 0 14px;
    background-image: url(../images/sidemenu_bullet.png);
    background-repeat: no-repeat;
    background-position: 0 0.3em;
    line-height: 1.25em;
}



div#maincontent div.content-view-sitemap table.content-view-children h2
{
    margin-top: 1px;
}

div#maincontent div.content-view-sitemap table.content-view-children
{
    margin-top: 1px;
    width: 99%;
}

div#maincontent div.content-view-sitemap table.content-view-children td
{
    vertical-align: text-top;
}

/*div#maincontent div.content-view-sitemap table.content-view-children td
{ 
    font-weight: bold;
}*/



/* ================================================================================================= */
/* ==========================================================================>   PAGE DESIGN  <===== */
/* ================================================================================================= */



/* =======================================================================>  mietPortPosition  <===== */

#mietPortPosition
{						
			margin:					2px 0 0 14px;
			width:					950px;
}

* html #mietPortPosition	{position: relative;}



/* ==========================================================================>   SHOUTBOX    <====== */

#shoutBox
{			
			margin:					3px 6px 0 0;
			width: 			   		228px;
			height:			   		418px;
			border:        			1px solid #ccc;
			background: 			url(bax/expoBax.jpg) top repeat-x;
}
* html #shoutBox
{  	
			top:					3px;
			left:					0px;
			position:				relative;
}


#shoutTitel
{
			position:				absolut;
			left:  					0px;
			top: 					1px;
			width: 			   		210px;
			height: 				11px;
			padding:		  		6px 6px 6px 12px;
			border-bottom: 			1px solid #ccc;
			background: 			url(bax/out.jpg) repeat-x;
}
* html #shoutTitel
{  	
			padding:		  		5px 6px 4px 6px;
			width: 			   		216px;
			height: 				14px;
}


#shoutCont
{
		    display:				block; 
			position:				absolut;
 			padding: 		        12px;
			width: 					204px;
			height:					414px;
			text-align: 			justify;
			overflow:				hidden;
}

#shoutPix
{			
			top:					0px;
			left:					0px;
			margin:					0px;
			width: 			   		204px;
			height:			   		124px;
			overflow:				hidden;
			position:				relative;
}

.shoutImage
{
			top:					-50%;
			left:					-50%;
			margin-top:				40px;
			margin-left:			102px;
			width: 					204;
			height:					124;			
			position:				absolute;
}

#shoutOrt	
{ 
			margin: 				7px 0 0 0;
			padding-bottom:         7px;
			line-height:			12px;
			color:					#999;
			border-bottom:			1px solid #ccc;
}
* html #shoutOrt
{ 	
	margin: 				12px 0 0 0;
	padding-bottom:         12px;
}

#shoutNutz	
{ 
			margin: 				7px 0 0 0;
			padding-bottom:         7px;
			line-height:			12px;
			color:					#0099cc;
			border-bottom:			1px solid #ccc;
}
* html #shoutNutz
{	
	margin: 				12px 0 0 0;
	padding-bottom:         12px;
	
}

#shoutNutzCont
{ 
				margin: 				-12px 0 0 60px;
				line-height:			12px;
				color:					#999;
}

#shoutText
{			
			margin:					7px 0 0 0;
			padding-bottom:         7px;
			line-height:			12px;
			text-align:				justify;
			border-bottom:			1px solid #ccc;
}
* html #shoutText
{ 	
	margin:					12px 0 0 0;
	padding-bottom:         12px;
}

#shoutLink
{
			margin: 				8px 0 0 0;
			padding:				0px 0px 2px 16px;
			background: 			url(bax/link.gif) no-repeat center left;
}
* html #shoutLink
{ 	 
	margin: 				12px 0 0 0;
	padding:				2px 0px 0px 16px;
}



/* ===================================================================>   Inhalte unter NAVI  <===== */


div#mietPort
{
			margin:					3px 0 0 2px;
			width:					722px;
			
}
* html #mietPort
{  	
			top:					2px;
			left:					2px;
			position:				relative;
}


/* =================================================================================>   KOPF  <===== */

div#header
{
			left:  					0px;
			margin-top: 			50px;
			width:					1000px;
			height:					100px;
			padding: 				0;
			z-index:				1;
			background-image:		url(bax/top.jpg);
}


div#header ul li	{background-image: none;}




/* ================================================================>   Bild und Blaue Felder  <===== */


#bigPix
{
			margin:					0;
			width: 					380px;
			height:					230px;
			overflow:				hidden;
			background-image: 		url(bax/noFlash.jpg);	
}

#blueField
{
            margin-top:				-230px;
			margin-left:			382px;
			width: 					340px;
			height:					161px;
			background-color:		#004a80;			
}

#blueHead
{
			padding-left:			12px;
			padding-top:		 	12px;
}

#blueHead2
{
			padding-left:			12px;
			padding-top:		 	20px;
}

#blueTxt
{
			padding-left:			12px;
}

#titelField
{
			margin-top:				2px;
			margin-left:			382px;
			width:  				340px;
			height: 				67px;
			background-color:		#009de0;	
}






/* ================================================================================================= */
/* ==============================================================================>   CONTENT  <===== */
/* ================================================================================================= */


#mainContent
{

			margin:					12px 0 0 0;
			width:					672px;
			float: 					none;
			clear:					both;
}

.epm
{
			width:					672px;
			border:     			1px solid #ccc;
			padding:			  	24px;
			background: 			top repeat-x;	
    		background-image: 		url(bax/expoBax.jpg);
}
* html .epm
{  	
			padding:			  	22px;
}

.edit
{
			border:     			1px solid #ccc;
			padding:			  	12px;
			background: 			top repeat-x;	
    		background-image: 		url(bax/expoBax.jpg);
}

.fullview
{
			border:     			1px solid #ccc;
			padding:			  	12px;
			background: 			top repeat-x;	
    		background-image: 		url(bax/expoBax.jpg);
}

/* ==============================================================================>   ORDNER   <===== */


#ordner
{
			width:					672px;
			min-height:             127px;
			border:     			1px solid #ccc;
			padding:			  	24px;
			background: 			top repeat-x;	
    		background-image: 		url(bax/expoBax.jpg);
			float:					left;
}

#ordnerTh
{
		 	margin:					0px 0px 0px 0px;
}

#ordnerTx
{
		 	margin:					24px 0px 0px 0px;
}
/* ================================================================================>   HOME  <===== */


#home
{
			width:					750px;
			
}

#hoLeft
{
			margin:					0;
			width:					347px;
			height:					150px;
			padding:			  	12px;
			border:     			1px solid #ccc;
    		background: 			url(bax/expoBax.jpg) top repeat-x;
			float:					none;
}
#hoLeftText
{
			margin:					-10px 0px 0px 0px;
			width:					240px;
			height:					200px;
			float:					left;
			text-align:				justify;
			position:				absolute;
}

#hoLeftLink
{
			margin:					134px 0px 2px 0px;
			padding:				0px 0px 2px 16px;
			background: 			url(bax/link.gif) no-repeat center left;
			position:				absolute;
}


#hoLeftPx
{
		 	margin:					0px 0px 0px 252px;
			position:				absolute;
}


#hoRight
{
			margin:					-176px 0px 0px 382px;
			width:					314px;
			height:					150px;
			padding:			  	12px;
			border:     			1px solid #ccc;
    		background: 			url(bax/expoBax.jpg) top repeat-x ;
			float:					none;
}


#hoRightText
{
			margin:					-10px 0px 0px 0px;
			width:					210px;
			height:					200px;
			float:					left;
			text-align:				justify;
			position:				absolute;
}

#hoRightLink
{
			margin:					134px 0px 2px 0px;
			padding:				0px 0px 2px 16px;
			background: 			url(bax/link.gif) no-repeat center left;
			position:				absolute;
}

#hoRightPx
{
			margin:					0px 0px 0px 218px;
			position:				absolute;
			
}


/* ==============================================================================>   ÜBER UNS   <===== */


#uns
{
			width:					672px;
			border:     			1px solid #ccc;
			padding:			  	24px;
			background: 			top repeat-x;	
    		background-image: 		url(bax/expoBax.jpg);
			
}

#unsLeft
{
			width: 					356px;
			height:					600px;
			text-align:				justify;
			overflow:				hidden;
}
#unsTx
{
			margin:					0px 0px 0px 0px;
}
#unsKon
{
			margin:					24px 0px 0px 0px;
}
.unsFil
{
			margin:					12px 0px 0px 0px;
			height:					35px;

}
.unsReg
{
			margin:					0px 0px -5px 0px;
}
.unsFil_a
{
			margin:					0px 12px 0px 0px;
			float:					left;
}
.unsFil_b
{
			margin:					0px 0px 0px 12px;
}



#unsRight
{
			margin:					-600px 0px 0px 400px;
			height:					500px;
}


/* ========================================================================>   DIENSTLEISTUNGEN   <===== */


#dienst
{
			width:					480px;
			border:     			1px solid #ccc;
			padding:			  	24px 120px 24px 120px;
			text-align:				justify;
			background: 			top repeat-x;	
    		background-image: 		url(bax/expoBax.jpg);		
}



/* ====================================================================================>   NEWS   <===== */


#news
{
			width:					480px;
			border:     			1px solid #ccc;
			padding:			  	24px 120px 24px 120px;
			text-align:				justify;
			background: 			top repeat-x;	
    		background-image: 		url(bax/expoBax.jpg);		
}

.newsmeldung
{
			width:					480px;
			padding-bottom:			24px;
			padding-top:			36px;
			background: 			top repeat-x;		
			border-bottom:     		1px solid #ccc;
			text-align:				justify;
			

}

/* ==============================================================================>   OBJEKTSUCHE  <===== */

#obj
{
			width:					672px;
			border:     			1px solid #ccc;
			padding:			  	24px;

}


#objLeft
{
			width: 					300px;
			height:					300Px;
			overflow:				hidden;
			text-align:				justify;
}

#objRight
{
			margin:					-250px 0px 0px 357px;

			
}

#objSuche
{

			width: 					672px;
			height:					100px;
			margin:					24px 0px 0px 0px;
			background: 			top repeat-x;	
			background-image: 		url(bax/expoBax.jpg);	
			border:     			1px solid #ccc;;

}

.suchFeld
{

			width: 					250px;
			height:					100px;
			margin:					45px 0px 0px 24px;

}
* html div.suchFeld
{ 
	height:					40px;
}

.suchText
{

			width: 					300px;
			height:					100px;
			margin:					-120px 0px 0px 300px;
			text-align:				justify

}
* html div.suchText
{ 
	height:					40px;
	margin:					-60px 0px 0px 300px;
}

/* ==============================================================================>   TREFFERLISTE  <===== */

.treffer
{
			width:					650px;
			padding:			  	0px 0px 0px 24px;
			margin-top:				12px;
			background: 			top repeat-x;	
			background-image: 		url(bax/expoBax.jpg);	
			border:     			1px solid #ccc;
			

}

.trefferPix
{
			top:					0;
			left:					0;
			width:					200px;
			height:					150px;
			overflow:				hidden;
			vertical-align:			middle;
			position:				relative;
}
.trefferPixPix
{
			top:					0;
			left:					0;
			width:					200px;
			height:					150px;
			position:				absolute;
			z-index:				1;
			
}
.trefferPixDeaktiviert
{
			top:					0;
			left:					0;
			width:					200px;
			height:					150px;
			position:				absolute;
			z-index:				2;		
}

.trefferTeaser
{
			margin:					-160px 0px 0px 180px;
			width:					440px;
			height:					110px;
			text-align:				justify;
			border-bottom:			1px solid #ccc;
}

.trefferInfo
{
			margin:					12px 0px 0px 180px;
			width:					440px;
			height:					50px;
			text-align:				justify;
}

#trefferNutz	
{ 
			margin: 				-12px 0 0 290px;
			padding-bottom:         7px;
			line-height:			12px;
			color:					#0099cc;
}
* html #trefferNutz
{ 	
	margin:					-12px 0 0 290px;
	padding-bottom:         12px;
	
}

#trefferNutzCont
{ 
				margin: 				-12px 0 0 60px;
				line-height:			12px;
				color:					#999;
}


.class-regionen		{margin: 12px 0 12px 0; padding:12px; width:336px; border: 1px solid #ccc;}

.attribute-key		{text-align:justify;}

.class-user_group	{display:none;}

/* ==============================================================================>   EXPOSÉ   <===== */


#expose
{
			width:					672px;	
			border:     			1px solid #ccc;
			padding:			  	24px;
			margin:					0;
			background: 			top repeat-x;	
    		background-image: 		url(bax/expoBax.jpg);
}


/* ========================================>   Top   <===== */

.exTop
{
			margin: 				0;
			width:					650px;
			height:					300px;
			
}

.exBigPic
{
			top:					0px;
			left:					0px;
			width:					356px;
			height:					220px;
			overflow:				hidden;
			position:				relative;
}

.ezBigImage
{
			width: 					356;
			height:					220;
			bottom:					0px;
			left:					0px;
			position:				absolute;
}

/* =====>   Top Daten   <===== */



#exHead
{
			margin-top:		-10px;
			height:			200px;
			width:			300px;

}
.exHeadLabel
{
			margin:			0px 0px 0px 0px;
}

.exHeadValue
{
			margin:			-24px 0px 0px 110px;
}
.exNutz
{
			margin:			0px 0px 0px 0px;
			
}

.exRegion
{
			margin:			0px 0px 0px 0px;
}

.exId
{
			margin:			0px 0px 0px 0px;
}


/* =====>  Top Adresse   <===== */

#exAdress
{
			margin:			24px 0px 0px 0px;
			height:			200px;
			width:			200px;
}
* html div#exAdress
{ 
	margin:			24px 0px 0px 0px;
}
	
.exName
{
			margin:			0px 0px 0px 0px;
}

.exStrNo
{
			margin:			0px 0px 0px 0px;
}

.exPlz
{
			margin:			0px 0px 0px 0px;
}

.exOrt
{
			margin:			-20px 0px 0px 40px;
}

.exLand
{
			margin:			0px 0px 0px 0px;
}

/* ===============================================>   Content   <===== */

#exCont
{
			margin:			0px;
			width:			672px;	
			height:			100%;
			
}



/* ==========================================>   Links   <===== */

#exLeft
{
			margin:			0;
			width:			350px;
			height:     	100%;

}
 
 
/* =====>   Links Fotogalerie   <===== */

.exGal
{
			margin:			34px 0px 0px 0px;
			width:			320px;
}

.exGalPic
{
			margin:			0px 0px 0px 0px;
			text-align:		center;
			vertical-align: middle;
			text-align:		center;
}

.exGalNavi
{
			width:			290px;
}

.attribute-image
{
			text-align:		center;
}

#downlink 
{
			text-align:		center;
}

.exGal #downlink
{
			display:		none;
}

.exGalLoad
{
			margin:			0px 0px 0px 0px;
}

.exGalStop
{
			margin:			-24px 0px 0px 0px;
			width:			320px;
}

.exGalMail
{
			margin:			0px 0px 0px 0px;
}

.content-navigator
{
			width:			674px;
			text-align:		center;
}

/* =====>   Links Mietflächentabelle   <===== */

.exTab
{
			margin:			24px 0px 0px 0px;
			width:			300px;
			overflow:		hidden;
}

table.renderedtable
{ 
    border: 1px solid #EAEAEA;

}

table.renderedtable td
{ 
    margin: 0px;
    padding-left: 12px;
	vertical-align: top;
}


table.renderedtable a
{
    border-bottom-color: #EAE9E1;
}

table.renderedtable tr.bglight, div.bglight
{
    background-color: #F1F1ED;
}
table.renderedtable tr.bglight:hover
{
    background-color: #EAE9E1;
}

table.renderedtable tr.bgdark, div.bgdark
{
    background-color: #EAE9E1;
}
table.renderedtable tr.bgdark:hover
{
    background-color: #F1F1ED;
}

/* =========================================>   Rechts   <===== */

#exRight
{
			margin:			0px 0px 0px 6px;
			width:			300px;
	
}



/* =====>   Rechts Objektdaten   <===== */

.exLabel
{
			margin:			0px 0px 0px 0px;
}

.exValue
{
			margin:			-14px 0px 0px 120px;
			width:			50px;
			text-align:		right;
}

.exTeaser
{
			margin:			0px 0px 0px 0px;
			text-align:		justify;
}


/* =====>   Rechts Lage  <===== */

.exLag
{
			margin:			24px 0px 0px 0px;
}

.exLagTeaser
{
			margin:			0px 0px 0px 0px;
			text-align:		justify;
}

.exLagVerkehr
{
			margin:			12px 0px 0px 0px;
}

.exLagPark
{
			margin:			12px 0px 0px 0px;
}

.exLagExtra
{
			margin:			12px 0px 0px 0px;
			text-align:		justify;
}



/* =====>   Rechts Ausstattung   <===== */

.exAus
{
			margin:			24px 0px 0px 0px;
}

.exAusGeb
{
			margin:			0px 0px 0px 0px;
}

.exAusFlaech
{
			margin:			12px 0px 0px 0px;
}

.exAusExtra
{
			margin:			12px 0px 0px 0px;
			text-align:		justify;
}



/* =====>   Rechts Marklerinformationen   <===== */

.exMakler
{
			margin:			24px 0px 0px 0px;
			text-align:		justify;
}

/* =================================================>   Footer   <===== */

#exFooter
{
			margin-top:    			24px;
			width:					624px;	
			height:					100%;
			padding:			    24px;
			border-top:				1px solid #ccc;
			background: 			top repeat-x;	
    		background-image: 		url(bax/expoBax.jpg);
}
* html div#exFooter
{ 
	padding:			  	24px 0 24px 24px;	
}
/* =====>   Links Ansprechpartner   <===== */

.exAnspr
{
			margin:			0px 0px 0px 0px;
			width:			300px;
			height:			auto;
}

.exAnsprEpm
{
			margin:			0px 0px 0px 0px;
}

.exAnsprOrt
{
			margin:			0px 0px 24px 0px;
}

.exMail
{
			margin:			24px 0px 24px 0px;
}


/* =====>   Rechts Actions   <===== */

.exCont
{
	
			width:				300px;
			min-height:     	200px;
			
	
}
.exLoads
{
			margin:				0 0 12px 24px;
}






/* ==============================================================================>   KONTAKT   <===== */

/* =====>   Kontakt  <===== */

#kon
{
			width:					672px;
			border:     			1px solid #ccc;
			padding:			  	24px;
			background: 			top repeat-x;	
    		background-image: 		url(bax/expoBax.jpg);
}


#konHead
{
			margin:					0px 0px 0px 0px;
}
.konRegio
{
			margin:					12px 0px 12px 0px;
			padding:				12px 0px 12px 0px;
			width:					672px;
			border-top:				1px solid #ccc;
}



.konRegioLeft
{
			margin:					0px 0px 0px 0px;
			width:					300px;
			height:					120px;
			
}
.konRegioRight
{
			margin:					-120px 0px 0px 357px;
			width:					300px;
			height:					120px;
}
* html div.konRegioRight
{
			margin:					-148px 0px 0px 357px;
}



/* =====>   Kontakformular  <===== */

#fil
{
			width:					672px;
			border:     			1px solid #ccc;
			padding:			  	24px;
			background: 			top repeat-x;	
    		background-image: 		url(bax/expoBax.jpg);
}

#filText
{
			margin:					0px 0px 0px 0px;
}

#filAnspr
{
			margin:					-24px 0px 0px 0px;			
			width:					300px;
			height:					270px;
}
.filAnsprA
{
			margin:					0px 0px 0px 0px;
			height:					70px;
			
}
.filAnsprB
{
			margin:					0px 0px 0px 0px;
			height:					70px;
			
}
.filAnsprC
{
			margin:					0px 0px 0px 0px;
			height:					70px;
			
}
#filAdr
{
			margin:					0px 0px 0px 0px;
			width:					300px;

}
#filText .link
{
			margin:					24px 0px 0px 0px;
}

#filForm
{
			margin:					-365px 0px 0px 357px;
			width:					300px;
			height:					320px;
}


.filFull
{
			margin:					12px 0px 0px 0px;
			width:					300px;
			height:					15px;
}
.filLabel
{
			margin:					0px 0px 0px 0px;
			height:					15px;
			width:					70px;
			position:				absolute;
}
.filLine
{
			margin:					8px 0px 0px 70px;
			height:					15px;
			width:					230px;
			position:				absolute;
}
* html div.filLine
{	 
	margin:					8px 0px 0px 35px;
	z-index:				5;	
}


.filBody
{
			margin:					30px 0px 0px 0px;
			width:					300px;
			position:				absolute;
}
.filAction
{
			margin:					210px 0px 0px 0px;
			position:				absolute;
}

/* =====>   Ansprechpartner  <===== */

#epmKonAdmin
{
			width:					672px;
			padding:			  	24px;
			border:     			1px solid #ccc;
    		background: 			url(bax/expoBax.jpg) top repeat-x;
			
}
.epmKon
{	
			width:					300px;
			height:					120px;
			float:					none;
}
*html div.epmKon
{	
			width:					300px;
			padding:				0 0 30px 0;
			float:					left;
}

.epmKonPrint
{ 
	
			display:none;		
}

.epmKonForm
{
			margin:					150px 0px 0px 0px;
			width:					250px;
			height:					120px;
			float:					none;			
}
.epmKonPx
{
			margin:					0px 0px 0px 0px;
			width:               	80px;
			height:             	120px;
}

.epmKonPxSave
{
			margin:					0px 0px 0px 0px;
			width:               	80px;
			height:             	120px;
			position:				absolute;
			z-index:				2;
}

.epmKonText
{
			margin:					-126px 0px 0px 92px;
			width:              	222px;
			height:             	120px;
}

.epmKonFil
{
			margin:					0px 0px 0px 0px;
			width:              	350px;
			height:              	11px;
			position:				absolute;
}

.epmKonName
{
			margin:					30px 0px 0px 0px;
			width:              	150px;
			height:              	11px;
			position: 	     		absolute;
}

.epmKonTel
{
			margin:					50px 0px 0px 0px;
			width:               	50px;
			height:              	11px;
			position: 	     		absolute;
}

.epmKonTelCo
{
			margin:					50px 0px 0px 40px;
			width:               	150px;
			height:              	11px;
			position: 	     		absolute;
}

.epmKonFax
{
			margin:					65px 0px 0px 0px;
			width:               	50px;
			height:              	11px;
			position: 	     		absolute;
}


.epmKonFaxCo
{
			margin:					65px 0px 0px 40px;
			width:               	150px;
			height:              	11px;
			position: 	     		absolute;
}

.epmKonMail
{
			margin:					80px 0px 0px 0px;
			width:               	50px;
			height:              	11px;
			position: 	     		absolute;
}

.epmKonMailCo
{
			margin:					80px 0px 0px 40px;
			width:               	210px;
			height:              	11px;
			position: 	     		absolute;
}

.epmKonLink
{
			margin:					109px 0px 0px 0px;
			padding:				0px 0px 2px 16px;
			background: 			url(bax/link.gif) no-repeat center left;
			position:				absolute;
}

.exEpmKonLink
{
			margin:					0 0 0 2px;
			padding:				0px 0px 2px 16px;
			background: 			url(bax/link.gif) no-repeat center left;
			position:				absolute;
}


/* =============================================================================>   SYSTEM  <===== */

/* =====>   Makler Login  <===== */

#epmLog
{
			width:					672px;
			border:     			1px solid #ccc;
			padding:			  	24px;
			background: 			top repeat-x;	
    		background-image: 		url(bax/expoBax.jpg);
}

* html div#epmLog
{
	 
}

#logAerea
{
			width:					672px;
			min-height:				200px;
}

#logLeft
{
			width:					300px;
			text-align:				justify;
			min-height: 			120px;
}

#logText
{
			margin:					24px 0px 0px 0px;
			width:					300px;
			height:					150px;
			text-align:				justify;
}

#logFields
{
			margin:					-158px 0px 0px 357px;
			width:					300px;
			height:					150px;

}
* html div#logFields
{
	 
}

* html div.block
{ 
	margin: 0;
    padding: 0;
	clear:none;
}


/* =====>   Makler Anmeldung  <===== */

.regFormField
{
			width:					355px;

}



/* =====>   Hilfe  <===== */

div.help-image
{
	border:     			1px solid #ccc;
	width:					480px;
	height:					255px;

}

.hilfe_text
{
			width:					480px;
			padding:				0 0 24px 24px;
			margin:					0 0 36px 0;
			background: 			top repeat-x;		
			border-bottom:     		1px solid #ccc;
			text-align:				justify;
			

}

.hilfe_video_navi
{
			width:					480px;
			padding:				0 0 0 24px;
			margin:					0;
			background: 			top repeat-x;		
			border-bottom:     		1px solid #ccc;
			text-align:				justify;
			

}

div.hilfe_video_navi a:link, div.hilfe_video_navi a:visited, div.hilfe_video_navi a:hover, div.hilfe_video_navi a:active
	{
		padding:0;
		margin:0;
		line-height:14px;
	}
	
/* =====>   User Message  <===== */

div.message-confirmation, div.message-feedback, div.message-warning, div.message-error, div.warning
{
    margin: 24px 0 1em 0;
    padding: 0.5em 1em 0.5em 1em;
    border: 6px solid #006699;
    background-color: #f8f8f8;
}

div.message-feedback
{
    border-color: #40b040;
}

div.message-warning, div.warning
{
    border-color: #009de0;
}

div.message-error
{
    border-color: #c04040;
}


.feedback
{
		width: 356px;
		text-align:justify;
}

div#debug
{
		margin-top:100px;
		width:750px;
}

div.block
{
		max-width:500px;
}



div#printHead
{
		display:none;
}


div.line
{
		width:646px;
		margin:0px;
		border-bottom: 1px solid #ccc;
}

div.line2
{
		width:670px;
		margin:0px;
		border-bottom: 1px solid #ccc;
}

.separator-design
{
		width:100%;
		margin:0 0 12px 0;
		padding:12px 0 0 0;
}



/* ================================================================================================= */
/* ============================================================================>   TABELLEN   <===== */
/* ================================================================================================= */

p
{
    margin: 0.5em 0 0.5em 0;
    line-height: 1.25em; /* This is aprox. default line height in most popular browsers; set explicitly to ensure consitency. */
}

table
{
    font-size: 1em; /* Fix for size "loss" in tables in IE; redundant for most other browsers */
    margin: 0;
    padding: 0;
}

th, td
{
    padding: 0;
	
}

table.list /* Standard class usable for most regular tables presenting lists, with additional related styles */
{
    width: 100%;
    margin: 1em 0 1em 0;
    border: none;
}

table.list th, table.list td
{
    padding: 0.5em;
    border-right: 1px solid #ffffff;
    border-bottom: none;
    vertical-align: top;
}

table.list th
{
    font-weight: bold;
    color:#333;
    white-space: nowrap;
    background-color:#e1e7e9;
	vertical-align:baseline;
}

table.list td
{
    border-top: 1px solid #f8f8f8;
    font-weight: normal;
	
}

table.list th:first-child, table.list td:first-child
{
    border-left: 1px solid #ffffff;
}



/* erste zeile ==> */

table.list tr:first-child td
{
	vertical-align:baseline;
}

table.list tr:first-child td p
{
	color:#333;
}

table.list tr
{
    background-color:#e1e7e9;
}


/* <== erste zeile */



table.list tr.bglight
{
    background-color: #F1F1ED;
	
}

table.list tr.bgdark
{
    background-color: #EAE9E1;
}

table.list tr.bglight:hover, table.list tr.bgdark:hover /* This has no effect in IE6 and below */
{
    background-color: #ffffff;
}

table.list tr.bglight:hover td, table.list tr.bgdark:hover td
{
    border-color: #ffffff;
}

table.list a
{
    border-bottom-color: #EAE9E1;
}

table.list img
{
    vertical-align: middle;
}

th.tight, td.tight
{
    width: 1%;
}

td.nowrap
{
    white-space: nowrap;
}

td.number
{
    text-align: right;
}


/* ================================================================================================= */
/* ==============================================================================>   LIST'S   <===== */
/* ================================================================================================= */


ul, ol
{
    margin: 0 0 0 12px;
    padding: 0;
    list-style-type: none;
}

ul ul, ol ul
{
    margin: 0 0 0 0;
}

ul ol, ol ol
{
    margin: 0 0 0 0;
}

ul li
{
    margin: 6px 0 0 0 ;
    padding: 0 0 0 16px;
    background-image: url(../images/li_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 0.4em;
    line-height: 14px;
    list-style-type: none;
}

ol li
{
    margin: 0 0 0 20px;
    padding: 0 0 0 0;
    background-image: none;
    line-height: 14px;
    list-style-type:decimal;
}



/* ================================================================================================= */
/* ==============================================================================>   FORM'S   <===== */
/* ================================================================================================= */


form
{
    margin: 0;
    padding: 0;
}

label
{
    font-weight: bold;
    padding-right: 0.5em;
    display: block;
    white-space: nowrap;
}

input, select
{
    font-family: Arial, Helvetica, sans-serif; /* Needs to be set for some browsers, to prevent other default font from being used */
}

input.box, input.halfbox
{
    font-size: 1em;
}

textarea
{
    font-family: Arial, Helvetica, sans-serif; /* Usually defaulted to monospaced font; so it needs to be set if to change */
    font-size: 1em; /* Needs to be specified for IE */
}

optgroup
{
    font-weight: bold;
    font-style: normal;
}

input.button, input.defaultbutton
{
    background-image: url(../images/button-bg.png);
    background-repeat: repeat-x;
    background-position: left top;
    border: 1px solid #b9b7b7;
    font-size: 0.8em;
    color: #787979;
    vertical-align: middle;
    margin: 0.25em 0 0.25em 0;
}

input.box, textarea.box
{
    width: 100%;
    border: 1px solid #A5ACB2;
    font-size: 1em;
}

input.halfbox, textarea.halfbox
{
    width: 48%;
}

div.input, div.textarea
{
    margin: 0.5em 0 0.5em 0;
    padding: 0 0.25em 0 0.25em;
    border: 1px solid;
    border-color: #808080 #e0e0e0 #e0e0e0 #808080;
}

div.textarea
{
    padding-right: 0;
}

div.input input, div.textarea textarea
{
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
}

fieldset
{
    border: 1px solid #ccccc3;
    padding: 0.5em;
}

legend
{
    font-weight: bold;
    color: #000000;
    padding: 0 0.25em 0 0.25em;
}

fieldset label
{
    color: #000000;
}

fieldset input.button
{
    margin-top: 0.5em;
}

.button			{ background-color:#fff;}
.defaultbutton	{ background-color:#fff; border: 1px solid #0099cc;}






/* =========================================================================>   SUCHFELD  <===== */


div#searchbox				{padding: 35px 0 0 200px; float: right;}

* html div#searchbox		{margin-top: 0; padding:20px 0 0 0;}

input#searchtext			{border: 1px solid #ccc; font-size: 12px; width: 12em; height: 14px;}

input#searchbutton			{ margin: -4px 0 0 0; height: 16px;}

* html input#searchbutton	{margin: -2px 0 0 0;}




/* ================================================================================================= */
/* =============================================================================>   XML TAGS  <===== */
/* ================================================================================================= */


pre {  padding:0; margin:0; border:none; border-bottom:1px solid #ccc; background:none;}






/* ================================================================================================= */
/* ==============================================================================>   HACK'S   <===== */
/* ================================================================================================= */

div.content-navigation-childlist a
{
	background:none;
	padding:0;
	margin:0;
}

div.separator-design {background:none;}

div.separator {background:none;}

p.text-right {text-align:right;}

div#epmLog li {background:none;}

div.attribute-header {padding: 0 0 24px 0;}


.childThumbs
{
			width:					182px;
			padding:			  	12px;
			margin:					12px 24px 12px 0;
			background: 			top repeat-x;	
			background-image: 		url(bax/expoBax.jpg);	
			border:     			1px solid #ccc;
			

}


a.gs-title, a.gs-title * { color : red; }