/*******************************************************************************************/
/*** STANDARDEINSTELLUNG *******************************************************************/
/*******************************************************************************************/
* { margin:0; padding:0; border:0; text-align:left;}
body {
	background		: #FFF url(../images/body_bg.gif) 0 -200px repeat-x;
	text-align		: center;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;}
td {
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
	}
	
a,
a:active,
a:visited { 
	color						: #333;
	text-decoration	: none;}

a:hover,
a:visited:hover,
a:active:hover { 
	color:#999;}					
/*******************************************************************************************/
/*** LAYOUT ********************************************************************************/
/*******************************************************************************************/
#container {
	width					: 900px;
	margin				: 0 auto;
	position:relative;}

#headline {
	width						: 900px;
	float						: left;
	height					: 100px;
	background			: url(../images/signet.gif) 10px 20px no-repeat;}

/*******************************************************************************************/
/*** NAVIGATION ****************************************************************************/
/*******************************************************************************************/
#navi {
	width						:	900px;
	float						: left;
	height					: 25px;}	

#navi ul { 
	list-style-type	: none;}

#navi ul li { 
	float						: left;
	border-right		: 3px solid #FFF;
	line-height			: 22px;}
	
/*******************************************************************************************/
/*** NAVIGATION | HOVER ********************************************************************/
/*******************************************************************************************/
#navi ul li a,
#navi ul li a:active,
#navi ul li a:visited { 
	background-color: #999;
	font-size				: 12px;
	display					: block;
	padding					: 0px 10px;
	color						: #FFF;
	text-decoration	: none;
	font-weight			: bold;
	line-height			: 22px;}

#navi ul li a:hover,
#navi ul li a:visited:hover,
#navi ul li a:active:hover { 
	background-color:#333333;}				

#navi ul li a.active,
#navi ul li a:active.active,
#navi ul li a:visited.active   { 
	background-color: #ED1C24;
	border-bottom		: 3px solid #ED1C24;}				
	
/*******************************************************************************************/
/*** NAVIGATION | SUCHMASKE ****************************************************************/
/*******************************************************************************************/
#navi div {
	border-bottom		: 3px solid #FFF;
	height					: 22px;
	background-color: #999;
	text-align			: right;
	}	

#navi form {	
	float						: right;
	margin					: 2px;
	display					: inline;}

#navi .input {	
	float						: left;					
	background-color: #E5E5E5;
	color						: #999;
	font-size				: 10px;
	height					: 18px;
	line-height			: 18px;
	padding					: 0px 5px;
	width						: 400px;}

#navi .button {		
	float						: left;			
	height					: 18px;
	width						:	18px;
	background			: url(../images/search_btn.gif) 0 0 no-repeat;		}

/*******************************************************************************************/
/*** SUBLINE *******************************************************************************/
/*******************************************************************************************/
#subline {
	width						: 900px;
	float						: left;
	height					: 22px;
	background			: #ED1C24 url(../images/subline_bg.gif) top right no-repeat;
	margin-bottom:0px;
	color:#FFFFFF;
	line-height:22px;
	text-indent:10px; 	}
#subline a,
#subline a:active,
#subline a:visited { 
	color						: #FFF;
	text-decoration	: none;}

#subline a:hover,
#subline a:visited:hover,
#subline a:active:hover { 
	color:#fff;
	text-decoration:underline;}						
/*******************************************************************************************/
/*** CONTENT *******************************************************************************/
/*******************************************************************************************/

#content {
	width						: 900px;
	float						: left;
	
	background-color: #FFF;
	
	min-height: 100px; height: auto !important; height: 100px;}
#clearer { clear: both; display: block; font: 1px/0px serif; content: "."; visibility: hidden; background-color:#FFFFFF;}		

/*******************************************************************************************/
/*** FOOTER *******************************************************************************/
/*******************************************************************************************/
#footer {
	margin-top:5px;
	float						: left;
	text-align			: center;
	color						: #666;
	font-size				: 10px;
	line-height			: 20px;
	width						: 900px;}	

#footer .copyright {
	float						: left;
	background-color: #ccc;
	height					: 15px;
	line-height			: 15px;
	width						: 740px;
	text-indent			: 5px; }
	
#footer .validator  {
	width						: 160px;
	float						: left; }

/*******************************************************************************************/
/*** FOOTER| HOVER *******************************************************************************/
/*******************************************************************************************/
#footer a{
	color						: #666;
	text-decoration	: none;}	

#footer a:hover{
	color						: #ED1C24;
	text-decoration	: none;}		
	
/*******************************************************************************************/
/*** Routen *******************************************************************************/
/*******************************************************************************************/	
#route {border:1px solid #999; padding:5px;  width: 315px; float:left; margin-top:10px;}
#route  input {border:1px solid #999; padding:3px;}


.detailBar{
	text-align		: left;
	margin-top:5px;
	width:600px;
	float:left;
 	color :#444;
	

}

#map{ 	border:1px solid #999;float:left;}
#map_canvas {width: 325px; height: 375px; float:left; margin-right:15px; margin-left:0px; border:1px solid #666; text-align:left; }

#detail {display:inline; margin-top:10px; margin-left:10px;float:left; width:400px; float:left; }
#directions { margin-top:10px; margin-left:10px;
float:left;
	width:850px;}
	
.box {
background-color:#EFEFEF;
border-bottom:4px solid #CECECE; 
border-right:4px solid #CECECE; 
border-top:1px solid #D2D2D2; 
border-left:1px solid #D2D2D2; 
padding:5px;
text-align:center;
}

td.main_inhalt {
        border:0;
        padding: 0;
		margin:0;
}


