body, html {
	margin:0;
	height:100%; /* the IE does't know min-height */
	min-height:100%; /* for the orters... */
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	background-image:url(./homepage_images/bg.png); background-repeat:repeat-y; background-position: 0px 0px; 
	background-color:#C6C6C6;
}

table		{ border: 0px; border-collapse: separate; /* default */ }
tr			{ } 
td			{ padding:0px; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }

h1 			{ visibility:hidden; }

h2 {
	/* headline navlevel 2 */
	font-weight: bold;
	font-size: 17px; /* big text */
	padding: 0px 2px 15px 0px;  /* PADDING: margin from the text LEFT+RIGHT [ top right bottom left ] */
	margin: 0px; 
}

h3 {
	/* headlines in the rightnav newsboxes */
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF; 
	padding: 0px; 
	margin: 0px;
}

.nobr 		{ white-space : nowrap; }

.bold 		{ font-weight: bold; }
.grey 		{ color: #404040; }
.blue 		{ color: #2369C2; }
.brown 		{ color: #8C5534; }
.green 		{ color: #339900; } 
.darkgreen 	{ color: #3A7632; } 
.orange 	{ color: #FF6510; }
.red 		{ color: #CD212E; }

/* workaround - cover a small part of body background-image whith color white */
.cover_top_bg	{ position:absolute; left:0px; top:0px; width:500px; height:50px; background-color:#FFFFFF;}



/*----------------------------------------------+
 | HEAD (ALSO BACKGROUND FOR TOP-NAV)			|
 +----------------------------------------------*/
 /* this head also includes a "colored stripe" located on the bottom line streched over the full width of the head..... */
.head 					{ position:absolute; left:35px; top:40px; background:url(./homepage_images/homepage.jpg); }
.head  .volume_inside 	{ width:925px; height:140px; }

.head  .c11 			{ background:url(./homepage_images/headline_c11.png) top left no-repeat; }
.head  .c12 			{ background:url(./homepage_images/headline_c12.png) top right no-repeat; }

.head  .grey_c21 		{ background:url(./homepage_images/headline_grey_c21.png) bottom left no-repeat; }
.head  .grey_c22 		{ background:url(./homepage_images/headline_grey_c22.png) bottom right no-repeat; }
.head  .blue_c21 		{ background:url(./homepage_images/headline_blue_c21.png) bottom left no-repeat; }
.head  .blue_c22 		{ background:url(./homepage_images/headline_blue_c22.png) bottom right no-repeat; }
.head  .brown_c21 		{ background:url(./homepage_images/headline_brown_c21.png) bottom left no-repeat; }
.head  .brown_c22 		{ background:url(./homepage_images/headline_brown_c22.png) bottom right no-repeat; }
.head  .green_c21 		{ background:url(./homepage_images/headline_green_c21.png) bottom left no-repeat; }
.head  .green_c22 		{ background:url(./homepage_images/headline_green_c22.png) bottom right no-repeat; }
.head  .darkgreen_c21	{ background:url(./homepage_images/headline_darkgreen_c21.png) bottom left no-repeat; }
.head  .darkgreen_c22	{ background:url(./homepage_images/headline_darkgreen_c22.png) bottom right no-repeat; }
.head  .orange_c21 		{ background:url(./homepage_images/headline_orange_c21.png) bottom left no-repeat; }
.head  .orange_c22 		{ background:url(./homepage_images/headline_orange_c22.png) bottom right no-repeat; }
.head  .red_c21 		{ background:url(./homepage_images/headline_red_c21.png) bottom left no-repeat; }
.head  .red_c22 		{ background:url(./homepage_images/headline_red_c22.png) bottom right no-repeat; }


/*----------------------------------------------------------+
 | TOP-NAV (LEVEL 1)  - POSITION 1:1 TOP-NAV <==> HEAD		|
 +----------------------------------------------------------*/
.topnav									{ position:absolute; width:925px; height:140px; left:35px; top:40px; }
.topnav  .bottom_line 					{ position:absolute; bottom:0px; right:20px; /* bottom:0px => "topnav" ! */}
.topnav  .bottom_line  .side_by_side	{ float:left; }

.topnav  ul { 
	list-style-type: none; 
	padding: 5px 11px 16px 11px;	/* [ top right bottom left ] */
	margin: 0px 0px 0px 0px;	/* [ top right bottom left ] */
	font-size: 13px;
}
.topnav  ul  a:link,
.topnav  ul  a:active, 
.topnav  ul  a:visited,	
.topnav  ul  a:hover		{ color: #FFFFFF; text-decoration:none;	} 

/* rounded corners for top-navigation */
.topnav  .grey_c11 			{ clear: both; position:relative; background:url(./homepage_images/navitem_grey_c11.png) top left no-repeat; }
.topnav  .grey_c12 			{ clear: both; position:relative; background:url(./homepage_images/navitem_grey_c12.png) top right no-repeat; }
.topnav  .grey_c21 			{ clear: both; position:relative; background:url(./homepage_images/navitem_grey_c21.png) bottom left no-repeat; }
.topnav  .grey_c22 			{ clear: both; position:relative; background:url(./homepage_images/navitem_grey_c22.png) bottom right no-repeat; }
.topnav  .grey_c21_active 	{ clear: both; position:relative; background:url(./homepage_images/navitem_grey_c21_active.png) bottom left no-repeat; }
.topnav  .grey_c22_active 	{ clear: both; position:relative; background:url(./homepage_images/navitem_grey_c22_active.png) bottom right no-repeat; }

.topnav  .blue_c11 			{ clear: both; position:relative; background:url(./homepage_images/navitem_blue_c11.png) top left no-repeat; }
.topnav  .blue_c12 			{ clear: both; position:relative; background:url(./homepage_images/navitem_blue_c12.png) top right no-repeat; }
.topnav  .blue_c21 			{ clear: both; position:relative; background:url(./homepage_images/navitem_blue_c21.png) bottom left no-repeat; }
.topnav  .blue_c22 			{ clear: both; position:relative; background:url(./homepage_images/navitem_blue_c22.png) bottom right no-repeat; }
.topnav  .blue_c21_active 	{ clear: both; position:relative; background:url(./homepage_images/navitem_blue_c21_active.png) bottom left no-repeat; }
.topnav  .blue_c22_active 	{ clear: both; position:relative; background:url(./homepage_images/navitem_blue_c22_active.png) bottom right no-repeat; }

.topnav  .brown_c11 		{ clear: both; position:relative; background:url(./homepage_images/navitem_brown_c11.png) top left no-repeat; }
.topnav  .brown_c12 		{ clear: both; position:relative; background:url(./homepage_images/navitem_brown_c12.png) top right no-repeat; }
.topnav  .brown_c21 		{ clear: both; position:relative; background:url(./homepage_images/navitem_brown_c21.png) bottom left no-repeat; }
.topnav  .brown_c22 		{ clear: both; position:relative; background:url(./homepage_images/navitem_brown_c22.png) bottom right no-repeat; }
.topnav  .brown_c21_active 	{ clear: both; position:relative; background:url(./homepage_images/navitem_brown_c21_active.png) bottom left no-repeat; }
.topnav  .brown_c22_active 	{ clear: both; position:relative; background:url(./homepage_images/navitem_brown_c22_active.png) bottom right no-repeat; }

.topnav  .green_c11 		{ clear: both; position:relative; background:url(./homepage_images/navitem_green_c11.png) top left no-repeat; }
.topnav  .green_c12 		{ clear: both; position:relative; background:url(./homepage_images/navitem_green_c12.png) top right no-repeat; }
.topnav  .green_c21 		{ clear: both; position:relative; background:url(./homepage_images/navitem_green_c21.png) bottom left no-repeat; }
.topnav  .green_c22 		{ clear: both; position:relative; background:url(./homepage_images/navitem_green_c22.png) bottom right no-repeat; }
.topnav  .green_c21_active 	{ clear: both; position:relative; background:url(./homepage_images/navitem_green_c21_active.png) bottom left no-repeat; }
.topnav  .green_c22_active 	{ clear: both; position:relative; background:url(./homepage_images/navitem_green_c22_active.png) bottom right no-repeat; }

.topnav  .darkgreen_c11 		{ clear: both; position:relative; background:url(./homepage_images/navitem_darkgreen_c11.png) top left no-repeat; }
.topnav  .darkgreen_c12 		{ clear: both; position:relative; background:url(./homepage_images/navitem_darkgreen_c12.png) top right no-repeat; }
.topnav  .darkgreen_c21 		{ clear: both; position:relative; background:url(./homepage_images/navitem_darkgreen_c21.png) bottom left no-repeat; }
.topnav  .darkgreen_c22 		{ clear: both; position:relative; background:url(./homepage_images/navitem_darkgreen_c22.png) bottom right no-repeat; }
.topnav  .darkgreen_c21_active 	{ clear: both; position:relative; background:url(./homepage_images/navitem_darkgreen_c21_active.png) bottom left no-repeat; }
.topnav  .darkgreen_c22_active 	{ clear: both; position:relative; background:url(./homepage_images/navitem_darkgreen_c22_active.png) bottom right no-repeat; }

.topnav  .orange_c11 		{ clear: both; position:relative; background:url(./homepage_images/navitem_orange_c11.png) top left no-repeat; }
.topnav  .orange_c12 		{ clear: both; position:relative; background:url(./homepage_images/navitem_orange_c12.png) top right no-repeat; }
.topnav  .orange_c21 		{ clear: both; position:relative; background:url(./homepage_images/navitem_orange_c21.png) bottom left no-repeat; }
.topnav  .orange_c22 		{ clear: both; position:relative; background:url(./homepage_images/navitem_orange_c22.png) bottom right no-repeat; }
.topnav  .orange_c21_active	{ clear: both; position:relative; background:url(./homepage_images/navitem_orange_c21_active.png) bottom left no-repeat; }
.topnav  .orange_c22_active { clear: both; position:relative; background:url(./homepage_images/navitem_orange_c22_active.png) bottom right no-repeat; }

.topnav  .red_c11 			{ clear: both; position:relative; background:url(./homepage_images/navitem_red_c11.png) top left no-repeat; }
.topnav  .red_c12 			{ clear: both; position:relative; background:url(./homepage_images/navitem_red_c12.png) top right no-repeat; }
.topnav  .red_c21 			{ clear: both; position:relative; background:url(./homepage_images/navitem_red_c21.png) bottom left no-repeat; }
.topnav  .red_c22 			{ clear: both; position:relative; background:url(./homepage_images/navitem_red_c22.png) bottom right no-repeat; }
.topnav  .red_c21_active 	{ clear: both; position:relative; background:url(./homepage_images/navitem_red_c21_active.png) bottom left no-repeat; }
.topnav  .red_c22_active 	{ clear: both; position:relative; background:url(./homepage_images/navitem_red_c22_active.png) bottom right no-repeat; }



/*------------------+
 | LOGO				|
 +------------------*/
#logo						{ position:absolute; left:55px; top:29px; }

/*------------------+
 | NATURPARK DUEMMER|
 +------------------*/
.naturpark_grafik			{ position:absolute; left:520px; top:10px; width:23px; height:26px; background:url(./naturpark_logo_mini.png)   }
#naturpark_txt				{ position:absolute; left:550px; top:17px;   }
#naturpark_txt  a:link		{ color: #404040; text-decoration:none;	} 
#naturpark_txt  a:active	{ color: #404040; text-decoration:none;	} 
#naturpark_txt  a:visited	{ color: #404040; text-decoration:none;	} 
#naturpark_txt  a:hover		{ color: #D60000; text-decoration:underline;	} 

/*------------------+
 | QUALITAET		|
 +------------------*/
.qualitaet_grafik			{ position:absolute; left:763px; top:10px; width:23px; height:26px; background:url(./sqd_logo_mini.png)   }
#qualitaet_txt				{ position:absolute; left:793px; top:17px;   }
#qualitaet_txt  a:link		{ color: #404040; text-decoration:none;	} 
#qualitaet_txt  a:active	{ color: #404040; text-decoration:none;	} 
#qualitaet_txt  a:visited	{ color: #404040; text-decoration:none;	} 
#qualitaet_txt  a:hover		{ color: #D60000; text-decoration:underline;	} 

/*------------------+
 | PRINT-BUTTON		|
 +------------------*/
#print_button				{ position:absolute; left:820px; top:193px;   }
#print_button  a:link		{ color: #404040; text-decoration:none;	} 
#print_button  a:active		{ color: #404040; text-decoration:none;	} 
#print_button  a:visited	{ color: #404040; text-decoration:none;	} 
#print_button  a:hover		{ color: #D60000; text-decoration:underline;	} 

/*------------------+
 | IMPRESSUM-BUTTON	|
 +------------------*/
#impressum_txt				{ position:absolute; left:863px; top:17px;   }
#impressum_txt  a:link		{ color: #404040; text-decoration:none;	} 
#impressum_txt  a:active	{ color: #404040; text-decoration:none;	} 
#impressum_txt  a:visited	{ color: #404040; text-decoration:none;	} 
#impressum_txt  a:hover		{ color: #D60000; text-decoration:underline;	} 

/*------------------+
 | PRINT-CONTENT	|
 +------------------*/
.printversion  .headline	{ font-weight: bold; margin-bottom:15px; }
/*------------------+
 | SEARCH-BUTTON	|
 +------------------*/
#search_button				{ position:absolute; left:750px; top:55px;   }
#search_button  .field		{ width:120px; height:16px; font-size:11px; border:0px; padding-left:4px; background-color:#ffffff; color:#333333; }
#search_button  .submit		{ width:60px; height:16px; font-size:11px; border:0px;}
/*------------------+
 | SEARCH-RESULTS	|
 +------------------*/
.search_results  li			{ padding-top:10px; padding-bottom:5px; } 



/*--------------------------------------+
 | LEFT NAV  -  LEVEL 2 + 3 + 4			|
 +--------------------------------------*/
.leftnav					{ position:absolute; width:210px; left:50px; top:210px; }
.leftnav_autowidth			{ position:absolute; width:auto; left:50px; top:210px; }

.leftnav  			.bgbox  { background-color:#FFFFFF; } /* IE hack: class bg_box is only required due to body background-image => set bg white color */
.leftnav_autowidth  .bgbox  { background-color:#FFFFFF; } /* IE hack: class bg_box is only required due to body background-image => set bg white color */
 
/* rounded corners for the navigation box */ 
.bgbox  .c11 			{ position:relative; background:url(./homepage_images/leftnav_c11.png) top left no-repeat; }
.bgbox  .c12 			{ position:relative; background:url(./homepage_images/leftnav_c12.png) top right no-repeat; }
.bgbox  .c21 			{ position:relative; background:url(./homepage_images/leftnav_c21.png) bottom left no-repeat; 
						  padding: 10px 0px 10px 0px; /* PADDING: inline margin between rounded box and naviagtion TOP+BOTTOM" [ top right bottom left ] */  }
.bgbox  .c22 			{ position:relative; background:url(./homepage_images/leftnav_c22.png) bottom right no-repeat; }
.bgbox  .space_inside	{ padding: 0px 11px 0px 11px; /* PADDING: inline margin between rounded box and naviagtion LEFT+RIGHT" [ top right bottom left ] */  }

.bgbox  ul 				{ list-style-type: none; padding:0px; margin: 0px; }
.bgbox  ul  a:link,  
.bgbox  ul  a:active, 
.bgbox  ul  a:visited	{ text-decoration:none; 		}
.bgbox  ul  a:hover		{ text-decoration:underline;	} 

/* ------------------------------------------------
the following 3 classes are only used inside the <li>-tag => but only if a level 2 navitem contains further subfolders:
=> then display a small arrow-image right-justified in the navtree after the navtext to identify that subfolders belong to the navitem 
=> EXAMPLE: <li><div class="subfolder_detected"><span class="navtext">TEXT</span><span class="arrow_image">&nbsp;</span></div></li> */
.bgbox  .subfolder_detected 				{ text-align: right; }
.bgbox  .subfolder_detected  .navtext 		{ float: left; }
.bgbox  .subfolder_detected  .arrow_image	{ background-image:url(./homepage_images/subfolders_arrow.gif); background-repeat:no-repeat; }
/* ------------------------------------------------  */

.bgbox  .item_level_2  { 
	/* menueitems in level 2 = to separate them use a dotted line above each menueitem... */
	border-top: 1px dotted #A5ABB9;
	padding: 3px 1px 4px 12px; /* PADDING: margin between menueitems (dotted lines) TOP+BOTTOM [ top right bottom left ] */ 
}
.bgbox  .item_level_3  { 
	padding: 3px 0px 1px 12px; /* [ top right bottom left ] */
	background-image:url(./homepage_images/li_arrow1.jpg); background-repeat:no-repeat; background-position: 0px 8px; 
} 
.bgbox  .item_level_4  { 
	padding: 3px 0px 1px 10px; /* [ top right bottom left ] */
	background-image:url(./homepage_images/li_mini_dot.gif); background-repeat:no-repeat; background-position: 0px 7px;	
} 




/*----------------------+
 | RIGHT NAV			|
 +----------------------*/
.rightnav  { position:absolute; width:180px; left:770px; top:210px; }

/* space between the boxes */
.rightnav  .newsbox  { padding: 23px 0px 1px 0px; /* [ top right bottom left ] */ } 

.rightnav  .newsbox  .c11 	{ background:url(./homepage_images/rightnav_c11.png) top left no-repeat; }
.rightnav  .newsbox  .c12 	{ background:url(./homepage_images/rightnav_c12.png) top right no-repeat; }
.rightnav  .newsbox  .c21 	{ background:url(./homepage_images/rightnav_c21.png) bottom left no-repeat; }
.rightnav  .newsbox  .c22 	{ background:url(./homepage_images/rightnav_c22.png) bottom right no-repeat; }

.rightnav  .newsbox  .newsheadline  { 
	padding: 4px 0px 0px 22px; /* [ top right bottom left ] */
	background-image:url(./homepage_images/rightnav_headline.png); background-repeat:no-repeat; background-position: 8px 8px;
}

.rightnav  .newsbox  .newscontent { 
	padding: 10px 10px 10px 10px; /* [ top right bottom left ] */	
}

.rightnav  .newsbox  .newslisting { 
	padding: 0px 0px 0px 0px; /* [ top right bottom left ] */	
}
.rightnav  .newsbox  .newslisting  ul 		{ list-style-type: none; padding: 0px; margin: 0px; } 
.rightnav  .newsbox  .newslisting  ul  li	{ padding: 5px 0px 3px 15px; border-top: 1px dotted #90949C; }

.rightnav  .newsbox  .small_font { 
	font-size:11px; 
	font-family :Arial, Helvetica, sans-serif; 
	color: #404040;
}
.rightnav  .newsbox  .more_details { 
	text-align:right;;
	padding: 4px 10px 0px 0px; /* [ top right bottom left ] */
}
.rightnav  .newsbox  .more_details  a:link,  
.rightnav  .newsbox  .more_details  a:active, 
.rightnav  .newsbox  .more_details  a:visited	{ color: #D60000; text-decoration:none; 		}
.rightnav  .newsbox  .more_details  a:hover		{ color: #D60000; text-decoration:underline;	} 

.rightnav  .newsbox  .image_container {
	width: 160px;
	height: 80px;
	overflow: hidden;
}
	

	
/*--------------+
 | CONTENT		|
 +--------------*/
 /* CMS-NOTES:
 (1): due to the problem, that each colum must be definded with a 'width' while using css-multicols please remind:
      => the calculating stuff will be done by PHP 
	  => please define the 'width' therefore in config_inc-file $cfg_site['css_style_content_width'] / do not here in the class ".content" !!!
 (2): by default $cfg_site['2_cols_picture'] is set to value 'css' to value "table" / #RFID-1037 */

 /*.content	{ position:absolute; left:300px; top:220px; padding-bottom:20px; color: #404040; }  without 'width'! */
.POS_DEFAULT	{ position:absolute; left:300px; top:220px; } /* without 'width'! */
.POS_GGV		{ position:absolute; left:60px; top:340px; border-top: 1px dotted #A5ABB9; border-bottom: 1px dotted #A5ABB9;padding-top:30px; background-color:#FFFFFF; } /* without 'width'! */
.content		{ padding-bottom:20px; color: #404040; }

.content  .headline		{ font-weight: bold; font-size: 14px; margin-bottom:15px }

.content  a:link		{ color: #D60000; text-decoration:none;	} 
.content  a:active		{ color: #D60000; text-decoration:none;	} 
.content  a:visited		{ color: #D60000; text-decoration:none;	} 
.content  a:hover		{ color: #D60000; text-decoration:underline;	} 



/*--------------+
 | PICTURES		|
 +--------------*/
 /* THE FOLLOWING CLASSES ALWAYS BELONG TO THE THE PICTURE [ top right bottom left ] */
.left_hand_of_text		{ margin: 5px 25px 10px 0px; } /* the top margin 5px only take effect in IE... */
.right_hand_of_text		{ margin: 0px 0px 10px 25px; }
.pic_top_text_bottom	{ margin: 0px 0px 10px 0px; }
.text_top_pic_bottom	{ margin: 10px 0px 0px 0px; }
/* if $cfg_site['2_cols_picture'] is set to 'table' instead of 'css', the follwing 2 classes do not take any effect / #RFID-1037 */
/* NOTE: due to problems with different browsers the margin (space between col's) is fixed inside the cms-template to "25px" */
.2_cols_picture_left	{ margin: 5px 0px 0px 0px; } /* this class only takes effect correctly in IE + OP... */
.2_cols_picture_right	{ margin: 5px 0px 0px 0px; } /* this class only takes effect correctly in IE + OP... */



/*--------------+
 | GGV			|
 +--------------*/
.ggv_minimap				{ position:absolute; left:370px; top:-10px; }

.ggv_folder_up				{ position:absolute; left:600px; top:90px; width:250px; line-height:19px; text-align:right; padding-right:25px; background-image:url(./gastgeber/folder_up.png); background-repeat:no-repeat; background-position:right;}
.ggv_folder_up  a:link		{ color: #808080; text-decoration:none;	} 
.ggv_folder_up  a:active	{ color: #808080; text-decoration:none;	} 
.ggv_folder_up  a:visited	{ color: #808080; text-decoration:none;	} 
.ggv_folder_up  a:hover		{ color: #D60000; text-decoration:underline;	} 

.ggv_left_nav_h2			{ border-bottom: 1px dotted #A5ABB9; padding-bottom:5px; margin-bottom:10px }
.ggv_content_headline		{ font-weight:bold; font-size:17px; margin-bottom:15px }



/*----------------------+
 | HOLIDAY PACKAGES		|
 +----------------------*/
.wrapper_for_listing	{ float:left; position:relative; margin:5px 50px 30px 0px; width:155px; height:250px }

.holidaypackage	{ position:absolute;  }

.holidaypackage .top_winding {
	/* above the picture => beautyful winding */ 
	position:absolute; left:5px; top:0px; width:145px; height:15px; background:url(./holidaypackages/winding.png);  
}
.holidaypackage .picture {
	position:absolute; left:0px; top:8px; width:155px; height:130px; overflow: hidden;
}
.holidaypackage .blue_bow {
	position:absolute; left:0px; top:122px; width:155px; height:15px; background:url(./holidaypackages/blue_bow.png);
}
.holidaypackage .covertext {
	position:absolute; left:0px; top:137px; width:155px; height:93px; padding:10px 5px 10px 7px; background:url(./holidaypackages/blue_bg.png); background-repeat:no-repeat; font-weight:bold; font-size:13px; color:#1B2D39;
}
.holidaypackage  .covertext  a:link,    .holidaypackage  .covertext  a:active,    .holidaypackage  .covertext  a:visited	{ color: #1B2D39; text-decoration:none;	} 
.holidaypackage  .covertext  a:hover  { color: #D60000; text-decoration:underline;	} 

.holidaypackage .covertext  .info_days_price { color:#CD212E;  }

.holidaypackage .txt_details {
	position:absolute; left:0px; top:233px; width:155px; padding-left:25px; background:url(./holidaypackages/blue_arrow.png); background-repeat:no-repeat; background-position: 5px 2px;
}
.holidaypackage  .txt_details  a:link,    .holidaypackage  .txt_details  a:active,    .holidaypackage  .txt_details  a:visited	{ color: #404040; text-decoration:none;	} 
.holidaypackage  .txt_details  a:hover  { color: #D60000; text-decoration:underline;	} 


/* HOLIDAY PACKAGE TYPE "SPECIAL OFFER (RED DOT)" */
.holidaypackage .red_dot {
	position:absolute; left:-20px; top:8px; width:110px; height:110px; background-image:url(./holidaypackages/red_dot.png);
}
.holidaypackage  .red_dot  .days { position:absolute; left:0px; top:38px; width: 105px; text-align: center; font-size:21px; font-weight: bold;color:#FFFFFF; }
.holidaypackage  .red_dot  .from { position:absolute; left:84px; top:57px; font-size:12px; color:#FFFFFF; }
.holidaypackage  .red_dot  .price { position:absolute; left:20px; top:73px; width: 74px; text-align: center; font-size:17px; font-weight: bold; color:#8B0000; }


/* FULL CONTENT TXT MOUSEOVER */
.holidaypackage .mouseover_content {
	position:absolute; left:130px; top:-20px; width:300px;
}
.holidaypackage  .mouseover_content  .c11 	{ background:url(./homepage_images/holidaypackage_c11.png) top left no-repeat; }
.holidaypackage  .mouseover_content  .c12 	{ background:url(./homepage_images/holidaypackage_c12.png) top right no-repeat; }
.holidaypackage  .mouseover_content  .c21 	{ background:url(./homepage_images/holidaypackage_c21.png) bottom left no-repeat; padding:20px; }
.holidaypackage  .mouseover_content  .c22 	{ background:url(./homepage_images/holidaypackage_c22.png) bottom right no-repeat; }



/*----------------------+
 | TEMPLATE HOMEPAGE 	|
 +----------------------*/
.bg_hp_leftnav { position:absolute; left:33px; top:-30px; width:139px; height:549px; background:url(./homepage_images/hp_green_stripes.png); }
.wrapper_for_hp_pictures { 
	padding:13px 0px 13px 6px; 
	height: 183px;  /* workaround: height:183px is only used by FF an NN => IE and OP do not require this... */
	width:374px; 
	border-top:solid #3A7632 1px; 
	border-bottom:solid #3A7632 1px; 
}
.wrapper_for_hp_flashalbum { 
	position:relative; left:-5px; top:0px; 
	padding:13px 0px 13px 0px; 
	height: 245px;  /* workaround: height:183px is only used by FF an NN => IE and OP do not require this... */
	width:430px; 
	border-top:solid #3A7632 1px; 
	border-bottom:solid #3A7632 1px; 
}
.hp_pricture {
	float:left; 
	padding:0px 0px 2px 2px; 
	margin:0px;
}
.hp_infos_anfordern {
	line-height: 2;
	padding-bottom:12px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold;
	color: #D60000;
}
.hp_infos_anfordern  a:link		{ color: #D60000; text-decoration:underline;	} 
.hp_infos_anfordern  a:active	{ color: #D60000; text-decoration:underline;	} 
.hp_infos_anfordern  a:visited	{ color: #D60000; text-decoration:underline;	} 
.hp_infos_anfordern  a:hover	{ color: #D60000; text-decoration:underline;	} 




