/***************************************
 * Header (Navigation, Logo)
 ***************************************
 */

#content {
background:none;
margin-top:17px;
}


#content-header {
height:15px;
background-repeat:no-repeat;
background-image:url(../pics/content-header.png);
}


#content-footer {
height:15px;
background-repeat:no-repeat;
background-image:url(../pics/contentt-bottom.png);
width:760px;
float:left;
clear:both;
}




 /*---------------------Navigation---------------------*/
 #nav_e1{
 	position: absolute;
	top: 162px;
	left: 197px;
	z-index: 2;
	padding-right:30px;
	padding-top:10px;
	margin-left: 50px;
	width:654px;
 }
 
 /*---------------------container um den kompletten Header-Bereich---------------------*/
 div#container_oben div#header {
	padding:0px;
	margin:0px;
	float:left;
	height:217px;
	width:1003px;
	/*fur f** ie, da sonst div zu hoch*/
	font-size:0px;
 }
 
 /*---------------------Logo und Flaggen---------------------*/
 div#container_oben div#header div.header_left{
 	float:left;
	width:206px;
 } 
 /*---------------------grun/orangener Bereich ganz rechts---------------------*/
 div#container_oben div#header div.header_right{
	background-image:url(../pics/rechts_gruen_gelb.jpg);
	background-repeat:repeat-y;
	position:absolute;
	top:0px;
	left:959px;
	height:217px;
	float:left;
	width:44px;
 } 

 div#container_oben div#header div.header_left div#language{
 	background-image:url(../pics/bg_flaggen.jpg);
	background-repeat:no-repeat;
	width:206px;
	height:59px;
}
/*---------------------Sprachwechsler---------------------*/
 div#container_oben div#header div.header_left div#language div.sprache{
 	padding-top:10px;
	padding-left:32px;
}

div#container_oben div#header div.header_left div#language div.sprache .english{
 	padding-left:44px;
}

div#container_oben div#header div.header_left div#language div.sprache .francais{
 	padding-left:43px;
}
 
/*Menu*/
div#container_oben div#header div.header_middle{
	padding:0px;
	margin:0px;
	background-image:url(../pics/bg_header_middle.jpg);
	background-repeat:repeat-x;
	height:217px;
	width:753px;
	float:left;
}

div#container_oben div#header div.header_middle .banner {
	background-image:url(../pics/banner_bg.jpg);
	background-repeat: repeat-x;

}


/*---------------------Suche im Menu - sprachabhangig positionieren---------------------*/
/*---------------------deutsch---------------------*/
div#container_oben div#header div.header_middle div#suchform div#suchform_d{
	position: absolute;
	top: 172px;
	left: 810px;
	
	background-image:url(../pics/suche.gif);
	background-repeat:no-repeat;
	width:111px;
	height:27px;
	z-index: 3;
}
/*---------------------englisch---------------------*/
div#container_oben div#header div.header_middle div#suchform div#suchform_e{
	position: absolute;
	top: 172px;
	left: 793px;
	
	background-image:url(../pics/suche.gif);
	background-repeat:no-repeat;
	width:111px;
	height:27px;
	z-index: 3;
}
/*---------------------franzosisch---------------------*/
div#container_oben div#header div.header_middle div#suchform div#suchform_f{
	position: absolute;
	top: 172px;
	left: 818px;
	
	background-image:url(../pics/suche.gif);
	background-repeat:no-repeat;
	width:111px;
	height:27px;
	z-index: 3;
}


div#container_oben div#header div.header_middle div#suchform input{
	border:0px;
}

div#container_oben div#header div.header_middle div#suchform input.inputtext{
	width:70px;
	/*height:10px;*/
	margin-left:12px;
	font-size:10px;
}

div#container_oben div#header div.header_middle div#suchform input.inputimg{
	margin-left:10px;
	margin-top:3px;
}

/*--------------------- Breadcrumbs (Klickpfad) ---------------------*/
div#container_oben div#header div.header_middle div#clickpath{
	position: absolute;
	top: 194px;
	left: 249px;
	z-index: 0;
	padding-right:30px;
	padding-top:10px;
	font-size: 11px;
}

div#container_oben div#header div.header_middle div#clickpath a{
	font-size: 11px;
	font-weight:normal;
	color:#000000;
}



