@charset "UTF-8";
/* CSS  Document Familie Steinbauer */

/* Allgemeines */

html {
	margin: 20px;
	padding: 0;
	}
body {
	font:Geneva, Arial, Helvetica, sans-serif 100%; 
	margin: 0; 
	padding: 0;
	/*background:url(01.Vorlagen/Hintergrund.jpg) no-repeat top left;*/
	background-color:#990000;
	}
p { 
	margin-top: 0; 
	text-align: justify;
	}
h1	{
	font: italic normal 2em georgia, sans-sarif;
	letter-spacing: 1px;
	color:#D8A91E;
	margin-top: 0px;
	}
h2 {
	font:italic normal sans-serif;
	font-size:110%;
	color:#990000;
	margin: 10px 0px 0px 5px;
	padding-top:20px;
	}	
h3 { 
	font: italic normal 1.4em georgia, sans-serif;
	letter-spacing: 1px; 
	margin: 0 0 10px 0; 
	color: #990000;
	}
h4 {
	font: italic normal 1em georgia, sans-serif;
	letter-spacing:1px;
	margin:0;
	color: #990000;
	}
/*a:link {
	font:italic oblique;
	font-size:12px;
	font-weight: bold; 
	text-decoration: none;
	color: #990000;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #990000;
	}
a:hover, a:active { 
	text-decoration: none; 
	color: #9685BA;
	background: url(file:///Macintosh%20HD/Users/angelaengler/Desktop/Advertise.Kunden./Ameranger%20Gewerbeverein/www.die-ameranger.deRelaunch/01.Vorlagen/KlecksRollover.gif) left center no-repeat;
	}*/
	
/*Inhalte*/
#container {
		width: 800px;
    	margin: 0 auto;
		padding:20px;
    	border: 1px solid #FF9900;;
    	text-align: left;
		min-height:800px;
		height:auto;
		overflow:visible;
		background-color:#FFFFFF;
		}
#footer {
	position:relative;
	width: 90%;
	top:0px;
	border-top:medium outset;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	margin:0 auto;
	background:#FFFFFF;
	}
#footer a{
	color:#990000;
	font:normal 60% georgia, sans-serif;
	letter-spacing:1px;
	text-decoration:none;
}
#oben {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:60%;
	color:#666666;
	border:none;
	background:url(01.Vorlagen/Titelbild.jpg) center bottom no-repeat;
	height:170px;
	}
#obenkinder {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:60%;
	color:#666666;
	border:none;
	background:url(file:///Macintosh%20HD/Users/angelaengler/Desktop/Advertise.Kunden./Familotel%20Steinbauer/www.Familienurlaub.by/01.Vorlagen/HeadKinder.jpg) no-repeat center;
	height:250px;
	}
#main {
	position:relative;
	left:-100px;
	top:0px;
	font: normal 70% Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	letter-spacing: 1px;	
	color: #000000;
	width:450px;	
	margin:0px 20px 0px 0px;
	float:right;
	}	
#mainaktuell {
	position:relative;
	top:0px;
	font: normal 70% Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	letter-spacing: 1px;	
	color: #000000;
	width:100%;	
	margin:0px 20px 0px 0px;
	}	
#buchung {
	font:normal 70% Geneva, Arial, Helvetica, sans-serif;
	background-color:#FF9900;
	position:relative;
	left:0px;
	top:30em;
	padding:5px 5px 0px 0px;
	border:inset;
	border-bottom-color:#990000;
	float:left;
	}
#popcontainer {
	width:700px;
	background-color:#FFFFFF;
	}
	
#popoben {
	background:url(01.Vorlagen/Verantwortung.jpg) top no-repeat;
	height:172px;
	font:italic 1.2em georgia, sans-serif;
	text-align:center;
	text-shadow:#FFFF00;
	}
#tagcloud {
background-color:#990000; text-align: left;  ; font-family: 'Verdana'; width:395px; border:inset; line-height:21px; padding:5px; position:relative}
	
/*Navigationen*/
#navioben {
	position:relative;
	top:5px;
	left:0px;
	background-color:#FFFFFF;
	}
