@charset "utf-8";
/* Author: 	
			Matthias Oßwald
			team:orange GmbH
			2009
*/
@import url("_reset.css");

/*=====================================================================================*/
/* 	ALLGEMEIN
=======================================================================================*/
body									{ background:#c6bdb6 url(../_images/body-back.jpg) repeat-x fixed; font-size:12px;}
.footer									{ clear:both; }
a										{ color:#786962; text-decoration:none; }
a:hover									{ color:#000; text-decoration:none;}

.flashinfo								{ font-size:10px; line-height:10px; letter-spacing:normal;}

/*=====================================================================================*/
/* 	STRUCTUR
=======================================================================================*/
#stage									{max-width:1060px;
										width:auto !important;
										width:1060px;
										min-width:905px; }
#page									{ width:900px; float:right; }
	#stage #header						{ height:60px; width:890px;  }
	#stage #top							{ }
		#stage #navi					{ float:left; height:246px; overflow:hidden; width:315px; }
		#stage #teaser					{ background:url(../_images/tmp-teaser.png) no-repeat left top; float:left; height:246px; width:550px;  }
		*html #stage #teaser			{ background:url(../_images/tmp-teaser.gif) no-repeat left top; }
	#stage #bottom						{ width:900px; margin-bottom:20px; }
		#stage #info					{ float:left; width:315px;}
		#stage #content					{ float:left; width:535px; padding-bottom:10px; }
	#stage #footer						{ height:50px; padding:0; width:805px; }
	
/*=====================================================================================*/
/* 	HEADER
=======================================================================================*/
#header a								{ float:right; margin:27px 90px 0 0; }
#header a img							{ margin:0; padding:0; }

/*=====================================================================================*/
/* 	TOP
=======================================================================================*/
#top									{}
	/*=====================================================================================*/
	/* 	NAVI
	=======================================================================================*/
	#navi .content						{ overflow:hidden; }
	
	#alt_navi	 						{ padding:38px 0 0 16px}
	#alt_navi li 						{ list-style: none; clear: both; padding:4px 0;	}
	#alt_navi li a 						{ font-family: Arial, Helvetica, sans-serif;
										font-weight: bold;
										font-size: 15px;
										letter-spacing:-0.3pt;
										text-transform: uppercase;
										text-decoration: none;
										width:100px;
										color: #756a62;
										float: left; }
	#alt_navi li a.selected,
	#alt_navi li a:hover 				{ color: #FFF; }
	#alt_navi li ul						{ float: left; }
	#alt_navi li ul li 					{ float: left; clear: none; }
	#alt_navi li ul li a 				{ border-right:1px solid #756a62; padding:0 4px 0 4px; font-size:14px; width:auto; line-height:10px; }
	#alt_navi li ul li a.last			{ border-right:none; }

	
	/*=====================================================================================*/
	/* 	TEASER
	=======================================================================================*/
	#teaser table td.content			{ height:220px;
										margin:0;
										overflow:hidden;
										padding:0 25px;
										vertical-align:bottom;
										width:440px; }
	#teaser h1							{ font-size:50px;
										font-weight:bold;
										letter-spacing:-1.5pt;
										text-transform:uppercase;
										line-height:53px;}
	#teaser h1 embed					{width:100%;}
	#teaser p							{color:#756a62;
										font-family:Helvetica, Arial, sans-serif;
										line-height:14pt; }

/*=====================================================================================*/
/* 	BOTTOM
=======================================================================================*/
#bottom #bottom-top						{ background:url(/_images/bottom-top-back.png) no-repeat; height:6px; }
#bottom #bottom-middle					{ background:url(/_images/bottom-middle-back.png) left top repeat-y;
										min-height:505px;
										height:auto !important;
										height:510px;}
#bottom #bottom-bottom					{ background:url(../_images/bottom-bottom-back.png) no-repeat; height:10px; }
* html #bottom #bottom-top				{overflow:hidden;}

