/* ############# CSS Document JUNGE UNION SCHWEINFURT ############## */

/* ######### DIVs ########### */
* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		}

	body {
		background-color:#fff;
		text-align:center; /* horizontal centering for IE Win quirks */
		}

	/* ######### Links unten ########### */	
  a.impressum:link { color:#bbb; font-size:11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;; font-weight:bold; text-decoration: none; }				
  a.impressum:visited { color:#bbb; font-size:11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;; font-weight:bold; text-decoration: none; }
  a.impressum:hover { color:#999; font-size:11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;; font-weight:bold; text-decoration: none; }					
  a.impressum:active { color:#bbb; font-size:11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;; font-weight:bold; text-decoration: none; }
	
		
	#distance { 
		width:1px;
		height:50%;
		background-color:#fff;
		margin-bottom:-333px; /* half of container's height */
		float:left;
		}
		
	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		height:600px; width:1000px;
		clear:left;
		background-color:#fff;
		}
		
  div.inhalt_innen {
    position: absolute; left: 0; top: 0;
		z-index:2;
    width: 1000px; height: 667px;
    margin-left: 0; margin-top: 0;
  	background:url(../pics/home_bg_1000x600.jpg);
    background-position:0px 0px;
    background-repeat:no-repeat;
  	border:0px solid red;
  	}	
	
	div.home_ueberschrift {
    position: absolute; left: 13px; top: 20px;
		z-index:3;
    width: 898px; height: 120px;
    margin-left: 0; margin-top: 0;
  	background-image:url(../pics/hintergrund_leib.jpg);
		border:0px solid red;
  	}	
		
	p.home_ueberschrift_gross {
    text-align:left;
    vertical-align:top;
    font:34px Verdana, Arial, "Trebuchet MS", sans-serif;
    color:#fff;
		font-weight:bold;
    line-height:60px;
  	}
		
	p.home_ueberschrift_klein {
    text-align:left;
    vertical-align:top;
    font:18px Verdana, Arial, "Trebuchet MS", sans-serif;
    color:#fff;
		font-weight:normal;
		letter-spacing:1px;
    line-height:20px;
  	}
	

		
	div.home_gruen_flaeche_1 {
    position: absolute; left: 293px; top: 489px;
    width: 258px; height: 70px;
    margin-left: 0; margin-top: 0;
  	background:#76B143;
  	z-index:3;
  	}
		
	div.home_text_1 {
    position: absolute; left: 302px; top: 497px;
    width: auto; height: 50px;
    margin-left: 0; margin-top: 0;
  	background:transparent;
  	z-index:4;
  	}	
		
		
	div.home_gruen_flaeche_2 {
    position: absolute; left: 26px; top: 570px;
    width: 335px; height: 70px;
    margin-left: 0; margin-top: 0;
  	background:#76B143;
  	z-index:3;
  	}
		
	div.home_text_2 {
    position: absolute; left: 35px; top: 575px;
    width: auto; height: 60px;
    margin-left: 0; margin-top: 0;
  	background:transparent;
  	z-index:4;
  	}	
		
			
		
	div.home_gruen_flaeche_3 {
	position: absolute;
	left: 1013px;
	top: 601px;
	width: 41px;
	height: 42px;
	margin-left: 0;
	margin-top: 0;
	background:#76B143;
	z-index:3;
	background-color: #FFFFFF;
  	}
		
	div.home_text_3 {
    position: absolute; left: 461px; top: 441px;
    width: auto; height: 60px;
    margin-left: 0; margin-top: 0;
  	background:transparent;
  	z-index:4;
  	}	
		
			
		
	div.home_gruen_flaeche_4 {
    position: absolute; left: 483px; top: 584px;
    width: 235px; height: 70px;
    margin-left: 0; margin-top: 0;
  	background:#76B143;
  	z-index:3;
  	}
		
	div.home_text_4 {
    position: absolute; left: 493px; top: 590px;
    width: auto; height: 60px;
    margin-left: 0; margin-top: 0;
  	background:transparent;
  	z-index:4;
  	}		
		
	p.home_text_block {
    text-align:left;
    vertical-align:top;
    font:10px Verdana, Helvetica, Tahoma, Arial, Georgia, Lucida Sans, "Trebuchet MS", Times, "Trebuchet MS", sans-serif;
    color:#fff;
		font-weight:normal;
    line-height:14px;
  	}
		
		
	p.home_text_block a:link, p.home_text_block a:visited, p.home_text_block a:hover, p.home_text_block a:active {
  	text-decoration:underline;
		font:12px Verdana, Helvetica, Tahoma, Arial, Georgia, Lucida Sans, "Trebuchet MS", Times, sans-serif;
		font-weight:bold;
  	color:#fff;
  	}

	p.home_text_block a:hover	{
  	text-decoration:none;
		font:12px Verdana, Helvetica, Tahoma, Arial, Georgia, Lucida Sans, "Trebuchet MS", Times, sans-serif;
		font-weight:bold;
  	color:#fff;
  	}		

	div.home_logo {
    position: absolute; left: 813px; top: 516px;
    width: 186px; height: 145px;
    margin-left: 0; margin-top: 0;
  	background:transparent;
  	z-index:4;
		border:0px solid #fff;
  	}		
		
	div.impressum {
    position: absolute; left: 1004px; top: 653px;
    width: 50px; height: 10px;
    margin-left: 0; margin-top: 0;
  	background:transparent;
		font:10px 	Helvetica, Tahoma, Verdana, Arial, Georgia, Lucida Sans, "Trebuchet MS", Times, "Trebuchet MS", sans-serif;
    color:#aaa;
		font-weight:normal;
    line-height:13px;
  	z-index:4;
  	}
	
	div.impressum a:link, div.impressum a:visited, div.impressum a:hover, div.impressum a:active {
  	text-decoration:underline;
		font-weight:normal;
  	color:#aaa;
  	}

	div.impressum a:hover	{
  	text-decoration:none;
		font-weight:normal;
  	color:#777;
  	}
	
		
		
		
		
		
		
	div.inhalt_innen_bewegung {
    position: absolute; left: 0; top: 0;
    width: 1000px; height: 690px;
    margin-left: 0; margin-top: 0;
  	background-image:url(../pics/hintergrund_leben.jpg);
  	z-index:2;
  	}
		
	div.inhalt_innen_rhoen {
    position: absolute; left: 0; top: 0;
    width: 1000px; height: 690px;
    margin-left: 0; margin-top: 0;
  	background-image:url(../pics/hintergrund_die_rhoen.jpg);
  	z-index:2;
  	}

	div.inhalt_innen_frische_kueche {
    position: absolute; left: 0; top: 0;
    width: 1000px; height: 690px;
    margin-left: 0; margin-top: 0;
  	background-image:url(../pics/hintergrund_frische_kueche.jpg);
  	z-index:2;
  	}
		
	div.inhalt_innen_garten_spa {
    position: absolute; left: 0; top: 0;
    width: 1000px; height: 690px;
    margin-left: 0; margin-top: 0;
  	background-image:url(../pics/hintergrund_garten_spa.jpg);
  	z-index:2;
  	}
		
	div.inhalt_innen_motorrad {
    position: absolute; left: 0; top: 0;
    width: 1000px; height: 690px;
    margin-left: 0; margin-top: 0;
  	background-image:url(../pics/hintergrund_motorrad.jpg);
  	z-index:2;
  	}
	
	div.inhalt_innen_rhoen_logo {
    position: absolute; left: 0; top: 0;
    width: 1000px; height: 690px;
    margin-left: 0; margin-top: 0;
  	background-image:url(../pics/hintergrund_die_rhoen_logo.jpg);
  	z-index:2;
  	}
		
  div.logo_link {
    position: absolute; left: 103px; top: 25px;
    text-align:left;
    width: 230px; height: 80px;
  	z-index:3;
  	}	
	
  div.flash {
    position: absolute; left: 222px; top: 128px;
    text-align:left;
    width: 670px; height: 294px;
  	z-index:3;
  	}	
	
  div.menue {
    position: absolute; left: 10px; top: 257px;
    text-align:right;
    width: 222px; height: 150px;
  	z-index:5;
  	}	
  	
  div.menue2 {
    position: absolute; left: 10px; top: 257px;
    text-align:right;
    width: 222px; height: 150px;
  	z-index:4;
  	}		
	
  div.content {
    position: absolute; left: 288px; top: 440px;
    text-align:left; line-height:1.1em;
    width: 464px; height: 170px;
		border-width:0px;
  	border-style:solid;
  	border-color:#fff;
  	}	

div.content_garten_spa {
    position: absolute; left: 288px; top: 440px;
    text-align:left; line-height:1.1em;
    width: 475px; height: 170px;
		border-width:0px;
  	border-style:solid;
  	border-color:#fff;
  	}	
  	
div.content_sitemap {
    position: absolute; left: 222px; top: 440px;
    text-align:left; line-height:1.1em;
    width: 670px; height: 170px;
		border-width:0px;
  	border-style:solid;
  	border-color:#fff;
  	}		
	
div.content_newsletter {
    position: absolute; left: 222px; top: 440px;
    text-align:left; line-height:1.1em;
    width: 670px; height: 170px;
		border-width:0px;
  	border-style:solid;
  	border-color:#fff;
  	}		
		
  div.footer {
    position: absolute; left: 150px; top: 664px;
		z-index:15;
    text-align:center;
    width: 810px; height: 20px;
  	color:#fff; font-weight: normal; font-size: 10px; font-family: verdana, arial, helvetica, sans-serif;
  	letter-spacing:0em;
  	}	
  	
  div.div_galerie_bild {
    z-index: 1; 
  	position: absolute; left: 0px; top: opx; 
  	width: 670px; height: 294px;	
  	}	
	
  div.div_galerie_link {
    z-index: 12; 
  	position: absolute; left: 500px; top: 279px; 
  	width: 160px; height: 16px;	
  	padding-top:1px;
  	text-align:right;
  	line-height: 10px;
  	}	
	
	span.umbruch { line-height:0.5em;}
	
	table.link_tabelle { color:#fff; font-size:12px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }

	td.link_tabelle { color:#fff; font-size:12px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }

			
  /* ######### Links dateiweit ########### */
  a:link { color:#fff; font-size:12px; font-family: verdana, arial, helvetica, sans-serif; font-weight:bold; text-decoration: none; }				
  a:visited { color:#fff; font-size:12px; font-family: verdana, arial, helvetica, sans-serif; font-weight:bold; text-decoration: none; }
  a:hover { color:#cc9933; font-size:12px; font-family: verdana, arial, helvetica, sans-serif; font-weight:bold; text-decoration: none; }					
  a:active { color:#fff; font-size:12px; font-family: verdana, arial, helvetica, sans-serif; font-weight:bold; text-decoration: none; }
	
  /* ######### Links Bildergalerie ########### */
  a.galerie_link:link { color:#000; font-size:10px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }				
  a.galerie_link:visited { color:#000; font-size:10px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }
  a.galerie_link:hover { color:#000; font-size:10px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }					
  a.galerie_link:active { color:#000; font-size:10px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }
  
  /* ######### Links footer ########### */	
  a.footer_links:link { color:#fff; font-size:11px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }				
  a.footer_links:visited { color:#fff; font-size:11px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }
  a.footer_links:hover { color:#cc9933; font-size:11px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }					
  a.footer_links:active { color:#fff; font-size:11px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }
  		
  /* #######################  Überschriften  ####################### */
  h1 { color:#fff; font-weight: normal; font-size: 17px; font-family: verdana, arial, helvetica, sans-serif; letter-spacing:0.1em; }
  h2 { color:#fff; font-weight: normal; font-size: 12px; font-family: verdana, arial, helvetica, sans-serif; letter-spacing:0em; }
  h3 { color:#D2232A; font-weight: bold; font-size: 14px; font-family: verdana, arial, helvetica, sans-serif; }
  h4 { color:#666; font-weight: bold; font-size: 14px; font-family: verdana, arial, helvetica, sans-serif; }
  h5 { color:#000; font-weight: bold; font-size: 14px; font-family: verdana, arial, helvetica, sans-serif; }
  h6 { color:#333; font-weight: bold; font-size: 14px; font-family: verdana, arial, helvetica, sans-serif; }
  
  
  /* #######################  Formatierung für "Akteulles" Text (Newsflash aus ::ledermann.biz-CMS  ####################### */  
  
  td.NfTdTitel { color:#fff; font-weight: normal; font-size: 12px; font-family: verdana, arial, helvetica, sans-serif; letter-spacing:0em; line-height:1.2em;}
  td.NfTdInhalt { color:#fff; font-weight: normal; font-size: 12px; font-family: verdana, arial, helvetica, sans-serif; letter-spacing:0em; line-height:1.2em;}
  
	/* #######################  Termine Container  ####################### */
	span.termine_datum { color:#503A2F; font-weight: bold; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif;}

	a.termine_link:link { color:#cc9933; font-size:11px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }				
  a.termine_link:visited { color:#cc9933; font-size:11px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }
  a.termine_link:hover { color:#fff; font-size:11px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }					
  a.termine_link:active { color:#cc9933; font-size:11px; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; text-decoration: none; }
  
		div.termine {
    position: absolute; left: 784px; top: 444px; z-index: 12; 
    text-align:right; line-height:1.2em;
    width: 108px; height: 170px;
		border-width:0px; border-style:solid; border-color:#503A2F;
    text-align: left;
		line-height:1em;
  	}
		
		div.termine2 {
    position: absolute; left: 784px; top: 444px; z-index: 10;
    width: 108px; height: 170px;
		background-color:#503A2F;
		opacity: 0.2; 
    -moz-opacity: 0.2; 
    filter: alpha(opacity=20);
  	}
	
  /* #######################  Listenmenue 1  ####################### */
  
  #menu {
    width: 136px;
    position: absolute;
    left: 70px;
  	}
  
  #menu ul {
    list-style: none;
    }
  
  #menu a, #menu_links h2 {
    display: block;
    margin-bottom: 1px;
    padding: 2px 3px;
    padding-bottom: 0px;
    }
  
  #menu h2 {
    color: #993300;
    text-transform: uppercase;
    }
  
  #menu a {
    text-decoration: none;
    background-image: url(../pics/1pxtrans.gif);
    }
  
  #menu li {
    position: relative;
    z-index:10;
    }
  
  #menu ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    }
  
  div#menu ul ul li:hover ul,
  div#menu ul ul ul li:hover ul
    {display: block;
    }
  
  div.test1 {
    width: 136px; height: 16px;
    text-align: left;
    padding:0px;
    letter-spacing:0em;
  	background-repeat:no-repeat;
  	}
  
  div.test2 {
    width: 136px; height: 16px;
    opacity: 0.5; 
    -moz-opacity: 0.5; 
    filter: alpha(opacity=50);
    text-align: left;
    padding:0px;
    letter-spacing:0em;
  	background-image: url(../pics/submenu.gif); background-repeat:no-repeat;
  	}
  
  div.test3 {
    width: 136px; height: 16px;
  	opacity: 0.8; 
    -moz-opacity: 0.8; 
    filter: alpha(opacity=80);
    text-align: left;
    padding:0px;
    letter-spacing:0em;
  	background-image: url(../pics/submenu.gif); background-repeat:no-repeat;
  	}

/* ######## */
  a.liste_ebene1:link {
    color: #fff; font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal; font-size: 12px; text-decoration: none;
    }
  
  a.liste_ebene1:visited {
    color: #fff; font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal; font-size: 12px; text-decoration: none;
    }
  
  a.liste_ebene1:hover {
    color: #4f392f; font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal; font-size: 12px; text-decoration: none;
    }
  
  a.liste_ebene1:active {
    color: #4f392f; font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal; font-size: 12px; text-decoration: none;
    }

/* ######## */
  a.liste_ebene1_aktiv:link {
    color: #4f392f; font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal; font-size: 12px; text-decoration: none;
    }

  a.liste_ebene1_aktiv:visited {
    color: #4f392f; font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal; font-size: 12px; text-decoration: none;
    }

  a.liste_ebene1_aktiv:hover {
    color: #4f392f; font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal; font-size: 12px; text-decoration: none;
    }

  a.liste_ebene1_aktiv:active {
    color: #4f392f; font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal; font-size: 12px; text-decoration: none;
    }
		
/* ######## */
  a.liste_ebene2:link {
    color: #000; font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal; font-size: 11px; text-align:left; text-decoration: none;
    }
  
  a.liste_ebene2:visited {
    color: #000; font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal; font-size: 11px; text-align:left; text-decoration: none;
    }
  
  a.liste_ebene2:hover {
    color: #4F392F; font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal; font-size: 11px; text-align:left; text-decoration: none;
    }
  
  a.liste_ebene2:active {
    color: #000; font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal; font-size: 11px; text-align:left; text-decoration: none;
    }
		
/* ######## */
  a.liste_ebene2_aktiv:link {
    color: #000; font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal; font-size: 11px; text-align:left; text-decoration: none;
    }
  
  a.liste_ebene2_aktiv:visited {
    color: #000; font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal; font-size: 11px; text-align:left; text-decoration: none;
  	}
  
  a.liste_ebene2_aktiv:hover {
    color: #4F392F; font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal; font-size: 11px; text-align:left; text-decoration: none;
    }
    
  a.liste_ebene2_aktiv:active {
    color: #000; font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal; font-size: 11px; text-align:left; text-decoration: none;
    }

/* #######################  Listenmenue 2  ####################### */

  #menu2 {
    width: 136px;
    position: absolute; left: 70px;
  	}
  
  #menu2 ul {
    list-style: none;
    letter-spacing:0em;
    }
  
  #menu2 a, #menu2 h2 {
    display: block;
    margin-bottom: 1px;
    padding: 2px 3px;
    padding-bottom: 0px;
    }
  
  #menu2 h2 {
    color: #993300;
    text-transform: uppercase;
    }
  
  #menu2 a {
    text-decoration: none;
    background-image: url(../pics/1pxtrans.gif);
    }
  
  #menu2 li {
    position: relative;
    z-index:10;
    }
  
  #menu2 ul ul ul {
    position: absolute; top: 0;
    left: 100%; width: 100%;
    }
  
  div#menu2 ul ul li:hover ul,
  div#menu2 ul ul ul li:hover ul
    {display: block;
    }