/***************************************
 * Contentbereich
 ***************************************
 */
 * html div#container_oben div#contentcontainer{

 }
div#container_oben div#contentcontainer {
	margin-bottom: 20px;
	float:left;
	}
 div#container_all {
	min-height: 100%; 
	position: relative;
	
	background-image:url(../pics/bg_content.jpg);
	background-repeat:repeat-y;
	min-width:1003px;
	width:100%;
	padding:0px;
	margin:0px;
	z-index:2;
} 
* html div#container_all {
 height: 100%;
 }
 
 /*---------------------linke Spalte---------------------*/
 div#container_oben div#contentcontainer div.content_left{
 	float:left;
	width:206px;
	height:315px;
	background-image:url(../pics/bg_content_left.jpg);
	background-repeat:no-repeat;
 }
 
 /*---------------------Quicklinks - bisher nur auf Home---------------------*/
 div#container_oben div#contentcontainer div.content_left div.quicklinks{
 	/*background-image:url(../pics/quicklinks.png);*/
	background-repeat:no-repeat;
	width:206px;
	/*height:259px;*/
	height:295px;
 }
 /*---------------------Hack fur IE um transparente png's anzuzeigen---------------------*/
 * html div#contentcontainer div.content_left div.quicklinks{
	/*
	 * http://msdn.microsoft.com/workshop/author/filter/reference/filters/alphaimageloader.asp
	 */
	width:206px;
	/*height:259px;*/
	height:295px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/template_screen/pics/quicklinks.png', sizingMethod='scale');	
}
			
			
html > body div#contentcontainer div.content_left div.quicklinks{
	background-image: url(../pics/quicklinks.png);
}
 
 
 /*---------------------Quicklinks - ohne Hintergrund, auf anderen Seiten, damit Newsletter an gleicher Stelle---------------------*/ 
 div#container_oben div#contentcontainer div.content_left div.quicklinks_main{
 	width:206px;
	/*height:259px;*/
	height:295px;
 }
 
 /*---------------------Newsletter - global---------------------*/
 div#container_oben div#contentcontainer div.content_left div.newsletter{
 	/*background-image:url(../pics/newsletter.png);*/
	background-repeat:no-repeat;
	width:206px;
	height:86px;
 } 
 
 /*---------------------Hack fur IE um transparente png's anzuzeigen---------------------*/
  * html div#container_oben div#contentcontainer div.content_left div.newsletter{
	/*
	 * http://msdn.microsoft.com/workshop/author/filter/reference/filters/alphaimageloader.asp
	 */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/template_screen/pics/newsletter.png', sizingMethod='scale');	
}
			
			
html > body div#container_oben div#contentcontainer div.content_left div.newsletter{
	background-image: url(../pics/newsletter.png);
}
 
  /*--------------mittlere Spalte mit Holly - Startseite--------------*/
 div#container_oben div#contentcontainer div.content_middle_holly{
 	float:right;
	width:768px;
	min-height: 400px; 
	height: auto !important; 
	height: 400px;
	background-image: url(http://holidaypark.de/fileadmin/user_upload/Bilder/HollyStatseite/bg_content_right_holly.jpg);
	/*background-image:url(../pics/bg_content_right_holly_herbst.jpg); */
	background-repeat:no-repeat;
	background-position:top right;
 }
 
 /*--------------mittlere Spalte - restliche Seiten--------------*/
 div#container_oben div#contentcontainer div.content_middle{
	float:left;
	width:761px;
	background-repeat:repeat-y;
	background-image:url(../pics/content-middle.png);
	min-height: 400px; 
	height: auto !important; 
	height: 400px;
	padding-left:10px;
	width:751px;
	padding-bottom:30px;
 }
 
  
 /*--------------rechte Spalte - restliche Seiten--------------*/
 div#container_oben div#contentcontainer div.border_right{
	float:right;
	width:44px;
	height:315px;
	background-image:url(../pics/bg_content_right.jpg);
	background-position:right;
	background-repeat:no-repeat;
 }  
  
 /***************************************
 * Linke Spalte im Typo3 Backend 
 ***************************************
 */
 div#container_oben div#contentcontainer div.content_left div.links{
	width:170px;
	margin-left:30px;
	margin-right:0px;
	margin-top:-7px;
	/*padding-top:28px;*/
	padding-top:0px;
	font-size:10px;
	/*background-color:red;*/
 }
 
 /* IE HACK */
 
