/*  
+++++++++++++++++++GENERAL LAYOUT FOR RELOPIA.COM++++++++++++++++++++++++
*/
body 
		{
			margin:0px;
			padding:0px;
			font-size: 12px;
			line-height:14px;
			font-family: tahoma, arial, sans-serif;
			text-align:center;
			/* background-color: #ECEBE8;
			background-image: url("../../img/layout/bg_shadow.jpg");
			background-position: center; */
			color: #333;
			min-height: 100%;
			height: auto !important;
			height: 100%;
		}
body, img, a, div, span, form, p
{
	border:0px;
}
.clearer 
{
			font-size: 0px;
			clear: both;
}
form 
{
	display:inline;
	margin:0px;
	padding:0px;	
}
a:link, a:visited
	{
		text-decoration:none;
		color: #90856F;
	}
a,  a:focus, a:hover
	{
		font-weight:bold;
		text-decoration:none;
		color: #900;
	}
span.tooltip
{
	background-color: #ECEBE8;
	border:1px solid #6C8686;
	color: #6C8686;
	font-size:11px;
}
/*  
+++++++++++++++++++CONTAINERS FOR PAGE++++++++++++++++++++++++
*/		
		#header-area
		{
			margin: 0px auto 0px auto;				
			background-color: #D4D0C8;
			background-image: url("../../img/layout/header_bg_new.gif");
			background-position:bottom;
			padding:0px;
			height: 73px;
			border-bottom: 3px solid #ccc;
			z-index: 10;
		}
		#header-top
		{
			display: none;
		}
		#header-container
		{
			position: relative;
			margin:0px auto 0px auto;
			padding:0px;
			width: 1010px;
			text-align:left;
			z-index: 999;
			/* again with the same background that resize under the resolution does not break the layout (100%)*/
		}
		
		#header-bottom
		{
			display: none;
			margin:0px;
			padding:0px;
			font-size:0px;
			height: 4px;
			background-image:url("../../img/layout/header_bottom.gif");
			clear:both;
		}
		#header-bottom-container
		{
			margin:0px auto 0px auto;
			padding:0px;
			font-size:0px;
			width: 976px;
			height: 4px;
			/* again with the same background that resize under the resolution does not break the layout (100%)*/
			background-image: url("../../img/layout/header_bottom.jpg");
		}
		#bar-control
		{
			height:15px;
			background-color:gray;
		}
		#page
		{
			margin:0px auto 0px auto;
			text-align:left;
			min-height:100%;
			border-width:0px;
			padding:0px;
			width: 976px;
			border-left: 1px solid #ececec;
			border-right: 2px solid #ededed;
		}
/*  
+++++++++++++++++++ TOP AREA ++++++++++++++++++++++++
 including logo, search, login, navigation
*/
		#logo-area
		{
			margin:0px 0px 0px 0px;
			padding:0px;
			height: 40px;
			float: left;
		}
		img#logo
		{
			margin: 0px 0px 0px -10px;
			float:left;
			opacity: 0.98;
			z-index: 1;
		}
		
		#navigation-area
		{
			margin:0px;
			padding: 0px;
			position: absolute;
			top: 45px;	
			right: 0px;
		}
		#navigation-container
		{
			position: relative;
			margin:0px 5px 0px 0px;
			padding: 0px;
			float:right;
			border: solid #FFcc99;
			border-width: 0px 1px 0px 0px;
			z-index: 999;
		}
		#admin-admin
		{
			position: absolute;
			top: 58px;
			left: 0px;
			height:15px;
			padding:0px;
			margin:3px 0px 0px 0px;
			vertical-align:top;
			color: #ECEBE8;
		}
		#language-select
		{
			position: absolute;
			top: 5px;
			right: 0px;
			width: auto;
			text-align: right;
			float: right;
		}
		
		#language-select a {
			color: #fff;
		}
		
		#login-area
		{
			margin:0px;
			padding: 0px;
			float:left;
			width: 455px;
		}