/*#navioben a {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:80%;
	text-decoration: none;
	color: #666666;
	text-shadow:#FFFF33;
	background:#FFFFFF;
	margin:0px;
	line-height:normal;
	}
#navioben a:visited { 
	text-decoration: underline; 
	color: #990000;
	margin:0px;
	background-color:#FFFFFF;
	}
#navioben a:hover, a:active {
	text-decoration: underline;
	color: #FF9900;
	margin:0px;
	paddin:0px;
	background-color: #FFFFFF;
	background-image: none;
	}
/*#navioben>li {
	list-style:none;
	float:left;
	position:relative;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-decoration: none;
	color: #990000;
	text-shadow:#FFFF33;
	background:none;
	margin:0px 10px 0px 0px;
	line-height:normal;
	}*/
/*#navilinks1 li:hover>ul {
    display: block;
	margin:0px;
	padding:0px 0px 0px 20px;
  }*/
  
	 


/*Hervorhebungen*/
.imtext {
	font-size: 300px;
	color: #990000;
	font-family: georgia, sans-serif;
	font-style: italic;
	font-weight: bold;
	}

/* Navigation links */
#navilinks {
	position:relative;
	left:0px;
	top:10px;
	width:180px;
	}
#navilinks a:link {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #990000;
	text-decoration: none;
	margin:0px;
	}
#navilinks a:visited {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #990000;
	text-decoration: none;
	margin:0px;
	}	
#navilinks a:hover, a:active {
	/*font: italic normal 0.8em georgia, sans-sarif;*/
	text-decoration: underline;
	color: #999999;
	text-shadow:#990000;
	}
#navilinks li {
	/*list-style:url(01.Vorlagen/ottilie.gif);*/
	list-style: none;
	font: 1.2em bold;
	font-weight:bold;
	margin:0px;
	}
#navilinks li ul {
    display: none;
	position:relative;
	margin:0px 0px 0px 20px;
	font-size:0.8em;
	font-weight:normal;
  }
#navilinks li:active>ul {
    display: block;
	margin:0px;
	padding:0px 0px 0px 20px;
  }
 #navilinks li:hover>ul {
 	display:block;
	}
#navilinks>li:hover>a {
    width: 8.2em;
	 }		

	
#navilinks1 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #990000;
	text-decoration: none;
	margin:0px;
	position:relative;
	left:0px;
	top:10px;
	width:180px;
	}
#navilinks1 a:link {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #990000;
	text-decoration: none;
	margin:0px;
	}
#navilinks1 a:visited {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #990000;
	text-decoration: none;
	margin:0px;
	}	
#navilinks1 a:hover, a:active {
	/*font: italic normal 0.8em georgia, sans-sarif;*/
	text-decoration: none;
	color:#999999;
	text-shadow:#990000;
	}
#navilinks1 a:hover, a:active {
	/*font: italic normal 0.8em georgia, sans-sarif;*/
	text-decoration: none;
	color:#999999;
	text-shadow:#990000;
	}
#navilinks1 li {
	/*list-style:url(01.Vorlagen/ottilie.gif);*/
	list-style: none;
	font: 1.2em bold;
	font-weight:bold;
	margin:0px;
	}
#navilinks1 li ul {
    display: block;
	list-style-image:none;
	position:relative;
	margin:0px 0px 0px 20px;
	font-size:0.8em;
	font-weight:normal;
  }
/#navilinks1 li:hover>ul {
	margin:0px;
	padding:0px 0px 0px 0px;
  }
#navilinks1>li:hover>a {
    width: 8.2em;
	 }	

	


/* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */
  * html ul#navilinks li.hoverIE {
    margin-right:0;  /* reservierten Platz freigeben */
    margin-bottom:-1.15em;  /* Fehlerkorrektur, ggfls. anpassen */
  }
  * html ul#navilinks li.hoverIE ul {
    display: block;
  }
  * html ul#navilinks li .hoverIE {
    width: 10.3em;
    w\idth: 8.2em;  /* (IE 6 in standards-compliant mode) */
    background: #e00 url(file:///Macintosh%20HD/Users/angelaengler/Desktop/Advertise.Kunden./Familotel%20Steinbauer/www.Familienurlaub.by/pfeil.gif) no-repeat center right;
  }


 * html ul#navilinks1 li.hoverIE {
    margin-right:0;  /* reservierten Platz freigeben */
    margin-bottom:-1.15em;  /* Fehlerkorrektur, ggfls. anpassen */
  }
  * html ul#navilinks1 li.hoverIE ul {
    display: block;
  }
  * html ul#navilinks1 li .hoverIE {
    width: 10.3em;
    w\idth: 8.2em;  /* (IE 6 in standards-compliant mode) */
    background: #e00 url(file:///Macintosh%20HD/Users/angelaengler/Desktop/Advertise.Kunden./Familotel%20Steinbauer/www.Familienurlaub.by/pfeil.gif) no-repeat center right;
  }

/*Hervorhebungen*/
.imtext {
	font: italic 110% bold;
	color:#990000;
	}

.textdeco {
	text-decoration:none;
	color:#666666;
	}
	
#sport {
	position:absolute;
	top:0px;
	left:540px;
	width:350px;
	height:150px;
	background:url(01.Vorlagen/bergwandern.jpg) no-repeat center;
	border:#990000 1px ridge;
	overflow:visible;
	}
#sport1 {
	position:absolute;
	top:160px;;
 	left:540px;
	width:350px;
	height:150px;
	background:url(01.Vorlagen/berghuette.jpg) no-repeat center center;
	float:right;
	border:#990000 1px ridge;
	overflow:visible;
	}
#erholen {
	position:absolute;
	top:320px;
 	left:540px;
	width:350px;
	height:150px;
	float:right;
	border:#990000 1px ridge;
	overflow:hidden;
	background:url(01.Vorlagen/See1.jpg) center no-repeat;
	}
#poidl {
	position:absolute;
	top:0px;
	left:540px;
	width:350px;
	height:150px;
	background:url(01.Vorlagen/poidl1.jpg) no-repeat bottom;
	border:#990000 1px ridge;
	overflow:visible;
	}
#poidl1 {
	position:absolute;
	top:160px;;
 	left:540px;
	width:350px;
	height:150px;
	background:url(01.Vorlagen/poidl2.jpg) no-repeat center;
	float:right;
	border:#990000 1px ridge;
	overflow:visible;
	}
#poidl2 {
	position:absolute;
	top:320px;
 	left:540px;
	width:350px;
	height:150px;
	float:right;
	border:#990000 1px ridge;
	overflow:hidden;
	background:url(01.Vorlagen/poidl3.jpg) bottom no-repeat;
	}	
#amerang {
	position:absolute;
	top:0px;
	left:540px;
	width:350px;
	height:150px;
	background:url(01.Vorlagen/Amerang3.jpg) no-repeat center;
	border:#990000 1px ridge;
	overflow:visible;
	}
#amerang1 {
	position:absolute;
	top:160px;;
 	left:540px;
	width:350px;
	height:150px;
	background:url(01.Vorlagen/Amerang2.jpg) no-repeat left;
	float:right;
	border:#990000 1px ridge;
	overflow:visible;
	}
#amerang2 {
	position:absolute;
	top:320px;
 	left:540px;
	width:350px;
	height:150px;
	float:right;
	border:#990000 1px ridge;
	overflow:hidden;
	background:url(01.Vorlagen/Amerang1.jpg) center no-repeat;
	}

#kontakt {
	position:absolute;
	top:0px;
	left:540px;
	width:350px;
	height:150px;
	background:url(01.Vorlagen/kontakt.jpg) no-repeat center;
	border:#990000 1px ridge;
	overflow:visible;
	}
#kontakt1 {
	position:absolute;
	top:160px;;
 	left:540px;
	width:350px;
	height:350px;
	background:url(01.Vorlagen/kontakt1.jpg) no-repeat left;
	float:right;
	border:#990000 1px ridge;
	overflow:visible;
	}