*html div#container_oben div#contentcontainer div.content_left div.links{
	width:170px;
	margin-left:30px;
	margin-right:0px;
	margin-top:-10px;
	/*padding-top:28px;*/
	padding-top:0px;
	font-size:10px;
	/*background-color:red;*/
 }
  
 
 div#container_oben div#contentcontainer div.content_left div.links a{
 	font-weight:normal;
	color:#000000;
	font-size:10px;
 }
 div#container_oben div#contentcontainer div.content_left div.links a:hover{
 	color:#235A02;
 }
 
 /*---------------------Nur das Thumb - Quicklinks---------------------*/
 div#container_oben div#contentcontainer div.content_left div.links div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt img{
 	padding-top:3px;
 }
 
  div#container_oben div#contentcontainer div.content_left div.links div.contentSection{
  	padding-bottom:3px;
  }
  /*---------------------Wetter---------------------*/
 div#container_oben div#contentcontainer div.content_left div.wetter{
	margin-left:30px;
	margin-right:0px;
	font-size:10px;
 }
 div#container_oben div#contentcontainer div.content_left div.wetter div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt img{
 	padding-top:6px;
 }
 
 

  
/*************************************** 
 * Mittlere Spalte im Typo3 Backend 
 ***************************************
 */ 
  /*--------------Startseite--------------*/
 div#container_oben div#contentcontainer div.content_middle_holly div.mitte{	
	width:461px;
	margin-top:15px;
 }
 /*---------------------Bild---------------------*/
 div#container_oben div#contentcontainer div.content_middle_holly div.mitte div.contentSection div.csc-header{
 	margin-left:12px;
 }
 div#container_oben div#contentcontainer div.content_middle_holly div.mitte div.contentSection div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt img{
 	margin-left:0px;
 }

 /*---------------------Text---------------------*/
 div#container_oben div#contentcontainer div.content_middle_holly div.mitte div.contentSection p{
 	margin-left:12px;
 } 
 /*---------------------rechts positionierter Text---------------------*/
 div#container_oben div#contentcontainer div.content_middle_holly div.mitte div.contentSection p.align-right{
 	margin-right:15px;
	margin-bottom:0px;
 }
 
 /*--------------restliche Seiten--------------*/
 div#container_oben div#contentcontainer div.content_middle div.mitte{
	width:540px;
	margin-top:15px;
	float:left;

 }
 
 *html div#container_oben div#contentcontainer div.content_middle div.mitte{


  }
 
  /*---------------------Text---------------------*/
 div#container_oben div#contentcontainer div.content_middle div.mitte p.bodytext{
	width:470px;
	margin-top:0px;
	padding-top:0px;
	/*margin-left:42px;*/
	margin-left:22px;
 }
  /*---------------------Header---------------------*/
 div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-header{
 	margin-left:20px;
 }
 div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-header h1{
 	margin-left:0px;
 }
 
 div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-header div.header3{
	margin-bottom:15px;
 }
 /*---------------------Bild---------------------*/
 div#container_oben div#contentcontainer div.content_middle div.mitte div.contentSection div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt img{
 	margin-left:0px;
	
 }
 
  div#container_oben div#contentcontainer div.content_middle div.mitte div.contentSection div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image  {
 	margin-left:0px;
	float: left;

 }
 
 
 /*---------------------Bild muss weiter links stehen, wegen dem Schatten - "Unten links markieren"---------------------*/
  div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-below{
  	margin-top:5px;
  	/*margin-left:30px;*/

  	margin-left:14px;	
  }
  /*---------------------Bild normale Position, ohne Schatten - "Oben links markieren"---------------------*/
  div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-above{
  	margin-top:5px;

	/*margin-left:35px;*/
	margin-left:14px;
  }
  div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-above .csc-textpic-imagewrap {

 } 
  
  
  
 div#container_oben div#contentcontainer div.content_middle div.mitte form#mailform{
  	margin-left:41px;
 }
  /*---------------------Suche---------------------*/
  div.tx-indexedsearch{
  	margin-left:41px;
	font-size:11px;
  }
  div.tx-indexedsearch div.tx-indexedsearch-searchbox table td{
	font-size:11px;
  }
  div.tx-indexedsearch div.tx-indexedsearch-searchbox table td input.sword{
	margin-left:5px;
	border:1px solid #CCCCCC;
  }
  div.tx-indexedsearch div.tx-indexedsearch-searchbox table td input.submit{
  	margin-top:10px;
	margin-bottom:10px;
	margin-left:5px;
	border:1px solid #CCCCCC;
  }
  div.tx-indexedsearch-browsebox{
  	margin-bottom:10px;
	margin-left:30px;
  }
  
  div.tx-indexedsearch-whatis{
  	margin-left:30px;
  }
  /*---------------------Zwei-spaltiges Layout---------------------*/
  
   * html div#container_oben div#contentcontainer div.content_middle div.mitte{
   	width:510px;
   }
  div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-header-n2{
  	margin-bottom:10px;
   }
   
   /*---------------------Bild im Text links---------------------*/
  div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-intext-left{
	margin-left:25px;
  }
  div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-intext-left div.csc-textpic-text{
	margin-left:-20px;
	padding-top:15px;
  }
   div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-intext-left div.csc-textpic-text p.bodytext{
 }
 div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-intext-left ol{
  }
 div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-intext-left .csc-textpic-imagewrap {
}


   /*---------------------Bild links neben Text ---------------------*/
  div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-intext-left-nowrap{
	/*padding-bottom:25px;*/
	margin-left:0px;
	padding-left:0px;


  }
  div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-intext-left-nowrap div.csc-textpic-text{
  	/*margin-left:250px;*/

  }
   div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-intext-left-nowrap div.csc-textpic-text p.bodytext{
	/*width:220px;*/
	width:220px;
	margin-top:0px;
	padding-top:11px;
	margin-left:0px;
 }
 div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-intext-left-nowrap ol{

  }
 div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
	margin-left:0px;
	float:left;

}

 div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap img {

}



  /*---------------------Bild rechts neben Text---------------------*/
