/* -------------------------------------------------------------------------- */
/* feria stylesheet definitions (general.css)                                */
/* ------------------------------------------------------------------------ */

body							{background: url(/fileadmin/fer/pics/img/kachel_tapete.jpg); color:#000; font-family:Verdana; font-size:11px; margin:0px; padding:0px;}
html					 		{overflow-x:hidden;}
strong							{font-weight:bold;}

/*********************/
/******  main  ******/
/*******************/
#main							{background: url(/fileadmin/fer/pics/img/header.jpg) no-repeat; float:left; width:100%;}
*+html #main					{width:101%;}
* html #main					{width:101%;}
#headerImg						{width:133px; height:90px;} 
#leftContentWrap				{float:left; clear:both; margin-left:5px;}
#leftContentWrap table 			{margin-left:5px;}
#contentWrap					{float:left; padding:10px 0 0 5px;}
#content						{width:720px; float:left;}
* html #content	 				{width:730px;}

/*********************************/
/******    hg entdecker    ******/
/*******************************/

#page_3020 						{background:transparent url(/fileadmin/fer/pics/img/kachel_markise.gif) scroll 0%; float:left; width:100%;} 

/*********************************/
/******    hg pink page    ******/
/*******************************/

#page_3596 						{background:transparent url(/fileadmin/fer/pics/img/pinktravel.jpg) scroll 0%; float:left; width:100%;} 
        
#page_3596 #headerImg 			{background:transparent url(/fileadmin/fer/pics/img/head_pinktravel.jpg) no-repeat scroll 0%; float:left; width:100%;}

/*************************/
/******  mainmenu  ******/
/***********************/
#mainMenu						{clear:both; float:left; background:#BBD66E; width:100%;}
#mainMenuPre					{float:left; background: url(/fileadmin/fer/pics/img/phone.jpg) no-repeat 5px; color:#666; padding-left:65px; height:35px;}
#mainMenuPre div				{padding-top:4px;}
#mainMenuNavi					{float:left; width:590px; height:36px; position:relative;}
#mainMenuNavi ul				{float:right;}
#mainMenuNavi li				{float:left; padding:0 4px;}
#mainMenuNavi li.menuSeperator	{width:2px; height:20px; background:#FFF; padding:0; margin-top:8px;}
#mainMenuNavi li.newsLink		{padding:0;}
#mainMenuNavi li.newsLink a		{text-indent: 1000px; background: url(/fileadmin/fer/pics/img/newsletter.jpg) no-repeat; overflow:hidden; display:block; width:75px; height:35px;}
#mainMenuNavi li a				{float:left;}

/************************/
/******  submenu  ******/
/**********************/
#subMenuNavi					{background:#FFF; float:left; width:100%; z-index:999;}
* html #subMenuNavi				{width:auto; z-index:999;}
#subMenuNavi ul					{padding:7px 0; float:left; width:100%; z-index:999;}
#subMenuNavi li					{float:left; border-right:1px solid #000; padding:0 10px; z-index:999;}
#subMenuNavi li a				{float:left; color:#000; font-family:Arial; font-size:13px; text-decoration:none; text-transform:lowercase; z-index:999;}
#subMenuNavi li.active a		{font-weight:bold; z-index:999;}
#subMenuNavi li.last			{border:none;}
* html ul.flyout li				{white-space: nowrap;}

/************************/
/****  new submenu  ****/
/**********************/
.flyout         				{display:none; background:#FFFFFF none repeat scroll 0 0; border:1px solid #669900; clear:both; float:none !important; padding:5px 0; position:absolute; top:33px; z-index:999;}
*+html .flyout					{min-width:130px;}
.flyout li      				{float:none !important; text-align:left; z-index:999;}
* html .flyout li				{height: 11px; z-index:999;}
.flyout li a     				{display:block; float:none !important; text-align:left; text-decoration:none; padding:5px 0 5px 2px; z-index:999;}
.flyout li a:hover 				{background:#BBD66E; z-index:999;}

/***********************/
/******  footer  ******/
/*********************/
#footerWrap						{clear:both; float:left; padding:10px 0 0 20px;}
* html #footerWrap				{width:1000px;}
*+html #footerWrap				{width:1000px;}
#footer							{float:left; width:780px;}
#footer li						{float:left;}
#footer li a					{padding:0 5px; color:#9A9696; text-decoration:none;}
#footer li.active a				{font-weight:bold; color:#000;}
#copyright 						{float:left; width:200px; text-align:right; color:#9A9696;}

/**************************/
/******  menupopup  ******/
/************************/
.menuPopup 						{display:none; left:0pt; position:absolute; top:0pt; width:231px; z-index:410;}
.menuPopup .container 			{position:relative;}
.menuPopup .container .header 	{background:transparent url(/fileadmin/fer/pics/img/popup_header.gif) no-repeat; height:10px; width:231px;}
.menuPopup .container .middle 	{background:transparent url(/fileadmin/fer/pics/img/popup_middle.gif) repeat-y; height:0pt; width:231px;}
.menuPopup .container .footer 	{background:transparent url(/fileadmin/fer/pics/img/popup_footer.gif) no-repeat; height:23px; width:231px;}
.menuPopup .container .body 	{color:#000000; left:0pt; padding:0pt 3px; position:absolute; text-align:center; top:3px; width:226px; float:left;}

/*****************************/
/******  contentpopup  ******/
/***************************/
.bubblePopupLinkLeft 			{cursor: pointer;}
.bubblePopupLinkRight 			{cursor: pointer;}
.bubblePopup 					{display:none; position:absolute; top:0; left:0; width: 295px; z-index:410;}

.bubblePopup .container 		{position:relative;}
.bubblePopup .container .header {width:231px; height:71px; background:url(/fileadmin/fer/pics/img/content_popup_header.gif) no-repeat;}
.bubblePopup .container .middle {width:231px; height:56px; background:url(/fileadmin/fer/pics/img/content_popup_middle.gif) repeat-y;}
.bubblePopup .container .footer {width:231px; height:68px; background:url(/fileadmin/fer/pics/img/content_popup_footer.gif) no-repeat;}
.bubblePopup .container .body 	{position:absolute; top:10px; left:15px; width:190px; padding: 5px; text-align: center; color:#000000;}
.bubblePopup .ext 				{position:absolute; width:64px; height:56px;}

/****************************/
/********* centered ********/
/**************************/

.centered .box					{float:none; margin:auto; text-align:left; margin-top:65px;}
.centered #content				{text-align:center; width:auto; float:none;}
.centered #contentWrap			{float:none; width:95%;}
* html .centered .box			{margin-top:10px;}
*+html .centered .box			{margin-top:10px;}

.logo 							{display:block; height:80px; text-decoration:none; width:140px;}