#kontakt2 {
	position:absolute;
	top:320px;
 	left:540px;
	width:350px;
	height:150px;
	float:right;
	border:#990000 1px ridge;
	overflow:hidden;
	background:url(01.Vorlagen/Amerang1.jpg) center no-repeat;
	}
#kochkurs {
	position:absolute;
	top:0px;
	left:540px;
	width:350px;
	height:150px;
	background:url(01.Vorlagen/Kochkurs1.jpg) no-repeat center;
	border:#990000 1px ridge;
	overflow:visible;
	}
#kochkurs1 {
	position:absolute;
	top:160px;;
 	left:540px;
	width:350px;
	height:150px;
	background:url(01.Vorlagen/Kochkurs2.jpg) no-repeat left;
	float:right;
	border:#990000 1px ridge;
	overflow:visible;
	}
#kochkurs2 {
	position:absolute;
	top:320px;
 	left:540px;
	width:350px;
	height:150px;
	float:right;
	border:#990000 1px ridge;
	overflow:hidden;
	background:url(01.Vorlagen/Kochkurs3.jpg) center no-repeat;
	}
	
#weinprobe {
	position:absolute;
	top:0px;
	left:540px;
	width:350px;
	height:150px;
	background:url(01.Vorlagen/Weinprobe1.jpg) no-repeat top;
	border:#990000 1px ridge;
	overflow:visible;
	}
#weinprobe1 {
	position:absolute;
	top:160px;;
 	left:540px;
	width:350px;
	height:150px;
	background:url(01.Vorlagen/Weinprobe2.jpg) no-repeat bottom right;
	float:right;
	border:#990000 1px ridge;
	overflow:visible;
	}
#weinprobe2 {
	position:absolute;
	top:320px;
 	left:540px;
	width:350px;
	height:150px;
	float:right;
	border:#990000 1px ridge;
	overflow:hidden;
	background:url(01.Vorlagen/Weinprobe3.jpg) center no-repeat;
	}
	
#odl {
	position:absolute;
	top:320px;
 	left:540px;
	width:350px;
	height:300px;
	float:right;
	border:#990000 1px ridge;
	overflow:hidden;
	background:url(01.Vorlagen/Odl.jpg) center no-repeat;
	}	

#shop {
	position:relative;
	width:150px;
	height:150px;
	float:right;
	overflow:hidden;
	border:#990000 inset 1px;
	text-align:center;
	margin:10px;
	float:left;
	}

#partyservice {
	position:absolute;
	top:0px;
	left:540px;
	width:350px;
	height:150px;
	background:url(01.Vorlagen/Partyservice.jpg) no-repeat top;
	border:#990000 1px ridge;
	overflow:visible;
	}
#partyservice1 {
	position:absolute;
	top:160px;;
 	left:540px;
	width:350px;
	height:150px;
	background:url(01.Vorlagen/Partyservice1.jpg) no-repeat top right;
	float:right;
	border:#990000 1px ridge;
	overflow:visible;
	}
#partyservice2 {
	position:absolute;
	top:320px;
 	left:540px;
	width:350px;
	height:150px;
	float:right;
	border:#990000 1px ridge;
	overflow:hidden;
	background:url(01.Vorlagen/Partyservice2.jpg) no-repeat;
	}

/*#navilinks li { list-style:none; margin:0; padding:0; } 
#navilinks ul { list-style-type:none; margin:0; padding:0 0 0 20px; }
#navilinks li ul { display:none; }
  #navilinks li:hover ul { display:block; }
  #navilinks li:active ul {display:compact; }

#navilinks1 {
	position:relative;
	left:40px;
	top:300px;
	width:150px;
	float:left;
	margin:0px 0px 0px 20px;
	}

#navilinks1 li { list-style:none; margin:0; padding:0; } 
#navilinks1 ul { list-style-type:none; margin:0; padding:0 0 0 20px; }
#navilinks1 li ul { display:none; }
  #navilinks1 li:hover ul { display:block; }
  #navilinks1 li:active ul {display:compact; }*/