html > body div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-intext-right-nowrap{
	margin-right:25px;
}
div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-intext-right-nowrap div.csc-textpic-text p.bodytext{
	width:220px;
	margin-top:0px;
	padding-top:11px;
	margin-left:22px;	
}

div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	padding:0;
}
  
/*---------------------Sitemap---------------------*/ 
 div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-sitemap{
 	margin-left:41px;
 }
div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-sitemap ul{
	list-style: none;
	margin-top:5px;
	margin-left:0px;
}
div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-sitemap li{
	background-image:url(../pics/pfeil_grau.gif);
	background-repeat:no-repeat;
	background-position:4px 4px;
	padding-left:20px;
}

div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-sitemap ul li {
	margin-bottom: 10px;
}
/*---------------------Ubersichtsseiten---------------------*/
html>body div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-intext-left-nowrap {
 	margin-bottom:15px;
	margin-left:20px;
	min-height: 52px; 
	height: auto !important; 
	height:52px;
}
*html div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-intext-left-nowrap {
 	margin-bottom:15px;
	/*margin-left:42px;*/
	margin-left:20px;
	
 }
div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-intext-left-nowrap div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap{
	padding-bottom:100px;
	
}
div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-intext-left-nowrap ul{
	list-style: none;
	margin-right:25px;
	margin-left:0px;
}

div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-intext-left-nowrap li{
	background-image:url(../pics/pfeil_grau.gif);
	background-repeat:no-repeat;
	background-position:4px 4px;
	padding-left:20px;
}

/* 
 * Bei mehreren bilder  bei Text/Bild werden diese als Liste dargestellt
 * -> hier benütigen wir weder pfeile ncoh abstände
 */
div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-intext-left-nowrap li.csc-textpic-image {
	background-image:none;
	background-position:0px 0px;
	padding-left:0px;
}


div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-intext-left-nowrap ul a{
	font-weight:normal;
	color:#000000;
	font-size:11px;
 }
 div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-intext-left-nowrap ul a:hover{
 	color:#235A02;
 }
 