/*  
+++++++++++++++++++NAVIGATION AREA ++++++++++++++++++++++++
including all the main navigation items
*/
	div.main_nav
	{
		float:left;
		width: 80px; 
		height:25px;
		margin: 0px 0px 0px 0px;
		padding: 3px 3px 3px 3px;
		border: solid #FF3333;
		border-width: 0px 0px 0px 1px;
	}
	div.main_nav a.main, a.main:visited, a.main:active, a.main:link  
	{
		display:block;
		border-width:0px;
		border-style:none;
		text-decoration:none;
		text-transform:uppercase;
		letter-spacing:1px;
		color: #FF3333;
		font-size:13px;
		font-weight:bold;
		margin:0px 0px 5px 0px;
		padding:0px;
	}
	div.main_nav a.sub, a.sub:visited, a.sub:active, a.sub:link   
	{
		display:block;
		border-width:0px;
		border-style:none;
		text-decoration:none;
		text-transform:uppercase;
		color: #D4D0C8;
		font-size:11px;
		margin:0px;
		padding:0px;
	}
	div.icon_container
	{
		margin:1px 0px 10px 0px;
		padding:0px;
	}
	div.main_nav a  img
	{
		border-width:0px;
		border-style:none;
		width:30px; 
		height:30px;
		margin:0px 0px 5px 0px;
	}
	 div.main_nav a span
	{
		margin:0px 0px 0px 0px;
		font-size:11px;
		text-transform: uppercase;
		font-weight:400;
	}
	/* ************** Start Navigation **************** */
	ul#nav 
	{
		list-style: none;
		padding: 0;
		margin: 0;
		z-index: 900;
	}
	#nav a 
	{
		text-transform:uppercase;
		letter-spacing:1px;
		color: #fff;
		font-size:13px;
		font-weight:bold;
	}
	#nav li li a 
	{
		display: block;
		font-weight: normal;
		font-size: 80%;
		color: #FFFFFF;
		padding: 0px 0px 0px 6px;
	}
	#nav li li a:hover 
	{
		padding: 0px 0px 0px 6px;
		color: #FF3333;
	}
	#nav li 
	{
		top: 2px;
		float: left;
		position: relative;
		width: 120px;
		text-align: center;
		cursor: default;
		padding: 3px 3px 3px 3px;
		border: solid #FFcc99;
		border-width: 0px 0px 0px 1px;
	}
	#nav li ul 
	{
		list-style: none;
		display: none;
		position: absolute;
		top: 100%;
		left: 0px;
		text-align:left;
		font-weight: normal;
		padding: 0.5em 0 20px 0;
		width: auto;
		margin: 0px  auto 0px  auto;
		background-image: url("../../img/layout/drop_bg_new.gif");
		background-repeat:  no-repeat;
		background-position: center bottom;
		opacity:0.8;
    	filter:alpha(opacity=80);
		z-index:920;
	}
	li>ul
	{	/* für Mozilla */
		text-align:left;
		top: auto;
		left: auto;
		width: auto;
		margin: 0px  auto 0px  auto;
	}
	#nav li li 
	{
		display: block;
		float: none;
		text-align:left;
		background-color: transparent;
		border: 0;
	}
	#nav li:hover ul, #nav li.over ul 
	{
		display: block;
	}	
/* ************** End Navigation **************** */
/*  
+++++++++++++++++++ ADMINISTRATION AREA ++++++++++++++++++++++++
including profile, admin control, communication are, free space for the future
*/
		#admin-area
		{
			position: relative;
			margin:0px;
			background: #fff url(../../img/layout/admin_bg.png) bottom left repeat-x;
			padding-bottom: 4px;
			clear: right;
			z-index: 1;
		}
		
		#admin-control
		{
			margin:0px;
			padding:0px;
		}
		
		#admin-content
		{
			margin: 0px;
			padding: 12px;
			border-width: 0 1px 0 1px;
			border-color: #D2D2D2;
			border-style: solid;
			height: 127px;
		}
		
/*  
+++++++++++++++++++ LOGIN AREA ++++++++++++++++++++++++
*/	
	div#login-area
	{
		float:left;
		width: 150px;
	}
	div#login
	{
		margin: 0px 0px 0px 10px;
		padding:0px;
		width: 150px;
	}
	
	div#login p label {
		display: inline !important;
		width: auto !important;
		float: none !important;
		margin: 0px !important;	
	}
	
	div#login input.form {
		width: 125px;
	}
	div#tour_div
	{
		float:left;
		margin:10px 0px 0px 5px;
	}
	p.login
	{
		margin: 0px 0px 0px 0px;
		padding:0px;
	}

	input.login
	{
		height: 15px;
		width:100px;
		background-color: #FFFFFF;
		border-color: #90856F;
		border-width:1px;
		border-style:solid;
		color: #90856F;
		font-size:10px;
	}
	input.submit_btn
	{

	margin-top: 3px;
	}
	HR.login 
	{
    height:1px;
    background: #90856F;
    margin: 2px 5px 2px 0px;  
    border-width:0px;
	}
	a.login, a:link.login, a:visited.login, a:focus.login, a:hover.login
	{
		font-size:10px;
		font-weight:normal;
		color: #90856F;
		text-decoration:underline;
	}
/*  
+++++++++++++++++++ CONTENT AREA ++++++++++++++++++++++++
including content-area, sidebar-area
*/
		#contentFrame
		{
			width: 970px;
			border:0px  solid blue;
			padding:0px;
			margin:0px;
		}
		#content-area
		{
			background-color: #FFFFFF;
			margin:0px 0px 0px 0px;
			padding:0px;
		}
		
		#content-top
		{
			margin:0px;
			padding:0px;
			font-size:1px;
			height:10px;
		}
		#content
		{
			margin: 0px 3px 0px 3px;
			padding: 0px;
		}

		#footer
		{
			clear:left;
			margin: 50px 0px 0px 0px;
			padding: 8px;
			border: 1px solid #ececec;
			border-width: 1px 0 1px 0;
			background: #fff url(../../img/layout/inner_content_bg.gif) repeat-y;
			
		}
		#legal_menu
		{
			text-align:center;
		}
		#content-title
		{
			margin: 10px;
			padding: 0px;
			width: 100%;
			font-size: 140%;
			font-weight: bold;
		}
		a.footer 
		{
			text-decoration:underline;
		}