/* -------------------------------------------------------------- 
	ie6
-------------------------------------------------------------- */
* html #bottom #bottom-top				{ background:url(../_images/bottom-top-back.gif) no-repeat; }
* html #bottom #bottom-middle			{ background:url(../_images/bottom-middle-back.gif) left top repeat-y;}
* html #bottom #bottom-bottom			{ background:url(../_images/bottom-bottom-back.gif) no-repeat; }

	/*=====================================================================================*/
	/* 	INFO
	=======================================================================================*/
	#info .content						{ float:right; padding:10px 0 10px 0; width:290px;}
	
	/* -------------------------------------------------------------- 
		SIDEBAR
	-------------------------------------------------------------- */
	#info #sidebar						{ background:url(/_images/sidebar-blue-top.jpg) no-repeat;
										float:right;
										padding-top:25px;
										width:181px;}
	#info #sidebar #searchForm			{ background:url(/_images/sidebar-search-back.jpg) 7px 2px no-repeat; padding:5px 5px 5px 10px; margin-bottom:10px;}	
	#info #sidebar #searchForm .text	{ background:none;
										border:none;
										color:#c5c0ba;
										float:left;
										font-size:14px;
										font-weight:bold;
										padding-top:2px;
										text-transform:uppercase;
										width:135px;}
	#info #sidebar #searchForm .in		{ color:#786962;
										font-size:12px;
										font-weight:normal;
										text-transform:none;}										
	#info #sidebar #searchForm .button	{ float:left;}
	#info #sidebar h3					{ background-image:url(/_images/sidebar-headline.jpg);
										background-position:top left;
										color:#6f6862;
										cursor:pointer;
										height:30px;
										font-size:14px;
										font-weight:bold;
										line-height:32px;
										padding-left:10px; 
										text-transform:uppercase;}
	#info #sidebar h3:hover				{ background-position: center left; }
	#info #sidebar h3.selected			{ background-position: bottom left; color:#FFF; height:34px; }
	#info #sidebar h3.selected:hover	{ background-position: bottom left; color:#FFF;}										
	#info #sidebar ul					{ padding:0 10px 10px 10px; }
	* html #info #sidebar ul li			{ padding:0; margin:0; border:1px solid #E2DBD5;}
	#info #sidebar ul li a				{ border-bottom:1px solid #c0b7b1; color:#786962; display:block; line-height:23px; }
	#info #sidebar ul li a:hover		{ border-bottom:1px solid #c0b7b1; color:#000;}
	#info #sidebar ul li a.selected		{ background:url(../_images/dotted-arow.gif) no-repeat right 5px; color:#58534f; font-weight:bold;}

	/*=====================================================================================*/
	/* 	CONTENT
	=======================================================================================*/
	#content .content					{ padding:20px 15px 20px 29px; position:relative; width:455px;}
	#content .content h2				{ color:#796a63;
										font-size:15px;
										font-weight:normal;
										margin:10px 0 25px 0; }
	#content .content p					{ margin: 0 0 15px 0;}
	#content .content p strong			{ color:#9dbf00; font-weight:normal; }
	#content .content a.linkbg			{ background: url(../_images/dotted-arow.gif) no-repeat 0 1px;
										color:#9c9791;
										display:block;
										font-size:11px;
										letter-spacing:1pt;
										text-transform:uppercase;
										text-decoration:none;
										padding:0 0 0 15px;
										width:257px;}
	#content .content a.linkbg:hover	{  background: url(../_images/dotted-arow.gif) no-repeat 3px 1px; color:#000; }

	
/*=====================================================================================*/
/* 	FOOTER
=======================================================================================*/
#footer .right							{ color:#FFF; float:right; font-size:10px; padding:0 3px; text-transform:uppercase; }
#footer .left							{ float:left; }

#footer li								{ float:left;}
#footer a								{ border-right:1px solid white; color:#FFF; font-size:10px; float:left; line-height:7px; padding:0 5px; text-transform:uppercase; }
#footer li.last a						{ border-right:none; padding:0 0 0 3px;}