div#container_oben div#contentcontainer div.content_middle div.mitte div.csc-textpic-intext-right-nowrap div.csc-textpic-text div.csc-textpicHeader{
	/*margin-left:41px;*/
	margin-left:22px;
}
/*************************************** 
 * Rechte Spalte im Typo3 Backend 
 ***************************************
 */  
 /* --------------Bild rechts positionieren auf Startseite--------------*/
 div#container_oben div#contentcontainer div.content_middle_holly div.rechts{
 	float:right;
	margin-right:69px;
	margin-top:270px;
 }
 
 /* -------------- Flash Inhalte auf der rechten Seite (Startseite) -------------- */
 div#container_oben div#contentcontainer div.content_middle_holly div.rechts div.tx-rbflashobject-pi1-swf_altcontent{
		margin:1px;
		padding:1px;
	 }
 
 * html div#container_oben div#contentcontainer div.content_middle_holly div.rechts{
 	float:right;
	margin-right:35px;
	width:10px;
	margin-top:272px;
 } 
  
   /*--------------restliche Seiten--------------*/
   
   /*---------------------Related Links---------------------*/
  div#container_oben div#contentcontainer div.content_middle div#subnavi div.rechts{
    clear:both;
	padding-top:15px;
  }
  div#container_oben div#contentcontainer div.content_middle div#subnavi div.rechts ul{
  	list-style: none;
	margin-left:1px;
  }
   div#container_oben div#contentcontainer div.content_middle div#subnavi div.rechts li{
  	background-image:url(../pics/pfeil_grau.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:16px;
  }
 
 /***************************************
  * Rand Spalte im Typo3 Backend 
  ***************************************
  */ 

  
/*************************************** 
 * Footer 
 ***************************************
 */ 
#footer_container {
	clear:both;
	position: absolute; 
	bottom: 0; 
	left: 0;
	height:174px;
	
	width:100%;
}
div#footer_container div.footer {
	height:174px;
	background-image: url(../pics/green.gif);
	background-repeat:repeat-x;
	vertical-align:bottom;
}


/*---------------------Metanavigation---------------------*/
div.metanav_container{
	z-index:0;
	height:174px;
	background-image: url(../pics/footer.jpg);
	background-repeat:no-repeat;
	vertical-align:bottom;
	width:1003px;
 }

div.metanav_container div.metanav{
	margin-left: 695px;
} 
*html div#footer_container div.metanav_container div.metanav{
	margin-top: 155px;
}
 html > body div#footer_container div.metanav_container div.metanav{
	position:relative;
	top:155px;
}



/* EMBED VIDEOS 22-07-2008 M.Scherb*/

embed { 
 /*margin-left:40px;*/
 margin-left:0px;
}


/* FLASH VIDEO & AUDIOPLAYER */
.video_player {	
	margin-left:50px;
}
.audio_player {	
	margin-left:40px;
}


/* RGSMOOTHGALLERY */

div.tx-rgsmoothgallery-pi1 {
	float:left;
	margin-top:20px;
	margin-left:42px;	
	z-index:5;
}



/* FLASH OVERLAY */
#videoPlayerOverlayFlashContent {
	margin-top:0px;
	padding-top:0px;
}
#pageOverlayCover {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 200;
	display: none;
	background-color: #000000;
}

div.pageFlashOverlay {
	position:absolute;
	padding:0px;
	margin:0px;		
	background-image:url(/fileadmin/template_screen/pics/pageOverlayBackground.png);
	width:1px;
	height:1px;			
	display:none;
	top:-288px;
	left:-384px;
}
div.pageFlashOverlay div.close {
	display: none;
	width:5px;
}

/* ************************** */
.mitte #musicmonster_flash {
	width:461px; 
	height:932px;
	margin-left:30px;
	margin-top:10px;
	margin-bottom:10px;
}

/* ************************** */
/* wenn hp eigenen html-code einfügt */
.margin_left_content {
	margin-left:11px;
}


/*Flash Download Karrusel*/

.mitte .contentSection object {
	margin-left:10px;
}


/* overwrite default ul margin -> not needed here */
div#container_oben div#contentcontainer div.content_middle div.csc-textpic-imagewrap ul {
	margin-left:0px;
}