/* CSS Document */

body
{
	background-image:url('images/background.jpg');
	background-repeat:repeat-x;
	margin:0px;
	text-align:center;
	background-color:#eaebe5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#50503A;
}

.StyleText
{
	line-height:16px;
}	

img
{
	border-width:0px;
}

a, a:active, a:visited
{
	color:#9a170f;
	font-weight:bold;
		text-decoration:none;
}

a:hover
{
	color:#c0766d;
	text-decoration:none;
}

#Cell_Root
{
	margin:auto;
	text-align:left;
	width:900px;
	background-image:url('images/contentbg.png');
}

#Cell_MenuBar
{
	height:140px;
	background-color:#9a1310;/*9a1310 9a1310 ad2412*/
}

#Cell_PicBar
{
	height:162px;
}

#Cell_Content
{
	background-image:url('images/contentbg.png');
}

#Cell_MainContent
{
	width:665px;
	float:left;
	padding:10px 15px 20px 15px;
}

#Cell_SideMenu
{
	width:165px;
	float:left;
	padding:10px 10px 20px 10px;
}	

#Cell_Footer
{
	background-color:#cdcda9;
	font-size:11px;
	height:15px;
	line-height:15px;
	vertical-align:middle;
	padding:4px 10px 4px 10px;
}

#Cell_Footer a, #Cell_Footer a:hover, #Cell_Footer a:visited, #Cell_Footer a:active
{
	text-decoration:none;
	font-weight:normal;
		color:#9a170f;
}

  ul#Navigation {
    margin: 0; padding: 0.8em;
    text-align: center;
	float:left;
	top:50px;
	font-size:12px;
	position:relative;
  }
  ul#Navigation li {
    list-style: none;
    display: inline;
    margin: 0.5em; padding: 0;
  }

  ul#Navigation a, ul#Navigation span {
    padding: 0.3em 0.5em; /*    padding: 0.2em 1em;*/
    text-decoration: none; font-weight: bold;
    color: white;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 1em;    /* c07673 dc9a97 nur fuer IE 5.0x erforderlich  */
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }
  ul#Navigation a:hover {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white;
	border-color:#eaebe5;
	border-width:0px 0px 5px 0px;
	border-style:solid;
  }
    ul#Navigation span {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white;
	border-color:#c0766d;
	border-width:0px 0px 5px 0px;
	border-style:solid;
  }
  
  h1
  {
  	font-size:18px;
	font-weight:bold;
	color:#9a170f;
	margin-bottom:6px;
	margin-top:6px;
  }
  
   .Separator
  {
  	font-size:14px;
	color:#9a170f;
	font-weight:bolder;
  	border-width:0px 0px 3px 0px;
	border-style:solid;
	border-color:#cccea7;
	padding:0px 0px 3px 0px;
  }
  
  .SizedSeparator
  {
  	font-size:14px;
	color:#9a170f;
	font-weight:bolder;
  	border-width:0px 0px 3px 0px;
	border-style:solid;
	border-color:#CDCDAA;
	width:177px;
	padding:0px 0px 3px 0px;
	margin-bottom:5px;
  }
  
  .SeperatorText
  {
    font-size:14px;
	font-weight:bold;
	color:#9a170f;
  }
  
  .SeperatorWithText
  {
    	font-size:14px;
	color:#9a170f;
	font-weight:bold;
  	border-width:0px 0px 3px 0px;
	border-style:solid;
	border-color:#CDCDAA;
	padding:0px 0px 3px 0px;
	margin-bottom:10px;
  }
  
   .SeperatorWithBigText
  {
    	font-size:18px;
	color:#9a170f;
	font-weight:bold;
  	border-width:0px 0px 3px 0px;
	border-style:solid;
	border-color:#cccea7;
	padding:0px 0px 3px 0px;
  }
  
  
  .HighlightedText
  {
  	color:#9a170f;
	font-weight:bold;
  }
  
  .AdviceText
  {
  	color:#9c9e77;
  }
  
  ul#TopNavigation
  {
	top:50px;
  }
  
    ul#TopNavigation li {
    	list-style: none;
	    display: inline;
		float:left;
		margin:2px 8px 2px 8px;	
			top:50px;	
	}
	
	    ul#TopNavigation li:hover {
    	list-style: none;
	    display: inline;
		float:left;
		margin:2px 8px 2px 8px;
		border-color:#c0766d;
		border-width:0px 0px 5px 0px;
		border-style:solid;			
	}
	
	ul#TopNavigation a, ul#TopNavigation a:visited, ul#TopNavigation a:active
  	{
  		color:white;
  	}
	
	/* Contact */
	table.bgtable td
	{
	background-color:#EAEAE5;
	}
	
		table.bgtable tr
	{
/*	background-color:#EAEAE5;*/
	}
	
	.hatschi { position: relative; left: -2px; width:202px; }
	
	.HoverListItem
	{
		background-image:url('Images/ListItem.png');
		width:15px;
		height:15px;
	}
	
	.ContactTextField
	{
		width:150px;
	}
	
	.ContactTextArea
	{
		width:98%;
	}	
	
	.ApartmentDetailsBookingButton
	{
		background-color:#9a1310;padding-left:5px;color:white
	}
	
	.ApartmentDetailsBookingButton img
	{
		vertical-align:middle;
	}

	.ApartmentDetailsBookingButton span
	{
		vertical-align:middle;
	}
	
	.ApartmentDetailsBookingButton span a,td.ApartmentDetailsBookingButton span a:visited,td.ApartmentDetailsBookingButton span a:active
	{
		color:White;
	}
	
	.ApartmentDetailsBookingButton span a:hover
	{
		color:#cdcda9;
	}
	
	.LastMinuteBookingButton
	{
		background-color:#9a1310;padding-left:5px;color:white
	}
	
	.LastMinuteBookingButton img
	{
		vertical-align:middle;
	}

	.LastMinuteBookingButton span
	{
		vertical-align:middle;
	}
	
	.LastMinuteBookingButton span a,LastMinuteBookingButton span a:visited,LastMinuteBookingButton span a:active
	{
		color:White;
	}
	
	.LastMinuteBookingButton span a:hover
	{
		color:#cdcda9;
	}
	
	img.MainMenuItem
	{
		position:absolute;
		top:60px;
		border-width:0px 0px 5px 0px;
		border-color:#9a170f;
		border-style:solid;
	}
	
	img.SubMenuItem
	{
		position:absolute;
		border-width:0px 0px 5px 0px;
		border-color:#9a170f;
		border-style:solid;
	}
	
	img.MainMenuItem:hover
	{
		border-color:#c0766d;
		padding-bottom:2px;
	}
	
	img.MainMenuItem_Active
	{
		position:absolute;
		top:60px;
		border-width:0px 0px 5px 0px;
		padding-bottom:2px;
		border-color:#c0766d;
		border-style:solid;
	}
	
	.TextButton
	{
		padding:3px 3px 3px 5px;
		color:white
	}
	
	.TextButton img
	{
		vertical-align:middle;
	}

	.TextButton span
	{
		vertical-align:middle;
		font-weight:normal;
		padding-left:2px;
	}
	
	.TextButton span a,td.ApartmentDetailsBookingButton span a:visited,td.ApartmentDetailsBookingButton span a:active
	{
		color:White;
		font-weight:normal;
	}
	
	.TextButton span a:hover
	{
		color:#cdcda9;
		font-weight:normal;
	}
	
	.IconItem
	{
		padding:3px 3px 3px 5px;
	}
	
	.IconItem img
	{
		vertical-align:middle;
	}

	.IconItem span
	{
		vertical-align:middle;
		padding-left:5px;
	}
	
	.WideFormField
	{
		width:100%;
	}
	
	.FormField
	{
		width:150px;
	}
	
	.HalfFormField
	{
		width:72px;
	}
	
	.MiniFormField
	{
		width:40px;
	}	
	
	.SmallFormField
	{
		width:100px;
	}
	
	.StreetFormField
	{
		width:113px;
	}
	
	.StreetNumberFormField
	{
		width:30px;
	}
	
	.ImageButton
	{
		padding:0px;
		margin:0px;
	}
	
	.CalendarOpener
	{
		cursor:move;
	}
	
	#PicBox
	{
	    background-color:white;
	    position:absolute;
	    display:none;
	    z-index: 15; 
	}
	
	#PicBoxFlashBlocker
	{
	    position:absolute;
	    height:162px;
	    top:140px;
	    left:0px;
	    width:100%;
	    background-color:#336699;
	    display:none;
	    z-index: 5; 
	}
	
	#PicBoxBackground
	{
	
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	background-color: #FFFFFF; 
	z-index: 10; 
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8;
	display:none;
	}
	
	.ModalPopupBackground
	{
		color:#336699;
		margin:auto;
	}
	
	.ApartmentPictureImage
	{
		margin:auto;
	}
	
	.DottedBorderedLine
	{
	    border-color:#c9cdb2;
	    border-width:1px 0px 1px 0px;
	    border-style:dotted;
	    padding:5px 5px 5px 0px;
	}
	
	/****************** FAQ *****************/
	div.FaqQuestion
	{
		border-color:#c9cdb2;
	    border-width:1px 0px 1px 0px;
	    border-style:dotted;
	    padding:5px 5px 5px 0px;
	    font-weight:bold;
	    font-size:12px;
	}
	
	div.FaqAnswer
	{
		padding: 5px 5px 16px 5px;
	}
	
	.asd
	{
		width:60px;
	}
	

	/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
            border:solid 1px #c9cdb2;
            padding:2px;
            background-color:White; 
            list-style-type:none;
margin : 0px!important;

}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
            color:White; 
            background-color:#006699;
            cursor:pointer;
}

/* AutoComplete item */

.autocomplete_listItem 
{
            border-bottom:dotted 1px #c9cdb2; 
            cursor:pointer;
            color:Maroon;
}

.Panel 
{
	background-color:#eeeeeb;
	border:dotted 1px #c9cdb2;
	padding:10px;
}